@flamingo-stack/openframe-frontend-core 0.0.552 → 0.0.553-1815.4815.1

package/dist/{chunk-TI75367M.js → chunk-K5SQ625X.js}

@@ -292,7 +292,7 @@ import {
 
 // src/components/pagination.tsx
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight6, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import * as React129 from "react";
+import * as React126 from "react";
 import { jsx as jsx339, jsxs as jsxs265 } from "react/jsx-runtime";
 var Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationPrevious, PaginationNext;
 var init_pagination = __esm({
@@ -384,19 +384,19 @@ var init_pagination = __esm({
         ) })
       ] }) });
     };
-    PaginationContent = React129.forwardRef(
+    PaginationContent = React126.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsx339("ul", { ref, className: cn("flex items-center justify-center", className), ...props });
       }
     );
     PaginationContent.displayName = "PaginationContent";
-    PaginationItem = React129.forwardRef(
+    PaginationItem = React126.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsx339("li", { ref, className: cn("", className), ...props });
       }
     );
     PaginationItem.displayName = "PaginationItem";
-    PaginationLink = React129.forwardRef(
+    PaginationLink = React126.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsx339(
           "button",
@@ -412,7 +412,7 @@ var init_pagination = __esm({
       }
     );
     PaginationLink.displayName = "PaginationLink";
-    PaginationEllipsis = React129.forwardRef(
+    PaginationEllipsis = React126.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsxs265(
           "span",
@@ -429,7 +429,7 @@ var init_pagination = __esm({
       }
     );
     PaginationEllipsis.displayName = "PaginationEllipsis";
-    PaginationPrevious = React129.forwardRef(
+    PaginationPrevious = React126.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsxs265(Button, { ref, variant: "outline", size: "icon", className: cn("h-10 w-10", className), ...props, children: [
           /* @__PURE__ */ jsx339(ChevronLeft2, { className: "h-4 w-4" }),
@@ -438,7 +438,7 @@ var init_pagination = __esm({
       }
     );
     PaginationPrevious.displayName = "PaginationPrevious";
-    PaginationNext = React129.forwardRef(
+    PaginationNext = React126.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsxs265(Button, { ref, variant: "outline", size: "icon", className: cn("h-10 w-10", className), ...props, children: [
           /* @__PURE__ */ jsx339(ChevronRight6, { className: "h-4 w-4" }),
@@ -30246,7 +30246,7 @@ function OrganizationCard({
 
 // src/components/ui/service-card.tsx
 init_cn();
-import { useMemo as useMemo44, useState as useState98 } from "react";
+import { useMemo as useMemo45, useState as useState98 } from "react";
 import { ExternalLink as ExternalLink8 } from "lucide-react";
 
 // src/components/providers/dynamic-theme-provider.tsx
@@ -39526,15 +39526,12 @@ function TimeTrackerHeaderButton({ className, disabled }) {
 }
 
 // src/components/features/board/board.tsx
-import * as React113 from "react";
+import { Fragment as Fragment56, useCallback as useCallback35, useEffect as useEffect69, useMemo as useMemo41, useRef as useRef50, useState as useState90 } from "react";
 import {
   DndContext,
   DragOverlay,
   KeyboardSensor,
   PointerSensor,
-  closestCorners,
-  pointerWithin,
-  rectIntersection,
   useSensor,
   useSensors
 } from "@dnd-kit/core";
@@ -39544,7 +39541,7 @@ init_cn();
 // src/components/features/board/board-column.tsx
 import { useDroppable } from "@dnd-kit/core";
 import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
-import * as React112 from "react";
+import { memo as memo8, useEffect as useEffect68, useMemo as useMemo40, useRef as useRef49 } from "react";
 init_cn();
 
 // src/components/features/board/board-column-header.tsx
@@ -39657,7 +39654,7 @@ function tintOnDark(hex) {
 init_next_link();
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import * as React110 from "react";
+import { memo as memo7, useMemo as useMemo39 } from "react";
 init_cn();
 
 // src/components/features/board/board-ticket-approval.tsx
@@ -39712,6 +39709,35 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
   ] });
 }
 
+// src/components/features/board/use-lane-scroll-anchor.ts
+import { useRef as useRef48 } from "react";
+var TICKET_ID_ATTRIBUTE = "data-ticket-id";
+function cardPositions(root) {
+  return Array.from(root.querySelectorAll(`[${TICKET_ID_ATTRIBUTE}]`)).map((element) => ({
+    id: element.getAttribute(TICKET_ID_ATTRIBUTE) ?? "",
+    offsetTop: element.offsetTop
+  }));
+}
+function useLaneScrollAnchor(scrollRef, tickets) {
+  const positionsRef = useRef48([]);
+  useIsomorphicLayoutEffect(() => {
+    const root = scrollRef.current;
+    if (!root) return;
+    const previous = positionsRef.current;
+    const scrollTop = root.scrollTop;
+    const current = cardPositions(root);
+    if (previous.length > 0 && scrollTop > 0) {
+      const anchor = previous.find((card) => card.offsetTop >= scrollTop) ?? previous[previous.length - 1];
+      const moved = current.find((card) => card.id === anchor.id);
+      if (moved) {
+        const drift = moved.offsetTop - anchor.offsetTop;
+        if (Math.abs(drift) >= 1) root.scrollTop = scrollTop + drift;
+      }
+    }
+    positionsRef.current = current;
+  }, [tickets]);
+}
+
 // src/components/features/board/ticket-card.tsx
 import { Fragment as Fragment54, jsx as jsx297, jsxs as jsxs228 } from "react/jsx-runtime";
 var PRIORITY_COLOR_CLASS = {
@@ -39822,7 +39848,7 @@ function TicketCardView({ className, ...bodyProps }) {
     }
   );
 }
-function TicketCard({
+var TicketCard = memo7(function TicketCard2({
   ticket,
   columnId,
   columnColor,
@@ -39833,7 +39859,7 @@ function TicketCard({
   onApprove,
   onReject
 }) {
-  const sortableData = React110.useMemo(() => ({ columnId, type: "ticket" }), [columnId]);
+  const sortableData = useMemo39(() => ({ columnId, type: "ticket" }), [columnId]);
   const sortable = useSortable({ id: ticket.id, data: sortableData, disabled: dragDisabled });
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
   const style = isOverlay ? {} : {
@@ -39844,15 +39870,18 @@ function TicketCard({
   const handleClick = (e) => {
     if (sortable.isDragging) e.preventDefault();
   };
-  const body = /* @__PURE__ */ jsx297(
-    TicketCardBody,
-    {
-      ticket,
-      columnColor,
-      renderAssignSlot,
-      onApprove: onApprove ? (requestId) => onApprove(ticket.id, requestId) : void 0,
-      onReject: onReject ? (requestId) => onReject(ticket.id, requestId) : void 0
-    }
+  const body = useMemo39(
+    () => /* @__PURE__ */ jsx297(
+      TicketCardBody,
+      {
+        ticket,
+        columnColor,
+        renderAssignSlot,
+        onApprove: onApprove ? (requestId) => onApprove(ticket.id, requestId) : void 0,
+        onReject: onReject ? (requestId) => onReject(ticket.id, requestId) : void 0
+      }
+    ),
+    [ticket, columnColor, renderAssignSlot, onApprove, onReject]
   );
   const cardClasses = cn(
     TICKET_CARD_SHELL,
@@ -39864,6 +39893,9 @@ function TicketCard({
     ref: isOverlay ? void 0 : sortable.setNodeRef,
     style,
     className: cardClasses,
+    // Read by the lane's scroll anchor to keep the list still when tickets are
+    // inserted above the viewport — see `use-lane-scroll-anchor.ts`.
+    ...isOverlay ? {} : { [TICKET_ID_ATTRIBUTE]: ticket.id },
     ...isOverlay ? {} : sortable.attributes,
     ...isOverlay ? {} : sortable.listeners
   };
@@ -39899,7 +39931,7 @@ function TicketCard({
     ),
     /* @__PURE__ */ jsx297("div", { className: cn("pointer-events-none", innerWrapperClass), children: body })
   ] });
-}
+});
 function TicketTagRow({ tags }) {
   const visible = tags.slice(0, MAX_VISIBLE_TAGS);
   const hidden = tags.length - visible.length;
@@ -39910,10 +39942,10 @@ function TicketTagRow({ tags }) {
 }
 
 // src/components/features/board/ticket-card-skeleton.tsx
-import * as React111 from "react";
+import * as React110 from "react";
 init_cn();
 import { jsx as jsx298, jsxs as jsxs229 } from "react/jsx-runtime";
-var TicketCardSkeleton = React111.forwardRef(
+var TicketCardSkeleton = React110.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxs229(
     "div",
     {
@@ -39949,7 +39981,7 @@ TicketCardSkeleton.displayName = "TicketCardSkeleton";
 
 // src/components/features/board/board-column.tsx
 import { Fragment as Fragment55, jsx as jsx299, jsxs as jsxs230 } from "react/jsx-runtime";
-function BoardColumn({
+var BoardColumn = memo8(function BoardColumn2({
   column,
   collapsed = false,
   onToggleCollapse,
@@ -39964,16 +39996,24 @@ function BoardColumn({
   joinLeft = false,
   joinRight = false
 }) {
+  const droppableData = useMemo40(() => ({ columnId: column.id, type: "column" }), [column.id]);
+  const { setNodeRef: setLaneRef, isOver } = useDroppable({
+    id: `column:${column.id}`,
+    data: droppableData,
+    disabled: column.dropDisabled || collapsed
+  });
   return /* @__PURE__ */ jsxs230(
     "div",
     {
+      ref: setLaneRef,
       className: cn(
         "flex h-full shrink-0 flex-col gap-[var(--spacing-system-sf)] overflow-hidden rounded-md border border-ods-border p-[var(--spacing-system-sf)]",
         "transition-[width] duration-300 ease-out",
         collapsed ? "w-14" : "w-[400px]",
         column.system && "bg-ods-card",
         joinLeft && "rounded-l-none border-l-0",
-        joinRight && "rounded-r-none"
+        joinRight && "rounded-r-none",
+        isOver && "outline outline-2 -outline-offset-2 outline-ods-focus"
       ),
       style: column.system ? void 0 : { backgroundColor: tintOnDark(column.color) },
       children: [
@@ -40005,25 +40045,25 @@ function BoardColumn({
       ]
     }
   );
-}
-function ColumnBody({ column, getTicketHref, renderAssignSlot, onApprove, onReject, onLoadMore, loadMoreRootMargin }) {
-  const ticketIds = React112.useMemo(() => column.tickets.map((t) => t.id), [column.tickets]);
-  const droppableData = React112.useMemo(
-    () => ({ columnId: column.id, type: "column" }),
-    [column.id]
-  );
-  const { setNodeRef: setDroppableRef, isOver } = useDroppable({
-    id: `column:${column.id}`,
-    data: droppableData,
-    disabled: column.dropDisabled
-  });
-  const scrollRef = React112.useRef(null);
-  const sentinelRef = React112.useRef(null);
-  const loadMoreRef = React112.useRef(onLoadMore);
+});
+function ColumnBody({
+  column,
+  getTicketHref,
+  renderAssignSlot,
+  onApprove,
+  onReject,
+  onLoadMore,
+  loadMoreRootMargin
+}) {
+  const ticketIds = useMemo40(() => column.tickets.map((t) => t.id), [column.tickets]);
+  const scrollRef = useRef49(null);
+  const sentinelRef = useRef49(null);
+  useLaneScrollAnchor(scrollRef, column.tickets);
+  const loadMoreRef = useRef49(onLoadMore);
   loadMoreRef.current = onLoadMore;
-  const columnIdRef = React112.useRef(column.id);
+  const columnIdRef = useRef49(column.id);
   columnIdRef.current = column.id;
-  React112.useEffect(() => {
+  useEffect68(() => {
     if (!column.hasMore || column.isLoadingMore) return;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -40039,48 +40079,40 @@ function ColumnBody({ column, getTicketHref, renderAssignSlot, onApprove, onReje
     observer.observe(sentinel);
     return () => observer.disconnect();
   }, [column.hasMore, column.isLoadingMore, loadMoreRootMargin]);
-  const setBodyRef = React112.useCallback(
-    (el) => {
-      scrollRef.current = el;
-      setDroppableRef(el);
-    },
-    [setDroppableRef]
-  );
-  return /* @__PURE__ */ jsxs230(
-    "div",
-    {
-      ref: setBodyRef,
-      className: cn(
-        "flex min-h-0 flex-1 flex-col gap-[var(--spacing-system-xs)] overflow-y-auto",
-        isOver && "rounded-md outline outline-2 outline-offset-2 outline-ods-focus"
-      ),
-      children: [
-        /* @__PURE__ */ jsx299(SortableContext, { items: ticketIds, strategy: verticalListSortingStrategy, children: column.isLoading ? /* @__PURE__ */ jsx299(SkeletonStack, {}) : column.tickets.length === 0 ? /* @__PURE__ */ jsx299(EmptyState2, {}) : column.tickets.map((t) => /* @__PURE__ */ jsx299(
-          TicketCard,
-          {
-            ticket: t,
-            columnId: column.id,
-            columnColor: column.color,
-            href: getTicketHref?.(t.id),
-            renderAssignSlot,
-            onApprove,
-            onReject,
-            dragDisabled: column.dragDisabled
-          },
-          t.id
-        )) }),
-        column.isLoadingMore && !column.isLoading && /* @__PURE__ */ jsx299(TicketCardSkeleton, {}),
-        column.hasMore && /* @__PURE__ */ jsx299("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1 shrink-0" })
-      ]
-    }
+  return (
+    // `overflow-anchor:none` hands scroll anchoring to `useLaneScrollAnchor`
+    // wholesale. The browser's own anchoring is unusable here — it silently
+    // skips transformed elements, so it works between drags and does nothing
+    // during one — and leaving both on double-corrects every insertion.
+    /* @__PURE__ */ jsxs230(
+      "div",
+      {
+        ref: scrollRef,
+        className: "flex min-h-0 flex-1 flex-col gap-[var(--spacing-system-xs)] overflow-y-auto [overflow-anchor:none]",
+        children: [
+          /* @__PURE__ */ jsx299(SortableContext, { items: ticketIds, strategy: verticalListSortingStrategy, children: column.isLoading ? /* @__PURE__ */ jsx299(SkeletonStack, {}) : column.tickets.length === 0 ? /* @__PURE__ */ jsx299(EmptyState2, {}) : column.tickets.map((t) => /* @__PURE__ */ jsx299(
+            TicketCard,
+            {
+              ticket: t,
+              columnId: column.id,
+              columnColor: column.color,
+              href: getTicketHref?.(t.id),
+              renderAssignSlot,
+              onApprove,
+              onReject,
+              dragDisabled: column.dragDisabled
+            },
+            t.id
+          )) }),
+          column.isLoadingMore && !column.isLoading && /* @__PURE__ */ jsx299(TicketCardSkeleton, {}),
+          column.hasMore && /* @__PURE__ */ jsx299("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1 shrink-0" })
+        ]
+      }
+    )
   );
 }
 function SkeletonStack({ count = 4 }) {
-  const keys = React112.useMemo(
-    () => Array.from({ length: count }, () => Math.random().toString(36).slice(2)),
-    [count]
-  );
-  return /* @__PURE__ */ jsx299(Fragment55, { children: keys.map((k) => /* @__PURE__ */ jsx299(TicketCardSkeleton, {}, k)) });
+  return /* @__PURE__ */ jsx299(Fragment55, { children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx299(TicketCardSkeleton, {}, `skeleton-${i}`)) });
 }
 function EmptyState2() {
   return /* @__PURE__ */ jsxs230("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-lf)] p-[var(--spacing-system-lf)] text-center text-ods-text-secondary", children: [
@@ -40092,8 +40124,92 @@ function EmptyState2() {
   ] });
 }
 
+// src/components/features/board/drop-target.ts
+import {
+  closestCorners,
+  pointerWithin,
+  rectIntersection
+} from "@dnd-kit/core";
+function droppableDataOf(collision) {
+  return collision.data?.droppableContainer?.data?.current;
+}
+function detectCollisions(args, pointerHits) {
+  const intersections = pointerHits.length > 0 ? pointerHits : rectIntersection(args);
+  const ticketHit = intersections.find((c) => droppableDataOf(c)?.type === "ticket");
+  if (ticketHit) return [ticketHit];
+  const columnHit = intersections.find((c) => droppableDataOf(c)?.type === "column");
+  if (columnHit) {
+    const { columnId } = droppableDataOf(columnHit) ?? {};
+    const ticketsInColumn = args.droppableContainers.filter((container) => {
+      if (container.id === args.active.id) return false;
+      const data = container.data.current;
+      return data?.type === "ticket" && data.columnId === columnId;
+    });
+    if (ticketsInColumn.length > 0) {
+      const closest = closestCorners({ ...args, droppableContainers: ticketsInColumn });
+      if (closest.length > 0) return closest;
+    }
+    return [columnHit];
+  }
+  return closestCorners(args);
+}
+var animationFrameScheduler = (callback) => {
+  const id = requestAnimationFrame(callback);
+  return () => cancelAnimationFrame(id);
+};
+function createDropTargetResolver(scheduleFrame = animationFrameScheduler) {
+  let settling = false;
+  let cancelFrame = null;
+  let lastOverId = null;
+  const clearFrame = () => {
+    cancelFrame?.();
+    cancelFrame = null;
+  };
+  const scheduleRelease = () => {
+    clearFrame();
+    cancelFrame = scheduleFrame(() => {
+      cancelFrame = null;
+      settling = false;
+    });
+  };
+  const keepLastTarget = (args) => {
+    if (lastOverId === null) return null;
+    const last = args.droppableContainers.find((c) => c.id === lastOverId);
+    return last ? [{ id: last.id, data: { droppableContainer: last, value: 0 } }] : null;
+  };
+  return {
+    detect: (args) => {
+      if (settling) {
+        const frozen = keepLastTarget(args);
+        if (frozen) return frozen;
+      }
+      const pointerHits = args.pointerCoordinates ? pointerWithin(args) : [];
+      if (args.pointerCoordinates && pointerHits.length === 0) {
+        const held = keepLastTarget(args);
+        if (held) return held;
+      }
+      const collisions = detectCollisions(args, pointerHits);
+      if (collisions.length > 0) lastOverId = collisions[0].id;
+      return collisions;
+    },
+    freeze: () => {
+      settling = true;
+      scheduleRelease();
+    },
+    settle: () => {
+      if (settling) scheduleRelease();
+    },
+    release: () => {
+      clearFrame();
+      settling = false;
+      lastOverId = null;
+    },
+    dispose: clearFrame
+  };
+}
+
 // src/components/features/board/use-board-collapse.ts
-import { useCallback as useCallback35, useState as useState89 } from "react";
+import { useCallback as useCallback34, useState as useState89 } from "react";
 function useBoardCollapse(storageKey) {
   const [persisted, setPersisted] = useLocalStorage(
     storageKey ?? "__board_collapse_unused__",
@@ -40102,13 +40218,13 @@ function useBoardCollapse(storageKey) {
   const [memory, setMemory] = useState89({});
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
-  const toggle = useCallback35(
+  const toggle = useCallback34(
     (columnId) => {
       setMap((prev) => ({ ...prev, [columnId]: !prev[columnId] }));
     },
     [setMap]
   );
-  const setCollapsed = useCallback35(
+  const setCollapsed = useCallback34(
     (columnId, value) => {
       setMap((prev) => ({ ...prev, [columnId]: value }));
     },
@@ -40146,45 +40262,38 @@ function Board({
     onThumbPointerMove,
     onThumbPointerUp
   } = useHorizontalScrollbar();
-  const [items, setItems] = React113.useState(columns);
-  const isDraggingRef = React113.useRef(false);
-  React113.useEffect(() => {
+  const [items, setItems] = useState90(columns);
+  const isDraggingRef = useRef50(false);
+  useEffect69(() => {
     if (!isDraggingRef.current) setItems(columns);
   }, [columns]);
-  const dragOriginRef = React113.useRef(null);
-  const [activeTicket, setActiveTicket] = React113.useState(null);
+  const dragOriginRef = useRef50(null);
+  const [activeTicket, setActiveTicket] = useState90(null);
   const sensors = useSensors(
     useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),
     useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
   );
-  const collisionDetection = React113.useCallback((args) => {
-    const pointer = pointerWithin(args);
-    const intersections = pointer.length > 0 ? pointer : rectIntersection(args);
-    const ticketHit = intersections.find(
-      (c) => c.data?.droppableContainer?.data?.current?.type === "ticket"
-    );
-    if (ticketHit) return [ticketHit];
-    const columnHit = intersections.find(
-      (c) => c.data?.droppableContainer?.data?.current?.type === "column"
-    );
-    if (columnHit) {
-      const columnId = columnHit.data?.droppableContainer?.data?.current?.columnId;
-      const ticketsInColumn = args.droppableContainers.filter((c) => {
-        const d = c.data.current;
-        return d?.type === "ticket" && d.columnId === columnId;
-      });
-      if (ticketsInColumn.length > 0) {
-        const closest = closestCorners({ ...args, droppableContainers: ticketsInColumn });
-        if (closest.length > 0) return closest;
-      }
-      return [columnHit];
-    }
-    return closestCorners(args);
+  const dropTarget = useMemo41(() => createDropTargetResolver(), []);
+  useEffect69(() => dropTarget.dispose, [dropTarget]);
+  useEffect69(() => {
+    dropTarget.settle();
+  }, [items, dropTarget]);
+  const toggleRef = useRef50(toggle);
+  toggleRef.current = toggle;
+  const collapseHandlers = useRef50(/* @__PURE__ */ new Map());
+  const collapseHandlerFor = useCallback35((columnId) => {
+    let handler = collapseHandlers.current.get(columnId);
+    if (!handler) {
+      handler = () => toggleRef.current(columnId);
+      collapseHandlers.current.set(columnId, handler);
+    }
+    return handler;
   }, []);
   const handleDragStart = (e) => {
     const id = String(e.active.id);
     const located = locate(items, id);
     if (!located) return;
+    dropTarget.release();
     isDraggingRef.current = true;
     dragOriginRef.current = { ticketId: id, fromColumnId: located.columnId };
     setActiveTicket({ ticket: located.ticket, columnId: located.columnId });
@@ -40204,6 +40313,7 @@ function Board({
     const targetCol = items.find((c) => c.id === toColumnId);
     const blockedBySource = !isReturnToOrigin && !!targetCol?.allowedFromColumns && !!origin && !targetCol.allowedFromColumns.includes(origin.fromColumnId);
     if (targetCol?.dropDisabled && !isReturnToOrigin || blockedBySource) return;
+    dropTarget.freeze();
     setItems((prev) => {
       const fromIndex = findIndexInColumn(prev, fromColumnId, activeId);
       const toCol = prev.find((c) => c.id === toColumnId);
@@ -40238,6 +40348,7 @@ function Board({
     dragOriginRef.current = null;
     setActiveTicket(null);
     isDraggingRef.current = false;
+    dropTarget.release();
     const { over } = e;
     if (!over || !origin) {
       setItems(columns);
@@ -40286,13 +40397,14 @@ function Board({
     dragOriginRef.current = null;
     setActiveTicket(null);
     isDraggingRef.current = false;
+    dropTarget.release();
     setItems(columns);
   };
   return /* @__PURE__ */ jsxs231(
     DndContext,
     {
       sensors,
-      collisionDetection,
+      collisionDetection: dropTarget.detect,
       onDragStart: handleDragStart,
       onDragOver: handleDragOver,
       onDragEnd: handleDragEnd,
@@ -40311,14 +40423,14 @@ function Board({
                 const joinLeft = !!(column.system && prev?.system);
                 const joinRight = !!(column.system && next?.system);
                 const showGap = i > 0 && !joinLeft;
-                return /* @__PURE__ */ jsxs231(React113.Fragment, { children: [
+                return /* @__PURE__ */ jsxs231(Fragment56, { children: [
                   showGap && /* @__PURE__ */ jsx300("div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
                   /* @__PURE__ */ jsx300(
                     BoardColumn,
                     {
                       column,
                       collapsed: !!collapsed[column.id],
-                      onToggleCollapse: () => toggle(column.id),
+                      onToggleCollapse: collapseHandlerFor(column.id),
                       onAddTicket,
                       onArchive: onArchiveColumn,
                       getTicketHref,
@@ -40449,7 +40561,7 @@ import {
   verticalListSortingStrategy as verticalListSortingStrategy2
 } from "@dnd-kit/sortable";
 import { CSS as CSS2 } from "@dnd-kit/utilities";
-import * as React114 from "react";
+import * as React111 from "react";
 import { jsx as jsx301 } from "react/jsx-runtime";
 function TicketStatusConfigList({
   items,
@@ -40469,7 +40581,7 @@ function TicketStatusConfigList({
     if (oldIndex === -1 || newIndex === -1) return;
     onReorder(oldIndex, newIndex);
   };
-  const sortableIds = React114.useMemo(() => items.map((i) => i.id), [items]);
+  const sortableIds = React111.useMemo(() => items.map((i) => i.id), [items]);
   return /* @__PURE__ */ jsx301(DndContext2, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsx301(SortableContext2, { items: sortableIds, strategy: verticalListSortingStrategy2, children: /* @__PURE__ */ jsx301("div", { className: cn("flex w-full flex-col gap-[var(--spacing-system-xs)]", className), children: items.map((item) => /* @__PURE__ */ jsx301(SortableRow, { id: item.id, children: (args) => renderRow(item, args) }, item.id)) }) }) });
 }
 function SortableRow({
@@ -40494,7 +40606,7 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React117, { useEffect as useEffect71, useRef as useRef51, useState as useState92 } from "react";
+import React114, { useEffect as useEffect71, useRef as useRef52, useState as useState92 } from "react";
 init_button2();
 
 // src/components/navigation/mingo-ai-button.tsx
@@ -40548,14 +40660,14 @@ function MingoAiButton({ source, icon, label = "Mingo AI", className, onClick, .
 }
 
 // src/components/navigation/mobile-nav-panel.tsx
-import { useRef as useRef50 } from "react";
+import { useRef as useRef51 } from "react";
 import { usePreventScroll as usePreventScroll2 } from "@react-aria/overlays";
 init_button2();
 import { X as X10 } from "lucide-react";
 import { Fragment as Fragment57, jsx as jsx303, jsxs as jsxs233 } from "react/jsx-runtime";
 var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
 function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef50(null);
+  const panelRef = useRef51(null);
   usePreventScroll2({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: config.onClose });
   const headerHeight = useHeaderHeight(64, { enabled: isOpen });
@@ -40671,7 +40783,7 @@ function MobileNavPanel({ isOpen, config }) {
 init_cn();
 
 // src/components/tickets/ticket-live-provider.tsx
-import React116 from "react";
+import React113 from "react";
 import { useQueryClient } from "@tanstack/react-query";
 
 // src/components/chat/hooks/use-chat-identity.ts
@@ -40740,12 +40852,12 @@ var stampMs = (stamp) => {
   return Number.isNaN(ms) ? 0 : ms;
 };
 var INVALIDATE_DEBOUNCE_MS = 1500;
-var TicketLiveContext = React116.createContext(null);
+var TicketLiveContext = React113.createContext(null);
 function useOptionalTicketLive() {
-  return React116.useContext(TicketLiveContext);
+  return React113.useContext(TicketLiveContext);
 }
 function useTicketLive() {
-  const ctx = React116.useContext(TicketLiveContext);
+  const ctx = React113.useContext(TicketLiveContext);
   if (!ctx) {
     throw new Error("useTicketLive must be used within <TicketLiveProvider>");
   }
@@ -40764,13 +40876,13 @@ function TicketLiveProvider({ children }) {
   const streamUrl = runtime?.endpoints.ticketStreamUrl ?? TICKET_STREAM_ENDPOINT;
   const readUrl = runtime?.endpoints.ticketReadUrl ?? TICKET_READ_ENDPOINT;
   const authed = identity.authTier !== "anon" && !!identity.user?.email;
-  const [connected, setConnected] = React116.useState(false);
-  const [summary, setSummary] = React116.useState(EMPTY_SUMMARY);
-  const [openTicketIdState, setOpenTicketIdState] = React116.useState(null);
-  const openTicketIdRef = React116.useRef(null);
-  const pendingTicketIdsRef = React116.useRef(/* @__PURE__ */ new Set());
-  const invalidateTimerRef = React116.useRef(null);
-  const flushInvalidations = React116.useCallback(() => {
+  const [connected, setConnected] = React113.useState(false);
+  const [summary, setSummary] = React113.useState(EMPTY_SUMMARY);
+  const [openTicketIdState, setOpenTicketIdState] = React113.useState(null);
+  const openTicketIdRef = React113.useRef(null);
+  const pendingTicketIdsRef = React113.useRef(/* @__PURE__ */ new Set());
+  const invalidateTimerRef = React113.useRef(null);
+  const flushInvalidations = React113.useCallback(() => {
     invalidateTimerRef.current = null;
     const ids = Array.from(pendingTicketIdsRef.current);
     pendingTicketIdsRef.current.clear();
@@ -40779,7 +40891,7 @@ function TicketLiveProvider({ children }) {
       void queryClient.invalidateQueries({ queryKey: ["ticket-engagements", id] });
     }
   }, [queryClient]);
-  const scheduleInvalidation = React116.useCallback(
+  const scheduleInvalidation = React113.useCallback(
     (ticketId) => {
       if (ticketId) pendingTicketIdsRef.current.add(ticketId);
       if (invalidateTimerRef.current) return;
@@ -40787,7 +40899,7 @@ function TicketLiveProvider({ children }) {
     },
     [flushInvalidations]
   );
-  const bumpUnread = React116.useCallback((ticketId, createdAt) => {
+  const bumpUnread = React113.useCallback((ticketId, createdAt) => {
     setSummary((prev) => {
       const stamp = createdAt ?? (/* @__PURE__ */ new Date()).toISOString();
       const existing = prev.latestUnreadAt[ticketId];
@@ -40801,7 +40913,7 @@ function TicketLiveProvider({ children }) {
       };
     });
   }, []);
-  const zeroUnread = React116.useCallback((ticketId) => {
+  const zeroUnread = React113.useCallback((ticketId) => {
     setSummary((prev) => {
       const current = prev.tickets[ticketId] ?? 0;
       if (current === 0) return prev;
@@ -40812,9 +40924,9 @@ function TicketLiveProvider({ children }) {
       return { totalUnread: Math.max(0, prev.totalUnread - current), tickets, latestUnreadAt };
     });
   }, []);
-  const subscriptionRef = React116.useRef(null);
-  const noStreamRef = React116.useRef(false);
-  const handlersRef = React116.useRef({ onEvent: () => {
+  const subscriptionRef = React113.useRef(null);
+  const noStreamRef = React113.useRef(false);
+  const handlersRef = React113.useRef({ onEvent: () => {
   }, onStatus: () => {
   }, onConnected: () => {
   } });
@@ -40867,7 +40979,7 @@ function TicketLiveProvider({ children }) {
     if (status === "no-stream") noStreamRef.current = true;
   };
   const streamEnabled = authed && !!streamUrl;
-  React116.useEffect(() => {
+  React113.useEffect(() => {
     if (!streamEnabled) return;
     if (typeof window === "undefined") return;
     subscriptionRef.current = createSseSubscription({
@@ -40898,7 +41010,7 @@ function TicketLiveProvider({ children }) {
       setSummary(EMPTY_SUMMARY);
     };
   }, [streamEnabled, streamUrl]);
-  const markRead = React116.useCallback(
+  const markRead = React113.useCallback(
     async (ticketExternalId) => {
       try {
         const response = await embedAuthedFetch(readUrl, {
@@ -40920,15 +41032,15 @@ function TicketLiveProvider({ children }) {
     },
     [readUrl, zeroUnread]
   );
-  const setOpenTicketId = React116.useCallback((ticketExternalId) => {
+  const setOpenTicketId = React113.useCallback((ticketExternalId) => {
     openTicketIdRef.current = ticketExternalId;
     setOpenTicketIdState(ticketExternalId);
   }, []);
-  const notifyTicketCreated = React116.useCallback(() => {
+  const notifyTicketCreated = React113.useCallback(() => {
     noStreamRef.current = false;
     subscriptionRef.current?.reconnectNow();
   }, []);
-  const value = React116.useMemo(() => {
+  const value = React113.useMemo(() => {
     let unreadByTicket = summary.tickets;
     let unreadTotal = summary.totalUnread;
     if (openTicketIdState && unreadByTicket[openTicketIdState]) {
@@ -41101,8 +41213,8 @@ function Header2({ config, platform }) {
   const [show, setShow] = useState92(true);
   const [lastScrollY, setLastScrollY] = useState92(0);
   const [openDropdowns, setOpenDropdowns] = useState92({});
-  const dropdownRefs = useRef51({});
-  const triggerRefs = useRef51({});
+  const dropdownRefs = useRef52({});
+  const triggerRefs = useRef52({});
   useEffect71(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -41164,7 +41276,7 @@ function Header2({ config, platform }) {
   }, [config.autoHide]);
   const renderNavigationItem = (item) => {
     if (item.element) {
-      return /* @__PURE__ */ jsx307(React117.Fragment, { children: item.element }, item.id);
+      return /* @__PURE__ */ jsx307(React114.Fragment, { children: item.element }, item.id);
     }
     if (item.children && item.children.length > 0) {
       const isOpen = openDropdowns[item.id] || false;
@@ -41443,7 +41555,7 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState94, useEffect as useEffect73, useRef as useRef52 } from "react";
+import { useState as useState94, useEffect as useEffect73, useRef as useRef53 } from "react";
 import { motion as motion2, AnimatePresence, useReducedMotion } from "framer-motion";
 import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
 init_button2();
@@ -41452,7 +41564,7 @@ function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = useState94(/* @__PURE__ */ new Set());
   const [mounted, setMounted] = useState94(false);
   const headerHeight = useHeaderHeight();
-  const asideRef = useRef52(null);
+  const asideRef = useRef53(null);
   const prefersReducedMotion2 = useReducedMotion();
   usePreventScroll3({ isDisabled: !config.isOpen });
   useFocusTrap(asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
@@ -41624,7 +41736,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect74, useState as useState95, useCallback as useCallback37, useRef as useRef53 } from "react";
+import { useEffect as useEffect74, useState as useState95, useCallback as useCallback36, useRef as useRef54 } from "react";
 import { jsx as jsx311, jsxs as jsxs239 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -41686,9 +41798,9 @@ function StickySectionNav({
 }
 function useSectionNavigation(sections, options) {
   const [activeSection, setActiveSection] = useState95(sections[0]?.id || "");
-  const isScrollingFromClick = useRef53(false);
+  const isScrollingFromClick = useRef54(false);
   const { offset: offset2 = 100 } = options || {};
-  const handleSectionClick = useCallback37((sectionId) => {
+  const handleSectionClick = useCallback36((sectionId) => {
     const targetElement = document.getElementById(sectionId);
     if (!targetElement) return;
     isScrollingFromClick.current = true;
@@ -41738,7 +41850,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback38, useEffect as useEffect75, useMemo as useMemo42, useState as useState96 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect75, useMemo as useMemo43, useState as useState96 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx312, jsxs as jsxs240 } from "react/jsx-runtime";
@@ -41768,9 +41880,9 @@ function NavigationSidebarHeader({ minimized }) {
 
 // src/components/navigation/navigation-sidebar-item.tsx
 init_next_link();
-import { cloneElement, memo as memo7 } from "react";
+import { cloneElement, memo as memo9 } from "react";
 import { Fragment as Fragment61, jsx as jsx313, jsxs as jsxs241 } from "react/jsx-runtime";
-var NavigationSidebarItemButton = memo7(function NavigationSidebarItemButton2({
+var NavigationSidebarItemButton = memo9(function NavigationSidebarItemButton2({
   item,
   isActive,
   isPending,
@@ -41919,7 +42031,7 @@ function NavigationSidebar({ config, disabled = false }) {
   const [transitionsEnabled, setTransitionsEnabled] = useState96(false);
   const isOverlayOpen = isTablet && !minimized;
   const showLabel = !minimized;
-  const handleToggle = useCallback38(() => {
+  const handleToggle = useCallback37(() => {
     if (isTablet) {
       setTabletMinimized((prev) => !prev);
     } else {
@@ -41927,7 +42039,7 @@ function NavigationSidebar({ config, disabled = false }) {
     }
     config.onToggleMinimized?.();
   }, [isTablet, setDesktopMinimized, config]);
-  const closeOverlay = useCallback38(() => {
+  const closeOverlay = useCallback37(() => {
     setTabletMinimized(true);
   }, []);
   useEffect75(() => {
@@ -41939,14 +42051,14 @@ function NavigationSidebar({ config, disabled = false }) {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOverlayOpen, closeOverlay]);
   const [pendingItemId, setPendingItemId] = useState96(null);
-  const committedActiveId = useMemo42(
+  const committedActiveId = useMemo43(
     () => config.items.find((item) => item.isActive)?.id ?? null,
     [config.items]
   );
   useEffect75(() => {
     setPendingItemId(null);
   }, [committedActiveId]);
-  const handleItemClick = useCallback38((item, event) => {
+  const handleItemClick = useCallback37((item, event) => {
     event?.stopPropagation();
     if (item.onClick) {
       item.onClick();
@@ -41962,11 +42074,11 @@ function NavigationSidebar({ config, disabled = false }) {
     }
     if (isTablet) setTabletMinimized(true);
   }, [config, isTablet, committedActiveId]);
-  const { primaryItems, secondaryItems } = useMemo42(() => ({
+  const { primaryItems, secondaryItems } = useMemo43(() => ({
     primaryItems: config.items.filter((item) => item.section !== "secondary"),
     secondaryItems: config.items.filter((item) => item.section === "secondary")
   }), [config.items]);
-  const loadingRows = useMemo42(() => {
+  const loadingRows = useMemo43(() => {
     if (!config.loading) return null;
     const primary = config.loadingRows?.primary ?? 7;
     const secondary = config.loadingRows?.secondary ?? 2;
@@ -41975,7 +42087,7 @@ function NavigationSidebar({ config, disabled = false }) {
       secondary: Array.from({ length: Math.max(0, secondary) }, (_, i) => `secondary-${i}`)
     };
   }, [config.loading, config.loadingRows?.primary, config.loadingRows?.secondary]);
-  const sidebarWidth = useMemo42(
+  const sidebarWidth = useMemo43(
     () => minimized ? `${MINIMIZED_WIDTH}px` : `${EXPANDED_WIDTH}px`,
     [minimized]
   );
@@ -42067,12 +42179,12 @@ function NavigationSidebar({ config, disabled = false }) {
 }
 
 // src/components/navigation/app-header.tsx
-import React121 from "react";
+import React118 from "react";
 init_cn();
 
 // src/components/navigation/header-global-search.tsx
 init_cn();
-import React120 from "react";
+import React117 from "react";
 import { jsx as jsx316, jsxs as jsxs244 } from "react/jsx-runtime";
 function HeaderGlobalSearch({
   value = "",
@@ -42081,7 +42193,7 @@ function HeaderGlobalSearch({
   placeholder = "Global Search",
   className
 }) {
-  const [internalValue, setInternalValue] = React120.useState(value);
+  const [internalValue, setInternalValue] = React117.useState(value);
   const currentValue = onChange ? value : internalValue;
   const handleChange = (e) => {
     const newValue = e.target.value;
@@ -42242,7 +42354,7 @@ function HeaderOrganizationFilter({
 
 // src/components/navigation/app-header.tsx
 import { Fragment as Fragment63, jsx as jsx319, jsxs as jsxs247 } from "react/jsx-runtime";
-var AppHeader = React121.memo(function AppHeader2({
+var AppHeader = React118.memo(function AppHeader2({
   showSearch,
   onSearch,
   showOrganizations,
@@ -42524,14 +42636,14 @@ function AppHeaderSkeleton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { useCallback as useCallback40, useMemo as useMemo43, useRef as useRef55, useState as useState97 } from "react";
+import { useCallback as useCallback39, useMemo as useMemo44, useRef as useRef56, useState as useState97 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React122, { useCallback as useCallback39, useRef as useRef54 } from "react";
+import React119, { useCallback as useCallback38, useRef as useRef55 } from "react";
 import { usePreventScroll as usePreventScroll4 } from "@react-aria/overlays";
 import { Fragment as Fragment64, jsx as jsx320, jsxs as jsxs248 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 56;
-var MobileBurgerMenu = React122.memo(function MobileBurgerMenu2({
+var MobileBurgerMenu = React119.memo(function MobileBurgerMenu2({
   isOpen,
   onClose,
   config,
@@ -42541,10 +42653,10 @@ var MobileBurgerMenu = React122.memo(function MobileBurgerMenu2({
   onLogout,
   disabled = false
 }) {
-  const panelRef = useRef54(null);
+  const panelRef = useRef55(null);
   usePreventScroll4({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: onClose });
-  const handleItemClick = useCallback39((item) => {
+  const handleItemClick = useCallback38((item) => {
     if (item.onClick) {
       item.onClick();
     } else if (item.path) {
@@ -42575,7 +42687,7 @@ var MobileBurgerMenu = React122.memo(function MobileBurgerMenu2({
         ),
         "aria-current": isActive ? "page" : void 0,
         children: [
-          item.icon && /* @__PURE__ */ jsx320("div", { className: "flex-shrink-0 size-4 flex items-center justify-center", children: React122.cloneElement(item.icon, {
+          item.icon && /* @__PURE__ */ jsx320("div", { className: "flex-shrink-0 size-4 flex items-center justify-center", children: React119.cloneElement(item.icon, {
             size: 16,
             color: isActive && !disabled ? "var(--color-accent-primary)" : "var(--color-text-secondary)"
           }) }),
@@ -42588,7 +42700,7 @@ var MobileBurgerMenu = React122.memo(function MobileBurgerMenu2({
       item.id
     );
   };
-  const renderNavigationGrid = (items) => /* @__PURE__ */ jsx320("div", { className: "grid grid-cols-2 gap-3", children: items.map((item) => /* @__PURE__ */ jsx320(React122.Fragment, { children: renderNavigationItem(item, true) }, item.id)) });
+  const renderNavigationGrid = (items) => /* @__PURE__ */ jsx320("div", { className: "grid grid-cols-2 gap-3", children: items.map((item) => /* @__PURE__ */ jsx320(React119.Fragment, { children: renderNavigationItem(item, true) }, item.id)) });
   return /* @__PURE__ */ jsxs248(Fragment64, { children: [
     /* @__PURE__ */ jsx320(
       "div",
@@ -42680,7 +42792,7 @@ var MobileBurgerMenu = React122.memo(function MobileBurgerMenu2({
           ),
           config.topSlot?.({ minimized: false }),
           /* @__PURE__ */ jsx320("nav", { "aria-label": "Primary navigation", children: renderNavigationGrid(primaryItems) }),
-          secondaryItems.length > 0 && /* @__PURE__ */ jsx320("nav", { "aria-label": "Secondary navigation", className: "flex flex-col gap-3", children: secondaryItems.map((item) => /* @__PURE__ */ jsx320(React122.Fragment, { children: renderNavigationItem(item, false) }, item.id)) }),
+          secondaryItems.length > 0 && /* @__PURE__ */ jsx320("nav", { "aria-label": "Secondary navigation", className: "flex flex-col gap-3", children: secondaryItems.map((item) => /* @__PURE__ */ jsx320(React119.Fragment, { children: renderNavigationItem(item, false) }, item.id)) }),
           onLogout && /* @__PURE__ */ jsxs248(
             "button",
             {
@@ -42718,20 +42830,20 @@ function AppLayout({
 }) {
   const [mobileMenuOpen, setMobileMenuOpen] = useState97(false);
   const [drawerContainer, setDrawerContainer] = useState97(null);
-  const mobileMenuOpenRef = useRef55(mobileMenuOpen);
+  const mobileMenuOpenRef = useRef56(mobileMenuOpen);
   mobileMenuOpenRef.current = mobileMenuOpen;
-  const drawerHandlesRef = useRef55(/* @__PURE__ */ new Set());
-  const handleToggleMobileMenu = useCallback40(() => {
+  const drawerHandlesRef = useRef56(/* @__PURE__ */ new Set());
+  const handleToggleMobileMenu = useCallback39(() => {
     const opening = !mobileMenuOpenRef.current;
     if (opening) {
       for (const handle of drawerHandlesRef.current) handle.close();
     }
     setMobileMenuOpen(opening);
   }, []);
-  const handleCloseMobileMenu = useCallback40(() => {
+  const handleCloseMobileMenu = useCallback39(() => {
     setMobileMenuOpen(false);
   }, []);
-  const drawerCoordination = useMemo43(() => ({
+  const drawerCoordination = useMemo44(() => ({
     notifyDrawerDidOpen: (self) => {
       setMobileMenuOpen(false);
       for (const handle of drawerHandlesRef.current) {
@@ -43347,10 +43459,10 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React124, { useRef as useRef56, useCallback as useCallback41 } from "react";
+import React121, { useRef as useRef57, useCallback as useCallback40 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
-import React123 from "react";
+import React120 from "react";
 init_button2();
 init_cn();
 import { Fragment as Fragment65, jsx as jsx330, jsxs as jsxs258 } from "react/jsx-runtime";
@@ -43363,7 +43475,7 @@ function OnboardingStepCard({
   onSkip,
   className
 }) {
-  const [isProcessing, setIsProcessing] = React123.useState(false);
+  const [isProcessing, setIsProcessing] = React120.useState(false);
   const handleAction = async (e) => {
     e.stopPropagation();
     setIsProcessing(true);
@@ -43471,11 +43583,11 @@ function OnboardingWalkthrough({
     allStepsComplete,
     markMultipleComplete
   } = useOnboardingState(storageKey);
-  const hasAutoMarkedRef = useRef56(false);
-  const autoMarkingInProgressRef = useRef56(false);
-  const lastCompletionStatusRef = useRef56(null);
-  const actionInProgressRef = useRef56(/* @__PURE__ */ new Set());
-  React124.useEffect(() => {
+  const hasAutoMarkedRef = useRef57(false);
+  const autoMarkingInProgressRef = useRef57(false);
+  const lastCompletionStatusRef = useRef57(null);
+  const actionInProgressRef = useRef57(/* @__PURE__ */ new Set());
+  React121.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
       return;
@@ -43500,7 +43612,7 @@ function OnboardingWalkthrough({
       lastCompletionStatusRef.current = statusKey;
     }
   }, [completionStatus, isLoadingCompletion, state.completedSteps, markMultipleComplete]);
-  const handleStepAction = useCallback41(async (step) => {
+  const handleStepAction = useCallback40(async (step) => {
     if (actionInProgressRef.current.has(step.id)) {
       console.log(`\u23F3 Action already in progress for "${step.id}", skipping`);
       return;
@@ -43582,11 +43694,11 @@ function OnboardingWalkthrough({
 
 // src/components/logs-list.tsx
 init_cn();
-import * as React126 from "react";
+import * as React123 from "react";
 
 // src/components/log-severity-dot.tsx
 init_cn();
-import * as React125 from "react";
+import * as React122 from "react";
 
 // src/types/logs.types.ts
 var LOG_SEVERITY_COLORS = {
@@ -43606,7 +43718,7 @@ var LOG_SEVERITY_LABELS = {
 
 // src/components/log-severity-dot.tsx
 import { jsx as jsx332 } from "react/jsx-runtime";
-var LogSeverityDot = React125.forwardRef(({ severity, size: size2 = "md", className }, ref) => {
+var LogSeverityDot = React122.forwardRef(({ severity, size: size2 = "md", className }, ref) => {
   const sizeClasses2 = {
     sm: "w-4 h-4",
     md: "w-6 h-6",
@@ -43696,7 +43808,7 @@ var LogCard = ({ log, isLast, showConnector, onClick }) => {
     )
   ] });
 };
-var LogsList = React126.forwardRef(({
+var LogsList = React123.forwardRef(({
   logs,
   maxHeight = "400px",
   showConnector = true,
@@ -43705,7 +43817,7 @@ var LogsList = React126.forwardRef(({
   emptyMessage = "No logs to display",
   className
 }, ref) => {
-  const containerRef = React126.useRef(null);
+  const containerRef = React123.useRef(null);
   const isFullHeight = maxHeight === "100%";
   const getContainerStyles = () => {
     if (isFullHeight) return void 0;
@@ -43816,7 +43928,7 @@ function ServiceCardRowItem({ row }) {
   const [revealed, setRevealed] = useState98(false);
   const { copy, copied } = useCopyToClipboard();
   const { ref: valueRef, isTruncated: valueTruncated } = useIsTruncated(row.value);
-  const actions = useMemo44(() => ({ copy: true, open: !!row.href, reveal: !!row.isSecret, ...row.actions }), [row]);
+  const actions = useMemo45(() => ({ copy: true, open: !!row.href, reveal: !!row.isSecret, ...row.actions }), [row]);
   const displayValue = row.isSecret ? /* @__PURE__ */ jsx334(MaskedValue, { value: row.value, isRevealed: revealed }) : /* @__PURE__ */ jsx334("span", { children: row.value });
   const handleCopy = () => copy(row.copyValue ?? row.value);
   const openInNewTab = () => {
@@ -43875,9 +43987,9 @@ function ServiceCardRowItem({ row }) {
 
 // src/components/ui/slider.tsx
 init_cn();
-import * as React128 from "react";
+import * as React125 from "react";
 import { jsx as jsx335 } from "react/jsx-runtime";
-var Slider = React128.forwardRef(
+var Slider = React125.forwardRef(
   ({ className, value = [0], onValueChange, min = 0, max = 100, step = 1, ...props }, ref) => {
     const handleChange = (e) => {
       const newValue = [Number(e.target.value)];
@@ -44126,7 +44238,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx338(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect77, useRef as useRef58 } from "react";
+import { useEffect as useEffect77, useRef as useRef59 } from "react";
 init_pagination();
 init_button2();
 
@@ -44886,8 +44998,8 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef58(null);
-  const onLoadMoreRef = useRef58(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef59(null);
+  const onLoadMoreRef = useRef59(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
   useEffect77(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
@@ -45103,11 +45215,11 @@ function TableTimestampCell({
 // src/components/ui/query-report-table/query-report-table.tsx
 init_cn();
 init_button2();
-import { useMemo as useMemo45 } from "react";
+import { useMemo as useMemo46 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef59, useState as useState100, useCallback as useCallback42 } from "react";
+import { useRef as useRef60, useState as useState100, useCallback as useCallback41 } from "react";
 import { jsx as jsx350, jsxs as jsxs273 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -45136,9 +45248,9 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef59(null);
+  const textRef = useRef60(null);
   const [isTruncated, setIsTruncated] = useState100(false);
-  const checkTruncation = useCallback42(() => {
+  const checkTruncation = useCallback41(() => {
     const el = textRef.current;
     if (el) {
       setIsTruncated(el.scrollWidth > el.clientWidth);
@@ -45166,7 +45278,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef60, useState as useState101, useCallback as useCallback43 } from "react";
+import { useRef as useRef61, useState as useState101, useCallback as useCallback42 } from "react";
 import { jsx as jsx351, jsxs as jsxs274 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -45212,9 +45324,9 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef60(null);
+  const textRef = useRef61(null);
   const [isTruncated, setIsTruncated] = useState101(false);
-  const checkTruncation = useCallback43(() => {
+  const checkTruncation = useCallback42(() => {
     const el = textRef.current;
     if (el) {
       setIsTruncated(el.scrollWidth > el.clientWidth);
@@ -45341,7 +45453,7 @@ function QueryReportTable({
   tableClassName
 }) {
   const isCompact = variant === "compact";
-  const columns = useMemo45(
+  const columns = useMemo46(
     () => deriveColumns(data, columnOrder),
     [data, columnOrder]
   );
@@ -45476,7 +45588,7 @@ import { flexRender } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-column-filter.tsx
 init_cn();
-import { useCallback as useCallback44, useMemo as useMemo46 } from "react";
+import { useCallback as useCallback43, useMemo as useMemo47 } from "react";
 
 // src/components/ui/data-table/utils.ts
 var BREAKPOINT_ORDER = ["md", "lg", "xl", "2xl"];
@@ -45540,7 +45652,7 @@ function DataTableColumnFilter({
 }) {
   const currentValue = column.getFilterValue();
   const activeCount = currentValue?.length ?? 0;
-  const sections = useMemo46(
+  const sections = useMemo47(
     () => [
       {
         id: column.id,
@@ -45552,18 +45664,18 @@ function DataTableColumnFilter({
     ],
     [column.id, label, options]
   );
-  const currentFilters = useMemo46(
+  const currentFilters = useMemo47(
     () => ({ [column.id]: currentValue ?? EMPTY_ARRAY }),
     [column.id, currentValue]
   );
-  const handleApply = useCallback44(
+  const handleApply = useCallback43(
     (applied) => {
       const next = applied[column.id] ?? [];
       column.setFilterValue(next.length > 0 ? next : void 0);
     },
     [column]
   );
-  const handleReset = useCallback44(() => {
+  const handleReset = useCallback43(() => {
     column.setFilterValue(void 0);
   }, [column]);
   const isEmpty = options.length === 0;
@@ -45818,7 +45930,7 @@ function DataTableEmpty({ className, ...props }) {
 // src/components/ui/data-table/data-table-row.tsx
 init_next_link();
 init_cn();
-import { memo as memo8, useCallback as useCallback45, useRef as useRef61 } from "react";
+import { memo as memo10, useCallback as useCallback44, useRef as useRef62 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -45912,8 +46024,8 @@ function DataTableRowImpl({
   const hasSubRow = subRow != null && subRow !== false;
   const isLinkMode = Boolean(href) && !onClick;
   const isWholeCardLink = isLinkMode && !hasSubRow;
-  const containerRef = useRef61(null);
-  const handleClick = useCallback45(
+  const containerRef = useRef62(null);
+  const handleClick = useCallback44(
     (e) => {
       const target = e.target;
       if (!containerRef.current?.contains(target)) {
@@ -45997,7 +46109,7 @@ function DataTableRowImpl({
     }
   );
 }
-var DataTableRow = memo8(DataTableRowImpl);
+var DataTableRow = memo10(DataTableRowImpl);
 function CellContent({ children }) {
   if (typeof children === "string" || typeof children === "number") {
     return /* @__PURE__ */ jsx359("span", { className: "text-h4 text-ods-text-primary truncate", title: String(children), children });
@@ -46083,7 +46195,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect78, useRef as useRef62 } from "react";
+import { useEffect as useEffect78, useRef as useRef63 } from "react";
 import { Fragment as Fragment72, jsx as jsx361, jsxs as jsxs282 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -46092,8 +46204,8 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef62(null);
-  const onLoadMoreRef = useRef62(onLoadMore);
+  const sentinelRef = useRef63(null);
+  const onLoadMoreRef = useRef63(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
   useEffect78(() => {
     if (!hasNextPage || isFetchingNextPage) return;
@@ -46223,7 +46335,7 @@ var DataTable = Object.assign(DataTableRoot, {
 init_cn();
 import * as PopoverPrimitive6 from "@radix-ui/react-popover";
 import * as ScrollAreaPrimitive3 from "@radix-ui/react-scroll-area";
-import * as React131 from "react";
+import * as React128 from "react";
 import { jsx as jsx363, jsxs as jsxs284 } from "react/jsx-runtime";
 var containerStyles = cn(
   // Layout & spacing — matches lib Input component
@@ -46280,13 +46392,13 @@ function SearchInput({
   limitTags = "auto",
   getLimitTagsText = (more) => `+${more}`
 }) {
-  const [internalValue, setInternalValue] = React131.useState(defaultValue);
+  const [internalValue, setInternalValue] = React128.useState(defaultValue);
   const currentValue = onChange ? value ?? "" : internalValue;
   const debouncedValue = useDebounce(currentValue, debounceMs);
-  const [isOpen, setIsOpen] = React131.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React131.useState(-1);
+  const [isOpen, setIsOpen] = React128.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React128.useState(-1);
   const keyboardPadding = useKeyboardCollisionPadding();
-  const containerRef = React131.useRef(null);
+  const containerRef = React128.useRef(null);
   const currentPlaceholder = filterChips.length > 0 ? "Add filter..." : placeholder;
   const {
     visibleCount: rawVisibleCount,
@@ -46303,10 +46415,10 @@ function SearchInput({
     placeholder: filterChips.length > 0 ? "" : placeholder
   });
   const visibleCount = filterChips.length > 0 ? Math.max(1, rawVisibleCount) : rawVisibleCount;
-  const hiddenTagsRef = React131.useRef(null);
-  const hiddenTagsPopupRef = React131.useRef(null);
-  const [showHiddenTags, setShowHiddenTags] = React131.useState(false);
-  React131.useEffect(() => {
+  const hiddenTagsRef = React128.useRef(null);
+  const hiddenTagsPopupRef = React128.useRef(null);
+  const [showHiddenTags, setShowHiddenTags] = React128.useState(false);
+  React128.useEffect(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -46320,7 +46432,7 @@ function SearchInput({
   const hiddenCount = filterChips.length - visibleCount;
   const visibleChips = filterChips.slice(0, visibleCount);
   const hiddenChips = filterChips.slice(visibleCount);
-  const { flatResults, groups } = React131.useMemo(() => {
+  const { flatResults, groups } = React128.useMemo(() => {
     if (!groupBy) return { flatResults: results, groups: null };
     const grouped = /* @__PURE__ */ new Map();
     for (const r of results) {
@@ -46337,7 +46449,7 @@ function SearchInput({
   const meetsMinQuery = debouncedValue.length >= minQueryLength;
   const autoShow = meetsMinQuery;
   const dropdownVisible = showDropdownProp ?? (isOpen && autoShow);
-  React131.useEffect(() => {
+  React128.useEffect(() => {
     setHighlightedIndex(-1);
   }, [flatResults.length]);
   const handleChange = (e) => {
@@ -46618,7 +46730,7 @@ function SearchInput({
 
 // src/components/ui/filter-list.tsx
 init_cn();
-import * as React132 from "react";
+import * as React129 from "react";
 import * as CheckboxPrimitive4 from "@radix-ui/react-checkbox";
 import { jsx as jsx364, jsxs as jsxs285 } from "react/jsx-runtime";
 function FilterListItem({
@@ -46667,7 +46779,7 @@ function FilterListItem({
                 "flex items-start gap-[var(--spacing-system-xxs)] text-h6",
                 selected ? "text-ods-accent" : "text-ods-text-secondary"
               ),
-              children: meta.map((item, index) => /* @__PURE__ */ jsxs285(React132.Fragment, { children: [
+              children: meta.map((item, index) => /* @__PURE__ */ jsxs285(React129.Fragment, { children: [
                 index > 0 && /* @__PURE__ */ jsx364("span", { "aria-hidden": "true", children: "\u2022" }),
                 /* @__PURE__ */ jsx364("span", { children: item })
               ] }, index))
@@ -46734,7 +46846,7 @@ function FilterList({
 // src/components/ui/tag-search-input.tsx
 import {
   useEffect as useEffect80,
-  useRef as useRef64,
+  useRef as useRef65,
   useState as useState103
 } from "react";
 init_cn();
@@ -46769,9 +46881,9 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef64(null);
-  const hiddenTagsRef = useRef64(null);
-  const hiddenTagsPopupRef = useRef64(null);
+  const wrapperRef = useRef65(null);
+  const hiddenTagsRef = useRef65(null);
+  const hiddenTagsPopupRef = useRef65(null);
   const [showHiddenTags, setShowHiddenTags] = useState103(false);
   useEffect80(() => {
     if (!showHiddenTags) return;
@@ -46935,7 +47047,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef65, useCallback as useCallback46, useState as useState104, useEffect as useEffect81 } from "react";
+import { useRef as useRef66, useCallback as useCallback45, useState as useState104, useEffect as useEffect81 } from "react";
 init_cn();
 import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx366, jsxs as jsxs287 } from "react/jsx-runtime";
@@ -46990,7 +47102,7 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef65(null);
+  const fileInputRef = useRef66(null);
   const [isUploading, setIsUploading] = useState104(false);
   const [uploadProgress, setUploadProgress] = useState104("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState104([]);
@@ -47004,7 +47116,7 @@ function MarkdownEditor({
   const handleChange = (val) => {
     onChange(val || "");
   };
-  const insertTextAtCursor = useCallback46(
+  const insertTextAtCursor = useCallback45(
     (text) => {
       const textarea = document.querySelector(
         ".w-md-editor-text-textarea"
@@ -47020,7 +47132,7 @@ function MarkdownEditor({
     },
     [value, onChange]
   );
-  const handleFileUpload = useCallback46(
+  const handleFileUpload = useCallback45(
     async (file) => {
       if (!onUploadFile) return;
       setIsUploading(true);
@@ -47041,7 +47153,7 @@ function MarkdownEditor({
     },
     [onUploadFile, insertTextAtCursor, onFileUploaded]
   );
-  const handleFileInputChange = useCallback46(
+  const handleFileInputChange = useCallback45(
     (e) => {
       const file = e.target.files?.[0];
       if (file) {
@@ -47051,7 +47163,7 @@ function MarkdownEditor({
     },
     [handleFileUpload]
   );
-  const handlePaste = useCallback46(
+  const handlePaste = useCallback45(
     (e) => {
       if (!onUploadFile) return;
       const items = e.clipboardData?.items;
@@ -47083,14 +47195,14 @@ function MarkdownEditor({
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef65(null);
-  const isDraggingRef = useRef65(false);
-  const mouseYRef = useRef65(0);
-  const rafRef = useRef65(0);
-  const scrollParentRef = useRef65(window);
+  const wrapperRef = useRef66(null);
+  const isDraggingRef = useRef66(false);
+  const mouseYRef = useRef66(0);
+  const rafRef = useRef66(0);
+  const scrollParentRef = useRef66(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
-  const findScrollParent = useCallback46((el) => {
+  const findScrollParent = useCallback45((el) => {
     let node = el?.parentElement;
     while (node && node !== document.documentElement) {
       const { overflowY } = window.getComputedStyle(node);
@@ -47101,7 +47213,7 @@ function MarkdownEditor({
     }
     return window;
   }, []);
-  const scrollLoop = useCallback46(() => {
+  const scrollLoop = useCallback45(() => {
     if (!isDraggingRef.current) return;
     const parent = scrollParentRef.current;
     const isWindow = parent === window;
@@ -47210,7 +47322,7 @@ function MarkdownEditor({
 }
 
 // src/components/ui/file-upload.tsx
-import * as React134 from "react";
+import * as React131 from "react";
 import { Loader2 as Loader29 } from "lucide-react";
 init_cn();
 import { jsx as jsx367, jsxs as jsxs288 } from "react/jsx-runtime";
@@ -47262,11 +47374,11 @@ function FileUpload({
   acceptWindowDrops = false,
   pickFiles
 }) {
-  const [dragActive, setDragActive] = React134.useState(false);
-  const [validationError, setValidationError] = React134.useState(null);
-  const fileInputRef = React134.useRef(null);
+  const [dragActive, setDragActive] = React131.useState(false);
+  const [validationError, setValidationError] = React131.useState(null);
+  const fileInputRef = React131.useRef(null);
   const isManaged = managedFiles !== void 0;
-  const files = React134.useMemo(() => {
+  const files = React131.useMemo(() => {
     if (!value) return [];
     return Array.isArray(value) ? value : [value];
   }, [value]);
@@ -47314,7 +47426,7 @@ function FileUpload({
       fileInputRef.current.value = "";
     }
   };
-  const handleFilesRef = React134.useRef(handleFiles);
+  const handleFilesRef = React131.useRef(handleFiles);
   handleFilesRef.current = handleFiles;
   const handleDrag = (e) => {
     e.preventDefault();
@@ -47335,7 +47447,7 @@ function FileUpload({
       handleFiles(e.dataTransfer.files);
     }
   };
-  React134.useEffect(() => {
+  React131.useEffect(() => {
     if (!acceptWindowDrops || disabled) return;
     let dragCounter = 0;
     const onWindowDragEnter = (e) => {
@@ -47536,7 +47648,7 @@ function FileUpload({
 }
 
 // src/components/ui/image-uploader.tsx
-import * as React135 from "react";
+import * as React132 from "react";
 import { Loader2 as Loader210 } from "lucide-react";
 init_cn();
 import { Fragment as Fragment74, jsx as jsx368, jsxs as jsxs289 } from "react/jsx-runtime";
@@ -47578,10 +47690,10 @@ function ImageUploader({
   className,
   dropzoneClassName
 }) {
-  const inputRef = React135.useRef(null);
-  const [dragActive, setDragActive] = React135.useState(false);
-  const [pressed, setPressed] = React135.useState(false);
-  const [validationError, setValidationError] = React135.useState(null);
+  const inputRef = React132.useRef(null);
+  const [dragActive, setDragActive] = React132.useState(false);
+  const [pressed, setPressed] = React132.useState(false);
+  const [validationError, setValidationError] = React132.useState(null);
   const interactive = !disabled && !loading;
   const resolvedValue = useAuthedImageSrc(value);
   const hasImage = Boolean(value);
@@ -47744,21 +47856,21 @@ function ActionIconButton({ onClick, disabled, ariaLabel, children }) {
 
 // src/components/ui/ticket-status-config-row.tsx
 init_cn();
-import * as React138 from "react";
+import * as React135 from "react";
 init_button2();
 
 // src/components/ui/color-preset-select.tsx
-import * as React137 from "react";
+import * as React134 from "react";
 import { HexColorPicker } from "react-colorful";
 
 // src/components/popover.tsx
 init_cn();
-import * as React136 from "react";
+import * as React133 from "react";
 import * as PopoverPrimitive7 from "@radix-ui/react-popover";
 import { jsx as jsx369 } from "react/jsx-runtime";
 var Popover2 = PopoverPrimitive7.Root;
 var PopoverTrigger = PopoverPrimitive7.Trigger;
-var PopoverContent = React136.forwardRef(({ className, align = "center", sideOffset = 4, collisionPadding, ...props }, ref) => {
+var PopoverContent = React133.forwardRef(({ className, align = "center", sideOffset = 4, collisionPadding, ...props }, ref) => {
   const keyboardPadding = useKeyboardCollisionPadding();
   return /* @__PURE__ */ jsx369(PopoverPrimitive7.Portal, { children: /* @__PURE__ */ jsx369(
     PopoverPrimitive7.Content,
@@ -47859,8 +47971,8 @@ var FORMATS = ["HEX", "RGB", "HSL"];
 var channelInputClass = "flex-1 min-w-0 [&_input]:text-center [&_input]:tabular-nums";
 var hexInputClass = "flex-1 min-w-0 [&_input]:uppercase";
 function HexInputs({ value, onChange }) {
-  const [draft, setDraft] = React137.useState(value);
-  React137.useEffect(() => setDraft(value), [value]);
+  const [draft, setDraft] = React134.useState(value);
+  React134.useEffect(() => setDraft(value), [value]);
   const commit = () => {
     const candidate = (draft.startsWith("#") ? draft : `#${draft}`).toLowerCase();
     if (HEX_PATTERN.test(candidate)) onChange(candidate);
@@ -47892,8 +48004,8 @@ function ChannelInput({
   ariaLabel,
   onCommit
 }) {
-  const [draft, setDraft] = React137.useState(String(value));
-  React137.useEffect(() => setDraft(String(value)), [value]);
+  const [draft, setDraft] = React134.useState(String(value));
+  React134.useEffect(() => setDraft(String(value)), [value]);
   const commit = () => {
     const parsed = Number.parseInt(draft, 10);
     if (!Number.isFinite(parsed)) {
@@ -47953,8 +48065,8 @@ function HslInputs({ value, onChange }) {
   ] });
 }
 function ColorPickerInput({ value, onChange, disabled, className }) {
-  const [open, setOpen] = React137.useState(false);
-  const [format3, setFormat] = React137.useState("HEX");
+  const [open, setOpen] = React134.useState(false);
+  const [format3, setFormat] = React134.useState("HEX");
   const formatGroups = [
     {
       items: FORMATS.map((f) => ({
@@ -48019,9 +48131,9 @@ function ColorPickerInput({ value, onChange, disabled, className }) {
 import { jsx as jsx371, jsxs as jsxs291 } from "react/jsx-runtime";
 var dismissOpenTooltip = null;
 function WithLeftTooltip({ content, children }) {
-  const [open, setOpen] = React138.useState(false);
-  const isTouchRef = React138.useRef(false);
-  const close = React138.useCallback(() => setOpen(false), []);
+  const [open, setOpen] = React135.useState(false);
+  const isTouchRef = React135.useRef(false);
+  const close = React135.useCallback(() => setOpen(false), []);
   if (!content) return children;
   const toggleFromTouch = () => {
     setOpen((prev) => {
@@ -48154,7 +48266,7 @@ function TicketStatusConfigRow({
 }
 
 // src/components/ui/test-run.tsx
-import * as React139 from "react";
+import * as React136 from "react";
 init_cn();
 import { jsx as jsx372, jsxs as jsxs292 } from "react/jsx-runtime";
 function formatTestRunDuration(ms) {
@@ -48173,8 +48285,8 @@ function TestResultsSkeleton() {
   ] }) });
 }
 function TestResultsTable({ rows, loading }) {
-  const columnKeys = React139.useMemo(() => rows.length > 0 ? Object.keys(rows[0]) : [], [rows]);
-  const columns = React139.useMemo(() => {
+  const columnKeys = React136.useMemo(() => rows.length > 0 ? Object.keys(rows[0]) : [], [rows]);
+  const columns = React136.useMemo(() => {
     return columnKeys.map((key) => ({
       id: key,
       accessorFn: (row) => row[key],
@@ -48267,10 +48379,10 @@ function TestRunStatusStat({ status, className }) {
   ] });
 }
 function useTestRunState(campaign) {
-  const [hasRun, setHasRun] = React139.useState(false);
-  const [isStarting, setIsStarting] = React139.useState(false);
-  const [durationMs, setDurationMs] = React139.useState(0);
-  React139.useEffect(() => {
+  const [hasRun, setHasRun] = React136.useState(false);
+  const [isStarting, setIsStarting] = React136.useState(false);
+  const [durationMs, setDurationMs] = React136.useState(0);
+  React136.useEffect(() => {
     if (!campaign.startedAt || !campaign.isRunning) {
       if (campaign.startedAt && !campaign.isRunning) {
         setDurationMs(Date.now() - campaign.startedAt.getTime());
@@ -48283,7 +48395,7 @@ function useTestRunState(campaign) {
     }, 1e3);
     return () => clearInterval(interval);
   }, [campaign.startedAt, campaign.isRunning]);
-  const run = React139.useCallback(async (start) => {
+  const run = React136.useCallback(async (start) => {
     setHasRun(true);
     setDurationMs(0);
     setIsStarting(true);
@@ -48293,11 +48405,11 @@ function useTestRunState(campaign) {
       setIsStarting(false);
     }
   }, []);
-  const stop = React139.useCallback(() => {
+  const stop = React136.useCallback(() => {
     setIsStarting(false);
     campaign.stopCampaign();
   }, [campaign.stopCampaign]);
-  const reset = React139.useCallback(() => {
+  const reset = React136.useCallback(() => {
     setIsStarting(false);
     campaign.stopCampaign();
     setDurationMs(0);
@@ -48311,7 +48423,7 @@ function useTestRunState(campaign) {
   const showTiming = hasRun && campaign.startedAt !== null && (campaign.isRunning || isFinished);
   const startedLabel = showTiming && campaign.startedAt ? formatTime(campaign.startedAt) : "00:00 PM";
   const durationLabel = showTiming ? formatTestRunDuration(durationMs) : "00:00:00";
-  const displayRows = React139.useMemo(
+  const displayRows = React136.useMemo(
     () => campaign.results.map(
       (row) => Object.fromEntries(Object.entries(row).map(([key, value]) => [key.replace(/_/g, " "), value]))
     ),
@@ -48417,16 +48529,16 @@ function TicketAttachmentsList({ attachments, className, size: size2 = "default"
 }
 
 // src/components/ui/ticket-notes-section.tsx
-import * as React141 from "react";
+import * as React138 from "react";
 init_cn();
 
 // src/components/ui/ticket-note-card.tsx
-import * as React140 from "react";
+import * as React137 from "react";
 init_cn();
 import { Fragment as Fragment76, jsx as jsx375, jsxs as jsxs295 } from "react/jsx-runtime";
 function TicketNoteCard({ note, onEdit, onDelete, className }) {
-  const [isEditing, setIsEditing] = React140.useState(false);
-  const [editText, setEditText] = React140.useState(note.text);
+  const [isEditing, setIsEditing] = React137.useState(false);
+  const [editText, setEditText] = React137.useState(note.text);
   const handleSave = () => {
     const trimmed = editText.trim();
     if (!trimmed || !onEdit) return;
@@ -48549,7 +48661,7 @@ function TicketNotesSection({
   isAddingNote,
   className
 }) {
-  const [noteText, setNoteText] = React141.useState("");
+  const [noteText, setNoteText] = React138.useState("");
   const handleSend = () => {
     const trimmed = noteText.trim();
     if (!trimmed || !onAddNote || isAddingNote) return;
@@ -48753,7 +48865,7 @@ function TicketInfoSection({
 }
 
 // src/components/ui/take-over-ticket-modal.tsx
-import * as React142 from "react";
+import * as React139 from "react";
 init_button2();
 import { jsx as jsx378, jsxs as jsxs298 } from "react/jsx-runtime";
 function renderTicketStatusOption(option, isSelected) {
@@ -48788,9 +48900,9 @@ function TakeOverTicketModal({
   isPending = false,
   onConfirm
 }) {
-  const [statusId, setStatusId] = React142.useState(null);
-  const [assigneeId, setAssigneeId] = React142.useState(null);
-  React142.useEffect(() => {
+  const [statusId, setStatusId] = React139.useState(null);
+  const [assigneeId, setAssigneeId] = React139.useState(null);
+  React139.useEffect(() => {
     if (!isOpen) return;
     setStatusId(initialStatusId ?? null);
     setAssigneeId(initialAssigneeId ?? null);
@@ -48866,7 +48978,7 @@ function TakeOverTicketModal({
 }
 
 // src/components/ui/reopen-ticket-modal.tsx
-import * as React143 from "react";
+import * as React140 from "react";
 init_button2();
 import { jsx as jsx379, jsxs as jsxs299 } from "react/jsx-runtime";
 var REASON_MAX_LENGTH = 1e3;
@@ -48882,10 +48994,10 @@ function ReopenTicketModal({
   isPending = false,
   onConfirm
 }) {
-  const [statusId, setStatusId] = React143.useState(null);
-  const [assigneeId, setAssigneeId] = React143.useState(null);
-  const [reason, setReason] = React143.useState("");
-  React143.useEffect(() => {
+  const [statusId, setStatusId] = React140.useState(null);
+  const [assigneeId, setAssigneeId] = React140.useState(null);
+  const [reason, setReason] = React140.useState("");
+  React140.useEffect(() => {
     if (!isOpen) return;
     setStatusId(initialStatusId ?? null);
     setAssigneeId(initialAssigneeId ?? null);
@@ -48979,7 +49091,7 @@ function ReopenTicketModal({
 
 // src/components/ui/reopen-ticket-request-modal.tsx
 init_button2();
-import * as React144 from "react";
+import * as React141 from "react";
 import { jsx as jsx380, jsxs as jsxs300 } from "react/jsx-runtime";
 var REASON_MAX_LENGTH2 = 1e3;
 function ReopenTicketRequestModal({
@@ -48989,9 +49101,9 @@ function ReopenTicketRequestModal({
   isPending = false,
   onConfirm
 }) {
-  const [reason, setReason] = React144.useState("");
-  const [handoff, setHandoff] = React144.useState(false);
-  React144.useEffect(() => {
+  const [reason, setReason] = React141.useState("");
+  const [handoff, setHandoff] = React141.useState(false);
+  React141.useEffect(() => {
     if (!isOpen) return;
     setReason("");
     setHandoff(false);
@@ -49511,7 +49623,7 @@ function RoadmapCard({
 }
 
 // src/components/chat/entity-cards/github-activity-card.tsx
-import React146 from "react";
+import React143 from "react";
 import { GitPullRequest, Eye as Eye4, ExternalLink as ExternalLink9 } from "lucide-react";
 import { Fragment as Fragment80, jsx as jsx385, jsxs as jsxs304 } from "react/jsx-runtime";
 function parseRepoFromUrl(url) {
@@ -49652,7 +49764,7 @@ function GitHubActivityCard({ item, variant = "compact", className, anchorProps
         reviewState ? /* @__PURE__ */ jsx385(ReviewStateBadge, { state: reviewState }) : null,
         /* @__PURE__ */ jsx385("span", { className: COMPACT_CARD_TITLE, children: primaryText })
       ] }),
-      /* @__PURE__ */ jsx385("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx385("span", { className: COMPACT_CARD_META_ROW, children: metaParts.map((part, i) => /* @__PURE__ */ jsxs304(React146.Fragment, { children: [
+      /* @__PURE__ */ jsx385("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx385("span", { className: COMPACT_CARD_META_ROW, children: metaParts.map((part, i) => /* @__PURE__ */ jsxs304(React143.Fragment, { children: [
         i > 0 ? /* @__PURE__ */ jsx385("span", { className: "text-ods-text-secondary/40 shrink-0", children: "\xB7" }) : null,
         /* @__PURE__ */ jsx385("span", { className: "min-w-0 truncate", children: part })
       ] }, i)) }) }),
@@ -49698,7 +49810,7 @@ function GitHubActivityCardSkeleton({ variant = "compact", className }) {
 }
 
 // src/components/chat/entity-cards/slack-message-card.tsx
-import React147 from "react";
+import React144 from "react";
 import { ExternalLink as ExternalLink10, Hash } from "lucide-react";
 import { Fragment as Fragment81, jsx as jsx386, jsxs as jsxs305 } from "react/jsx-runtime";
 function parseChannelFromUrl(url) {
@@ -49744,7 +49856,7 @@ function SlackMessageCard({ item, variant = "compact", className, anchorProps })
     /* @__PURE__ */ jsxs305("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsx386("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx386("span", { className: COMPACT_CARD_TITLE, children: item.title }) }),
       /* @__PURE__ */ jsx386("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx386("span", { className: COMPACT_CARD_SUMMARY, children: item.preview || COMPACT_CARD_ROW_FILLER }) }),
-      /* @__PURE__ */ jsx386("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx386("span", { className: COMPACT_CARD_META_ROW, children: metaParts.length > 0 ? metaParts.map((part, i) => /* @__PURE__ */ jsxs305(React147.Fragment, { children: [
+      /* @__PURE__ */ jsx386("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx386("span", { className: COMPACT_CARD_META_ROW, children: metaParts.length > 0 ? metaParts.map((part, i) => /* @__PURE__ */ jsxs305(React144.Fragment, { children: [
         i > 0 ? /* @__PURE__ */ jsx386("span", { className: "text-ods-text-secondary/40 shrink-0", children: "\xB7" }) : null,
         /* @__PURE__ */ jsx386("span", { className: "min-w-0 truncate", children: part })
       ] }, i)) : /* @__PURE__ */ jsx386("span", { className: COMPACT_CARD_SUMMARY, children: COMPACT_CARD_ROW_FILLER }) }) })
@@ -49787,7 +49899,7 @@ function SlackMessageCardSkeleton({ variant = "compact", className }) {
 }
 
 // src/components/chat/entity-cards/hubspot-ticket-card.tsx
-import React148 from "react";
+import React145 from "react";
 import { ExternalLink as ExternalLink11 } from "lucide-react";
 import { Fragment as Fragment82, jsx as jsx387, jsxs as jsxs306 } from "react/jsx-runtime";
 function formatToken(token) {
@@ -49856,7 +49968,7 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
         /* @__PURE__ */ jsx387("span", { className: "min-w-0 truncate", children: item.customerEmail })
       ] }) : null,
       /* @__PURE__ */ jsx387("span", { className: "flex min-w-0", children: /* @__PURE__ */ jsx387("span", { className: "line-clamp-4 whitespace-pre-wrap break-words text-h6 text-ods-text-secondary", children: item.preview || /* @__PURE__ */ jsx387("span", { className: "italic text-ods-text-secondary/60", children: "No description provided." }) }) }),
-      metaParts.length > 0 ? /* @__PURE__ */ jsx387("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx387("span", { className: COMPACT_CARD_META_ROW, children: metaParts.map((part, i) => /* @__PURE__ */ jsxs306(React148.Fragment, { children: [
+      metaParts.length > 0 ? /* @__PURE__ */ jsx387("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx387("span", { className: COMPACT_CARD_META_ROW, children: metaParts.map((part, i) => /* @__PURE__ */ jsxs306(React145.Fragment, { children: [
         i > 0 ? /* @__PURE__ */ jsx387("span", { className: "text-ods-text-secondary/40 shrink-0", children: "\xB7" }) : null,
         /* @__PURE__ */ jsx387("span", { className: "min-w-0 truncate", children: part })
       ] }, i)) }) }) : null
@@ -51950,7 +52062,7 @@ function GenericEntityCardSkeleton({ className }) {
 }
 
 // src/components/chat/entity-cards/dispatch.tsx
-import React150 from "react";
+import React147 from "react";
 init_next_navigation();
 
 // src/components/chat/hooks/use-chat-card-item.ts
@@ -53257,7 +53369,7 @@ function ChatCardLoader({
   extras
 }) {
   const runtime = useRequiredChatRuntime();
-  const resolvedChatRef = React150.useMemo(() => {
+  const resolvedChatRef = React147.useMemo(() => {
     const cta = resolveSourceRowCTA(
       {
         sourceRepo: chatRef.sourceRepo,
@@ -53405,7 +53517,7 @@ function renderChatInlineEntityCard(chatRef, options = {}) {
 }
 
 // src/components/chat/hooks/use-chunk-catchup.ts
-import { useCallback as useCallback49, useRef as useRef69 } from "react";
+import { useCallback as useCallback48, useRef as useRef70 } from "react";
 function makeSeqKey(messageType, chunkType, sequenceId) {
   return `${messageType}:${chunkType}:${sequenceId}`;
 }
@@ -53427,24 +53539,24 @@ function useChunkCatchup({
   chatTypes = [CHAT_TYPE.CLIENT],
   fetchChunks
 }) {
-  const processedSequenceKeys = useRef69(/* @__PURE__ */ new Set());
-  const lastSequenceId = useRef69(null);
-  const lastSequenceIdByType = useRef69(/* @__PURE__ */ new Map());
-  const fetchingInProgress = useRef69(false);
-  const lastFetchParams = useRef69(null);
-  const pendingCatchupRef = useRef69(null);
-  const chunkBuffer = useRef69([]);
-  const bufferUntilInitialCatchupComplete = useRef69(false);
-  const hasCompletedInitialCatchup = useRef69(false);
-  const dialogIdRef = useRef69(dialogId);
+  const processedSequenceKeys = useRef70(/* @__PURE__ */ new Set());
+  const lastSequenceId = useRef70(null);
+  const lastSequenceIdByType = useRef70(/* @__PURE__ */ new Map());
+  const fetchingInProgress = useRef70(false);
+  const lastFetchParams = useRef70(null);
+  const pendingCatchupRef = useRef70(null);
+  const chunkBuffer = useRef70([]);
+  const bufferUntilInitialCatchupComplete = useRef70(false);
+  const hasCompletedInitialCatchup = useRef70(false);
+  const dialogIdRef = useRef70(dialogId);
   dialogIdRef.current = dialogId;
-  const chatTypesRef = useRef69(chatTypes);
+  const chatTypesRef = useRef70(chatTypes);
   chatTypesRef.current = chatTypes;
-  const fetchChunksRef = useRef69(fetchChunks);
+  const fetchChunksRef = useRef70(fetchChunks);
   fetchChunksRef.current = fetchChunks;
-  const onChunkReceivedRef = useRef69(onChunkReceived);
+  const onChunkReceivedRef = useRef70(onChunkReceived);
   onChunkReceivedRef.current = onChunkReceived;
-  const processChunk = useCallback49((chunk, messageType, forceProcess = false) => {
+  const processChunk = useCallback48((chunk, messageType, forceProcess = false) => {
     if (bufferUntilInitialCatchupComplete.current && !forceProcess) {
       chunkBuffer.current.push({ chunk, messageType });
       return true;
@@ -53463,7 +53575,7 @@ function useChunkCatchup({
     onChunkReceivedRef.current(chunk, messageType);
     return true;
   }, []);
-  const flushBufferedRealtimeChunks = useCallback49(() => {
+  const flushBufferedRealtimeChunks = useCallback48(() => {
     if (chunkBuffer.current.length === 0) return;
     const buffered = [...chunkBuffer.current];
     chunkBuffer.current = [];
@@ -53476,7 +53588,7 @@ function useChunkCatchup({
       processChunk(chunk, messageType, true);
     });
   }, [processChunk]);
-  const catchUpChunks = useCallback49(async (fromSequenceId) => {
+  const catchUpChunks = useCallback48(async (fromSequenceId) => {
     const dialogId2 = dialogIdRef.current;
     const chatTypes2 = chatTypesRef.current;
     const fetchChunks2 = fetchChunksRef.current;
@@ -53640,9 +53752,9 @@ function useChunkCatchup({
       }
     }
   }, [flushBufferedRealtimeChunks]);
-  const catchUpChunksRef = useRef69(null);
+  const catchUpChunksRef = useRef70(null);
   catchUpChunksRef.current = catchUpChunks;
-  const resetChunkTracking = useCallback49(() => {
+  const resetChunkTracking = useCallback48(() => {
     processedSequenceKeys.current.clear();
     lastSequenceId.current = null;
     lastSequenceIdByType.current.clear();
@@ -53653,15 +53765,15 @@ function useChunkCatchup({
     bufferUntilInitialCatchupComplete.current = false;
     hasCompletedInitialCatchup.current = false;
   }, []);
-  const startInitialBuffering = useCallback49(() => {
+  const startInitialBuffering = useCallback48(() => {
     if (!bufferUntilInitialCatchupComplete.current) {
       chunkBuffer.current = [];
       bufferUntilInitialCatchupComplete.current = true;
     }
     hasCompletedInitialCatchup.current = false;
   }, []);
-  const isBufferingActive = useCallback49(() => bufferUntilInitialCatchupComplete.current, []);
-  const resetAndCatchUp = useCallback49(async () => {
+  const isBufferingActive = useCallback48(() => bufferUntilInitialCatchupComplete.current, []);
+  const resetAndCatchUp = useCallback48(async () => {
     if (!dialogIdRef.current) return;
     const fromSeq = lastSequenceId.current;
     hasCompletedInitialCatchup.current = false;
@@ -53719,7 +53831,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useCallback as useCallback50, useEffect as useEffect90, useRef as useRef70, useState as useState119 } from "react";
+import { useCallback as useCallback49, useEffect as useEffect90, useRef as useRef71, useState as useState119 } from "react";
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 var RESYNC_AFTER_HIDDEN_MS = 1e4;
 var RESYNC_COALESCE_MS = 1e3;
@@ -53746,54 +53858,54 @@ function useJetStreamDialogSubscription({
   const [reconnectionCount, setReconnectionCount] = useState119(0);
   const [recoveryCount, setRecoveryCount] = useState119(0);
   const [currentStreamSeq, setCurrentStreamSeq] = useState119(null);
-  const lastRecoveryReportRef = useRef70(0);
-  const resyncTimerRef = useRef70(null);
-  const lastResyncSignalRef = useRef70(resyncSignal);
-  const clientRef = useRef70(null);
-  const subscriptionRef = useRef70(null);
-  const highestStreamSeqRef = useRef70(null);
-  const onEventRef = useRef70(onEvent);
+  const lastRecoveryReportRef = useRef71(0);
+  const resyncTimerRef = useRef71(null);
+  const lastResyncSignalRef = useRef71(resyncSignal);
+  const clientRef = useRef71(null);
+  const subscriptionRef = useRef71(null);
+  const highestStreamSeqRef = useRef71(null);
+  const onEventRef = useRef71(onEvent);
   useEffect90(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef70(onConnect);
+  const onConnectRef = useRef71(onConnect);
   useEffect90(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef70(onDisconnect);
+  const onDisconnectRef = useRef71(onDisconnect);
   useEffect90(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef70(onSubscribed);
+  const onSubscribedRef = useRef71(onSubscribed);
   useEffect90(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef70(onBeforeReconnect);
+  const onBeforeReconnectRef = useRef71(onBeforeReconnect);
   useEffect90(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const getNatsWsUrlRef = useRef70(getNatsWsUrl);
+  const getNatsWsUrlRef = useRef71(getNatsWsUrl);
   useEffect90(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef70(reconnectionBackoff);
+  const reconnectionBackoffRef = useRef71(reconnectionBackoff);
   useEffect90(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const optStartSeqRef = useRef70(optStartSeq);
+  const optStartSeqRef = useRef71(optStartSeq);
   useEffect90(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
-  const inactiveThresholdRef = useRef70(inactiveThresholdMs);
+  const inactiveThresholdRef = useRef71(inactiveThresholdMs);
   useEffect90(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
-  const hadConnectionBeforeRef = useRef70(false);
-  const clientConfigRef = useRef70(clientConfig);
+  const hadConnectionBeforeRef = useRef71(false);
+  const clientConfigRef = useRef71(clientConfig);
   useEffect90(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef70("");
+  const currentWsUrlRef = useRef71("");
   const wsUrl = getNatsWsUrl();
   useEffect90(() => {
     if (!enabled || !wsUrl) {
@@ -53887,7 +53999,7 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [dialogId]);
-  const requestResync = useCallback50(() => {
+  const requestResync = useCallback49(() => {
     if (resyncTimerRef.current !== null) clearTimeout(resyncTimerRef.current);
     resyncTimerRef.current = setTimeout(() => {
       resyncTimerRef.current = null;
@@ -54018,7 +54130,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect91, useRef as useRef71, useState as useState120 } from "react";
+import { useEffect as useEffect91, useRef as useRef72, useState as useState120 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -54035,42 +54147,42 @@ function useNatsDialogSubscription({
   const [isConnected, setIsConnected] = useState120(false);
   const [isSubscribed, setIsSubscribed] = useState120(false);
   const [reconnectionCount, setReconnectionCount] = useState120(0);
-  const clientRef = useRef71(null);
-  const subscriptionRefs = useRef71(/* @__PURE__ */ new Map());
-  const onEventRef = useRef71(onEvent);
+  const clientRef = useRef72(null);
+  const subscriptionRefs = useRef72(/* @__PURE__ */ new Map());
+  const onEventRef = useRef72(onEvent);
   useEffect91(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef71(onConnect);
+  const onConnectRef = useRef72(onConnect);
   useEffect91(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef71(onDisconnect);
+  const onDisconnectRef = useRef72(onDisconnect);
   useEffect91(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef71(onSubscribed);
+  const onSubscribedRef = useRef72(onSubscribed);
   useEffect91(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef71(onBeforeReconnect);
+  const onBeforeReconnectRef = useRef72(onBeforeReconnect);
   useEffect91(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const hadConnectionBeforeRef = useRef71(false);
-  const getNatsWsUrlRef = useRef71(getNatsWsUrl);
+  const hadConnectionBeforeRef = useRef72(false);
+  const getNatsWsUrlRef = useRef72(getNatsWsUrl);
   useEffect91(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef71(reconnectionBackoff);
+  const reconnectionBackoffRef = useRef72(reconnectionBackoff);
   useEffect91(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const clientConfigRef = useRef71(clientConfig);
+  const clientConfigRef = useRef72(clientConfig);
   useEffect91(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef71("");
+  const currentWsUrlRef = useRef72("");
   const wsUrl = getNatsWsUrl();
   useEffect91(() => {
     if (!enabled || !wsUrl) {
@@ -54154,15 +54266,15 @@ function useNatsDialogSubscription({
     };
   }, [enabled, wsUrl]);
   const topicsKey = topics.join(",");
-  const topicsRef = useRef71(topics);
+  const topicsRef = useRef72(topics);
   topicsRef.current = topics;
-  const lastSubscribedDialogIdRef = useRef71(null);
-  const isConnectedRef = useRef71(isConnected);
+  const lastSubscribedDialogIdRef = useRef72(null);
+  const isConnectedRef = useRef72(isConnected);
   useEffect91(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
-  const currentDialogIdRef = useRef71(null);
-  const abortControllerRef = useRef71(null);
+  const currentDialogIdRef = useRef72(null);
+  const abortControllerRef = useRef72(null);
   useEffect91(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
@@ -54419,7 +54531,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback51, useMemo as useMemo50, useRef as useRef72, useState as useState122 } from "react";
+import { useCallback as useCallback50, useMemo as useMemo51, useRef as useRef73, useState as useState122 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -54496,11 +54608,11 @@ function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
   const [attachments, setAttachments] = useState122([]);
-  const controllersRef = useRef72(/* @__PURE__ */ new Map());
-  const updateOne = useCallback51((id, patch) => {
+  const controllersRef = useRef73(/* @__PURE__ */ new Map());
+  const updateOne = useCallback50((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
   }, []);
-  const removeAttachment = useCallback51((id) => {
+  const removeAttachment = useCallback50((id) => {
     const ctrl = controllersRef.current.get(id);
     if (ctrl) {
       ctrl.abort();
@@ -54508,12 +54620,12 @@ function useChatAttachments() {
     }
     setAttachments((prev) => prev.filter((a) => a.id !== id));
   }, []);
-  const clear = useCallback51(() => {
+  const clear = useCallback50(() => {
     for (const ctrl of controllersRef.current.values()) ctrl.abort();
     controllersRef.current.clear();
     setAttachments([]);
   }, []);
-  const uploadOne = useCallback51(
+  const uploadOne = useCallback50(
     async (att) => {
       const ctrl = controllersRef.current.get(att.id);
       try {
@@ -54585,9 +54697,9 @@ function useChatAttachments() {
     },
     [uploadUrlEndpoint, updateOne]
   );
-  const attachmentsRef = useRef72([]);
+  const attachmentsRef = useRef73([]);
   attachmentsRef.current = attachments;
-  const addFiles = useCallback51(
+  const addFiles = useCallback50(
     (files) => {
       const arr = Array.from(files);
       if (arr.length === 0) return;
@@ -54636,7 +54748,7 @@ function useChatAttachments() {
     },
     [uploadOne]
   );
-  const readyAttachments = useMemo50(
+  const readyAttachments = useMemo51(
     () => attachments.filter(
       (a) => a.status === "ready" && !!a.storagePath && !!a.viewToken
     ).map((a) => ({
@@ -54662,15 +54774,15 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback52, useEffect as useEffect93, useRef as useRef73, useState as useState123 } from "react";
+import { useCallback as useCallback51, useEffect as useEffect93, useRef as useRef74, useState as useState123 } from "react";
 import { jsx as jsx395 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  const panelRef = useRef73(null);
+  const panelRef = useRef74(null);
   const [state, setState] = useState123(CLOSED);
-  const handleClose = useCallback52(() => setState(CLOSED), []);
+  const handleClose = useCallback51(() => setState(CLOSED), []);
   useEffect93(() => {
     const root = panelRef.current;
     if (!root) return;
@@ -54717,10 +54829,10 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect94, useRef as useRef74 } from "react";
+import { useEffect as useEffect94, useRef as useRef75 } from "react";
 function useCloseOnNavigation(close, pathname) {
-  const prevPathnameRef = useRef74(null);
-  const initializedRef = useRef74(false);
+  const prevPathnameRef = useRef75(null);
+  const initializedRef = useRef75(false);
   useEffect94(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
@@ -54735,20 +54847,20 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState125, useCallback as useCallback54, useEffect as useEffect95, useRef as useRef76 } from "react";
+import { useState as useState125, useCallback as useCallback53, useEffect as useEffect95, useRef as useRef77 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState124, useCallback as useCallback53, useRef as useRef75 } from "react";
+import { useState as useState124, useCallback as useCallback52, useRef as useRef76 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
   const [isStreaming, setIsStreaming] = useState124(false);
   const [error, setError] = useState124(null);
-  const abortControllerRef = useRef75(null);
-  const fallbackStream = useCallback53(async function* () {
+  const abortControllerRef = useRef76(null);
+  const fallbackStream = useCallback52(async function* () {
     throw new Error(
       "[useSSE] No streamFn provided and `useMock: true` is no longer wired into the lib. Supply a `streamFn` (see `createDocStreamFn` in use-embedded-chat) or migrate the mock to your host code."
     );
   }, []);
-  const streamMessage = useCallback53(
+  const streamMessage = useCallback52(
     async function* (message2, extra) {
       setIsStreaming(true);
       setError(null);
@@ -54778,13 +54890,13 @@ function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
     },
     [streamFn, fallbackStream]
   );
-  const abort = useCallback53(() => {
+  const abort = useCallback52(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
     }
     setIsStreaming(false);
   }, []);
-  const reset = useCallback53(() => {
+  const reset = useCallback52(() => {
   }, []);
   return {
     streamMessage,
@@ -54810,8 +54922,8 @@ function useChat({
 } = {}) {
   const [messages, setMessages] = useState125(() => initialMessages ?? []);
   const [isTyping, setIsTyping] = useState125(false);
-  const currentAssistantSegmentsRef = useRef76([]);
-  const onMessagesChangeRef = useRef76(onMessagesChange);
+  const currentAssistantSegmentsRef = useRef77([]);
+  const onMessagesChangeRef = useRef77(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
   useEffect95(() => {
     onMessagesChangeRef.current?.(messages);
@@ -54827,10 +54939,10 @@ function useChat({
     debugMode,
     streamFn
   });
-  const addMessage = useCallback54((message2) => {
+  const addMessage = useCallback53((message2) => {
     setMessages((prev) => [...prev, message2]);
   }, []);
-  const updateLastAssistantMessage = useCallback54((segments) => {
+  const updateLastAssistantMessage = useCallback53((segments) => {
     setMessages((prev) => {
       const newMessages = [...prev];
       const lastMessage = newMessages[newMessages.length - 1];
@@ -54843,7 +54955,7 @@ function useChat({
       return newMessages;
     });
   }, []);
-  const sendMessage = useCallback54(
+  const sendMessage = useCallback53(
     async (text, extra, options) => {
       const userMessage = {
         id: `user-${Date.now()}`,
@@ -55050,21 +55162,21 @@ function useChat({
     },
     [streamMessage, addMessage, updateLastAssistantMessage, assistantName, assistantAvatar]
   );
-  const handleQuickAction = useCallback54(
+  const handleQuickAction = useCallback53(
     (actionText) => {
       sendMessage(actionText);
     },
     [sendMessage]
   );
-  const clearMessages = useCallback54(() => {
+  const clearMessages = useCallback53(() => {
     setMessages([]);
     setIsTyping(false);
     reset();
   }, [reset]);
-  const hydrateMessages = useCallback54((history) => {
+  const hydrateMessages = useCallback53((history) => {
     setMessages((prev) => prev.length === 0 ? history : [...history, ...prev]);
   }, []);
-  const stopMessage = useCallback54(() => {
+  const stopMessage = useCallback53(() => {
     abort();
     setIsTyping(false);
   }, [abort]);
@@ -55083,7 +55195,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useCallback as useCallback56, useMemo as useMemo52, useRef as useRef79 } from "react";
+import { useCallback as useCallback55, useMemo as useMemo53, useRef as useRef80 } from "react";
 
 // src/chat-protocol/confirm-tool.ts
 function buildConfirmToolBody(request) {
@@ -55350,7 +55462,7 @@ function pruneStaleChatConversationStorage(source) {
 }
 
 // src/components/chat/hooks/use-chat-history-hydration.ts
-import { useEffect as useEffect96, useRef as useRef77, useState as useState126 } from "react";
+import { useEffect as useEffect96, useRef as useRef78, useState as useState126 } from "react";
 function useChatHistoryHydration({
   active,
   source,
@@ -55361,7 +55473,7 @@ function useChatHistoryHydration({
   bumpMetaTick
 }) {
   const [isHydratingHistory, setIsHydratingHistory] = useState126(false);
-  const hydratedKeyRef = useRef77(null);
+  const hydratedKeyRef = useRef78(null);
   useEffect96(() => {
     if (!active) return;
     const conversationId = conversationIdRef.current;
@@ -57548,7 +57660,7 @@ function createChatDialogStore(options = {}) {
 }
 
 // src/components/chat/stream/use-chat-stream-reducer.ts
-import { useCallback as useCallback55, useEffect as useEffect97, useMemo as useMemo51, useRef as useRef78, useSyncExternalStore } from "react";
+import { useCallback as useCallback54, useEffect as useEffect97, useMemo as useMemo52, useRef as useRef79, useSyncExternalStore } from "react";
 
 // src/components/chat/stream/delta-batcher.ts
 var DELTA_FLUSH_FALLBACK_MS = 50;
@@ -57637,21 +57749,21 @@ function useChatStreamReducer({
   side = DEFAULT_DIALOG_SIDE,
   createReducerOptions
 }) {
-  const optionsRef = useRef78(createReducerOptions);
+  const optionsRef = useRef79(createReducerOptions);
   optionsRef.current = createReducerOptions;
   const reducer2 = store.getReducer(dialogId, side, () => optionsRef.current?.() ?? {});
-  const getSnapshot = useCallback55(() => store.getSnapshot(dialogId, side), [store, dialogId, side]);
-  const getServerSnapshot = useCallback55(() => store.getServerSnapshot(), [store]);
-  const subscribe = useCallback55((listener) => store.subscribe(listener), [store]);
+  const getSnapshot = useCallback54(() => store.getSnapshot(dialogId, side), [store, dialogId, side]);
+  const getServerSnapshot = useCallback54(() => store.getServerSnapshot(), [store]);
+  const subscribe = useCallback54((listener) => store.subscribe(listener), [store]);
   const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
   useEffect97(() => store.retain(dialogId, side), [store, dialogId, side]);
-  const keyRef = useRef78({ dialogId, side });
+  const keyRef = useRef79({ dialogId, side });
   if (keyRef.current.dialogId !== dialogId || keyRef.current.side !== side) {
     keyRef.current = { dialogId, side };
   }
-  const storeRef = useRef78(store);
+  const storeRef = useRef79(store);
   storeRef.current = store;
-  const batcherRef = useRef78(null);
+  const batcherRef = useRef79(null);
   if (batcherRef.current === null) {
     batcherRef.current = createDeltaBatcher({
       applyOne: (event, key) => {
@@ -57660,8 +57772,8 @@ function useChatStreamReducer({
     });
   }
   const batcher = batcherRef.current;
-  const flushDeltas = useCallback55(() => batcher.flush(), [batcher]);
-  const applyEvent = useCallback55(
+  const flushDeltas = useCallback54(() => batcher.flush(), [batcher]);
+  const applyEvent = useCallback54(
     (event) => {
       if (batcher.push(event, keyRef.current)) return;
       batcher.flush();
@@ -57670,11 +57782,11 @@ function useChatStreamReducer({
     [batcher, store, dialogId, side]
   );
   useEffect97(() => () => batcher.dispose(), [batcher]);
-  const mutate = useCallback55(
+  const mutate = useCallback54(
     (fn) => store.mutate(dialogId, side, fn),
     [store, dialogId, side]
   );
-  return useMemo51(
+  return useMemo52(
     () => ({ state, applyEvent, flushDeltas, mutate, reducer: reducer2 }),
     [state, applyEvent, flushDeltas, mutate, reducer2]
   );
@@ -57700,8 +57812,8 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const runtime = useRequiredChatRuntime();
   const source = runtime.source || DEFAULT_CHAT_SOURCE;
   const tableIdForDocumentType = options?.tableIdForDocumentType ?? defaultTableIdForDocumentType;
-  const sendMessageRef = useRef79(async () => true);
-  const cardResolve = useCallback56(
+  const sendMessageRef = useRef80(async () => true);
+  const cardResolve = useCallback55(
     (action) => (reqId) => {
       if (!reqId) return;
       return sendMessageRef.current("", {
@@ -57711,26 +57823,26 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     },
     []
   );
-  const cardApprove = useMemo52(() => cardResolve("approve"), [cardResolve]);
-  const cardReject = useMemo52(() => cardResolve("reject"), [cardResolve]);
-  const createReducerOptions = useCallback56(
+  const cardApprove = useMemo53(() => cardResolve("approve"), [cardResolve]);
+  const cardReject = useMemo53(() => cardResolve("reject"), [cardResolve]);
+  const createReducerOptions = useCallback55(
     () => ({
       transport: "sse",
       callbacks: { onApprove: cardApprove, onReject: cardReject }
     }),
     [cardApprove, cardReject]
   );
-  const storeRef = useRef79(null);
+  const storeRef = useRef80(null);
   if (storeRef.current === null) storeRef.current = createChatDialogStore();
   const { state, applyEvent, flushDeltas, mutate, reducer: reducer2 } = useChatStreamReducer({
     store: storeRef.current,
     dialogId: source,
     createReducerOptions
   });
-  const abortControllerRef = useRef79(null);
-  const conversationStorage = useMemo52(() => createChatConversationStorage(source), [source]);
-  const conversationIdRef = useRef79(null);
-  const restoredConversationRef = useRef79(false);
+  const abortControllerRef = useRef80(null);
+  const conversationStorage = useMemo53(() => createChatConversationStorage(source), [source]);
+  const conversationIdRef = useRef80(null);
+  const restoredConversationRef = useRef80(false);
   if (!restoredConversationRef.current) {
     restoredConversationRef.current = true;
     pruneStaleChatConversationStorage(source);
@@ -57740,7 +57852,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const { commands: slashCommands } = useSlashCommandRegistry(commandsUrl, {
     enabled: active
   });
-  const cmdIdByTableId = useMemo52(() => {
+  const cmdIdByTableId = useMemo53(() => {
     const buckets = /* @__PURE__ */ new Map();
     for (const cmd of slashCommands) {
       if (!cmd.primarySourceId) continue;
@@ -57761,8 +57873,8 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     return map;
   }, [slashCommands]);
   const historyUrl = runtime.endpoints.chatHistoryUrl ?? `${runtime.endpoints.chatStreamUrl.replace(/\/+$/, "")}/history`;
-  const hydrationSendCountRef = useRef79(0);
-  const hydrateMessages = useCallback56(
+  const hydrationSendCountRef = useRef80(0);
+  const hydrateMessages = useCallback55(
     (history, sourcesSeed) => {
       mutate((r) => {
         const mapped = history.map(historyMessageToReducerMessage);
@@ -57794,9 +57906,9 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     // `hydrateMessages` above) already invalidates the snapshot.
     bumpMetaTick: noopBumpMetaTick
   });
-  const endpointsRef = useRef79(runtime.endpoints);
+  const endpointsRef = useRef80(runtime.endpoints);
   endpointsRef.current = runtime.endpoints;
-  const captureConversationId = useCallback56(
+  const captureConversationId = useCallback55(
     (event) => {
       if (event.type !== "metadata") return;
       const id = event.conversationId;
@@ -57807,7 +57919,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     },
     [conversationStorage]
   );
-  const sendMessage = useCallback56(
+  const sendMessage = useCallback55(
     // Resolves `true` on a clean turn, `false` when the request failed
     // (surfaced to batch approve-all loops via the card callbacks).
     async (text, sendOptions) => {
@@ -57885,19 +57997,19 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     [mutate, applyEvent, flushDeltas, captureConversationId]
   );
   sendMessageRef.current = sendMessage;
-  const stopMessage = useCallback56(() => {
+  const stopMessage = useCallback55(() => {
     abortControllerRef.current?.abort();
     flushDeltas();
     mutate((r) => r.setPhase("idle"));
   }, [mutate, flushDeltas]);
-  const clearMessages = useCallback56(() => {
+  const clearMessages = useCallback55(() => {
     mutate((r) => r.reset());
     conversationIdRef.current = null;
     conversationStorage.clear();
     hydrationSendCountRef.current = 0;
     hydratedKeyRef.current = null;
   }, [mutate, conversationStorage, hydratedKeyRef]);
-  const docMessages = useMemo52(() => {
+  const docMessages = useMemo53(() => {
     const { meta, sources: sourcesMap } = state.turnMeta;
     let sendIdx = -1;
     return state.messages.map((m) => {
@@ -57924,7 +58036,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
       };
     });
   }, [state.messages, state.turnMeta]);
-  const displayRef = useCallback56(
+  const displayRef = useCallback55(
     (reference) => {
       const tableId = tableIdForDocumentType(reference.type);
       if (!tableId) {
@@ -57948,7 +58060,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     },
     [sendMessage, source, cmdIdByTableId, tableIdForDocumentType]
   );
-  const discussRef = useCallback56(
+  const discussRef = useCallback55(
     (reference) => {
       const tableId = tableIdForDocumentType(reference.type);
       if (!tableId) {
@@ -57971,7 +58083,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     },
     [sendMessage, tableIdForDocumentType]
   );
-  const latestMeta = useMemo52(() => {
+  const latestMeta = useMemo53(() => {
     const { meta, sendCount } = state.turnMeta;
     return meta.get(sendCount - 1) ?? meta.get(sendCount - 2) ?? null;
   }, [state]);
@@ -58050,7 +58162,7 @@ var noopBumpMetaTick = () => {
 };
 
 // src/components/chat/hooks/use-nats-chat-adapter.ts
-import { useCallback as useCallback57, useEffect as useEffect98, useMemo as useMemo53, useRef as useRef80, useState as useState127 } from "react";
+import { useCallback as useCallback56, useEffect as useEffect98, useMemo as useMemo54, useRef as useRef81, useState as useState127 } from "react";
 
 // src/chat-protocol/nats-decoder.ts
 function normalizeToolCalls(raw) {
@@ -59077,24 +59189,24 @@ function useNatsChatAdapter(config, options = {}) {
   const isManagedMode = fetchDialogs !== void 0;
   const [internalDialogId, setInternalDialogId] = useState127(null);
   const dialogId = isManagedMode ? internalDialogId : controlledDialogId !== void 0 ? controlledDialogId : null;
-  const currentDialogIdRef = useRef80(dialogId);
+  const currentDialogIdRef = useRef81(dialogId);
   currentDialogIdRef.current = dialogId;
-  const handleApproveRef = useRef80(async () => {
+  const handleApproveRef = useRef81(async () => {
   });
-  const handleRejectRef = useRef80(
+  const handleRejectRef = useRef81(
     async () => {
     }
   );
-  const accumApprove = useCallback57((requestId) => {
+  const accumApprove = useCallback56((requestId) => {
     if (!requestId) return;
     return handleApproveRef.current(requestId);
   }, []);
-  const accumReject = useCallback57((requestId) => {
+  const accumReject = useCallback56((requestId) => {
     if (!requestId) return;
     return handleRejectRef.current(requestId);
   }, []);
-  const storeRef = useRef80(createChatDialogStore());
-  const globalApprovalStatusesRef = useRef80({});
+  const storeRef = useRef81(createChatDialogStore());
+  const globalApprovalStatusesRef = useRef81({});
   const dialogKey = dialogId ?? DRAFT_DIALOG_KEY;
   const { state, applyEvent, mutate } = useChatStreamReducer({
     store: storeRef.current,
@@ -59143,7 +59255,7 @@ function useNatsChatAdapter(config, options = {}) {
       console.error("[useNatsChatAdapter] rejectRequest failed:", err);
     }
   };
-  const processChunk = useCallback57(
+  const processChunk = useCallback56(
     (chunk) => {
       const event = decodeNatsChunk(chunk);
       if (event) applyEvent(event);
@@ -59158,7 +59270,7 @@ function useNatsChatAdapter(config, options = {}) {
   const [messagesNextCursor, setMessagesNextCursor] = useState127(null);
   const [isMessagesLoading, setIsMessagesLoading] = useState127(false);
   const [connectionState, setConnectionState] = useState127("connecting");
-  const hasConnectedOnceRef = useRef80(false);
+  const hasConnectedOnceRef = useRef81(false);
   const {
     processChunk: catchupProcessChunk,
     catchUpChunks,
@@ -59171,8 +59283,8 @@ function useNatsChatAdapter(config, options = {}) {
     onChunkReceived: (chunk) => processChunk(chunk),
     fetchChunks
   });
-  const historyLoadSeqRef = useRef80(0);
-  const loadDialogHistory = useCallback57(
+  const historyLoadSeqRef = useRef81(0);
+  const loadDialogHistory = useCallback56(
     async (id, cursor) => {
       if (!fetchDialogMessages) return;
       historyLoadSeqRef.current += 1;
@@ -59234,7 +59346,7 @@ function useNatsChatAdapter(config, options = {}) {
       isBufferingActive
     ]
   );
-  const prevDialogIdRef = useRef80(void 0);
+  const prevDialogIdRef = useRef81(void 0);
   useEffect98(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
@@ -59318,8 +59430,8 @@ function useNatsChatAdapter(config, options = {}) {
     }
     setConnectionState("connecting");
   }, [active, dialogId]);
-  const initialDialogsLoadedRef = useRef80(false);
-  const loadDialogsPage = useCallback57(
+  const initialDialogsLoadedRef = useRef81(false);
+  const loadDialogsPage = useCallback56(
     async (cursor) => {
       if (!fetchDialogs) return;
       setIsDialogsLoading(true);
@@ -59347,7 +59459,7 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [fetchDialogs, dialogsPageSize]
   );
-  const reloadDialogs = useCallback57(() => {
+  const reloadDialogs = useCallback56(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
   useEffect98(() => {
@@ -59357,7 +59469,7 @@ function useNatsChatAdapter(config, options = {}) {
     initialDialogsLoadedRef.current = true;
     void loadDialogsPage();
   }, [active, fetchDialogs, loadDialogsPage]);
-  const sendMessage = useCallback57(
+  const sendMessage = useCallback56(
     async (text, sendOptions) => {
       const hidden = sendOptions?.hidden ?? false;
       mutate((r) => r.pushOptimisticSend(text, hidden));
@@ -59365,7 +59477,7 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [mutate, publishUserMessage, dialogId]
   );
-  const stopMessage = useCallback57(() => {
+  const stopMessage = useCallback56(() => {
     mutate((r) => r.setPhase("idle"));
     if (stopGenerationCallback && dialogId) {
       void stopGenerationCallback(dialogId).catch((err) => {
@@ -59373,10 +59485,10 @@ function useNatsChatAdapter(config, options = {}) {
       });
     }
   }, [mutate, stopGenerationCallback, dialogId]);
-  const clearMessages = useCallback57(() => {
+  const clearMessages = useCallback56(() => {
     mutate((r) => r.clearThread());
   }, [mutate]);
-  const selectDialog = useCallback57(
+  const selectDialog = useCallback56(
     (id) => {
       if (!isManagedMode) {
         return;
@@ -59385,7 +59497,7 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [isManagedMode]
   );
-  const startNewDialog = useCallback57(async () => {
+  const startNewDialog = useCallback56(async () => {
     if (!createDialogCallback) return null;
     if (isCreatingDialog) return null;
     try {
@@ -59410,7 +59522,7 @@ function useNatsChatAdapter(config, options = {}) {
       setIsCreatingDialog(false);
     }
   }, [createDialogCallback, isCreatingDialog, isManagedMode]);
-  const deleteDialog = useCallback57(
+  const deleteDialog = useCallback56(
     async (id) => {
       if (!deleteDialogCallback) return;
       try {
@@ -59426,7 +59538,7 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [deleteDialogCallback, internalDialogId, isManagedMode]
   );
-  const renameDialog = useCallback57(
+  const renameDialog = useCallback56(
     async (id, title) => {
       if (!renameDialogCallback) return;
       let previous;
@@ -59450,7 +59562,7 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [renameDialogCallback]
   );
-  const archiveDialog = useCallback57(
+  const archiveDialog = useCallback56(
     async (id) => {
       if (!archiveDialogCallback) return;
       try {
@@ -59465,27 +59577,27 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [archiveDialogCallback, internalDialogId, isManagedMode]
   );
-  const loadMoreDialogs = useCallback57(async () => {
+  const loadMoreDialogs = useCallback56(async () => {
     if (!dialogsNextCursor) return;
     await loadDialogsPage(dialogsNextCursor);
   }, [dialogsNextCursor, loadDialogsPage]);
-  const loadMoreMessages = useCallback57(async () => {
+  const loadMoreMessages = useCallback56(async () => {
     if (!dialogId || !messagesNextCursor) return;
     await loadDialogHistory(dialogId, messagesNextCursor);
   }, [dialogId, messagesNextCursor, loadDialogHistory]);
-  const approveRequest = useCallback57(
+  const approveRequest = useCallback56(
     async (requestId) => {
       await handleApproveRef.current(requestId);
     },
     []
   );
-  const rejectRequest = useCallback57(
+  const rejectRequest = useCallback56(
     async (requestId, reason) => {
       await handleRejectRef.current(requestId, reason);
     },
     []
   );
-  const discussRef = useCallback57(
+  const discussRef = useCallback56(
     (reference) => {
       const prompt = buildDiscussPrompt(reference, { includeReference: true });
       void sendMessage(prompt).catch((err) => {
@@ -59494,13 +59606,13 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [sendMessage]
   );
-  const displayRef = useCallback57((_ref) => {
+  const displayRef = useCallback56((_ref) => {
   }, []);
   const { messages, streamingPhase, dialogTokenUsage = null, liveModel = null } = state;
   const isLoading = streamingPhase !== "idle";
   const hasMoreDialogs = dialogsNextCursor != null;
   const hasMoreMessages = messagesNextCursor != null;
-  return useMemo53(
+  return useMemo54(
     () => ({
       messages,
       isLoading,
@@ -59583,7 +59695,7 @@ function useNatsChatAdapter(config, options = {}) {
 }
 
 // src/components/chat/hooks/use-unified-chat.ts
-import { useCallback as useCallback58, useMemo as useMemo54, useRef as useRef81 } from "react";
+import { useCallback as useCallback57, useMemo as useMemo55, useRef as useRef82 } from "react";
 var EMPTY_SSE_OPTIONS = {};
 function createDisabledNatsConfig() {
   return {
@@ -59598,7 +59710,7 @@ function createDisabledNatsConfig() {
 }
 function useUnifiedChat(options) {
   const { modes, activeMode, mingoStateOverride } = options;
-  const disabledNatsRef = useRef81(null);
+  const disabledNatsRef = useRef82(null);
   if (disabledNatsRef.current === null) {
     disabledNatsRef.current = createDisabledNatsConfig();
   }
@@ -59612,70 +59724,70 @@ function useUnifiedChat(options) {
     { active: natsActive }
   );
   const activeState = activeMode === "guide" ? sseState : mingoStateOverride ?? natsState;
-  const activeStateRef = useRef81(activeState);
+  const activeStateRef = useRef82(activeState);
   activeStateRef.current = activeState;
-  const stopMessage = useCallback58(() => activeStateRef.current.stopMessage(), []);
-  const clearMessages = useCallback58(
+  const stopMessage = useCallback57(() => activeStateRef.current.stopMessage(), []);
+  const clearMessages = useCallback57(
     () => activeStateRef.current.clearMessages(),
     []
   );
-  const sendMessage = useCallback58(
+  const sendMessage = useCallback57(
     (text, opts) => activeStateRef.current.sendMessage(text, opts),
     []
   );
-  const discussRef = useCallback58(
+  const discussRef = useCallback57(
     (ref) => activeStateRef.current.discussRef(ref),
     []
   );
-  const displayRef = useCallback58(
+  const displayRef = useCallback57(
     (ref) => activeStateRef.current.displayRef(ref),
     []
   );
-  const selectDialog = useCallback58(
+  const selectDialog = useCallback57(
     (id) => activeStateRef.current.selectDialog(id),
     []
   );
-  const startNewDialog = useCallback58(
+  const startNewDialog = useCallback57(
     () => activeStateRef.current.startNewDialog(),
     []
   );
-  const deleteDialog = useCallback58(
+  const deleteDialog = useCallback57(
     (id) => activeStateRef.current.deleteDialog(id),
     []
   );
-  const renameDialog = useCallback58(
+  const renameDialog = useCallback57(
     (id, title) => activeStateRef.current.renameDialog(id, title),
     []
   );
-  const archiveDialog = useCallback58(
+  const archiveDialog = useCallback57(
     (id) => activeStateRef.current.archiveDialog(id),
     []
   );
-  const loadMoreDialogs = useCallback58(
+  const loadMoreDialogs = useCallback57(
     () => activeStateRef.current.loadMoreDialogs(),
     []
   );
-  const setDialogScope = useCallback58(
+  const setDialogScope = useCallback57(
     (scope) => activeStateRef.current.setDialogScope?.(scope),
     []
   );
-  const reloadDialogs = useCallback58(
+  const reloadDialogs = useCallback57(
     () => activeStateRef.current.reloadDialogs(),
     []
   );
-  const loadMoreMessages = useCallback58(
+  const loadMoreMessages = useCallback57(
     () => activeStateRef.current.loadMoreMessages(),
     []
   );
-  const approveRequest = useCallback58(
+  const approveRequest = useCallback57(
     (requestId) => activeStateRef.current.approveRequest(requestId),
     []
   );
-  const rejectRequest = useCallback58(
+  const rejectRequest = useCallback57(
     (requestId, reason) => activeStateRef.current.rejectRequest(requestId, reason),
     []
   );
-  return useMemo54(
+  return useMemo55(
     () => ({
       messages: activeState.messages,
       isLoading: activeState.isLoading,
@@ -60014,16 +60126,16 @@ function buildStreamFrames(messages) {
 
 // src/components/chat/embeddable-chat.tsx
 init_cn();
-import { useCallback as useCallback60, useEffect as useEffect99, useMemo as useMemo56, useRef as useRef83, useState as useState129 } from "react";
+import { useCallback as useCallback59, useEffect as useEffect99, useMemo as useMemo57, useRef as useRef84, useState as useState129 } from "react";
 import * as DialogPrimitive5 from "@radix-ui/react-dialog";
 import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
 
 // node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
-import * as React152 from "react";
+import * as React149 from "react";
 
 // node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React151 from "react";
+import * as React148 from "react";
 import * as ReactDOM2 from "react-dom";
 import { createSlot } from "@radix-ui/react-slot";
 import { jsx as jsx396 } from "react/jsx-runtime";
@@ -60050,7 +60162,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot2 = createSlot(`Primitive.${node}`);
-  const Node2 = React151.forwardRef((props, forwardedRef) => {
+  const Node2 = React148.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot2 : node;
     if (typeof window !== "undefined") {
@@ -60083,7 +60195,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
   whiteSpace: "nowrap",
   wordWrap: "normal"
 });
-var VisuallyHidden = /* @__PURE__ */ React152.forwardRef(
+var VisuallyHidden = /* @__PURE__ */ React149.forwardRef(
   /* @__PURE__ */ __name4(function VisuallyHidden2(props, forwardedRef) {
     return /* @__PURE__ */ jsx397(
       Primitive.span,
@@ -60101,7 +60213,7 @@ init_button2();
 import { FileText as FileText8, MessageSquare as MessageSquare3 } from "lucide-react";
 
 // src/components/chat/hooks/use-chat-dialog-manager.ts
-import { useCallback as useCallback59, useMemo as useMemo55, useRef as useRef82, useState as useState128 } from "react";
+import { useCallback as useCallback58, useMemo as useMemo56, useRef as useRef83, useState as useState128 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -60114,14 +60226,14 @@ function useChatDialogManager({
 }) {
   const [renameTarget, setRenameTarget] = useState128(null);
   const [archiveTarget, setArchiveTarget] = useState128(null);
-  const handleConfirmRename = useCallback59(
+  const handleConfirmRename = useCallback58(
     (name) => {
       if (renameTarget) void renameDialog(renameTarget.id, name);
       setRenameTarget(null);
     },
     [renameTarget, renameDialog]
   );
-  const handleConfirmArchive = useCallback59(async () => {
+  const handleConfirmArchive = useCallback58(async () => {
     if (archiveTarget) {
       try {
         await archiveDialog(archiveTarget.id);
@@ -60141,8 +60253,8 @@ function useChatDialogManager({
   const [archivedCursor, setArchivedCursor] = useState128(null);
   const [archivedLoading, setArchivedLoading] = useState128(false);
   const [archivedPending, setArchivedPending] = useState128(false);
-  const archivedRequestIdRef = useRef82(0);
-  const loadArchivedPage = useCallback59(
+  const archivedRequestIdRef = useRef83(0);
+  const loadArchivedPage = useCallback58(
     async (cursor) => {
       if (!fetchArchivedDialogs) return;
       const requestId = ++archivedRequestIdRef.current;
@@ -60177,16 +60289,16 @@ function useChatDialogManager({
     },
     [fetchArchivedDialogs]
   );
-  const openArchive = useCallback59(() => {
+  const openArchive = useCallback58(() => {
     setArchiveOpen(true);
     void loadArchivedPage();
   }, [loadArchivedPage]);
-  const closeArchive = useCallback59(() => setArchiveOpen(false), []);
+  const closeArchive = useCallback58(() => setArchiveOpen(false), []);
   const [viewingArchivedId, setViewingArchivedId] = useState128(
     null
   );
   const [openingDialogId, setOpeningDialogId] = useState128(null);
-  const handleSelectDialog = useCallback59(
+  const handleSelectDialog = useCallback58(
     (id) => {
       setViewingArchivedId(null);
       setOpeningDialogId(id);
@@ -60195,7 +60307,7 @@ function useChatDialogManager({
     [selectDialog]
   );
   const isOpeningDialog = openingDialogId != null && openingDialogId === activeDialogId;
-  const handleArchivedSelect = useCallback59(
+  const handleArchivedSelect = useCallback58(
     (id) => {
       setArchiveOpen(false);
       setOpeningDialogId(null);
@@ -60205,7 +60317,7 @@ function useChatDialogManager({
     [selectDialog]
   );
   const [restoreTarget, setRestoreTarget] = useState128(null);
-  const handleConfirmRestore = useCallback59(async () => {
+  const handleConfirmRestore = useCallback58(async () => {
     if (restoreTarget) {
       try {
         await unarchiveDialog?.(restoreTarget.id);
@@ -60219,7 +60331,7 @@ function useChatDialogManager({
     setRestoreTarget(null);
   }, [restoreTarget, unarchiveDialog]);
   const isViewingArchived = viewingArchivedId != null && viewingArchivedId === activeDialogId;
-  const handleBack = useCallback59(() => {
+  const handleBack = useCallback58(() => {
     const wasArchived = isViewingArchived;
     setViewingArchivedId(null);
     setOpeningDialogId(null);
@@ -60227,14 +60339,14 @@ function useChatDialogManager({
     clearMessages();
     if (wasArchived) setArchiveOpen(true);
   }, [isViewingArchived, selectDialog, clearMessages]);
-  const resetToNewChat = useCallback59(() => {
+  const resetToNewChat = useCallback58(() => {
     setViewingArchivedId(null);
     setOpeningDialogId(null);
     selectDialog(null);
     clearMessages();
     setArchiveOpen(false);
   }, [selectDialog, clearMessages]);
-  const activeDialog = useMemo55(
+  const activeDialog = useMemo56(
     () => dialogs.find((d) => d.id === activeDialogId) ?? archivedDialogs.find((d) => d.id === activeDialogId),
     [dialogs, archivedDialogs, activeDialogId]
   );
@@ -60647,7 +60759,7 @@ function EmbeddableChatInner({
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll5({ isDisabled: !isOpen || shellLess });
-  const navigatingAwayRef = useRef83(false);
+  const navigatingAwayRef = useRef84(false);
   useEffect99(() => {
     if (!isOpen) return;
     if (shellLess) return;
@@ -60674,9 +60786,9 @@ function EmbeddableChatInner({
       window.scrollTo(0, scrollY);
     };
   }, [isOpen, shellLess]);
-  const chatInputRef = useRef83(null);
+  const chatInputRef = useRef84(null);
   const [quickActionPreview, setQuickActionPreview] = useState129(null);
-  const slashCommandsProp = useMemo56(
+  const slashCommandsProp = useMemo57(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
       resolveSourceIcon: (sourceId) => {
@@ -60691,12 +60803,12 @@ function EmbeddableChatInner({
     [commandsUrl]
   );
   const headerUserName = identityUser?.name?.trim() || [identityUser?.firstName, identityUser?.lastName].filter(Boolean).join(" ").trim() || userDisplayName?.trim() || void 0;
-  const effectiveModes = useMemo56(() => {
+  const effectiveModes = useMemo57(() => {
     if (modes) return modes;
     const guideOptions = tableIdForDocumentType ? { tableIdForDocumentType } : {};
     return { guide: guideOptions };
   }, [modes, tableIdForDocumentType]);
-  const mingoCaps = useMemo56(() => {
+  const mingoCaps = useMemo57(() => {
     if (mingoState) {
       return {
         canRename: mingoDialogCapabilities?.canRename ?? false,
@@ -60720,7 +60832,7 @@ function EmbeddableChatInner({
   const initialActiveMode = controlledActiveMode ?? defaultActiveMode ?? (effectiveModes.guide ? "guide" : "mingo");
   const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState129(initialActiveMode);
   const activeMode = controlledActiveMode ?? uncontrolledActiveMode;
-  const handleActiveModeChange = useCallback60(
+  const handleActiveModeChange = useCallback59(
     (next) => {
       if (controlledActiveMode === void 0) {
         setUncontrolledActiveMode(next);
@@ -60730,7 +60842,7 @@ function EmbeddableChatInner({
     [controlledActiveMode, onActiveModeChange]
   );
   const { commands: commandsList, loaded: commandsLoaded } = useSlashCommandRegistry(commandsUrl, { enabled: activeMode === "guide" });
-  const commandsById = useMemo56(() => {
+  const commandsById = useMemo57(() => {
     const map = /* @__PURE__ */ new Map();
     for (const cmd of commandsList) map.set(cmd.id, cmd);
     return map;
@@ -60780,7 +60892,7 @@ function EmbeddableChatInner({
     hasMoreMessages,
     loadMoreMessages
   } = useUnifiedChat({ modes: effectiveModes, activeMode, mingoStateOverride: mingoState });
-  const guidePromptSentRef = useRef83(false);
+  const guidePromptSentRef = useRef84(false);
   useEffect99(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
@@ -60805,28 +60917,28 @@ function EmbeddableChatInner({
   const [contextItems, setContextItems] = useState129([]);
   const [contextPickerOpen, setContextPickerOpen] = useState129(false);
   const [mentionQuery, setMentionQuery] = useState129(null);
-  const mentionActiveRef = useRef83(false);
+  const mentionActiveRef = useRef84(false);
   useEffect99(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
-  const mentionKeysRef = useRef83(/* @__PURE__ */ new Set());
+  const mentionKeysRef = useRef84(/* @__PURE__ */ new Set());
   useEffect99(() => {
     setContextItems([]);
     setMentionQuery(null);
     mentionKeysRef.current.clear();
   }, [activeDialogId, activeMode]);
-  const mentionMarkerByType = useMemo56(() => {
+  const mentionMarkerByType = useMemo57(() => {
     const m = /* @__PURE__ */ new Map();
     for (const t of contextPicker?.entityTypes ?? []) if (t.marker) m.set(t.type, t.marker);
     return m;
   }, [contextPicker?.entityTypes]);
   const contextEntityTypes = contextPicker?.entityTypes;
-  const resolveContextIcon = useMemo56(() => {
+  const resolveContextIcon = useMemo57(() => {
     const byType = /* @__PURE__ */ new Map();
     for (const t of contextEntityTypes ?? []) byType.set(t.type, t.icon);
     return (item) => byType.get(item.type);
   }, [contextEntityTypes]);
-  const toggleContextItem = useCallback60(
+  const toggleContextItem = useCallback59(
     (item) => {
       const key = `${item.type}:${item.id}`;
       if (mentionActiveRef.current) {
@@ -60849,7 +60961,7 @@ function EmbeddableChatInner({
     },
     [contextMaxItems, contextItems, mentionMarkerByType, resolveContextIcon]
   );
-  const removeContextItem = useCallback60((item) => {
+  const removeContextItem = useCallback59((item) => {
     const key = `${item.type}:${item.id}`;
     setContextItems((prev) => prev.filter((p) => `${p.type}:${p.id}` !== key));
     if (mentionKeysRef.current.has(key)) {
@@ -60859,7 +60971,7 @@ function EmbeddableChatInner({
       chatInputRef.current?.setValue(next);
     }
   }, [mentionMarkerByType]);
-  const handleContextValueChange = useCallback60((value) => {
+  const handleContextValueChange = useCallback59((value) => {
     for (const key of Array.from(mentionKeysRef.current)) {
       if (!value.includes(`@${mentionTokenOf(key, mentionMarkerByType)}`)) {
         mentionKeysRef.current.delete(key);
@@ -60867,32 +60979,32 @@ function EmbeddableChatInner({
       }
     }
   }, [mentionMarkerByType]);
-  const openContextPicker = useCallback60(() => {
+  const openContextPicker = useCallback59(() => {
     setMentionQuery(null);
     setContextPickerOpen(true);
   }, []);
-  const closeContextPicker = useCallback60(() => {
+  const closeContextPicker = useCallback59(() => {
     if (mentionActiveRef.current) {
       chatInputRef.current?.removeMentionTrigger();
     }
     setContextPickerOpen(false);
     setMentionQuery(null);
   }, []);
-  const handleMentionQueryChange = useCallback60((query) => {
+  const handleMentionQueryChange = useCallback59((query) => {
     setMentionQuery(query);
     setContextPickerOpen(query !== null);
   }, []);
   const resolvedBaseRoute = baseRoute || (source === "flamingo" ? "/knowledge-base" : "/data-room");
-  const handleClose = useCallback60(() => setIsOpen(false), [setIsOpen]);
-  const handleNavigationClose = useCallback60(() => {
+  const handleClose = useCallback59(() => setIsOpen(false), [setIsOpen]);
+  const handleNavigationClose = useCallback59(() => {
     navigatingAwayRef.current = true;
     setIsOpen(false);
   }, [setIsOpen]);
-  const chatPanelHandle = useMemo56(
+  const chatPanelHandle = useMemo57(
     () => ({ closeChat: handleNavigationClose }),
     [handleNavigationClose]
   );
-  const renderEntityCard = useCallback60(
+  const renderEntityCard = useCallback59(
     (reference) => renderChatInlineEntityCard(reference, {
       onDiscuss: discussRef,
       onDisplay: displayRef,
@@ -60902,14 +61014,14 @@ function EmbeddableChatInner({
     }),
     [discussRef, displayRef, resolvedBaseRoute, chipBasePlatform, extras]
   );
-  const mingoAssistantIcon = useMemo56(
+  const mingoAssistantIcon = useMemo57(
     () => effectiveAssistantIcon ? /* @__PURE__ */ jsx398(EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ jsx398(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
     [effectiveAssistantIcon]
   );
-  const timestampCacheRef = useRef83(/* @__PURE__ */ new Map());
+  const timestampCacheRef = useRef84(/* @__PURE__ */ new Map());
   const guideUserName = activeMode === "guide" ? [identityUser?.firstName, identityUser?.lastName].filter(Boolean).join(" ").trim() || identityUser?.name?.trim() || void 0 : void 0;
   const guideUserAvatar = activeMode === "guide" ? identityUser?.avatarUrl?.trim() || void 0 : void 0;
-  const messages = useMemo56(() => {
+  const messages = useMemo57(() => {
     const cache = timestampCacheRef.current;
     const seenIds = /* @__PURE__ */ new Set();
     const mapped = rawMessages.map((m) => {
@@ -60954,7 +61066,7 @@ function EmbeddableChatInner({
     }
     return mapped;
   }, [rawMessages, guideUserName, guideUserAvatar]);
-  const handleSend = useCallback60(
+  const handleSend = useCallback59(
     (text) => {
       let augmentedText = text;
       if (readyAttachments.length > 0) {
@@ -60974,13 +61086,13 @@ function EmbeddableChatInner({
     },
     [sendMessage, readyAttachments, viewUrlPrefix, clearAttachments, contextItems]
   );
-  const handleAskSelect = useCallback60(
+  const handleAskSelect = useCallback59(
     (label) => {
       sendMessage(label);
     },
     [sendMessage]
   );
-  const guideSuggestedActions = useMemo56(
+  const guideSuggestedActions = useMemo57(
     () => {
       if (effectiveQuickActions.length > 0) {
         return effectiveQuickActions.map((qa) => ({
@@ -61042,7 +61154,7 @@ function EmbeddableChatInner({
     fetchArchivedDialogs: mingoCaps.fetchArchivedDialogs,
     unarchiveDialog: mingoCaps.unarchiveDialog
   });
-  const handleOpen = useCallback60(() => setIsOpen(true), [setIsOpen]);
+  const handleOpen = useCallback59(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
   useEffect99(() => {
     const handler = (e) => {
@@ -61076,11 +61188,11 @@ function EmbeddableChatInner({
   }, [isQuickActionEmpty]);
   const guideCanReturnToMingo = isGuideEmpty && hasMingoMode;
   const sourceLabel = source === "flamingo" ? "Knowledge Base" : "Data Room";
-  const enabledSet = useMemo56(
+  const enabledSet = useMemo57(
     () => effectiveEnabledRagTableIds ? new Set(effectiveEnabledRagTableIds) : null,
     [effectiveEnabledRagTableIds]
   );
-  const chipCommands = useMemo56(() => {
+  const chipCommands = useMemo57(() => {
     const out = [];
     for (const cmd of commandsById.values()) {
       if (cmd.displayOrder === void 0) continue;
@@ -61097,7 +61209,7 @@ function EmbeddableChatInner({
     return out;
   }, [commandsById, enabledSet]);
   const lastAssistantMsg = [...rawMessages].reverse().find((m) => m.role === "assistant");
-  const lastSources = useMemo56(() => {
+  const lastSources = useMemo57(() => {
     if (chatLoading) return void 0;
     const sources = lastAssistantMsg?.sources;
     if (!sources || sources.length === 0) return void 0;
@@ -61116,7 +61228,7 @@ function EmbeddableChatInner({
   const [portalHost, setPortalHost] = useState129(null);
   const [panelBoundary, setPanelBoundary] = useState129(null);
   const [panelWidth, setPanelWidth] = useState129(0);
-  const panelMeasureRef = useRef83(null);
+  const panelMeasureRef = useRef84(null);
   useEffect99(() => {
     const el = panelMeasureRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
@@ -61128,7 +61240,7 @@ function EmbeddableChatInner({
     setPanelWidth(el.clientWidth);
     return () => ro.disconnect();
   }, []);
-  const setPanelNode = useCallback60((node) => {
+  const setPanelNode = useCallback59((node) => {
     panelMeasureRef.current = node;
     setPanelBoundary(node);
   }, []);
@@ -61140,7 +61252,7 @@ function EmbeddableChatInner({
     } catch {
     }
   }, []);
-  const toggleRailCollapsed = useCallback60(() => {
+  const toggleRailCollapsed = useCallback59(() => {
     setRailCollapsed((prev) => {
       const next = !prev;
       try {
@@ -61175,7 +61287,7 @@ function EmbeddableChatInner({
   const headerPersonName = headerOwner?.name?.trim() || headerUserName;
   const headerPersonAvatarUrl = headerOwner ? headerOwner.avatarUrl?.trim() || void 0 : identityUser?.avatarUrl?.trim() || userAvatarUrl?.trim() || void 0;
   const headerAvatar = headerPersonName || headerPersonAvatarUrl ? { name: headerPersonName, avatarUrl: headerPersonAvatarUrl } : void 0;
-  const handleNewChat = useCallback60(() => {
+  const handleNewChat = useCallback59(() => {
     resetToNewChat();
   }, [resetToNewChat]);
   const splitHeaderMenuItems = [
@@ -62822,4 +62934,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-TI75367M.js.map
+//# sourceMappingURL=chunk-K5SQ625X.js.map