@flamingo-stack/openframe-frontend-core 0.0.210 → 0.0.212-snapshot.20260528112413

package/dist/{chunk-R5RNRH62.js → chunk-ZTJVRSN5.js}

@@ -1,7 +1,6 @@
 "use client";
 import {
   ToolIcon,
-  createNatsClient,
   dotColorByVariant,
   getSmallPlatformIcon,
   progressColorByVariant,
@@ -17,7 +16,7 @@ import {
   useNearViewport,
   useOnboardingState,
   useToast
-} from "./chunk-UYQOPC57.js";
+} from "./chunk-HICZPTRR.js";
 import {
   BashIcon,
   ClickUpIcon,
@@ -68,7 +67,6 @@ import {
   Arrow02RightIcon,
   BellIcon,
   BellOffIcon,
-  BellRingingIcon,
   BookIcon,
   BracketCurlyIcon,
   BriefcaseIcon,
@@ -139,7 +137,10 @@ import {
 } from "./chunk-W72U7OU7.js";
 import {
   useRequiredChatRuntime
-} from "./chunk-7L4DWM7P.js";
+} from "./chunk-ZG2YY5E7.js";
+import {
+  next_image_default
+} from "./chunk-LXC6P2EO.js";
 import {
   dynamic
 } from "./chunk-EL5YVPD5.js";
@@ -150,8 +151,10 @@ import {
   useSearchParams
 } from "./chunk-PLJLE4A4.js";
 import {
-  next_image_default
-} from "./chunk-LXC6P2EO.js";
+  acquireClient,
+  releaseClient,
+  startConnectionLifecycle
+} from "./chunk-CZR7ARBA.js";
 import {
   Button,
   Checkbox,
@@ -7440,7 +7443,7 @@ function RoadmapVoteButton({
 init_button();
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState70, useEffect as useEffect49 } from "react";
+import { useState as useState70, useEffect as useEffect50 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -15016,6 +15019,15 @@ var OPENFRAME_DEV_SECTIONS = {
   }
 };
 
+// src/utils/scroll-into-view.ts
+function scrollElementIntoView(target, options = {}) {
+  if (typeof window === "undefined" || !target) return;
+  const { headerOffset = 0, behavior = "smooth", adjustTargetY } = options;
+  const rawTargetY = target.getBoundingClientRect().top + window.scrollY - headerOffset;
+  const finalY = adjustTargetY ? adjustTargetY(rawTargetY) : rawTargetY;
+  window.scrollTo({ top: Math.max(0, finalY), behavior });
+}
+
 // src/components/ui/benefit-card.tsx
 import { jsx as jsx111, jsxs as jsxs87 } from "react/jsx-runtime";
 var BenefitCard = ({
@@ -21962,12 +21974,48 @@ function WaitlistForm({
 import * as React73 from "react";
 import { jsx as jsx182 } from "react/jsx-runtime";
 var NotificationsContext = React73.createContext(null);
+function mergeNotification(base, incoming) {
+  const out = { ...base };
+  for (const key of Object.keys(incoming)) {
+    const value = incoming[key];
+    if (value !== void 0) out[key] = value;
+  }
+  out.read = (incoming.read ?? false) || (base.read ?? false) || false;
+  out.settled = (incoming.settled ?? false) || (base.settled ?? false) || false;
+  return out;
+}
 function reducer(state, action) {
   switch (action.type) {
     case "add": {
-      const next = [action.notification, ...state.filter((n) => n.id !== action.notification.id)];
+      const existing = state.find((n) => n.id === action.notification.id);
+      if (existing) {
+        const merged = mergeNotification(existing, action.notification);
+        return [merged, ...state.filter((n) => n.id !== action.notification.id)];
+      }
+      const next = [action.notification, ...state];
+      return next.length > action.max ? next.slice(0, action.max) : next;
+    }
+    case "upsert": {
+      const existing = state.find((n) => n.id === action.notification.id);
+      if (existing) {
+        const merged = mergeNotification(existing, action.notification);
+        return state.map((n) => n.id === action.notification.id ? merged : n);
+      }
+      const next = [action.notification, ...state];
       return next.length > action.max ? next.slice(0, action.max) : next;
     }
+    case "set": {
+      const existingById = new Map(state.map((n) => [n.id, n]));
+      return action.notifications.map((incoming) => {
+        const existing = existingById.get(incoming.id);
+        if (!existing) return incoming;
+        return {
+          ...incoming,
+          read: incoming.read || existing.read,
+          settled: incoming.settled || existing.settled
+        };
+      });
+    }
     case "markRead":
       return state.map((n) => n.id === action.id ? { ...n, read: true } : n);
     case "markAllRead":
@@ -21994,11 +22042,16 @@ function NotificationsProvider({
   maxNotifications = 50,
   defaultShowPopups = true,
   onShowPopupsChange,
-  onHistoryClick
+  onHistoryClick,
+  actions
 }) {
   const [notifications, dispatch] = React73.useReducer(reducer, initialNotifications);
   const [isOpen, setIsOpen] = React73.useState(false);
   const [showPopups, setShowPopupsState] = React73.useState(defaultShowPopups);
+  const actionsRef = React73.useRef(actions);
+  React73.useEffect(() => {
+    actionsRef.current = actions;
+  }, [actions]);
   const addNotification = React73.useCallback(
     (input) => {
       const id = input.id ?? generateId();
@@ -22006,17 +22059,45 @@ function NotificationsProvider({
         ...input,
         id,
         createdAt: input.createdAt ?? Date.now(),
-        read: false
+        read: input.read ?? false
       };
       dispatch({ type: "add", notification, max: maxNotifications });
       return id;
     },
     [maxNotifications]
   );
-  const markRead = React73.useCallback((id) => dispatch({ type: "markRead", id }), []);
-  const markAllRead = React73.useCallback(() => dispatch({ type: "markAllRead" }), []);
-  const markSettled = React73.useCallback((id) => dispatch({ type: "markSettled", id }), []);
-  const remove = React73.useCallback((id) => dispatch({ type: "remove", id }), []);
+  const upsertNotification = React73.useCallback(
+    (input) => {
+      const notification = {
+        ...input,
+        id: input.id,
+        createdAt: input.createdAt ?? Date.now(),
+        read: input.read ?? false
+      };
+      dispatch({ type: "upsert", notification, max: maxNotifications });
+      return input.id;
+    },
+    [maxNotifications]
+  );
+  const setNotifications = React73.useCallback((list) => {
+    dispatch({ type: "set", notifications: list });
+  }, []);
+  const markRead = React73.useCallback((id) => {
+    dispatch({ type: "markRead", id });
+    void actionsRef.current?.onMarkRead?.(id);
+  }, []);
+  const markAllRead = React73.useCallback(() => {
+    dispatch({ type: "markAllRead" });
+    void actionsRef.current?.onMarkAllRead?.();
+  }, []);
+  const markSettled = React73.useCallback((id) => {
+    dispatch({ type: "markSettled", id });
+    void actionsRef.current?.onMarkSettled?.(id);
+  }, []);
+  const remove = React73.useCallback((id) => {
+    dispatch({ type: "remove", id });
+    void actionsRef.current?.onRemove?.(id);
+  }, []);
   const clear = React73.useCallback(() => dispatch({ type: "clear" }), []);
   const open = React73.useCallback(() => setIsOpen(true), []);
   const close = React73.useCallback(() => setIsOpen(false), []);
@@ -22039,6 +22120,8 @@ function NotificationsProvider({
       isOpen,
       showPopups,
       addNotification,
+      upsertNotification,
+      setNotifications,
       markRead,
       markAllRead,
       markSettled,
@@ -22056,6 +22139,8 @@ function NotificationsProvider({
       isOpen,
       showPopups,
       addNotification,
+      upsertNotification,
+      setNotifications,
       markRead,
       markAllRead,
       markSettled,
@@ -22087,7 +22172,7 @@ init_button();
 init_cn();
 
 // src/components/features/notifications/notification-tile.tsx
-import { useMemo as useMemo16, useEffect as useEffect32 } from "react";
+import { useMemo as useMemo16, useEffect as useEffect33 } from "react";
 init_button();
 init_cn();
 import { jsx as jsx183, jsxs as jsxs142 } from "react/jsx-runtime";
@@ -22101,7 +22186,7 @@ function NotificationTile({
   const { id, variant = "default", title, description, createdAt, read, settled } = notification;
   const initialElapsed = useMemo16(() => Date.now() - createdAt, [createdAt]);
   const isLive = !read && !settled && initialElapsed < liveDurationMs;
-  useEffect32(() => {
+  useEffect33(() => {
     if (!isLive) return;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
@@ -23029,16 +23114,16 @@ function canonicalize(status) {
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React78, { useEffect as useEffect35, useRef as useRef27, useState as useState53 } from "react";
+import React78, { useEffect as useEffect36, useRef as useRef28, useState as useState53 } from "react";
 init_button2();
 import { Fragment as Fragment26, jsx as jsx190, jsxs as jsxs149 } from "react/jsx-runtime";
 function Header2({ config, platform }) {
   const [show, setShow] = useState53(true);
   const [lastScrollY, setLastScrollY] = useState53(0);
   const [openDropdowns, setOpenDropdowns] = useState53({});
-  const dropdownRefs = useRef27({});
-  const triggerRefs = useRef27({});
-  useEffect35(() => {
+  const dropdownRefs = useRef28({});
+  const triggerRefs = useRef28({});
+  useEffect36(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (!target) return;
@@ -23067,14 +23152,14 @@ function Header2({ config, platform }) {
       document.removeEventListener("keydown", handleEscapeKey);
     };
   }, [openDropdowns]);
-  useEffect35(() => {
+  useEffect36(() => {
     return () => {
       setOpenDropdowns({});
       dropdownRefs.current = {};
       triggerRefs.current = {};
     };
   }, []);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!config.autoHide) {
       setShow(true);
       return;
@@ -23297,7 +23382,7 @@ function Header2({ config, platform }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { useState as useState54, useEffect as useEffect36 } from "react";
+import { useState as useState54, useEffect as useEffect37 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
 import { jsx as jsx191, jsxs as jsxs150 } from "react/jsx-runtime";
@@ -23346,7 +23431,7 @@ function HeaderSkeleton({ config }) {
 import { jsx as jsx192 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
   const [isClient, setIsClient] = useState54(false);
-  useEffect36(() => {
+  useEffect37(() => {
     setIsClient(true);
   }, []);
   if (!isClient) {
@@ -23356,13 +23441,13 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/mobile-nav-panel.tsx
-import { useEffect as useEffect37, useRef as useRef28 } from "react";
+import { useEffect as useEffect38, useRef as useRef29 } from "react";
 init_button2();
 import { X as X10 } from "lucide-react";
 import { Fragment as Fragment27, jsx as jsx193, jsxs as jsxs151 } from "react/jsx-runtime";
 function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef28(null);
-  useEffect37(() => {
+  const panelRef = useRef29(null);
+  useEffect38(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -23372,7 +23457,7 @@ function MobileNavPanel({ isOpen, config }) {
       document.body.style.overflow = "unset";
     };
   }, [isOpen]);
-  useEffect37(() => {
+  useEffect38(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isOpen) {
         config.onClose?.();
@@ -23480,7 +23565,7 @@ function MobileNavPanel({ isOpen, config }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState55, useEffect as useEffect38 } from "react";
+import { useState as useState55, useEffect as useEffect39 } from "react";
 import { motion as motion2, AnimatePresence } from "framer-motion";
 init_button2();
 import { Fragment as Fragment28, jsx as jsx194, jsxs as jsxs152 } from "react/jsx-runtime";
@@ -23488,7 +23573,7 @@ function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = useState55(/* @__PURE__ */ new Set());
   const [mounted, setMounted] = useState55(false);
   const [headerHeight, setHeaderHeight] = useState55(64);
-  useEffect38(() => {
+  useEffect39(() => {
     setMounted(true);
     const calculateHeaderHeight = () => {
       let totalHeight = 0;
@@ -23699,7 +23784,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect39, useState as useState56, useCallback as useCallback19, useRef as useRef29 } from "react";
+import { useEffect as useEffect40, useState as useState56, useCallback as useCallback19, useRef as useRef30 } from "react";
 import { jsx as jsx195, jsxs as jsxs153 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -23761,27 +23846,26 @@ function StickySectionNav({
 }
 function useSectionNavigation(sections, options) {
   const [activeSection, setActiveSection] = useState56(sections[0]?.id || "");
-  const isScrollingFromClick = useRef29(false);
+  const isScrollingFromClick = useRef30(false);
   const { offset: offset2 = 100 } = options || {};
   const handleSectionClick = useCallback19((sectionId) => {
     const targetElement = document.getElementById(sectionId);
     if (!targetElement) return;
     isScrollingFromClick.current = true;
     setActiveSection(sectionId);
-    const top = targetElement.offsetTop - offset2;
-    window.scrollTo({ top, behavior: "smooth" });
+    scrollElementIntoView(targetElement, { headerOffset: offset2 });
     setTimeout(() => {
       isScrollingFromClick.current = false;
     }, 500);
   }, [offset2]);
-  useEffect39(() => {
+  useEffect40(() => {
     sections.forEach((section) => {
       if (section.ref.current && !section.ref.current.id) {
         section.ref.current.id = section.id;
       }
     });
   }, [sections]);
-  useEffect39(() => {
+  useEffect40(() => {
     const handleScroll = () => {
       if (isScrollingFromClick.current) return;
       const scrollPosition = window.scrollY + offset2 + 50;
@@ -23814,7 +23898,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback20, useEffect as useEffect40, useLayoutEffect as useLayoutEffect4, useMemo as useMemo19, useState as useState57 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect41, useLayoutEffect as useLayoutEffect4, useMemo as useMemo19, useState as useState57 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx196, jsxs as jsxs154 } from "react/jsx-runtime";
@@ -23967,7 +24051,7 @@ function NavigationSidebar({ config, disabled = false }) {
     config.minimized ?? false
   );
   const [tabletMinimized, setTabletMinimized] = useState57(true);
-  useEffect40(() => {
+  useEffect41(() => {
     if (isTablet) setTabletMinimized(true);
   }, [isTablet]);
   const minimized = isTablet ? tabletMinimized : desktopMinimized;
@@ -23985,7 +24069,7 @@ function NavigationSidebar({ config, disabled = false }) {
   const closeOverlay = useCallback20(() => {
     setTabletMinimized(true);
   }, []);
-  useEffect40(() => {
+  useEffect41(() => {
     if (!isOverlayOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") closeOverlay();
@@ -24395,16 +24479,20 @@ function NotificationsHeaderButton({
   dimmedClass
 }) {
   const ctx = useOptionalNotifications();
-  const unreadCount = ctx?.unreadCount ?? fallbackUnreadCount;
+  const hasUnread = (ctx?.unreadCount ?? fallbackUnreadCount) > 0;
   const isActive = ctx?.isOpen ?? false;
   const onClick = ctx?.toggle;
-  const Icon2 = unreadCount > 0 ? BellRingingIcon : BellIcon;
   return /* @__PURE__ */ jsx203(
     HeaderButton,
     {
-      icon: /* @__PURE__ */ jsxs160("div", { className: "relative w-full h-full flex items-center justify-center", children: [
-        /* @__PURE__ */ jsx203(Icon2, { className: "h-4 w-4 md:w-6 md:h-6" }),
-        unreadCount > 0 && /* @__PURE__ */ jsx203("span", { className: "absolute top-2 right-2 bg-ods-accent text-ods-text-on-accent text-[8px] rounded-full w-3 h-3 md:w-4 md:h-4 flex items-center justify-center", children: unreadCount > 9 ? "9+" : unreadCount })
+      icon: /* @__PURE__ */ jsxs160("div", { className: "relative w-4 h-4 md:w-6 md:h-6", children: [
+        /* @__PURE__ */ jsx203(BellIcon, { className: "w-full h-full" }),
+        hasUnread && /* @__PURE__ */ jsx203(
+          "span",
+          {
+            className: "absolute top-0 right-0 bg-ods-warning rounded-full w-1.5 h-1.5 md:w-2 md:h-2"
+          }
+        )
       ] }),
       "aria-label": "Notifications",
       onClick,
@@ -24419,7 +24507,7 @@ function NotificationsHeaderButton({
 import { Suspense, useCallback as useCallback22, useState as useState58 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React84, { useCallback as useCallback21, useEffect as useEffect41 } from "react";
+import React84, { useCallback as useCallback21, useEffect as useEffect42 } from "react";
 import { Fragment as Fragment30, jsx as jsx204, jsxs as jsxs161 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
 var MobileBurgerMenu = React84.memo(function MobileBurgerMenu2({
@@ -24432,7 +24520,7 @@ var MobileBurgerMenu = React84.memo(function MobileBurgerMenu2({
   onLogout,
   disabled = false
 }) {
-  useEffect41(() => {
+  useEffect42(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -24442,7 +24530,7 @@ var MobileBurgerMenu = React84.memo(function MobileBurgerMenu2({
       document.body.style.overflow = "unset";
     };
   }, [isOpen]);
-  useEffect41(() => {
+  useEffect42(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isOpen) {
         onClose();
@@ -25002,7 +25090,7 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React86, { useRef as useRef30, useCallback as useCallback23 } from "react";
+import React86, { useRef as useRef31, useCallback as useCallback23 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
 import React85 from "react";
@@ -25126,10 +25214,10 @@ function OnboardingWalkthrough({
     allStepsComplete,
     markMultipleComplete
   } = useOnboardingState(storageKey);
-  const hasAutoMarkedRef = useRef30(false);
-  const autoMarkingInProgressRef = useRef30(false);
-  const lastCompletionStatusRef = useRef30(null);
-  const actionInProgressRef = useRef30(/* @__PURE__ */ new Set());
+  const hasAutoMarkedRef = useRef31(false);
+  const autoMarkingInProgressRef = useRef31(false);
+  const lastCompletionStatusRef = useRef31(null);
+  const actionInProgressRef = useRef31(/* @__PURE__ */ new Set());
   React86.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
@@ -25836,7 +25924,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx223(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect42, useRef as useRef32 } from "react";
+import { useEffect as useEffect43, useRef as useRef33 } from "react";
 init_pagination();
 init_button2();
 
@@ -26587,10 +26675,10 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef32(null);
-  const onLoadMoreRef = useRef32(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef33(null);
+  const onLoadMoreRef = useRef33(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect42(() => {
+  useEffect43(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -26802,7 +26890,7 @@ import { useMemo as useMemo21 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef33, useState as useState60, useCallback as useCallback24 } from "react";
+import { useRef as useRef34, useState as useState60, useCallback as useCallback24 } from "react";
 import { jsx as jsx235, jsxs as jsxs187 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -26831,7 +26919,7 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef33(null);
+  const textRef = useRef34(null);
   const [isTruncated, setIsTruncated] = useState60(false);
   const checkTruncation = useCallback24(() => {
     const el = textRef.current;
@@ -26861,7 +26949,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef34, useState as useState61, useCallback as useCallback25 } from "react";
+import { useRef as useRef35, useState as useState61, useCallback as useCallback25 } from "react";
 import { jsx as jsx236, jsxs as jsxs188 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -26907,7 +26995,7 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef34(null);
+  const textRef = useRef35(null);
   const [isTruncated, setIsTruncated] = useState61(false);
   const checkTruncation = useCallback25(() => {
     const el = textRef.current;
@@ -27426,7 +27514,7 @@ function DataTableEmpty({
 // src/components/ui/data-table/data-table-row.tsx
 init_next_link();
 init_cn();
-import { memo as memo3, useCallback as useCallback27, useRef as useRef35 } from "react";
+import { memo as memo3, useCallback as useCallback27, useRef as useRef36 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -27507,7 +27595,7 @@ function DataTableRowImpl({
   className
 }) {
   const isLinkMode = Boolean(href) && !onClick;
-  const containerRef = useRef35(null);
+  const containerRef = useRef36(null);
   const handleClick = useCallback27(
     (e) => {
       const target = e.target;
@@ -27656,7 +27744,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect43, useRef as useRef36 } from "react";
+import { useEffect as useEffect44, useRef as useRef37 } from "react";
 import { Fragment as Fragment38, jsx as jsx246, jsxs as jsxs196 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -27665,10 +27753,10 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef36(null);
-  const onLoadMoreRef = useRef36(onLoadMore);
+  const sentinelRef = useRef37(null);
+  const onLoadMoreRef = useRef37(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect43(() => {
+  useEffect44(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -28299,8 +28387,8 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect45,
-  useRef as useRef38,
+  useEffect as useEffect46,
+  useRef as useRef39,
   useState as useState63
 } from "react";
 init_cn();
@@ -28335,11 +28423,11 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef38(null);
-  const hiddenTagsRef = useRef38(null);
-  const hiddenTagsPopupRef = useRef38(null);
+  const wrapperRef = useRef39(null);
+  const hiddenTagsRef = useRef39(null);
+  const hiddenTagsPopupRef = useRef39(null);
   const [showHiddenTags, setShowHiddenTags] = useState63(false);
-  useEffect45(() => {
+  useEffect46(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -28494,7 +28582,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef39, useCallback as useCallback28, useState as useState64, useEffect as useEffect46 } from "react";
+import { useRef as useRef40, useCallback as useCallback28, useState as useState64, useEffect as useEffect47 } from "react";
 init_cn();
 import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx251, jsxs as jsxs201 } from "react/jsx-runtime";
@@ -28525,7 +28613,7 @@ body .w-md-editor .w-md-editor-bar::after { content: '' !important; display: blo
 body .w-md-editor .w-md-editor-bar:hover::after { border-color: var(--color-text-secondary) !important; }
 `;
 function MarkdownEditorStyles() {
-  useEffect46(() => {
+  useEffect47(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -28549,11 +28637,11 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef39(null);
+  const fileInputRef = useRef40(null);
   const [isUploading, setIsUploading] = useState64(false);
   const [uploadProgress, setUploadProgress] = useState64("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState64([]);
-  useEffect46(() => {
+  useEffect47(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -28642,11 +28730,11 @@ function MarkdownEditor({
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef39(null);
-  const isDraggingRef = useRef39(false);
-  const mouseYRef = useRef39(0);
-  const rafRef = useRef39(0);
-  const scrollParentRef = useRef39(window);
+  const wrapperRef = useRef40(null);
+  const isDraggingRef = useRef40(false);
+  const mouseYRef = useRef40(0);
+  const rafRef = useRef40(0);
+  const scrollParentRef = useRef40(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
   const findScrollParent = useCallback28((el) => {
@@ -28676,7 +28764,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect46(() => {
+  useEffect47(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -29925,7 +30013,7 @@ function ImageGalleryModal({
   initialIndex = 0
 }) {
   const [selectedImageIndex, setSelectedImageIndex] = useState70(initialIndex);
-  useEffect49(() => {
+  useEffect50(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -29940,7 +30028,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect49(() => {
+  useEffect50(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -33694,7 +33782,7 @@ function transformWebinarToProgram(webinar) {
 }
 
 // src/components/chat/hooks/use-chunk-catchup.ts
-import { useCallback as useCallback30, useRef as useRef42 } from "react";
+import { useCallback as useCallback30, useRef as useRef43 } from "react";
 function makeSeqKey(messageType, chunkType, sequenceId) {
   return `${messageType}:${chunkType}:${sequenceId}`;
 }
@@ -33716,20 +33804,20 @@ function useChunkCatchup({
   chatTypes = [CHAT_TYPE.CLIENT],
   fetchChunks
 }) {
-  const processedSequenceKeys = useRef42(/* @__PURE__ */ new Set());
-  const lastSequenceId = useRef42(null);
-  const fetchingInProgress = useRef42(false);
-  const lastFetchParams = useRef42(null);
-  const chunkBuffer = useRef42([]);
-  const bufferUntilInitialCatchupComplete = useRef42(false);
-  const hasCompletedInitialCatchup = useRef42(false);
-  const dialogIdRef = useRef42(dialogId);
+  const processedSequenceKeys = useRef43(/* @__PURE__ */ new Set());
+  const lastSequenceId = useRef43(null);
+  const fetchingInProgress = useRef43(false);
+  const lastFetchParams = useRef43(null);
+  const chunkBuffer = useRef43([]);
+  const bufferUntilInitialCatchupComplete = useRef43(false);
+  const hasCompletedInitialCatchup = useRef43(false);
+  const dialogIdRef = useRef43(dialogId);
   dialogIdRef.current = dialogId;
-  const chatTypesRef = useRef42(chatTypes);
+  const chatTypesRef = useRef43(chatTypes);
   chatTypesRef.current = chatTypes;
-  const fetchChunksRef = useRef42(fetchChunks);
+  const fetchChunksRef = useRef43(fetchChunks);
   fetchChunksRef.current = fetchChunks;
-  const onChunkReceivedRef = useRef42(onChunkReceived);
+  const onChunkReceivedRef = useRef43(onChunkReceived);
   onChunkReceivedRef.current = onChunkReceived;
   const processChunk = useCallback30((chunk, messageType, forceProcess = false) => {
     if (bufferUntilInitialCatchupComplete.current && !forceProcess) {
@@ -33906,8 +33994,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useCallback as useCallback31, useEffect as useEffect50, useRef as useRef43, useState as useState73 } from "react";
-var shared = null;
+import { useEffect as useEffect51, useRef as useRef44, useState as useState73 } from "react";
 var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 function useJetStreamDialogSubscription({
@@ -33930,105 +34017,53 @@ function useJetStreamDialogSubscription({
   const [isSubscribed, setIsSubscribed] = useState73(false);
   const [reconnectionCount, setReconnectionCount] = useState73(0);
   const [currentStreamSeq, setCurrentStreamSeq] = useState73(null);
-  const clientRef = useRef43(null);
-  const subscriptionRef = useRef43(null);
-  const highestStreamSeqRef = useRef43(null);
-  const onEventRef = useRef43(onEvent);
-  useEffect50(() => {
+  const clientRef = useRef44(null);
+  const subscriptionRef = useRef44(null);
+  const highestStreamSeqRef = useRef44(null);
+  const onEventRef = useRef44(onEvent);
+  useEffect51(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef43(onConnect);
-  useEffect50(() => {
+  const onConnectRef = useRef44(onConnect);
+  useEffect51(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef43(onDisconnect);
-  useEffect50(() => {
+  const onDisconnectRef = useRef44(onDisconnect);
+  useEffect51(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef43(onSubscribed);
-  useEffect50(() => {
+  const onSubscribedRef = useRef44(onSubscribed);
+  useEffect51(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef43(onBeforeReconnect);
-  useEffect50(() => {
+  const onBeforeReconnectRef = useRef44(onBeforeReconnect);
+  useEffect51(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const getNatsWsUrlRef = useRef43(getNatsWsUrl);
-  useEffect50(() => {
+  const getNatsWsUrlRef = useRef44(getNatsWsUrl);
+  useEffect51(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef43(reconnectionBackoff);
-  useEffect50(() => {
+  const reconnectionBackoffRef = useRef44(reconnectionBackoff);
+  useEffect51(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const optStartSeqRef = useRef43(optStartSeq);
-  useEffect50(() => {
+  const optStartSeqRef = useRef44(optStartSeq);
+  useEffect51(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
-  const inactiveThresholdRef = useRef43(inactiveThresholdMs);
-  useEffect50(() => {
+  const inactiveThresholdRef = useRef44(inactiveThresholdMs);
+  useEffect51(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
-  const hadConnectionBeforeRef = useRef43(false);
-  const acquireClient = useCallback31(
-    (url) => {
-      if (shared?.wsUrl !== url) {
-        if (shared) {
-          if (shared.closeTimer) clearTimeout(shared.closeTimer);
-          const old = shared;
-          shared = null;
-          void old.client.close().catch(() => {
-          });
-        }
-        const { name = "openframe-frontend-jetstream", user = "machine", pass = "" } = clientConfig;
-        const client = createNatsClient({
-          servers: url,
-          name,
-          user,
-          pass,
-          connectTimeoutMs: NETWORK_CONFIG.CONNECT_TIMEOUT_MS,
-          reconnect: false,
-          pingIntervalMs: NETWORK_CONFIG.PING_INTERVAL_MS,
-          maxPingOut: NETWORK_CONFIG.MAX_PING_OUT
-        });
-        shared = {
-          wsUrl: url,
-          client,
-          connectPromise: null,
-          refCount: 0,
-          closeTimer: null,
-          retryTimer: null
-        };
-      }
-      shared.refCount += 1;
-      if (shared.closeTimer) {
-        clearTimeout(shared.closeTimer);
-        shared.closeTimer = null;
-      }
-      return shared;
-    },
-    [clientConfig]
-  );
-  const releaseClient = useCallback31((url) => {
-    if (!shared || shared.wsUrl !== url) return;
-    shared.refCount = Math.max(0, shared.refCount - 1);
-    if (shared.refCount > 0) return;
-    shared.closeTimer = setTimeout(() => {
-      const s = shared;
-      shared = null;
-      if (s) {
-        if (s.retryTimer) {
-          clearTimeout(s.retryTimer);
-          s.retryTimer = null;
-        }
-        void s.client.close().catch(() => {
-        });
-      }
-    }, NETWORK_CONFIG.SHARED_CLOSE_DELAY_MS);
-  }, []);
-  const currentWsUrlRef = useRef43("");
-  useEffect50(() => {
-    const wsUrl = getNatsWsUrl();
+  const hadConnectionBeforeRef = useRef44(false);
+  const clientConfigRef = useRef44(clientConfig);
+  useEffect51(() => {
+    clientConfigRef.current = clientConfig;
+  }, [clientConfig]);
+  const currentWsUrlRef = useRef44("");
+  const wsUrl = getNatsWsUrl();
+  useEffect51(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -34047,127 +34082,69 @@ function useJetStreamDialogSubscription({
       setIsConnected(false);
     }
     currentWsUrlRef.current = wsUrl;
-    const sharedConn = acquireClient(wsUrl);
+    const cfg = clientConfigRef.current;
+    const sharedConn = acquireClient(wsUrl, {
+      name: cfg.name ?? "openframe-frontend-jetstream",
+      user: cfg.user ?? "machine",
+      pass: cfg.pass ?? ""
+    });
     const client = sharedConn.client;
     clientRef.current = client;
-    setIsConnected(false);
-    let closed = false;
-    let retryAttempt = 0;
-    function scheduleRetry() {
-      if (closed) return;
-      if (shared !== sharedConn) return;
-      if (sharedConn.retryTimer) {
-        clearTimeout(sharedConn.retryTimer);
-        sharedConn.retryTimer = null;
-      }
-      const cfg = reconnectionBackoffRef.current ?? {};
-      const fastRetries = cfg.fastRetries ?? 0;
-      const fastDelay = cfg.fastRetryDelayMs ?? NETWORK_CONFIG.RETRY_INITIAL_DELAY_MS;
-      const baseDelay = cfg.initialDelayMs ?? NETWORK_CONFIG.RETRY_INITIAL_DELAY_MS;
-      const maxDelay = cfg.maxDelayMs ?? NETWORK_CONFIG.RETRY_MAX_DELAY_MS;
-      const multiplier = cfg.multiplier ?? NETWORK_CONFIG.RETRY_BACKOFF_MULTIPLIER;
-      const delay2 = retryAttempt < fastRetries ? fastDelay : Math.min(baseDelay * multiplier ** (retryAttempt - fastRetries), maxDelay);
-      const jitteredDelay = delay2 * (0.5 + Math.random() * 0.5);
-      retryAttempt++;
-      sharedConn.retryTimer = setTimeout(async () => {
-        sharedConn.retryTimer = null;
-        if (closed) return;
-        if (shared !== sharedConn) return;
-        try {
-          await onBeforeReconnectRef.current?.();
-        } catch {
-        }
-        if (closed) return;
-        if (shared !== sharedConn) return;
-        const freshUrl = getNatsWsUrlRef.current();
-        if (freshUrl !== wsUrl) return;
+    setIsConnected(client.isConnected());
+    const tearDownSubscription = () => {
+      if (subscriptionRef.current) {
         try {
-          sharedConn.connectPromise = null;
-          sharedConn.connectPromise = client.connect();
-          await sharedConn.connectPromise;
-          if (!closed && shared === sharedConn) {
-            retryAttempt = 0;
-            setIsConnected(true);
-          }
+          subscriptionRef.current.unsubscribe();
         } catch {
-          sharedConn.connectPromise = null;
-          if (!closed && shared === sharedConn) {
-            scheduleRetry();
-          }
-        }
-      }, jitteredDelay);
-    }
-    const unsubscribeStatus = client.onStatus((event) => {
-      const connected = event.status === "connected";
-      const disconnected = event.status === "closed" || event.status === "disconnected";
-      if (connected) {
-        setIsConnected(true);
-        if (hadConnectionBeforeRef.current) {
-          setReconnectionCount((c) => c + 1);
-        }
-        hadConnectionBeforeRef.current = true;
-        retryAttempt = 0;
-        onConnectRef.current?.();
-      }
-      if (event.status === "error") {
-        console.warn("[JetStream] NATS protocol error:", event.data);
-        return;
-      }
-      if (disconnected) {
-        setIsConnected(false);
-        setIsSubscribed(false);
-        if (subscriptionRef.current) {
-          try {
-            subscriptionRef.current.unsubscribe();
-          } catch {
-          }
-          subscriptionRef.current = null;
         }
-        onDisconnectRef.current?.();
-        scheduleRetry();
+        subscriptionRef.current = null;
       }
-    });
-    (async () => {
-      try {
-        sharedConn.connectPromise || (sharedConn.connectPromise = client.connect());
-        await sharedConn.connectPromise;
-        if (!closed) {
+    };
+    const lifecycle = startConnectionLifecycle({
+      conn: sharedConn,
+      wsUrl,
+      onBeforeReconnect: () => onBeforeReconnectRef.current?.(),
+      backoff: reconnectionBackoffRef.current,
+      getFreshUrl: () => getNatsWsUrlRef.current(),
+      // JetStream emits 'error' for protocol-level failures (e.g. -ERR Permissions
+      // Violation when CONSUMER.CREATE is denied) without closing the WebSocket.
+      // Retrying on 'error' would loop onBeforeReconnect on every -ERR; let the
+      // subscribe effect surface those via its own rejected promise instead.
+      shouldRetryOn: (status) => status === "closed" || status === "disconnected",
+      onStatusChange: (status, evt) => {
+        if (status === "connected") {
           setIsConnected(true);
+          if (hadConnectionBeforeRef.current) {
+            setReconnectionCount((c) => c + 1);
+          }
           hadConnectionBeforeRef.current = true;
+          onConnectRef.current?.();
         }
-      } catch {
-        sharedConn.connectPromise = null;
-        if (!closed) {
+        if (status === "error") {
+          console.warn("[JetStream] NATS protocol error:", evt.data);
+          return;
+        }
+        if (status === "closed" || status === "disconnected") {
           setIsConnected(false);
+          setIsSubscribed(false);
+          tearDownSubscription();
           onDisconnectRef.current?.();
-          scheduleRetry();
         }
       }
-    })();
+    });
     return () => {
-      closed = true;
+      lifecycle.stop();
       setIsConnected(false);
       setIsSubscribed(false);
-      unsubscribeStatus();
-      if (sharedConn.retryTimer) {
-        clearTimeout(sharedConn.retryTimer);
-        sharedConn.retryTimer = null;
-      }
-      if (subscriptionRef.current) {
-        try {
-          subscriptionRef.current.unsubscribe();
-        } catch {
-        }
-        subscriptionRef.current = null;
-      }
+      tearDownSubscription();
       if (clientRef.current && currentWsUrlRef.current) {
         releaseClient(currentWsUrlRef.current);
         clientRef.current = null;
         currentWsUrlRef.current = "";
       }
     };
-  }, [enabled, getNatsWsUrl, acquireClient, releaseClient]);
-  useEffect50(() => {
+  }, [enabled, wsUrl]);
+  useEffect51(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -34250,7 +34227,7 @@ function useJetStreamDialogSubscription({
       setIsSubscribed(false);
     };
   }, [enabled, dialogId, isConnected, streamName, topic, reconnectionCount]);
-  useEffect50(() => {
+  useEffect51(() => {
     highestStreamSeqRef.current = null;
     setCurrentStreamSeq(null);
   }, [dialogId]);
@@ -34258,8 +34235,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useCallback as useCallback32, useEffect as useEffect51, useRef as useRef44, useState as useState74 } from "react";
-var shared2 = null;
+import { useEffect as useEffect52, useRef as useRef45, useState as useState74 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -34276,84 +34252,44 @@ function useNatsDialogSubscription({
   const [isConnected, setIsConnected] = useState74(false);
   const [isSubscribed, setIsSubscribed] = useState74(false);
   const [reconnectionCount, setReconnectionCount] = useState74(0);
-  const clientRef = useRef44(null);
-  const subscriptionRefs = useRef44(/* @__PURE__ */ new Map());
-  const onEventRef = useRef44(onEvent);
-  useEffect51(() => {
+  const clientRef = useRef45(null);
+  const subscriptionRefs = useRef45(/* @__PURE__ */ new Map());
+  const onEventRef = useRef45(onEvent);
+  useEffect52(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef44(onConnect);
-  useEffect51(() => {
+  const onConnectRef = useRef45(onConnect);
+  useEffect52(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef44(onDisconnect);
-  useEffect51(() => {
+  const onDisconnectRef = useRef45(onDisconnect);
+  useEffect52(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef44(onSubscribed);
-  useEffect51(() => {
+  const onSubscribedRef = useRef45(onSubscribed);
+  useEffect52(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef44(onBeforeReconnect);
-  useEffect51(() => {
+  const onBeforeReconnectRef = useRef45(onBeforeReconnect);
+  useEffect52(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const hadConnectionBeforeRef = useRef44(false);
-  const getNatsWsUrlRef = useRef44(getNatsWsUrl);
-  useEffect51(() => {
+  const hadConnectionBeforeRef = useRef45(false);
+  const getNatsWsUrlRef = useRef45(getNatsWsUrl);
+  useEffect52(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef44(reconnectionBackoff);
-  useEffect51(() => {
+  const reconnectionBackoffRef = useRef45(reconnectionBackoff);
+  useEffect52(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const acquireClient = useCallback32((url) => {
-    if (shared2?.wsUrl !== url) {
-      if (shared2) {
-        shared2.closeTimer && clearTimeout(shared2.closeTimer);
-        const old = shared2;
-        shared2 = null;
-        void old.client.close().catch(() => {
-        });
-      }
-      const { name = "openframe-frontend", user = "machine", pass = "" } = clientConfig;
-      const client = createNatsClient({
-        servers: url,
-        name,
-        user,
-        pass,
-        connectTimeoutMs: NETWORK_CONFIG.CONNECT_TIMEOUT_MS,
-        reconnect: false,
-        pingIntervalMs: NETWORK_CONFIG.PING_INTERVAL_MS,
-        maxPingOut: NETWORK_CONFIG.MAX_PING_OUT
-      });
-      shared2 = { wsUrl: url, client, connectPromise: null, refCount: 0, closeTimer: null, retryTimer: null };
-    }
-    shared2.refCount += 1;
-    shared2.closeTimer && clearTimeout(shared2.closeTimer);
-    shared2.closeTimer = null;
-    return shared2;
+  const clientConfigRef = useRef45(clientConfig);
+  useEffect52(() => {
+    clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const releaseClient = useCallback32((url) => {
-    if (!shared2 || shared2.wsUrl !== url) return;
-    shared2.refCount = Math.max(0, shared2.refCount - 1);
-    if (shared2.refCount > 0) return;
-    shared2.closeTimer = setTimeout(() => {
-      const s = shared2;
-      shared2 = null;
-      if (s) {
-        if (s.retryTimer) {
-          clearTimeout(s.retryTimer);
-          s.retryTimer = null;
-        }
-        void s.client.close().catch(() => {
-        });
-      }
-    }, NETWORK_CONFIG.SHARED_CLOSE_DELAY_MS);
-  }, []);
-  const currentWsUrlRef = useRef44("");
-  useEffect51(() => {
-    const wsUrl = getNatsWsUrl();
+  const currentWsUrlRef = useRef45("");
+  const wsUrl = getNatsWsUrl();
+  useEffect52(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -34372,135 +34308,73 @@ function useNatsDialogSubscription({
       setIsConnected(false);
     }
     currentWsUrlRef.current = wsUrl;
-    const sharedConn = acquireClient(wsUrl);
+    const cfg = clientConfigRef.current;
+    const sharedConn = acquireClient(wsUrl, {
+      name: cfg.name ?? "openframe-frontend",
+      user: cfg.user ?? "machine",
+      pass: cfg.pass ?? ""
+    });
     const client = sharedConn.client;
     clientRef.current = client;
-    setIsConnected(false);
-    let closed = false;
-    let retryAttempt = 0;
-    function scheduleRetry() {
-      if (closed) return;
-      if (shared2 !== sharedConn) return;
-      if (sharedConn.retryTimer) {
-        clearTimeout(sharedConn.retryTimer);
-        sharedConn.retryTimer = null;
-      }
-      const cfg = reconnectionBackoffRef.current ?? {};
-      const fastRetries = cfg.fastRetries ?? 0;
-      const fastDelay = cfg.fastRetryDelayMs ?? NETWORK_CONFIG.RETRY_INITIAL_DELAY_MS;
-      const baseDelay = cfg.initialDelayMs ?? NETWORK_CONFIG.RETRY_INITIAL_DELAY_MS;
-      const maxDelay = cfg.maxDelayMs ?? NETWORK_CONFIG.RETRY_MAX_DELAY_MS;
-      const multiplier = cfg.multiplier ?? NETWORK_CONFIG.RETRY_BACKOFF_MULTIPLIER;
-      const delay2 = retryAttempt < fastRetries ? fastDelay : Math.min(baseDelay * multiplier ** (retryAttempt - fastRetries), maxDelay);
-      const jitteredDelay = delay2 * (0.5 + Math.random() * 0.5);
-      retryAttempt++;
-      sharedConn.retryTimer = setTimeout(async () => {
-        sharedConn.retryTimer = null;
-        if (closed) return;
-        if (shared2 !== sharedConn) return;
-        try {
-          await onBeforeReconnectRef.current?.();
-        } catch {
-        }
-        if (closed) return;
-        if (shared2 !== sharedConn) return;
-        const freshUrl = getNatsWsUrlRef.current();
-        if (freshUrl !== wsUrl) return;
+    setIsConnected(client.isConnected());
+    const tearDownSubscriptions = () => {
+      subscriptionRefs.current.forEach((sub) => {
         try {
-          sharedConn.connectPromise = null;
-          sharedConn.connectPromise = client.connect();
-          await sharedConn.connectPromise;
-          if (!closed && shared2 === sharedConn) {
-            retryAttempt = 0;
-            setIsConnected(true);
-          }
+          sub?.unsubscribe();
         } catch {
-          sharedConn.connectPromise = null;
-          if (!closed && shared2 === sharedConn) {
-            scheduleRetry();
-          }
-        }
-      }, jitteredDelay);
-    }
-    const unsubscribeStatus = client.onStatus((event) => {
-      const connected = event.status === "connected";
-      const disconnected = ["closed", "disconnected", "error"].includes(event.status);
-      if (connected) {
-        setIsConnected(true);
-        if (hadConnectionBeforeRef.current) {
-          setReconnectionCount((c) => c + 1);
         }
-        hadConnectionBeforeRef.current = true;
-        retryAttempt = 0;
-        onConnectRef.current?.();
-      }
-      if (disconnected) {
-        setIsConnected(false);
-        setIsSubscribed(false);
-        subscriptionRefs.current.forEach((sub) => {
-          try {
-            sub?.unsubscribe();
-          } catch {
-          }
-        });
-        subscriptionRefs.current.clear();
-        lastSubscribedDialogIdRef.current = null;
-        abortControllerRef.current?.abort();
-        abortControllerRef.current = null;
-        onDisconnectRef.current?.();
-        scheduleRetry();
-      }
-    });
-    (async () => {
-      try {
-        sharedConn.connectPromise || (sharedConn.connectPromise = client.connect());
-        await sharedConn.connectPromise;
-        if (!closed) {
+      });
+      subscriptionRefs.current.clear();
+      lastSubscribedDialogIdRef.current = null;
+      abortControllerRef.current?.abort();
+      abortControllerRef.current = null;
+    };
+    const isDisconnectStatus = (status) => status === "closed" || status === "disconnected" || status === "error";
+    const lifecycle = startConnectionLifecycle({
+      conn: sharedConn,
+      wsUrl,
+      onBeforeReconnect: () => onBeforeReconnectRef.current?.(),
+      backoff: reconnectionBackoffRef.current,
+      getFreshUrl: () => getNatsWsUrlRef.current(),
+      shouldRetryOn: isDisconnectStatus,
+      onStatusChange: (status) => {
+        if (status === "connected") {
           setIsConnected(true);
+          if (hadConnectionBeforeRef.current) {
+            setReconnectionCount((c) => c + 1);
+          }
           hadConnectionBeforeRef.current = true;
+          onConnectRef.current?.();
         }
-      } catch {
-        sharedConn.connectPromise = null;
-        if (!closed) {
+        if (isDisconnectStatus(status)) {
           setIsConnected(false);
+          setIsSubscribed(false);
+          tearDownSubscriptions();
           onDisconnectRef.current?.();
-          scheduleRetry();
         }
       }
-    })();
+    });
     return () => {
-      closed = true;
+      lifecycle.stop();
       setIsConnected(false);
       setIsSubscribed(false);
-      unsubscribeStatus();
-      if (sharedConn.retryTimer) {
-        clearTimeout(sharedConn.retryTimer);
-        sharedConn.retryTimer = null;
-      }
-      subscriptionRefs.current.forEach((sub) => {
-        try {
-          sub?.unsubscribe();
-        } catch {
-        }
-      });
-      subscriptionRefs.current.clear();
-      lastSubscribedDialogIdRef.current = null;
+      tearDownSubscriptions();
       if (clientRef.current && currentWsUrlRef.current) {
         releaseClient(currentWsUrlRef.current);
         clientRef.current = null;
         currentWsUrlRef.current = "";
       }
     };
-  }, [enabled, getNatsWsUrl, acquireClient, releaseClient]);
+  }, [enabled, wsUrl]);
   const topicsKey = topics.join(",");
-  const lastSubscribedDialogIdRef = useRef44(null);
-  const isConnectedRef = useRef44(isConnected);
-  useEffect51(() => {
+  const lastSubscribedDialogIdRef = useRef45(null);
+  const isConnectedRef = useRef45(isConnected);
+  useEffect52(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
-  const currentDialogIdRef = useRef44(null);
-  const abortControllerRef = useRef44(null);
-  useEffect51(() => {
+  const currentDialogIdRef = useRef45(null);
+  const abortControllerRef = useRef45(null);
+  useEffect52(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -34581,7 +34455,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey, topics]);
-  useEffect51(() => {
+  useEffect52(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -34631,7 +34505,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback33, useRef as useRef45, useEffect as useEffect52 } from "react";
+import { useCallback as useCallback31, useRef as useRef46, useEffect as useEffect53 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -35264,14 +35138,14 @@ function useRealtimeChunkProcessor(options) {
     // get the new batch UI; pass `false` explicitly to fall back to legacy.
     batchApprovalsEnabled = true
   } = options;
-  const accumulatorRef = useRef45(
+  const accumulatorRef = useRef46(
     createMessageSegmentAccumulator({
       onApprove: callbacks.onApprove,
       onReject: callbacks.onReject
     })
   );
-  const hasInitializedWithData = useRef45(false);
-  useEffect52(() => {
+  const hasInitializedWithData = useRef46(false);
+  useEffect53(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
       if (initialState.escalatedApprovals) {
@@ -35284,10 +35158,10 @@ function useRealtimeChunkProcessor(options) {
       hasInitializedWithData.current = true;
     }
   }, [initialState, callbacks]);
-  const isInStreamRef = useRef45(false);
-  const hasEverStreamedRef = useRef45(false);
-  const pendingEscalatedRef = useRef45(/* @__PURE__ */ new Map());
-  const processChunk = useCallback33(
+  const isInStreamRef = useRef46(false);
+  const hasEverStreamedRef = useRef46(false);
+  const pendingEscalatedRef = useRef46(/* @__PURE__ */ new Map());
+  const processChunk = useCallback31(
     (chunk) => {
       if (!enableThinking && chunk && typeof chunk === "object" && chunk.type === MESSAGE_TYPE.THINKING) {
         return;
@@ -35501,21 +35375,21 @@ function useRealtimeChunkProcessor(options) {
     },
     [callbacks, displayApprovalTypes, approvalStatuses, initialState, enableThinking]
   );
-  const getSegments = useCallback33(() => {
+  const getSegments = useCallback31(() => {
     return accumulatorRef.current.getSegments();
   }, []);
-  const reset = useCallback33(() => {
+  const reset = useCallback31(() => {
     accumulatorRef.current.reset();
     pendingEscalatedRef.current.clear();
     hasInitializedWithData.current = false;
   }, []);
-  const updateApprovalStatus = useCallback33(
+  const updateApprovalStatus = useCallback31(
     (requestId, status) => {
       return accumulatorRef.current.updateApprovalStatus(requestId, status);
     },
     []
   );
-  const getPendingApprovals = useCallback33(() => {
+  const getPendingApprovals = useCallback31(() => {
     return new Map(pendingEscalatedRef.current);
   }, []);
   return {
@@ -35528,7 +35402,7 @@ function useRealtimeChunkProcessor(options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect53, useState as useState75 } from "react";
+import { useEffect as useEffect54, useState as useState75 } from "react";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   const url = new URL(commandsUrl, window.location.origin);
   if (prefix) url.searchParams.set("q", prefix);
@@ -35540,7 +35414,7 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
 function useSlashCommands(prefix, commandsUrl) {
   const [commands, setCommands] = useState75([]);
   const [loading, setLoading] = useState75(false);
-  useEffect53(() => {
+  useEffect54(() => {
     if (prefix == null) {
       setCommands([]);
       return;
@@ -35570,7 +35444,7 @@ function useSlashCommands(prefix, commandsUrl) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback34, useMemo as useMemo26, useRef as useRef46, useState as useState76 } from "react";
+import { useCallback as useCallback32, useMemo as useMemo26, useRef as useRef47, useState as useState76 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -35647,11 +35521,11 @@ function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
   const [attachments, setAttachments] = useState76([]);
-  const controllersRef = useRef46(/* @__PURE__ */ new Map());
-  const updateOne = useCallback34((id, patch) => {
+  const controllersRef = useRef47(/* @__PURE__ */ new Map());
+  const updateOne = useCallback32((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
   }, []);
-  const removeAttachment = useCallback34((id) => {
+  const removeAttachment = useCallback32((id) => {
     const ctrl = controllersRef.current.get(id);
     if (ctrl) {
       ctrl.abort();
@@ -35659,12 +35533,12 @@ function useChatAttachments() {
     }
     setAttachments((prev) => prev.filter((a) => a.id !== id));
   }, []);
-  const clear = useCallback34(() => {
+  const clear = useCallback32(() => {
     for (const ctrl of controllersRef.current.values()) ctrl.abort();
     controllersRef.current.clear();
     setAttachments([]);
   }, []);
-  const uploadOne = useCallback34(
+  const uploadOne = useCallback32(
     async (att) => {
       const ctrl = controllersRef.current.get(att.id);
       try {
@@ -35736,9 +35610,9 @@ function useChatAttachments() {
     },
     [uploadUrlEndpoint, updateOne]
   );
-  const attachmentsRef = useRef46([]);
+  const attachmentsRef = useRef47([]);
   attachmentsRef.current = attachments;
-  const addFiles = useCallback34(
+  const addFiles = useCallback32(
     (files) => {
       const arr = Array.from(files);
       if (arr.length === 0) return;
@@ -35813,16 +35687,16 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback35, useEffect as useEffect54, useRef as useRef47, useState as useState77 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect55, useRef as useRef48, useState as useState77 } from "react";
 import { jsx as jsx271 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  const panelRef = useRef47(null);
+  const panelRef = useRef48(null);
   const [state, setState] = useState77(CLOSED);
-  const handleClose = useCallback35(() => setState(CLOSED), []);
-  useEffect54(() => {
+  const handleClose = useCallback33(() => setState(CLOSED), []);
+  useEffect55(() => {
     const root = panelRef.current;
     if (!root) return;
     const onClick = (ev) => {
@@ -35868,7 +35742,7 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { useEffect as useEffect55, useState as useState78 } from "react";
+import { useEffect as useEffect56, useState as useState78 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -35877,11 +35751,11 @@ var ANON_DEFAULTS = {
 };
 function useChatIdentity() {
   const runtime = useRequiredChatRuntime();
-  const url = runtime.endpoints.chatIdentityUrl;
+  const url = runtime.endpoints.identityUrl;
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
   const [data, setData] = useState78(ANON_DEFAULTS);
   const [isLoading, setIsLoading] = useState78(true);
-  useEffect55(() => {
+  useEffect56(() => {
     let cancelled = false;
     const ctrl = new AbortController();
     setIsLoading(true);
@@ -35909,11 +35783,11 @@ function useChatIdentity() {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect56, useRef as useRef48 } from "react";
+import { useEffect as useEffect57, useRef as useRef49 } from "react";
 function useCloseOnNavigation(close, pathname) {
-  const prevPathnameRef = useRef48(null);
-  const initializedRef = useRef48(false);
-  useEffect56(() => {
+  const prevPathnameRef = useRef49(null);
+  const initializedRef = useRef49(false);
+  useEffect57(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
       prevPathnameRef.current = pathname;
@@ -35927,20 +35801,20 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState80, useCallback as useCallback37, useEffect as useEffect57, useRef as useRef50 } from "react";
+import { useState as useState80, useCallback as useCallback35, useEffect as useEffect58, useRef as useRef51 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState79, useCallback as useCallback36, useRef as useRef49 } from "react";
+import { useState as useState79, useCallback as useCallback34, useRef as useRef50 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
   const [isStreaming, setIsStreaming] = useState79(false);
   const [error, setError] = useState79(null);
-  const abortControllerRef = useRef49(null);
-  const fallbackStream = useCallback36(async function* () {
+  const abortControllerRef = useRef50(null);
+  const fallbackStream = useCallback34(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 = useCallback36(
+  const streamMessage = useCallback34(
     async function* (message2, extra) {
       setIsStreaming(true);
       setError(null);
@@ -35970,13 +35844,13 @@ function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
     },
     [streamFn, fallbackStream]
   );
-  const abort = useCallback36(() => {
+  const abort = useCallback34(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
     }
     setIsStreaming(false);
   }, []);
-  const reset = useCallback36(() => {
+  const reset = useCallback34(() => {
   }, []);
   return {
     streamMessage,
@@ -36002,10 +35876,10 @@ function useChat({
 } = {}) {
   const [messages, setMessages] = useState80(() => initialMessages ?? []);
   const [isTyping, setIsTyping] = useState80(false);
-  const currentAssistantSegmentsRef = useRef50([]);
-  const onMessagesChangeRef = useRef50(onMessagesChange);
+  const currentAssistantSegmentsRef = useRef51([]);
+  const onMessagesChangeRef = useRef51(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
-  useEffect57(() => {
+  useEffect58(() => {
     onMessagesChangeRef.current?.(messages);
   }, [messages]);
   const {
@@ -36019,10 +35893,10 @@ function useChat({
     debugMode,
     streamFn
   });
-  const addMessage = useCallback37((message2) => {
+  const addMessage = useCallback35((message2) => {
     setMessages((prev) => [...prev, message2]);
   }, []);
-  const updateLastAssistantMessage = useCallback37((segments) => {
+  const updateLastAssistantMessage = useCallback35((segments) => {
     setMessages((prev) => {
       const newMessages = [...prev];
       const lastMessage = newMessages[newMessages.length - 1];
@@ -36035,7 +35909,7 @@ function useChat({
       return newMessages;
     });
   }, []);
-  const sendMessage = useCallback37(
+  const sendMessage = useCallback35(
     async (text, extra, options) => {
       const userMessage = {
         id: `user-${Date.now()}`,
@@ -36265,18 +36139,18 @@ function useChat({
     },
     [streamMessage, addMessage, updateLastAssistantMessage, assistantName, assistantAvatar]
   );
-  const handleQuickAction = useCallback37(
+  const handleQuickAction = useCallback35(
     (actionText) => {
       sendMessage(actionText);
     },
     [sendMessage]
   );
-  const clearMessages = useCallback37(() => {
+  const clearMessages = useCallback35(() => {
     setMessages([]);
     setIsTyping(false);
     reset();
   }, [reset]);
-  const stopMessage = useCallback37(() => {
+  const stopMessage = useCallback35(() => {
     abort();
     setIsTyping(false);
   }, [abort]);
@@ -36294,7 +36168,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useState as useState81, useEffect as useEffect58, useCallback as useCallback38, useMemo as useMemo27, useRef as useRef51 } from "react";
+import { useState as useState81, useEffect as useEffect59, useCallback as useCallback36, useMemo as useMemo27, useRef as useRef52 } from "react";
 function createEmptyTurnMeta() {
   return {
     provider: null,
@@ -36618,23 +36492,23 @@ function useSseChatAdapter(options) {
     );
   }
   const tableIdForDocumentType = options?.tableIdForDocumentType ?? defaultTableIdForDocumentType;
-  const persistedRef = useRef51(null);
+  const persistedRef = useRef52(null);
   if (persistedRef.current === null) {
     pruneStaleChatStorage(source);
     persistedRef.current = loadPersistedChat(source) || { messages: [], sources: [], sendCount: 0 };
   }
-  const sourcesMapRef = useRef51(
+  const sourcesMapRef = useRef52(
     new Map(persistedRef.current.sources)
   );
-  const refsMapRef = useRef51(
+  const refsMapRef = useRef52(
     new Map(persistedRef.current.refs ?? [])
   );
-  const metaMapRef = useRef51(/* @__PURE__ */ new Map());
-  const messagesRef = useRef51(persistedRef.current.messages);
-  const sendCountRef = useRef51(persistedRef.current.sendCount);
+  const metaMapRef = useRef52(/* @__PURE__ */ new Map());
+  const messagesRef = useRef52(persistedRef.current.messages);
+  const sendCountRef = useRef52(persistedRef.current.sendCount);
   const [streamingPhase, setStreamingPhase] = useState81("idle");
   const [metaTick, setMetaTick] = useState81(0);
-  const bumpMetaTick = useCallback38(() => setMetaTick((t) => t + 1), []);
+  const bumpMetaTick = useCallback36(() => setMetaTick((t) => t + 1), []);
   const streamFn = useMemo27(
     () => createDocStreamFn(
       source,
@@ -36661,7 +36535,7 @@ function useSseChatAdapter(options) {
     () => /* @__PURE__ */ new Map()
   );
   const commandsUrl = runtime.endpoints.commandsUrl;
-  useEffect58(() => {
+  useEffect59(() => {
     let cancelled = false;
     const ctrl = new AbortController();
     fetchSlashCommands("", ctrl.signal, commandsUrl).then((commands) => {
@@ -36697,7 +36571,7 @@ function useSseChatAdapter(options) {
       ctrl.abort();
     };
   }, [source, commandsUrl]);
-  const persist = useCallback38(
+  const persist = useCallback36(
     (nextMessages) => {
       savePersistedChat(source, {
         messages: nextMessages,
@@ -36751,7 +36625,7 @@ function useSseChatAdapter(options) {
       ...m.hidden ? { hidden: true } : {}
     };
   });
-  const sendMessage = useCallback38(
+  const sendMessage = useCallback36(
     async (text, options2) => {
       const {
         hidden,
@@ -36770,7 +36644,7 @@ function useSseChatAdapter(options) {
     },
     [chatSendMessage]
   );
-  const displayRef = useCallback38(
+  const displayRef = useCallback36(
     (reference) => {
       const tableId = tableIdForDocumentType(reference.type);
       if (!tableId) {
@@ -36794,7 +36668,7 @@ function useSseChatAdapter(options) {
     },
     [sendMessage, source, cmdIdByTableId, tableIdForDocumentType]
   );
-  const discussRef = useCallback38(
+  const discussRef = useCallback36(
     (reference) => {
       const tableId = tableIdForDocumentType(reference.type);
       if (!tableId) {
@@ -36818,11 +36692,11 @@ function useSseChatAdapter(options) {
     },
     [sendMessage, tableIdForDocumentType]
   );
-  const stopMessage = useCallback38(() => {
+  const stopMessage = useCallback36(() => {
     chatStopMessage();
     setStreamingPhase("idle");
   }, [chatStopMessage]);
-  const clearMessages = useCallback38(() => {
+  const clearMessages = useCallback36(() => {
     sourcesMapRef.current.clear();
     refsMapRef.current.clear();
     metaMapRef.current.clear();
@@ -36837,7 +36711,7 @@ function useSseChatAdapter(options) {
       }
     }
   }, [chatClearMessages, source, bumpMetaTick]);
-  useEffect58(() => {
+  useEffect59(() => {
     if (!isTyping && !isStreaming && streamingPhase !== "idle") {
       setStreamingPhase("idle");
     }
@@ -36875,10 +36749,10 @@ function useSseChatAdapter(options) {
 
 // src/components/chat/hooks/use-nats-chat-adapter.ts
 import {
-  useCallback as useCallback39,
-  useEffect as useEffect59,
+  useCallback as useCallback37,
+  useEffect as useEffect60,
   useMemo as useMemo28,
-  useRef as useRef52,
+  useRef as useRef53,
   useState as useState82
 } from "react";
 function nextId(role) {
@@ -36915,7 +36789,7 @@ function useNatsChatAdapter(config, options = {}) {
   } = config;
   const [messages, setMessages] = useState82([]);
   const [streamingPhase, setStreamingPhase] = useState82("idle");
-  const callbacksRef = useRef52({
+  const callbacksRef = useRef53({
     onSegmentsUpdate: (segments) => {
       setMessages((prev) => updateTrailingAssistant(prev, segments));
     },
@@ -36941,7 +36815,7 @@ function useNatsChatAdapter(config, options = {}) {
     onChunkReceived: (chunk) => processChunk(chunk),
     fetchChunks
   });
-  useEffect59(() => {
+  useEffect60(() => {
     if (!active || !dialogId) return;
     resetChunkTracking();
     startInitialBuffering();
@@ -36958,7 +36832,7 @@ function useNatsChatAdapter(config, options = {}) {
       catchupProcessChunk(payload, messageType);
     }
   });
-  const sendMessage = useCallback39(
+  const sendMessage = useCallback37(
     async (text, sendOptions) => {
       const hidden = sendOptions?.hidden ?? false;
       setMessages((prev) => [
@@ -36981,17 +36855,17 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [publishUserMessage, dialogId]
   );
-  const stopMessage = useCallback39(() => {
+  const stopMessage = useCallback37(() => {
     setStreamingPhase("idle");
   }, []);
-  const clearMessages = useCallback39(() => {
+  const clearMessages = useCallback37(() => {
     setMessages([]);
     resetAccumulator();
     setStreamingPhase("idle");
   }, [resetAccumulator]);
-  const discussRef = useCallback39((_ref) => {
+  const discussRef = useCallback37((_ref) => {
   }, []);
-  const displayRef = useCallback39((_ref) => {
+  const displayRef = useCallback37((_ref) => {
   }, []);
   const isLoading = streamingPhase !== "idle";
   return useMemo28(
@@ -37027,7 +36901,7 @@ function useNatsChatAdapter(config, options = {}) {
 }
 
 // src/components/chat/hooks/use-unified-chat.ts
-import { useCallback as useCallback40, useMemo as useMemo29, useRef as useRef53 } from "react";
+import { useCallback as useCallback38, useMemo as useMemo29, useRef as useRef54 } from "react";
 var EMPTY_SSE_OPTIONS = {};
 function createDisabledNatsConfig() {
   return {
@@ -37042,7 +36916,7 @@ function createDisabledNatsConfig() {
 }
 function useUnifiedChat(options) {
   const { modes, activeMode } = options;
-  const disabledNatsRef = useRef53(null);
+  const disabledNatsRef = useRef54(null);
   if (disabledNatsRef.current === null) {
     disabledNatsRef.current = createDisabledNatsConfig();
   }
@@ -37055,20 +36929,20 @@ function useUnifiedChat(options) {
   );
   void sseActive;
   const activeState = activeMode === "guide" ? sseState : natsState;
-  const stopMessage = useCallback40(() => activeState.stopMessage(), [activeState]);
-  const clearMessages = useCallback40(
+  const stopMessage = useCallback38(() => activeState.stopMessage(), [activeState]);
+  const clearMessages = useCallback38(
     () => activeState.clearMessages(),
     [activeState]
   );
-  const sendMessage = useCallback40(
+  const sendMessage = useCallback38(
     (text, opts) => activeState.sendMessage(text, opts),
     [activeState]
   );
-  const discussRef = useCallback40(
+  const discussRef = useCallback38(
     (ref) => activeState.discussRef(ref),
     [activeState]
   );
-  const displayRef = useCallback40(
+  const displayRef = useCallback38(
     (ref) => activeState.displayRef(ref),
     [activeState]
   );
@@ -37586,7 +37460,7 @@ function chatChipClass({ tone, density = "chip", extra }) {
 }
 
 // src/components/chat/embeddable-chat.tsx
-import { useCallback as useCallback42, useEffect as useEffect62, useMemo as useMemo31, useRef as useRef56, useState as useState84 } from "react";
+import { useCallback as useCallback40, useEffect as useEffect63, useMemo as useMemo31, useRef as useRef57, useState as useState84 } from "react";
 
 // node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
 import * as React109 from "react";
@@ -38013,7 +37887,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect62(() => {
+  useEffect63(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -38034,8 +37908,8 @@ function EmbeddableChatInner({
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll({ isDisabled: !isOpen });
-  const navigatingAwayRef = useRef56(false);
-  useEffect62(() => {
+  const navigatingAwayRef = useRef57(false);
+  useEffect63(() => {
     if (!isOpen) return;
     if (typeof window === "undefined") return;
     if (!isIOS()) return;
@@ -38060,12 +37934,12 @@ function EmbeddableChatInner({
       window.scrollTo(0, scrollY);
     };
   }, [isOpen]);
-  const chatInputRef = useRef56(null);
+  const chatInputRef = useRef57(null);
   const [commandsById, setCommandsById] = useState84(
     () => /* @__PURE__ */ new Map()
   );
   const [commandsLoaded, setCommandsLoaded] = useState84(false);
-  useEffect62(() => {
+  useEffect63(() => {
     if (!isOpen) return;
     let cancelled = false;
     const ctrl = new AbortController();
@@ -38110,7 +37984,7 @@ function EmbeddableChatInner({
   const initialActiveMode = controlledActiveMode ?? defaultActiveMode ?? (effectiveModes.guide ? "guide" : "mingo");
   const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState84(initialActiveMode);
   const activeMode = controlledActiveMode ?? uncontrolledActiveMode;
-  const handleActiveModeChange = useCallback42(
+  const handleActiveModeChange = useCallback40(
     (next) => {
       if (controlledActiveMode === void 0) {
         setUncontrolledActiveMode(next);
@@ -38146,8 +38020,8 @@ function EmbeddableChatInner({
   } = useChatAttachments();
   const { panelRef: galleryPanelRef, modal: galleryModal } = useChatAttachmentImageGallery();
   const resolvedBaseRoute = baseRoute || (source === "flamingo" ? "/knowledge-base" : "/data-room");
-  const handleClose = useCallback42(() => setIsOpen(false), [setIsOpen]);
-  const handleNavigationClose = useCallback42(() => {
+  const handleClose = useCallback40(() => setIsOpen(false), [setIsOpen]);
+  const handleNavigationClose = useCallback40(() => {
     navigatingAwayRef.current = true;
     setIsOpen(false);
   }, [setIsOpen]);
@@ -38155,7 +38029,7 @@ function EmbeddableChatInner({
     () => ({ closeChat: handleNavigationClose }),
     [handleNavigationClose]
   );
-  const renderEntityCard = useCallback42(
+  const renderEntityCard = useCallback40(
     (reference) => renderChatInlineEntityCard(reference, {
       onDiscuss: discussRef,
       onDisplay: displayRef,
@@ -38178,7 +38052,7 @@ function EmbeddableChatInner({
     })),
     [rawMessages]
   );
-  const handleSend = useCallback42(
+  const handleSend = useCallback40(
     (text) => {
       let augmentedText = text;
       if (readyAttachments.length > 0) {
@@ -38194,12 +38068,12 @@ function EmbeddableChatInner({
     },
     [sendMessage, readyAttachments, viewUrlPrefix, clearAttachments]
   );
-  const handleNewChat = useCallback42(() => {
+  const handleNewChat = useCallback40(() => {
     clearMessages();
   }, [clearMessages]);
-  const handleOpen = useCallback42(() => setIsOpen(true), [setIsOpen]);
+  const handleOpen = useCallback40(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect62(() => {
+  useEffect63(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -38999,6 +38873,7 @@ export {
   DELIVERY_TASK_TYPE_OPTIONS,
   TICKET_STATUS_OPTIONS,
   OPENFRAME_DEV_SECTIONS,
+  scrollElementIntoView,
   BenefitCard,
   BenefitCardGrid,
   BrandAssociationCard,
@@ -39212,4 +39087,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-R5RNRH62.js.map
+//# sourceMappingURL=chunk-ZTJVRSN5.js.map