@flamingo-stack/openframe-frontend-core 0.0.444 → 0.0.445-snapshot.20260717185124

package/dist/{chunk-NDWIFCLS.js → chunk-MAB4TQCO.js}

@@ -27,7 +27,7 @@ import {
   useOgPlaceholderUrl,
   useOnboardingState,
   useToast
-} from "./chunk-MG4AMIFX.js";
+} from "./chunk-5NYXGWBN.js";
 import {
   AlertCircleIcon,
   AnthropicLogoGreyIcon,
@@ -249,7 +249,7 @@ import {
   acquireClient,
   releaseClient,
   startConnectionLifecycle
-} from "./chunk-PHWQLKVE.js";
+} from "./chunk-P47NN7RY.js";
 import {
   __esm
 } from "./chunk-GGWZFCYS.js";
@@ -31939,23 +31939,22 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useRef as useRef37, useEffect as useEffect52, useState as useState71 } from "react";
+import { useEffect as useEffect52, useState as useState71 } from "react";
 import { ChevronDown as ChevronDown8, Shield as Shield2 } from "lucide-react";
 init_button2();
 import { Fragment as Fragment43, jsx as jsx253, jsxs as jsxs197 } from "react/jsx-runtime";
-var approvalLevelOptions = [
-  { value: "ALLOW", label: "Allow" },
-  { value: "ASK_USER", label: "Ask User" },
-  { value: "ASK_TECHNICIAN", label: "Ask Technician" },
-  { value: "DENY", label: "Restrict" }
-];
-var getApprovalLevelLabel = (level, editMode = false) => {
-  if (!level) {
-    return editMode ? "Set Global Permission" : "";
-  }
-  const option = approvalLevelOptions.find((opt) => opt.value === level);
-  return option?.label || level;
+var approvalLevelLabels = {
+  ALLOW: "Allow",
+  ASK_USER: "Ask User",
+  ASK_TECHNICIAN: "Ask Technician",
+  DENY: "Restrict"
 };
+var approvalLevelOptions = Object.keys(approvalLevelLabels).map(
+  (value) => ({ value, label: approvalLevelLabels[value] })
+);
+var POLICY_LEVEL_WIDTH = "w-[180px]";
+var CATEGORY_LEVEL_WIDTH = "w-[256px]";
+var getApprovalLevelLabel = (level) => approvalLevelLabels[level] ?? level;
 var ApprovalLevelDropdown = ({ value, onChange, allowClear = false, triggerClassName, contentClassName }) => /* @__PURE__ */ jsxs197(DropdownMenu, { children: [
   /* @__PURE__ */ jsx253(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx253(
     Button,
@@ -31967,7 +31966,7 @@ var ApprovalLevelDropdown = ({ value, onChange, allowClear = false, triggerClass
         value ? "text-ods-text-primary" : "text-ods-text-secondary",
         triggerClassName
       ),
-      children: getApprovalLevelLabel(value, true)
+      children: value ? getApprovalLevelLabel(value) : "Set Global Permission"
     }
   ) }),
   /* @__PURE__ */ jsxs197(DropdownMenuContent, { align: "end", className: contentClassName, children: [
@@ -31998,7 +31997,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
           value: policy.approvalLevel,
           onChange: handleChange,
           triggerClassName: "w-full",
-          contentClassName: "w-[180px]"
+          contentClassName: POLICY_LEVEL_WIDTH
         }
       ) }) : policy.approvalLevel ? /* @__PURE__ */ jsx253("span", { className: "md:hidden text-h4 text-ods-text-primary", children: getApprovalLevelLabel(policy.approvalLevel) }) : null
     ] }),
@@ -32007,23 +32006,12 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
       {
         value: policy.approvalLevel,
         onChange: handleChange,
-        triggerClassName: "w-[180px]",
-        contentClassName: "w-[180px]"
+        triggerClassName: POLICY_LEVEL_WIDTH,
+        contentClassName: POLICY_LEVEL_WIDTH
       }
-    ) : /* @__PURE__ */ jsx253("div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)] w-[180px]", children: policy.approvalLevel && /* @__PURE__ */ jsx253("span", { className: "text-h4 text-ods-text-primary", children: getApprovalLevelLabel(policy.approvalLevel) }) }) })
+    ) : /* @__PURE__ */ jsx253("div", { className: cn("px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)]", POLICY_LEVEL_WIDTH), children: policy.approvalLevel && /* @__PURE__ */ jsx253("span", { className: "text-h4 text-ods-text-primary", children: getApprovalLevelLabel(policy.approvalLevel) }) }) })
   ] });
 };
-var useAnimatedHeight = (isExpanded) => {
-  const [height, setHeight] = useState71(0);
-  const contentRef = useRef37(null);
-  useEffect52(() => {
-    if (contentRef.current) {
-      const contentHeight = contentRef.current.scrollHeight;
-      setHeight(isExpanded ? contentHeight : 0);
-    }
-  }, [isExpanded]);
-  return { contentRef, height };
-};
 var CategorySection = ({
   category,
   editMode,
@@ -32033,7 +32021,7 @@ var CategorySection = ({
   onBulkLevelChange,
   onPolicyPermissionChange
 }) => {
-  const { contentRef, height } = useAnimatedHeight(isExpanded);
+  const { innerRef, containerStyle } = useCollapsible({ expanded: isExpanded, durationMs: 300 });
   const handleBulkChange = (level) => onBulkLevelChange(category.id, level);
   return /* @__PURE__ */ jsxs197(Fragment43, { children: [
     /* @__PURE__ */ jsxs197(
@@ -32056,7 +32044,7 @@ var CategorySection = ({
                 onChange: handleBulkChange,
                 allowClear: true,
                 triggerClassName: "w-full",
-                contentClassName: "w-[256px]"
+                contentClassName: CATEGORY_LEVEL_WIDTH
               }
             ) })
           ] }),
@@ -32066,16 +32054,10 @@ var CategorySection = ({
               value: bulkLevel,
               onChange: handleBulkChange,
               allowClear: true,
-              triggerClassName: "w-[256px]",
-              contentClassName: "w-[256px]"
+              triggerClassName: CATEGORY_LEVEL_WIDTH,
+              contentClassName: CATEGORY_LEVEL_WIDTH
             }
-          ) }) : /* @__PURE__ */ jsx253(
-            "div",
-            {
-              className: "hidden md:block px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)] w-[256px] shrink-0",
-              onClick: (e) => e.stopPropagation()
-            }
-          ),
+          ) }) : /* @__PURE__ */ jsx253("div", { className: cn("hidden md:block px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)] shrink-0", CATEGORY_LEVEL_WIDTH) }),
           /* @__PURE__ */ jsx253(
             Button,
             {
@@ -32104,16 +32086,15 @@ var CategorySection = ({
     /* @__PURE__ */ jsx253(
       "div",
       {
-        ref: contentRef,
         style: {
-          height: height === "auto" ? "auto" : `${height}px`,
-          transition: "height 300ms ease-in-out, opacity 300ms ease-in-out"
+          ...containerStyle,
+          transition: `${containerStyle.transition}, opacity 300ms ease-in-out, visibility 300ms`,
+          // visibility drops collapsed content from the tab order and a11y
+          // tree; its discrete transition delays hiding until the fade ends.
+          visibility: isExpanded ? "visible" : "hidden"
         },
-        className: cn(
-          "overflow-hidden",
-          isExpanded ? "opacity-100" : "opacity-0"
-        ),
-        children: /* @__PURE__ */ jsx253("div", { className: "px-[var(--spacing-system-mf)] pb-[var(--spacing-system-mf)] pt-0", children: /* @__PURE__ */ jsx253("div", { className: "border border-ods-border rounded-md overflow-hidden", children: category.policies.map((policy) => /* @__PURE__ */ jsx253(
+        className: isExpanded ? "opacity-100" : "opacity-0",
+        children: /* @__PURE__ */ jsx253("div", { ref: innerRef, className: "px-[var(--spacing-system-mf)] pb-[var(--spacing-system-mf)] pt-0", children: /* @__PURE__ */ jsx253("div", { className: "border border-ods-border rounded-md overflow-hidden", children: category.policies.map((policy) => /* @__PURE__ */ jsx253(
           PolicyRow,
           {
             policy,
@@ -32176,7 +32157,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback28, useEffect as useEffect53, useMemo as useMemo27, useRef as useRef38, useState as useState72 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect53, useMemo as useMemo27, useRef as useRef37, useState as useState72 } from "react";
 import { jsx as jsx254, jsxs as jsxs198 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -32194,7 +32175,7 @@ function PhoneInput({
     [countryCode, priority, others]
   );
   const [isInvalid, setIsInvalid] = useState72(false);
-  const debounceRef = useRef38(null);
+  const debounceRef = useRef37(null);
   const digitCount = useCallback28((val) => val.replace(/[^0-9]/g, "").length, []);
   const runValidation = useCallback28((phone) => {
     if (!phone || digitCount(phone) === 0) {
@@ -32700,7 +32681,7 @@ function useOptionalNotifications() {
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { useEffect as useEffect58, useRef as useRef41 } from "react";
+import { useEffect as useEffect58, useRef as useRef40 } from "react";
 
 // src/components/navigation/app-layout-context.ts
 import { createContext as createContext8, useContext as useContext8 } from "react";
@@ -33468,9 +33449,9 @@ function DrawerScrollList({
   loadMoreRootMargin,
   renderTile
 }) {
-  const scrollRef = useRef41(null);
-  const sentinelRef = useRef41(null);
-  const loadMoreRef = useRef41(loadMore);
+  const scrollRef = useRef40(null);
+  const sentinelRef = useRef40(null);
+  const loadMoreRef = useRef40(loadMore);
   loadMoreRef.current = loadMore;
   useEffect58(() => {
     if (!loadMore || !hasMore || isLoadingMore) return;
@@ -34339,7 +34320,7 @@ function LastEntryRow({ entry, onClick }) {
 // src/components/features/time-tracker/time-tracker-header-button.tsx
 init_cn();
 import * as PopoverPrimitive5 from "@radix-ui/react-popover";
-import { useEffect as useEffect61, useRef as useRef42 } from "react";
+import { useEffect as useEffect61, useRef as useRef41 } from "react";
 
 // src/components/navigation/header-button.tsx
 init_cn();
@@ -34378,11 +34359,11 @@ function TimeTrackerHeaderButton({ className, disabled }) {
   const layoutContainer = useAppLayoutDrawerContainer();
   const coordination = useAppLayoutDrawerCoordination();
   const isOpen = ctx?.isOpen ?? false;
-  const isOpenRef = useRef42(isOpen);
+  const isOpenRef = useRef41(isOpen);
   isOpenRef.current = isOpen;
-  const closeRef = useRef42(ctx?.close);
+  const closeRef = useRef41(ctx?.close);
   closeRef.current = ctx?.close;
-  const selfHandleRef = useRef42(null);
+  const selfHandleRef = useRef41(null);
   if (!selfHandleRef.current) {
     selfHandleRef.current = {
       close: () => {
@@ -35407,18 +35388,18 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React108, { useEffect as useEffect64, useRef as useRef46, useState as useState84 } from "react";
+import React108, { useEffect as useEffect64, useRef as useRef45, useState as useState84 } from "react";
 init_button2();
 
 // src/components/navigation/mobile-nav-panel.tsx
-import { useRef as useRef45 } from "react";
+import { useRef as useRef44 } from "react";
 import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
 init_button2();
 import { X as X10 } from "lucide-react";
 import { Fragment as Fragment51, jsx as jsx273, jsxs as jsxs212 } from "react/jsx-runtime";
 var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
 function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef45(null);
+  const panelRef = useRef44(null);
   usePreventScroll3({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: config.onClose });
   const headerHeight = useHeaderHeight(64, { enabled: isOpen });
@@ -35579,8 +35560,8 @@ function Header2({ config, platform }) {
   const [show, setShow] = useState84(true);
   const [lastScrollY, setLastScrollY] = useState84(0);
   const [openDropdowns, setOpenDropdowns] = useState84({});
-  const dropdownRefs = useRef46({});
-  const triggerRefs = useRef46({});
+  const dropdownRefs = useRef45({});
+  const triggerRefs = useRef45({});
   useEffect64(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -35906,7 +35887,7 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState86, useEffect as useEffect66, useRef as useRef47 } from "react";
+import { useState as useState86, useEffect as useEffect66, useRef as useRef46 } from "react";
 import { motion as motion2, AnimatePresence, useReducedMotion } from "framer-motion";
 import { usePreventScroll as usePreventScroll4 } from "@react-aria/overlays";
 init_button2();
@@ -35915,7 +35896,7 @@ function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = useState86(/* @__PURE__ */ new Set());
   const [mounted, setMounted] = useState86(false);
   const headerHeight = useHeaderHeight();
-  const asideRef = useRef47(null);
+  const asideRef = useRef46(null);
   const prefersReducedMotion2 = useReducedMotion();
   usePreventScroll4({ isDisabled: !config.isOpen });
   useFocusTrap(asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
@@ -36087,7 +36068,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect67, useState as useState87, useCallback as useCallback35, useRef as useRef48 } from "react";
+import { useEffect as useEffect67, useState as useState87, useCallback as useCallback35, useRef as useRef47 } from "react";
 import { jsx as jsx279, jsxs as jsxs217 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -36149,7 +36130,7 @@ function StickySectionNav({
 }
 function useSectionNavigation(sections, options) {
   const [activeSection, setActiveSection] = useState87(sections[0]?.id || "");
-  const isScrollingFromClick = useRef48(false);
+  const isScrollingFromClick = useRef47(false);
   const { offset: offset2 = 100 } = options || {};
   const handleSectionClick = useCallback35((sectionId) => {
     const targetElement = document.getElementById(sectionId);
@@ -36849,10 +36830,10 @@ function NotificationsHeaderButton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { Suspense as Suspense2, useCallback as useCallback38, useMemo as useMemo35, useRef as useRef50, useState as useState89 } from "react";
+import { Suspense as Suspense2, useCallback as useCallback38, useMemo as useMemo35, useRef as useRef49, useState as useState89 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React113, { useCallback as useCallback37, useRef as useRef49 } from "react";
+import React113, { useCallback as useCallback37, useRef as useRef48 } from "react";
 import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
 import { Fragment as Fragment55, jsx as jsx288, jsxs as jsxs226 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
@@ -36866,7 +36847,7 @@ var MobileBurgerMenu = React113.memo(function MobileBurgerMenu2({
   onLogout,
   disabled = false
 }) {
-  const panelRef = useRef49(null);
+  const panelRef = useRef48(null);
   usePreventScroll5({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = useCallback37((item) => {
@@ -37051,9 +37032,9 @@ function AppLayout({
 }) {
   const [mobileMenuOpen, setMobileMenuOpen] = useState89(false);
   const [drawerContainer, setDrawerContainer] = useState89(null);
-  const mobileMenuOpenRef = useRef50(mobileMenuOpen);
+  const mobileMenuOpenRef = useRef49(mobileMenuOpen);
   mobileMenuOpenRef.current = mobileMenuOpen;
-  const drawerHandlesRef = useRef50(/* @__PURE__ */ new Set());
+  const drawerHandlesRef = useRef49(/* @__PURE__ */ new Set());
   const handleToggleMobileMenu = useCallback38(() => {
     const opening = !mobileMenuOpenRef.current;
     if (opening) {
@@ -37680,7 +37661,7 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React115, { useRef as useRef51, useCallback as useCallback39 } from "react";
+import React115, { useRef as useRef50, useCallback as useCallback39 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
 import React114 from "react";
@@ -37804,10 +37785,10 @@ function OnboardingWalkthrough({
     allStepsComplete,
     markMultipleComplete
   } = useOnboardingState(storageKey);
-  const hasAutoMarkedRef = useRef51(false);
-  const autoMarkingInProgressRef = useRef51(false);
-  const lastCompletionStatusRef = useRef51(null);
-  const actionInProgressRef = useRef51(/* @__PURE__ */ new Set());
+  const hasAutoMarkedRef = useRef50(false);
+  const autoMarkingInProgressRef = useRef50(false);
+  const lastCompletionStatusRef = useRef50(null);
+  const actionInProgressRef = useRef50(/* @__PURE__ */ new Set());
   React115.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
@@ -38495,7 +38476,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx307(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect70, useRef as useRef53 } from "react";
+import { useEffect as useEffect70, useRef as useRef52 } from "react";
 init_pagination();
 init_button2();
 
@@ -39255,8 +39236,8 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef53(null);
-  const onLoadMoreRef = useRef53(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef52(null);
+  const onLoadMoreRef = useRef52(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
   useEffect70(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
@@ -39476,7 +39457,7 @@ import { useMemo as useMemo37 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef54, useState as useState92, useCallback as useCallback40 } from "react";
+import { useRef as useRef53, useState as useState92, useCallback as useCallback40 } from "react";
 import { jsx as jsx319, jsxs as jsxs252 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -39505,7 +39486,7 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef54(null);
+  const textRef = useRef53(null);
   const [isTruncated, setIsTruncated] = useState92(false);
   const checkTruncation = useCallback40(() => {
     const el = textRef.current;
@@ -39535,7 +39516,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef55, useState as useState93, useCallback as useCallback41 } from "react";
+import { useRef as useRef54, useState as useState93, useCallback as useCallback41 } from "react";
 import { jsx as jsx320, jsxs as jsxs253 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -39581,7 +39562,7 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef55(null);
+  const textRef = useRef54(null);
   const [isTruncated, setIsTruncated] = useState93(false);
   const checkTruncation = useCallback41(() => {
     const el = textRef.current;
@@ -40083,7 +40064,7 @@ function DataTableEmpty({ className, ...props }) {
 // src/components/ui/data-table/data-table-row.tsx
 init_next_link();
 init_cn();
-import { memo as memo5, useCallback as useCallback43, useRef as useRef56 } from "react";
+import { memo as memo5, useCallback as useCallback43, useRef as useRef55 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -40168,7 +40149,7 @@ function DataTableRowImpl({
   const hasSubRow = subRow != null && subRow !== false;
   const isLinkMode = Boolean(href) && !onClick;
   const isWholeCardLink = isLinkMode && !hasSubRow;
-  const containerRef = useRef56(null);
+  const containerRef = useRef55(null);
   const handleClick = useCallback43(
     (e) => {
       const target = e.target;
@@ -40336,7 +40317,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect71, useRef as useRef57 } from "react";
+import { useEffect as useEffect71, useRef as useRef56 } from "react";
 import { Fragment as Fragment63, jsx as jsx330, jsxs as jsxs261 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -40345,8 +40326,8 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef57(null);
-  const onLoadMoreRef = useRef57(onLoadMore);
+  const sentinelRef = useRef56(null);
+  const onLoadMoreRef = useRef56(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
   useEffect71(() => {
     if (!hasNextPage || isFetchingNextPage) return;
@@ -40983,7 +40964,7 @@ function FilterList({
 // src/components/ui/tag-search-input.tsx
 import {
   useEffect as useEffect73,
-  useRef as useRef59,
+  useRef as useRef58,
   useState as useState95
 } from "react";
 init_cn();
@@ -41018,9 +40999,9 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef59(null);
-  const hiddenTagsRef = useRef59(null);
-  const hiddenTagsPopupRef = useRef59(null);
+  const wrapperRef = useRef58(null);
+  const hiddenTagsRef = useRef58(null);
+  const hiddenTagsPopupRef = useRef58(null);
   const [showHiddenTags, setShowHiddenTags] = useState95(false);
   useEffect73(() => {
     if (!showHiddenTags) return;
@@ -41177,7 +41158,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef60, useCallback as useCallback44, useState as useState96, useEffect as useEffect74 } from "react";
+import { useRef as useRef59, useCallback as useCallback44, useState as useState96, useEffect as useEffect74 } from "react";
 init_cn();
 import { Loader2 as Loader29, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx335, jsxs as jsxs266 } from "react/jsx-runtime";
@@ -41232,7 +41213,7 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef60(null);
+  const fileInputRef = useRef59(null);
   const [isUploading, setIsUploading] = useState96(false);
   const [uploadProgress, setUploadProgress] = useState96("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState96([]);
@@ -41325,11 +41306,11 @@ function MarkdownEditor({
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef60(null);
-  const isDraggingRef = useRef60(false);
-  const mouseYRef = useRef60(0);
-  const rafRef = useRef60(0);
-  const scrollParentRef = useRef60(window);
+  const wrapperRef = useRef59(null);
+  const isDraggingRef = useRef59(false);
+  const mouseYRef = useRef59(0);
+  const rafRef = useRef59(0);
+  const scrollParentRef = useRef59(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
   const findScrollParent = useCallback44((el) => {
@@ -46932,7 +46913,7 @@ function renderChatInlineEntityCard(chatRef, options = {}) {
 }
 
 // src/components/chat/hooks/use-chunk-catchup.ts
-import { useCallback as useCallback46, useRef as useRef64 } from "react";
+import { useCallback as useCallback46, useRef as useRef63 } from "react";
 function makeSeqKey(messageType, chunkType, sequenceId) {
   return `${messageType}:${chunkType}:${sequenceId}`;
 }
@@ -46954,20 +46935,22 @@ function useChunkCatchup({
   chatTypes = [CHAT_TYPE.CLIENT],
   fetchChunks
 }) {
-  const processedSequenceKeys = useRef64(/* @__PURE__ */ new Set());
-  const lastSequenceId = useRef64(null);
-  const fetchingInProgress = useRef64(false);
-  const lastFetchParams = useRef64(null);
-  const chunkBuffer = useRef64([]);
-  const bufferUntilInitialCatchupComplete = useRef64(false);
-  const hasCompletedInitialCatchup = useRef64(false);
-  const dialogIdRef = useRef64(dialogId);
+  const processedSequenceKeys = useRef63(/* @__PURE__ */ new Set());
+  const lastSequenceId = useRef63(null);
+  const lastSequenceIdByType = useRef63(/* @__PURE__ */ new Map());
+  const fetchingInProgress = useRef63(false);
+  const lastFetchParams = useRef63(null);
+  const pendingCatchupRef = useRef63(null);
+  const chunkBuffer = useRef63([]);
+  const bufferUntilInitialCatchupComplete = useRef63(false);
+  const hasCompletedInitialCatchup = useRef63(false);
+  const dialogIdRef = useRef63(dialogId);
   dialogIdRef.current = dialogId;
-  const chatTypesRef = useRef64(chatTypes);
+  const chatTypesRef = useRef63(chatTypes);
   chatTypesRef.current = chatTypes;
-  const fetchChunksRef = useRef64(fetchChunks);
+  const fetchChunksRef = useRef63(fetchChunks);
   fetchChunksRef.current = fetchChunks;
-  const onChunkReceivedRef = useRef64(onChunkReceived);
+  const onChunkReceivedRef = useRef63(onChunkReceived);
   onChunkReceivedRef.current = onChunkReceived;
   const processChunk = useCallback46((chunk, messageType, forceProcess = false) => {
     if (bufferUntilInitialCatchupComplete.current && !forceProcess) {
@@ -46976,8 +46959,14 @@ function useChunkCatchup({
     }
     if (chunk.sequenceId !== void 0 && chunk.sequenceId !== null) {
       const chunkType = typeof chunk.type === "string" ? chunk.type : "";
-      processedSequenceKeys.current.add(makeSeqKey(messageType, chunkType, chunk.sequenceId));
+      const key = makeSeqKey(messageType, chunkType, chunk.sequenceId);
+      if (processedSequenceKeys.current.has(key)) return true;
+      processedSequenceKeys.current.add(key);
       lastSequenceId.current = chunk.sequenceId;
+      const prevTypeSeq = lastSequenceIdByType.current.get(messageType);
+      if (prevTypeSeq === void 0 || chunk.sequenceId > prevTypeSeq) {
+        lastSequenceIdByType.current.set(messageType, chunk.sequenceId);
+      }
     }
     onChunkReceivedRef.current(chunk, messageType);
     return true;
@@ -46987,8 +46976,8 @@ function useChunkCatchup({
     const buffered = [...chunkBuffer.current];
     chunkBuffer.current = [];
     buffered.sort((a, b) => {
-      const seqA = a.chunk.sequenceId ?? 0;
-      const seqB = b.chunk.sequenceId ?? 0;
+      const seqA = a.chunk.sequenceId ?? Number.MAX_SAFE_INTEGER;
+      const seqB = b.chunk.sequenceId ?? Number.MAX_SAFE_INTEGER;
       return seqA - seqB;
     });
     buffered.forEach(({ chunk, messageType }) => {
@@ -47003,9 +46992,14 @@ function useChunkCatchup({
       return;
     }
     if (hasCompletedInitialCatchup.current) {
+      if (bufferUntilInitialCatchupComplete.current) {
+        bufferUntilInitialCatchupComplete.current = false;
+        flushBufferedRealtimeChunks();
+      }
       return;
     }
     if (fetchingInProgress.current) {
+      pendingCatchupRef.current = { dialogId: dialogId2, fromSequenceId: fromSequenceId ?? lastSequenceId.current };
       return;
     }
     if (lastFetchParams.current && lastFetchParams.current.dialogId === dialogId2 && lastFetchParams.current.fromSequenceId === fromSequenceId) {
@@ -47022,7 +47016,8 @@ function useChunkCatchup({
     try {
       const chunkPromises = chatTypes2.map(async (chatType) => {
         try {
-          const chunks = await fetchChunks2(dialogId2, chatType, fromSequenceId);
+          const typeFromSequenceId = fromSequenceId === void 0 ? void 0 : lastSequenceIdByType.current.get(getChatTypeMessageType(chatType)) ?? null;
+          const chunks = await fetchChunks2(dialogId2, chatType, typeFromSequenceId);
           const messageType = getChatTypeMessageType(chatType);
           return chunks.map((chunk) => ({ chunk, messageType }));
         } catch (error) {
@@ -47042,49 +47037,66 @@ function useChunkCatchup({
       chunkBuffer.current = [];
       const allChunks = [...allCatchupChunks, ...bufferedNatsChunks];
       allChunks.sort((a, b) => {
-        const seqA = a.chunk.sequenceId ?? 0;
-        const seqB = b.chunk.sequenceId ?? 0;
+        const seqA = a.chunk.sequenceId ?? Number.MAX_SAFE_INTEGER;
+        const seqB = b.chunk.sequenceId ?? Number.MAX_SAFE_INTEGER;
         return seqA - seqB;
       });
       const uniqueAllChunks = [];
       const seenInBatch = /* @__PURE__ */ new Set();
       for (const item of allChunks) {
-        const k = makeBatchDedupKey(item);
-        if (seenInBatch.has(k)) continue;
-        seenInBatch.add(k);
-        uniqueAllChunks.push(item);
-      }
-      let lastMessageStartSeqId = null;
-      let lastMessageEndSeqId = null;
-      for (let i = uniqueAllChunks.length - 1; i >= 0; i--) {
-        const seq = uniqueAllChunks[i].chunk.sequenceId;
-        if (uniqueAllChunks[i].chunk.type === MESSAGE_TYPE.MESSAGE_END && seq !== void 0 && seq !== null) {
-          lastMessageEndSeqId = seq;
-          break;
+        const hasSeq = item.chunk.sequenceId !== void 0 && item.chunk.sequenceId !== null;
+        if (hasSeq) {
+          const k = makeBatchDedupKey(item);
+          if (seenInBatch.has(k)) continue;
+          seenInBatch.add(k);
         }
+        uniqueAllChunks.push(item);
       }
-      for (let i = uniqueAllChunks.length - 1; i >= 0; i--) {
-        const chunk = uniqueAllChunks[i].chunk;
-        const seq = chunk.sequenceId;
-        if (chunk.type === MESSAGE_TYPE.MESSAGE_START && seq !== void 0 && seq !== null) {
-          if (lastMessageEndSeqId === null || seq > lastMessageEndSeqId) {
-            lastMessageStartSeqId = seq;
+      const hasNoSeq = (item) => item.chunk.sequenceId === void 0 || item.chunk.sequenceId === null;
+      const byType = /* @__PURE__ */ new Map();
+      for (const item of uniqueAllChunks) {
+        const list = byType.get(item.messageType);
+        if (list) list.push(item);
+        else byType.set(item.messageType, [item]);
+      }
+      const chunksToProcess = [];
+      for (const items of byType.values()) {
+        let lastMessageStartSeqId = null;
+        let lastMessageEndSeqId = null;
+        for (let i = items.length - 1; i >= 0; i--) {
+          const seq = items[i].chunk.sequenceId;
+          if (items[i].chunk.type === MESSAGE_TYPE.MESSAGE_END && seq !== void 0 && seq !== null) {
+            lastMessageEndSeqId = seq;
             break;
           }
         }
+        for (let i = items.length - 1; i >= 0; i--) {
+          const chunk = items[i].chunk;
+          const seq = chunk.sequenceId;
+          if (chunk.type === MESSAGE_TYPE.MESSAGE_START && seq !== void 0 && seq !== null) {
+            if (lastMessageEndSeqId === null || seq > lastMessageEndSeqId) {
+              lastMessageStartSeqId = seq;
+              break;
+            }
+          }
+        }
+        if (lastMessageStartSeqId !== null) {
+          chunksToProcess.push(
+            ...items.filter((item) => hasNoSeq(item) || item.chunk.sequenceId >= lastMessageStartSeqId)
+          );
+        } else if (lastMessageEndSeqId !== null) {
+          chunksToProcess.push(
+            ...items.filter((item) => hasNoSeq(item) || item.chunk.sequenceId > lastMessageEndSeqId)
+          );
+        } else {
+          chunksToProcess.push(...items);
+        }
       }
-      let chunksToProcess;
-      if (lastMessageStartSeqId !== null) {
-        chunksToProcess = uniqueAllChunks.filter(
-          (item) => item.chunk.sequenceId !== void 0 && item.chunk.sequenceId >= lastMessageStartSeqId
-        );
-      } else if (lastMessageEndSeqId !== null) {
-        chunksToProcess = uniqueAllChunks.filter(
-          (item) => item.chunk.sequenceId !== void 0 && item.chunk.sequenceId > lastMessageEndSeqId
-        );
-      } else {
-        chunksToProcess = uniqueAllChunks;
-      }
+      chunksToProcess.sort((a, b) => {
+        const seqA = a.chunk.sequenceId ?? Number.MAX_SAFE_INTEGER;
+        const seqB = b.chunk.sequenceId ?? Number.MAX_SAFE_INTEGER;
+        return seqA - seqB;
+      });
       chunksToProcess.forEach(({ chunk, messageType }) => {
         if (chunk.sequenceId !== void 0 && chunk.sequenceId !== null) {
           const chunkType = typeof chunk.type === "string" ? chunk.type : "";
@@ -47092,6 +47104,10 @@ function useChunkCatchup({
           if (processedSequenceKeys.current.has(key)) return;
           processedSequenceKeys.current.add(key);
           lastSequenceId.current = chunk.sequenceId;
+          const prevTypeSeq = lastSequenceIdByType.current.get(messageType);
+          if (prevTypeSeq === void 0 || chunk.sequenceId > prevTypeSeq) {
+            lastSequenceIdByType.current.set(messageType, chunk.sequenceId);
+          }
         }
         onChunkReceivedRef.current(chunk, messageType);
       });
@@ -47100,26 +47116,55 @@ function useChunkCatchup({
     } catch (error) {
       console.error("Error during chunk catchup:", error);
     } finally {
-      fetchingInProgress.current = false;
-      if (bufferUntilInitialCatchupComplete.current) {
-        bufferUntilInitialCatchupComplete.current = false;
-        hasCompletedInitialCatchup.current = true;
-        flushBufferedRealtimeChunks();
+      if (dialogId2 !== dialogIdRef.current) {
+        if (pendingCatchupRef.current?.dialogId === dialogId2) {
+          pendingCatchupRef.current = null;
+        }
+      } else {
+        fetchingInProgress.current = false;
+        const pending = pendingCatchupRef.current;
+        if (pending) {
+          pendingCatchupRef.current = null;
+          if (pending.dialogId === dialogId2) {
+            hasCompletedInitialCatchup.current = false;
+            lastFetchParams.current = null;
+            bufferUntilInitialCatchupComplete.current = true;
+            try {
+              await catchUpChunksRef.current?.(pending.fromSequenceId);
+            } catch (rerunError) {
+              console.error("Queued catch-up re-run failed:", rerunError);
+            }
+          } else if (bufferUntilInitialCatchupComplete.current) {
+            bufferUntilInitialCatchupComplete.current = false;
+            hasCompletedInitialCatchup.current = true;
+            flushBufferedRealtimeChunks();
+          }
+        } else if (bufferUntilInitialCatchupComplete.current) {
+          bufferUntilInitialCatchupComplete.current = false;
+          hasCompletedInitialCatchup.current = true;
+          flushBufferedRealtimeChunks();
+        }
       }
     }
   }, [flushBufferedRealtimeChunks]);
+  const catchUpChunksRef = useRef63(null);
+  catchUpChunksRef.current = catchUpChunks;
   const resetChunkTracking = useCallback46(() => {
     processedSequenceKeys.current.clear();
     lastSequenceId.current = null;
+    lastSequenceIdByType.current.clear();
     fetchingInProgress.current = false;
     lastFetchParams.current = null;
+    pendingCatchupRef.current = null;
     chunkBuffer.current = [];
     bufferUntilInitialCatchupComplete.current = false;
     hasCompletedInitialCatchup.current = false;
   }, []);
   const startInitialBuffering = useCallback46(() => {
-    chunkBuffer.current = [];
-    bufferUntilInitialCatchupComplete.current = true;
+    if (!bufferUntilInitialCatchupComplete.current) {
+      chunkBuffer.current = [];
+      bufferUntilInitialCatchupComplete.current = true;
+    }
     hasCompletedInitialCatchup.current = false;
   }, []);
   const isBufferingActive = useCallback46(() => bufferUntilInitialCatchupComplete.current, []);
@@ -47128,8 +47173,10 @@ function useChunkCatchup({
     const fromSeq = lastSequenceId.current;
     hasCompletedInitialCatchup.current = false;
     lastFetchParams.current = null;
-    bufferUntilInitialCatchupComplete.current = true;
-    chunkBuffer.current = [];
+    if (!bufferUntilInitialCatchupComplete.current) {
+      chunkBuffer.current = [];
+      bufferUntilInitialCatchupComplete.current = true;
+    }
     await catchUpChunks(fromSeq);
   }, [catchUpChunks]);
   return {
@@ -47179,7 +47226,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useEffect as useEffect79, useRef as useRef65, useState as useState107 } from "react";
+import { useEffect as useEffect79, useRef as useRef64, useState as useState107 } from "react";
 var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 function useJetStreamDialogSubscription({
@@ -47202,51 +47249,51 @@ function useJetStreamDialogSubscription({
   const [isSubscribed, setIsSubscribed] = useState107(false);
   const [reconnectionCount, setReconnectionCount] = useState107(0);
   const [currentStreamSeq, setCurrentStreamSeq] = useState107(null);
-  const clientRef = useRef65(null);
-  const subscriptionRef = useRef65(null);
-  const highestStreamSeqRef = useRef65(null);
-  const onEventRef = useRef65(onEvent);
+  const clientRef = useRef64(null);
+  const subscriptionRef = useRef64(null);
+  const highestStreamSeqRef = useRef64(null);
+  const onEventRef = useRef64(onEvent);
   useEffect79(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef65(onConnect);
+  const onConnectRef = useRef64(onConnect);
   useEffect79(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef65(onDisconnect);
+  const onDisconnectRef = useRef64(onDisconnect);
   useEffect79(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef65(onSubscribed);
+  const onSubscribedRef = useRef64(onSubscribed);
   useEffect79(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef65(onBeforeReconnect);
+  const onBeforeReconnectRef = useRef64(onBeforeReconnect);
   useEffect79(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const getNatsWsUrlRef = useRef65(getNatsWsUrl);
+  const getNatsWsUrlRef = useRef64(getNatsWsUrl);
   useEffect79(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef65(reconnectionBackoff);
+  const reconnectionBackoffRef = useRef64(reconnectionBackoff);
   useEffect79(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const optStartSeqRef = useRef65(optStartSeq);
+  const optStartSeqRef = useRef64(optStartSeq);
   useEffect79(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
-  const inactiveThresholdRef = useRef65(inactiveThresholdMs);
+  const inactiveThresholdRef = useRef64(inactiveThresholdMs);
   useEffect79(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
-  const hadConnectionBeforeRef = useRef65(false);
-  const clientConfigRef = useRef65(clientConfig);
+  const hadConnectionBeforeRef = useRef64(false);
+  const clientConfigRef = useRef64(clientConfig);
   useEffect79(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef65("");
+  const currentWsUrlRef = useRef64("");
   const wsUrl = getNatsWsUrl();
   useEffect79(() => {
     if (!enabled || !wsUrl) {
@@ -47329,6 +47376,10 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
+  useEffect79(() => {
+    highestStreamSeqRef.current = null;
+    setCurrentStreamSeq(null);
+  }, [dialogId]);
   useEffect79(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
@@ -47412,15 +47463,11 @@ function useJetStreamDialogSubscription({
       setIsSubscribed(false);
     };
   }, [enabled, dialogId, isConnected, streamName, topic, reconnectionCount]);
-  useEffect79(() => {
-    highestStreamSeqRef.current = null;
-    setCurrentStreamSeq(null);
-  }, [dialogId]);
   return { isConnected, isSubscribed, reconnectionCount, currentStreamSeq };
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect80, useRef as useRef66, useState as useState108 } from "react";
+import { useEffect as useEffect80, useRef as useRef65, useState as useState108 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -47437,42 +47484,42 @@ function useNatsDialogSubscription({
   const [isConnected, setIsConnected] = useState108(false);
   const [isSubscribed, setIsSubscribed] = useState108(false);
   const [reconnectionCount, setReconnectionCount] = useState108(0);
-  const clientRef = useRef66(null);
-  const subscriptionRefs = useRef66(/* @__PURE__ */ new Map());
-  const onEventRef = useRef66(onEvent);
+  const clientRef = useRef65(null);
+  const subscriptionRefs = useRef65(/* @__PURE__ */ new Map());
+  const onEventRef = useRef65(onEvent);
   useEffect80(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef66(onConnect);
+  const onConnectRef = useRef65(onConnect);
   useEffect80(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef66(onDisconnect);
+  const onDisconnectRef = useRef65(onDisconnect);
   useEffect80(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef66(onSubscribed);
+  const onSubscribedRef = useRef65(onSubscribed);
   useEffect80(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef66(onBeforeReconnect);
+  const onBeforeReconnectRef = useRef65(onBeforeReconnect);
   useEffect80(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const hadConnectionBeforeRef = useRef66(false);
-  const getNatsWsUrlRef = useRef66(getNatsWsUrl);
+  const hadConnectionBeforeRef = useRef65(false);
+  const getNatsWsUrlRef = useRef65(getNatsWsUrl);
   useEffect80(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef66(reconnectionBackoff);
+  const reconnectionBackoffRef = useRef65(reconnectionBackoff);
   useEffect80(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const clientConfigRef = useRef66(clientConfig);
+  const clientConfigRef = useRef65(clientConfig);
   useEffect80(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef66("");
+  const currentWsUrlRef = useRef65("");
   const wsUrl = getNatsWsUrl();
   useEffect80(() => {
     if (!enabled || !wsUrl) {
@@ -47556,13 +47603,15 @@ function useNatsDialogSubscription({
     };
   }, [enabled, wsUrl]);
   const topicsKey = topics.join(",");
-  const lastSubscribedDialogIdRef = useRef66(null);
-  const isConnectedRef = useRef66(isConnected);
+  const topicsRef = useRef65(topics);
+  topicsRef.current = topics;
+  const lastSubscribedDialogIdRef = useRef65(null);
+  const isConnectedRef = useRef65(isConnected);
   useEffect80(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
-  const currentDialogIdRef = useRef66(null);
-  const abortControllerRef = useRef66(null);
+  const currentDialogIdRef = useRef65(null);
+  const abortControllerRef = useRef65(null);
   useEffect80(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
@@ -47615,7 +47664,7 @@ function useNatsDialogSubscription({
         } catch {
         }
       };
-      topics.forEach((topic) => {
+      topicsRef.current.forEach((topic) => {
         const subscription = client.subscribeBytes(
           `chat.${dialogId}.${topic}`,
           handleMessage(topic),
@@ -47643,7 +47692,7 @@ function useNatsDialogSubscription({
       lastSubscribedDialogIdRef.current = null;
       abortControllerRef.current = null;
     };
-  }, [enabled, dialogId, topicsKey, topics]);
+  }, [enabled, dialogId, topicsKey]);
   useEffect80(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
@@ -47666,7 +47715,7 @@ function useNatsDialogSubscription({
         } catch {
         }
       };
-      topics.forEach((topic) => {
+      topicsRef.current.forEach((topic) => {
         const subscription = client.subscribeBytes(
           `chat.${dialogId2}.${topic}`,
           handleMessage(topic),
@@ -47680,7 +47729,7 @@ function useNatsDialogSubscription({
     } else if (subscriptionRefs.current.size > 0) {
       setIsSubscribed(true);
     }
-  }, [isConnected, enabled, topics, topicsKey]);
+  }, [isConnected, enabled, topicsKey]);
   return { isConnected, isSubscribed, reconnectionCount };
 }
 function buildNatsWsUrl(apiBaseUrl, options) {
@@ -47694,7 +47743,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback47, useRef as useRef67, useEffect as useEffect81 } from "react";
+import { useCallback as useCallback47, useRef as useRef66, useEffect as useEffect81 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -48041,6 +48090,10 @@ var MessageSegmentAccumulator = class {
       const hasCall = seg.data.toolCalls.some((c) => c.toolExecutionRequestId === execId);
       if (!hasCall) return seg;
       const prev = seg.data.executions?.[execId];
+      if (toolData.type === "EXECUTING_TOOL" && prev?.status === "done") {
+        matched = true;
+        return seg;
+      }
       const next = toolData.type === "EXECUTED_TOOL" ? { status: "done", result: toolData.result, success: toolData.success } : { status: "executing", result: prev?.result, success: prev?.success };
       matched = true;
       return {
@@ -48345,13 +48398,13 @@ function useRealtimeChunkProcessor(options) {
     batchApprovalsEnabled = true,
     isDirectMode = false
   } = options;
-  const accumulatorRef = useRef67(
+  const accumulatorRef = useRef66(
     createMessageSegmentAccumulator({
       onApprove: callbacks.onApprove,
       onReject: callbacks.onReject
     })
   );
-  const hasInitializedWithData = useRef67(false);
+  const hasInitializedWithData = useRef66(false);
   useEffect81(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
@@ -48365,15 +48418,15 @@ function useRealtimeChunkProcessor(options) {
       hasInitializedWithData.current = true;
     }
   }, [initialState, callbacks]);
-  const isInStreamRef = useRef67(false);
-  const hasEverStreamedRef = useRef67(false);
-  const directModeFlagRef = useRef67(isDirectMode);
-  const sawDirectMessageRef = useRef67(false);
-  const directTeardownFiredRef = useRef67(false);
+  const isInStreamRef = useRef66(false);
+  const hasEverStreamedRef = useRef66(false);
+  const directModeFlagRef = useRef66(isDirectMode);
+  const sawDirectMessageRef = useRef66(false);
+  const directTeardownFiredRef = useRef66(false);
   useEffect81(() => {
     directModeFlagRef.current = isDirectMode;
   }, [isDirectMode]);
-  const pendingEscalatedRef = useRef67(/* @__PURE__ */ new Map());
+  const pendingEscalatedRef = useRef66(/* @__PURE__ */ new Map());
   const processChunk = useCallback47(
     (chunk) => {
       const action = parseChunkToAction(chunk);
@@ -48504,6 +48557,16 @@ function useRealtimeChunkProcessor(options) {
               explanation: escalatedData.explanation,
               approvalType: escalatedData.approvalType
             });
+            const emitResolved = (segments) => {
+              if (isInStreamRef.current) {
+                emitSegments(segments);
+                return;
+              }
+              const delta = segments.filter(
+                (s) => s.type === "approval_request" && s.data.requestId === requestId || s.type === "approval_batch" && s.data.approvalRequestId === requestId
+              );
+              emitSegments(delta, { append: true });
+            };
             if (escalatedData.toolCalls && escalatedData.toolCalls.length > 0) {
               if (batchApprovalsEnabled) {
                 const segments = accumulator.addApprovalBatch(
@@ -48514,7 +48577,7 @@ function useRealtimeChunkProcessor(options) {
                   void 0,
                   resolvedByName
                 );
-                emitSegments(segments);
+                emitResolved(segments);
               } else {
                 let segments = accumulator.getSegments();
                 for (const call of escalatedData.toolCalls) {
@@ -48527,7 +48590,7 @@ function useRealtimeChunkProcessor(options) {
                     status
                   );
                 }
-                emitSegments(segments);
+                emitResolved(segments);
               }
             } else {
               const segments = accumulator.addApprovalRequest(
@@ -48537,7 +48600,7 @@ function useRealtimeChunkProcessor(options) {
                 escalatedData.approvalType,
                 status
               );
-              emitSegments(segments);
+              emitResolved(segments);
             }
           } else {
             accumulator.updateApprovalStatus(requestId, status, resolvedByName);
@@ -48617,6 +48680,8 @@ function useRealtimeChunkProcessor(options) {
     hasInitializedWithData.current = false;
     sawDirectMessageRef.current = false;
     directTeardownFiredRef.current = false;
+    isInStreamRef.current = false;
+    hasEverStreamedRef.current = false;
   }, []);
   const updateApprovalStatus = useCallback47(
     (requestId, status, resolvedByName) => {
@@ -48762,7 +48827,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback48, useMemo as useMemo41, useRef as useRef68, useState as useState110 } from "react";
+import { useCallback as useCallback48, useMemo as useMemo41, useRef as useRef67, useState as useState110 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -48839,7 +48904,7 @@ function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
   const [attachments, setAttachments] = useState110([]);
-  const controllersRef = useRef68(/* @__PURE__ */ new Map());
+  const controllersRef = useRef67(/* @__PURE__ */ new Map());
   const updateOne = useCallback48((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
   }, []);
@@ -48928,7 +48993,7 @@ function useChatAttachments() {
     },
     [uploadUrlEndpoint, updateOne]
   );
-  const attachmentsRef = useRef68([]);
+  const attachmentsRef = useRef67([]);
   attachmentsRef.current = attachments;
   const addFiles = useCallback48(
     (files) => {
@@ -49005,13 +49070,13 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback49, useEffect as useEffect83, useRef as useRef69, useState as useState111 } from "react";
+import { useCallback as useCallback49, useEffect as useEffect83, useRef as useRef68, useState as useState111 } from "react";
 import { jsx as jsx359 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  const panelRef = useRef69(null);
+  const panelRef = useRef68(null);
   const [state, setState] = useState111(CLOSED);
   const handleClose = useCallback49(() => setState(CLOSED), []);
   useEffect83(() => {
@@ -49115,10 +49180,10 @@ function useChatIdentity() {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect85, useRef as useRef70 } from "react";
+import { useEffect as useEffect85, useRef as useRef69 } from "react";
 function useCloseOnNavigation(close, pathname) {
-  const prevPathnameRef = useRef70(null);
-  const initializedRef = useRef70(false);
+  const prevPathnameRef = useRef69(null);
+  const initializedRef = useRef69(false);
   useEffect85(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
@@ -49133,14 +49198,14 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState114, useCallback as useCallback51, useEffect as useEffect86, useRef as useRef72 } from "react";
+import { useState as useState114, useCallback as useCallback51, useEffect as useEffect86, useRef as useRef71 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState113, useCallback as useCallback50, useRef as useRef71 } from "react";
+import { useState as useState113, useCallback as useCallback50, useRef as useRef70 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
   const [isStreaming, setIsStreaming] = useState113(false);
   const [error, setError] = useState113(null);
-  const abortControllerRef = useRef71(null);
+  const abortControllerRef = useRef70(null);
   const fallbackStream = useCallback50(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."
@@ -49208,8 +49273,8 @@ function useChat({
 } = {}) {
   const [messages, setMessages] = useState114(() => initialMessages ?? []);
   const [isTyping, setIsTyping] = useState114(false);
-  const currentAssistantSegmentsRef = useRef72([]);
-  const onMessagesChangeRef = useRef72(onMessagesChange);
+  const currentAssistantSegmentsRef = useRef71([]);
+  const onMessagesChangeRef = useRef71(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
   useEffect86(() => {
     onMessagesChangeRef.current?.(messages);
@@ -49500,7 +49565,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useState as useState115, useEffect as useEffect87, useCallback as useCallback52, useMemo as useMemo42, useRef as useRef73 } from "react";
+import { useState as useState115, useEffect as useEffect87, useCallback as useCallback52, useMemo as useMemo42, useRef as useRef72 } from "react";
 function createEmptyTurnMeta() {
   return {
     provider: null,
@@ -49821,20 +49886,20 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const runtime = useRequiredChatRuntime();
   const source = runtime.source || DEFAULT_CHAT_SOURCE;
   const tableIdForDocumentType = options?.tableIdForDocumentType ?? defaultTableIdForDocumentType;
-  const persistedRef = useRef73(null);
+  const persistedRef = useRef72(null);
   if (persistedRef.current === null) {
     pruneStaleChatStorage(source);
     persistedRef.current = loadPersistedChat(source) || { messages: [], sources: [], sendCount: 0 };
   }
-  const sourcesMapRef = useRef73(
+  const sourcesMapRef = useRef72(
     new Map(persistedRef.current.sources)
   );
-  const refsMapRef = useRef73(
+  const refsMapRef = useRef72(
     new Map(persistedRef.current.refs ?? [])
   );
-  const metaMapRef = useRef73(/* @__PURE__ */ new Map());
-  const messagesRef = useRef73(persistedRef.current.messages);
-  const sendCountRef = useRef73(persistedRef.current.sendCount);
+  const metaMapRef = useRef72(/* @__PURE__ */ new Map());
+  const messagesRef = useRef72(persistedRef.current.messages);
+  const sendCountRef = useRef72(persistedRef.current.sendCount);
   const [streamingPhase, setStreamingPhase] = useState115("idle");
   const [metaTick, setMetaTick] = useState115(0);
   const bumpMetaTick = useCallback52(() => setMetaTick((t) => t + 1), []);
@@ -50108,7 +50173,7 @@ import {
   useCallback as useCallback53,
   useEffect as useEffect88,
   useMemo as useMemo43,
-  useRef as useRef74,
+  useRef as useRef73,
   useState as useState116
 } from "react";
 
@@ -50147,7 +50212,15 @@ function processHistoricalMessages(messages, options = {}) {
     onReject,
     chatTypeFilter,
     approvalStatuses = {},
-    displayApprovalTypes
+    // An omitted option means "display every approval type" — the original
+    // history semantics. Deliberately NOT defaulted to the realtime
+    // processor's ['CLIENT']: consumers that pass a wider list to their
+    // realtime processor but omit it on the history path would silently lose
+    // pending non-CLIENT approval cards on every reload/reconnect refetch
+    // (they also ignore `escalatedApprovals`). Realtime/history parity is
+    // opt-in: pass the same explicit list to both.
+    displayApprovalTypes,
+    batchApprovalsEnabled
   } = options;
   const processedMessages = [];
   const accumulator = createMessageSegmentAccumulator({ onApprove, onReject });
@@ -50212,7 +50285,13 @@ function processHistoricalMessages(messages, options = {}) {
       }
       lastAssistantId = msg.id;
       messageDataArray.forEach((data) => {
-        processMessageData(data, accumulator, approvalStatuses, { displayApprovalTypes }, escalatedApprovals);
+        processMessageData(
+          data,
+          accumulator,
+          approvalStatuses,
+          { displayApprovalTypes, batchApprovalsEnabled },
+          escalatedApprovals
+        );
       });
       const nextMsg = messages[index + 1];
       const isLastMessage = index === messages.length - 1;
@@ -50436,7 +50515,7 @@ function extractErrorMessages(messages, options = {}) {
   return errorMessages;
 }
 function processHistoricalMessagesWithErrors(messages, options = {}) {
-  const { chatTypeFilter, assistantName = "Fae", assistantType = "fae", assistantAvatar, onApprove, onReject, approvalStatuses = {}, displayApprovalTypes } = options;
+  const { chatTypeFilter, assistantName = "Fae", assistantType = "fae", assistantAvatar, onApprove, onReject, approvalStatuses = {}, displayApprovalTypes, batchApprovalsEnabled } = options;
   const processedMessages = [];
   const accumulator = createMessageSegmentAccumulator({ onApprove, onReject });
   const escalatedApprovals = /* @__PURE__ */ new Map();
@@ -50500,7 +50579,13 @@ function processHistoricalMessagesWithErrors(messages, options = {}) {
       }
       lastAssistantId = msg.id;
       messageDataArray.forEach((data) => {
-        processMessageData(data, accumulator, approvalStatuses, { displayApprovalTypes }, escalatedApprovals);
+        processMessageData(
+          data,
+          accumulator,
+          approvalStatuses,
+          { displayApprovalTypes, batchApprovalsEnabled },
+          escalatedApprovals
+        );
       });
       const nextMsg = messages[index + 1];
       const isLastMessage = index === messages.length - 1;
@@ -50529,6 +50614,65 @@ function processHistoricalMessagesWithErrors(messages, options = {}) {
   };
 }
 
+// src/components/chat/utils/extract-incomplete-message-state.ts
+function extractIncompleteMessageState(lastMessage) {
+  if (!lastMessage || lastMessage.role !== "assistant" || typeof lastMessage.content === "string") {
+    return void 0;
+  }
+  const segments = lastMessage.content;
+  const pendingApprovals = /* @__PURE__ */ new Map();
+  const executingTools = /* @__PURE__ */ new Map();
+  let hasIncompleteState = false;
+  segments.forEach((segment) => {
+    switch (segment.type) {
+      case "tool_execution":
+        if (segment.data.type === "EXECUTING_TOOL") {
+          const toolKey = segment.data.toolExecutionRequestId || `${segment.data.integratedToolType}-${segment.data.toolFunction}`;
+          executingTools.set(toolKey, {
+            integratedToolType: segment.data.integratedToolType,
+            toolFunction: segment.data.toolFunction,
+            toolTitle: segment.data.toolTitle,
+            parameters: segment.data.parameters
+          });
+          hasIncompleteState = true;
+        }
+        break;
+      case "approval_request":
+        if (segment.status === "pending" && segment.data.requestId) {
+          pendingApprovals.set(segment.data.requestId, {
+            command: segment.data.command,
+            explanation: segment.data.explanation,
+            approvalType: segment.data.approvalType || "CLIENT"
+          });
+          hasIncompleteState = true;
+        }
+        break;
+      case "approval_batch": {
+        const allDone = !!segment.data.executions && segment.data.toolCalls.every(
+          (c) => segment.data.executions?.[c.toolExecutionRequestId]?.status === "done"
+        );
+        if (segment.status !== "rejected" && !allDone) {
+          hasIncompleteState = true;
+        }
+        break;
+      }
+      case "context_compaction":
+        if (segment.status === "started") {
+          hasIncompleteState = true;
+        }
+        break;
+    }
+  });
+  if (!hasIncompleteState) {
+    return void 0;
+  }
+  return {
+    existingSegments: segments,
+    pendingApprovals: pendingApprovals.size > 0 ? pendingApprovals : void 0,
+    executingTools: executingTools.size > 0 ? executingTools : void 0
+  };
+}
+
 // src/components/chat/hooks/use-nats-chat-adapter.ts
 function nextId(role) {
   return `${role}-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
@@ -50551,6 +50695,110 @@ function updateTrailingAssistant(prev, segments) {
     { ...last, segments }
   ];
 }
+var CONTENT_DEDUP_WINDOW = 4;
+var SYSTEM_DEDUP_WINDOW = 10;
+function hasRecentMessage(prev, predicate, window2) {
+  const start = Math.max(0, prev.length - window2);
+  for (let i = prev.length - 1; i >= start; i--) {
+    if (predicate(prev[i])) return true;
+  }
+  return false;
+}
+function appendToTrailingAssistant(prev, segments) {
+  if (segments.length === 0) return prev;
+  const last = prev[prev.length - 1];
+  if (!last || last.role !== "assistant") {
+    return [
+      ...prev,
+      { id: nextId("assistant"), role: "assistant", content: "", segments }
+    ];
+  }
+  const merged = [...last.segments ?? []];
+  for (const seg of segments) {
+    const tail = merged[merged.length - 1];
+    if (seg.type === "text" && tail?.type === "text") {
+      merged[merged.length - 1] = { type: "text", text: tail.text + seg.text };
+    } else if (seg.type === "thinking" && tail?.type === "thinking") {
+      merged[merged.length - 1] = { type: "thinking", text: tail.text + seg.text };
+    } else if (seg.type === "approval_batch") {
+      const idx = merged.findIndex(
+        (m) => m.type === "approval_batch" && m.data.approvalRequestId === seg.data.approvalRequestId
+      );
+      if (idx !== -1) merged[idx] = seg;
+      else merged.push(seg);
+    } else if (seg.type === "approval_request") {
+      const idx = merged.findIndex(
+        (m) => m.type === "approval_request" && m.data.requestId === seg.data.requestId && m.data.command === seg.data.command
+      );
+      if (idx !== -1) merged[idx] = seg;
+      else merged.push(seg);
+    } else {
+      merged.push(seg);
+    }
+  }
+  return [...prev.slice(0, -1), { ...last, segments: merged }];
+}
+function upsertTrailingCompaction(prev, segments) {
+  const compaction = [...segments].reverse().find((s) => s.type === "context_compaction");
+  if (!compaction) return prev;
+  const last = prev[prev.length - 1];
+  if (!last || last.role !== "assistant") {
+    return [
+      ...prev,
+      { id: nextId("assistant"), role: "assistant", content: "", segments: [compaction] }
+    ];
+  }
+  const existing = last.segments ?? [];
+  const startedIdx = existing.map((s) => s.type === "context_compaction" && s.status === "started").lastIndexOf(true);
+  const merged = startedIdx !== -1 ? existing.map((s, i) => i === startedIdx ? compaction : s) : [...existing, compaction];
+  return [...prev.slice(0, -1), { ...last, segments: merged }];
+}
+function applyToolExecutionToMessages(prev, segment) {
+  const toolData = segment.data;
+  const execId = toolData.toolExecutionRequestId;
+  for (let i = prev.length - 1; i >= 0; i--) {
+    const message2 = prev[i];
+    if (message2.role !== "assistant" || !message2.segments) continue;
+    for (let j = message2.segments.length - 1; j >= 0; j--) {
+      const seg = message2.segments[j];
+      if (execId && seg.type === "approval_batch" && seg.data.toolCalls.some((c) => c.toolExecutionRequestId === execId)) {
+        const prevExec = seg.data.executions?.[execId];
+        if (toolData.type === "EXECUTING_TOOL" && prevExec?.status === "done") {
+          return prev;
+        }
+        const nextExec = toolData.type === "EXECUTED_TOOL" ? { status: "done", result: toolData.result, success: toolData.success } : { status: "executing", result: prevExec?.result, success: prevExec?.success };
+        const nextSegments = [...message2.segments];
+        nextSegments[j] = {
+          ...seg,
+          data: { ...seg.data, executions: { ...seg.data.executions ?? {}, [execId]: nextExec } }
+        };
+        const next = [...prev];
+        next[i] = { ...message2, segments: nextSegments };
+        return next;
+      }
+      if (seg.type === "tool_execution") {
+        const matches = execId ? seg.data.toolExecutionRequestId === execId : seg.data.type === "EXECUTING_TOOL" && seg.data.integratedToolType === toolData.integratedToolType && seg.data.toolFunction === toolData.toolFunction;
+        if (!matches) continue;
+        if (toolData.type === "EXECUTING_TOOL" && seg.data.type === "EXECUTED_TOOL") {
+          return prev;
+        }
+        const nextSegments = [...message2.segments];
+        nextSegments[j] = {
+          type: "tool_execution",
+          data: {
+            ...toolData,
+            toolTitle: toolData.toolTitle ?? seg.data.toolTitle,
+            parameters: toolData.parameters || seg.data.parameters
+          }
+        };
+        const next = [...prev];
+        next[i] = { ...message2, segments: nextSegments };
+        return next;
+      }
+    }
+  }
+  return appendToTrailingAssistant(prev, [segment]);
+}
 function mapProcessedToUnified(processed) {
   const out = [];
   for (const m of processed) {
@@ -50590,6 +50838,7 @@ function useNatsChatAdapter(config, options = {}) {
     fetchChunks,
     topics,
     batchApprovalsEnabled,
+    displayApprovalTypes,
     fetchDialogs,
     fetchDialogMessages,
     createDialog: createDialogCallback,
@@ -50609,11 +50858,17 @@ function useNatsChatAdapter(config, options = {}) {
   const isManagedMode = fetchDialogs !== void 0;
   const [internalDialogId, setInternalDialogId] = useState116(null);
   const dialogId = isManagedMode ? internalDialogId : controlledDialogId !== void 0 ? controlledDialogId : null;
+  const currentDialogIdRef = useRef73(dialogId);
+  currentDialogIdRef.current = dialogId;
   const [messages, setMessages] = useState116([]);
   const [streamingPhase, setStreamingPhase] = useState116("idle");
-  const streamingPhaseRef = useRef74(streamingPhase);
+  const streamingPhaseRef = useRef73(streamingPhase);
   streamingPhaseRef.current = streamingPhase;
-  const suppressAgentBusyRef = useRef74(false);
+  const suppressAgentBusyRef = useRef73(0);
+  const adoptTrailingAssistantRef = useRef73(false);
+  const hasConnectedOnceRef = useRef73(false);
+  const seenParticipantSeqsRef = useRef73(/* @__PURE__ */ new Set());
+  const pendingEchoTextsRef = useRef73([]);
   const [approvalStatuses, setApprovalStatuses] = useState116({});
   const [dialogs, setDialogs] = useState116([]);
   const [dialogsNextCursor, setDialogsNextCursor] = useState116(null);
@@ -50666,9 +50921,9 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [rejectRequestCallback]
   );
-  const handleApproveRef = useRef74(handleApprove);
+  const handleApproveRef = useRef73(handleApprove);
   handleApproveRef.current = handleApprove;
-  const handleRejectRef = useRef74(handleReject);
+  const handleRejectRef = useRef73(handleReject);
   handleRejectRef.current = handleReject;
   const accumApprove = useCallback53((requestId) => {
     if (!requestId) return;
@@ -50678,18 +50933,40 @@ function useNatsChatAdapter(config, options = {}) {
     if (!requestId) return;
     return handleRejectRef.current(requestId);
   }, []);
-  const callbacksRef = useRef74({
-    onSegmentsUpdate: (segments) => {
+  const callbacksRef = useRef73({
+    onSegmentsUpdate: (segments, meta) => {
+      if (meta?.append && meta.isCompacting) {
+        setMessages((prev) => upsertTrailingCompaction(prev, segments));
+        return;
+      }
+      if (meta?.append) {
+        setMessages((prev) => appendToTrailingAssistant(prev, segments));
+        return;
+      }
       setMessages((prev) => updateTrailingAssistant(prev, segments));
     },
-    onStreamStart: () => setStreamingPhase("streaming"),
+    onStreamStart: () => {
+      setStreamingPhase("streaming");
+      const adoptTail = adoptTrailingAssistantRef.current;
+      adoptTrailingAssistantRef.current = false;
+      setMessages((prev) => {
+        const last = prev[prev.length - 1];
+        if (!last || last.role !== "assistant" || adoptTail) return prev;
+        const hasContent = (last.segments?.length ?? 0) > 0 || last.content !== "";
+        if (!hasContent) return prev;
+        return [
+          ...prev,
+          { id: nextId("assistant"), role: "assistant", content: "", segments: [] }
+        ];
+      });
+    },
     onStreamEnd: () => setStreamingPhase("idle"),
     // Agent is executing (approved) commands outside an open stream — keep
     // the composer locked exactly like the in-stream phases. An open stream
     // keeps ownership: only 'idle' upgrades to 'thinking'. Suppressed during
     // initial catchup so a replayed dead tail can't lock a finished dialog.
     onAgentBusy: () => {
-      if (suppressAgentBusyRef.current) return;
+      if (suppressAgentBusyRef.current > 0) return;
       setStreamingPhase((p) => p === "idle" ? "thinking" : p);
     },
     // Terminal turn failures can arrive without a MESSAGE_END; unlock the
@@ -50704,33 +50981,177 @@ function useNatsChatAdapter(config, options = {}) {
       provider: meta.providerName || null,
       modelLabel: meta.modelDisplayName || meta.modelName || null,
       contextWindowMaxTokens: meta.contextWindow || null
-    })
+    }),
+    // Post-MESSAGE_END tool chunks (approved commands executing after the
+    // approval bubble, async batch results). Routed through the cross-message
+    // updater — the accumulator was reset at MESSAGE_END, so the old
+    // fallthrough replaced the whole trailing bubble with one tool segment.
+    onToolExecuted: (segment) => {
+      setMessages((prev) => applyToolExecutionToMessages(prev, segment));
+    },
+    // Cross-message approval status flip. Wiring this also makes the
+    // processor skip its cumulative re-emit for resolved approvals — which,
+    // post-MESSAGE_END, was an empty array that blanked the trailing bubble.
+    onApprovalResolved: (requestId, status, _approvalType, resolvedByName) => {
+      setMessages((prev) => {
+        let changed = false;
+        const next = prev.map((m) => {
+          if (m.role !== "assistant" || !m.segments) return m;
+          let msgChanged = false;
+          const segs = m.segments.map((s) => {
+            if (s.type === "approval_request" && s.data.requestId === requestId && s.status !== status) {
+              msgChanged = true;
+              return { ...s, status };
+            }
+            if (s.type === "approval_batch" && s.data.approvalRequestId === requestId) {
+              const nextResolvedBy = resolvedByName ?? s.resolvedByName;
+              if (s.status === status && nextResolvedBy === s.resolvedByName) return s;
+              msgChanged = true;
+              return { ...s, status, resolvedByName: nextResolvedBy };
+            }
+            return s;
+          });
+          if (!msgChanged) return m;
+          changed = true;
+          return { ...m, segments: segs };
+        });
+        return changed ? next : prev;
+      });
+      setApprovalStatuses(
+        (prev) => prev[requestId] === status ? prev : { ...prev, [requestId]: status }
+      );
+    },
+    // MESSAGE_REQUEST echo — a user message from THIS or another session.
+    onUserMessage: (text, meta) => {
+      if (!text) return;
+      const seq = meta?.streamSeq;
+      if (typeof seq === "number") {
+        if (seenParticipantSeqsRef.current.has(seq)) return;
+        seenParticipantSeqsRef.current.add(seq);
+      }
+      if (meta?.ownerType !== "ADMIN") {
+        const echoIdx = pendingEchoTextsRef.current.indexOf(text);
+        if (echoIdx !== -1) {
+          pendingEchoTextsRef.current.splice(echoIdx, 1);
+          return;
+        }
+      }
+      const authorType = meta?.ownerType === "ADMIN" ? "admin" : "user";
+      setMessages((prev) => {
+        if (typeof seq !== "number" && hasRecentMessage(
+          prev,
+          (m) => m.role === "user" && (m.authorType ?? "user") === authorType && m.content === text,
+          CONTENT_DEDUP_WINDOW
+        )) {
+          return prev;
+        }
+        return [
+          ...prev,
+          {
+            id: nextId("user"),
+            role: "user",
+            content: text,
+            ...meta?.displayName ? { name: meta.displayName } : {},
+            authorType,
+            ...meta?.contextItems && meta.contextItems.length > 0 ? {
+              contextItems: meta.contextItems.map((ci) => ({
+                type: ci.type,
+                id: ci.id,
+                label: ci.label ?? ci.id
+              }))
+            } : {}
+          }
+        ];
+      });
+    },
+    // Technician / admin direct message into the dialog.
+    onDirectMessage: (text, meta) => {
+      if (!text) return;
+      const seq = meta?.streamSeq;
+      if (typeof seq === "number") {
+        if (seenParticipantSeqsRef.current.has(seq)) return;
+        seenParticipantSeqsRef.current.add(seq);
+      }
+      setMessages((prev) => {
+        if (typeof seq !== "number" && hasRecentMessage(
+          prev,
+          (m) => m.role === "user" && m.authorType === "admin" && m.content === text,
+          CONTENT_DEDUP_WINDOW
+        )) {
+          return prev;
+        }
+        return [
+          ...prev,
+          {
+            id: `direct-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`,
+            role: "user",
+            content: text,
+            name: meta?.displayName ?? "Admin",
+            authorType: "admin"
+          }
+        ];
+      });
+    },
+    // System notice — rendered as a name-only row (same shape the history
+    // processor produces via `pushStandaloneMessages`).
+    onSystemMessage: (text, meta) => {
+      if (!text) return;
+      const seq = meta?.streamSeq;
+      if (typeof seq === "number") {
+        if (seenParticipantSeqsRef.current.has(seq)) return;
+        seenParticipantSeqsRef.current.add(seq);
+      }
+      setMessages((prev) => {
+        if (typeof seq !== "number" && hasRecentMessage(prev, (m) => m.authorType === "system" && m.name === text, SYSTEM_DEDUP_WINDOW)) {
+          return prev;
+        }
+        return [
+          ...prev,
+          {
+            id: `system-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`,
+            role: "user",
+            content: "",
+            name: text,
+            authorType: "system"
+          }
+        ];
+      });
+    }
   });
   const { processChunk, reset: resetAccumulator } = useRealtimeChunkProcessor({
     callbacks: {
-      onSegmentsUpdate: (segments) => callbacksRef.current.onSegmentsUpdate(segments),
+      onSegmentsUpdate: (segments, meta) => callbacksRef.current.onSegmentsUpdate(segments, meta),
       onStreamStart: () => callbacksRef.current.onStreamStart(),
       onStreamEnd: () => callbacksRef.current.onStreamEnd(),
       onAgentBusy: () => callbacksRef.current.onAgentBusy(),
       onError: () => callbacksRef.current.onError(),
       onTokenUsage: (data) => callbacksRef.current.onTokenUsage(data),
       onMetadata: (meta) => callbacksRef.current.onMetadata(meta),
+      onToolExecuted: (segment) => callbacksRef.current.onToolExecuted(segment),
+      onApprovalResolved: (requestId, status, approvalType, resolvedByName) => callbacksRef.current.onApprovalResolved(requestId, status, approvalType, resolvedByName),
+      onUserMessage: (text, meta) => callbacksRef.current.onUserMessage(text, meta),
+      onDirectMessage: (text, meta) => callbacksRef.current.onDirectMessage(text, meta),
+      onSystemMessage: (text, meta) => callbacksRef.current.onSystemMessage(text, meta),
       onApprove: accumApprove,
       onReject: accumReject
     },
-    batchApprovalsEnabled
+    batchApprovalsEnabled,
+    approvalStatuses,
+    ...displayApprovalTypes ? { displayApprovalTypes } : {}
   });
   const {
     processChunk: catchupProcessChunk,
     catchUpChunks,
     startInitialBuffering,
-    resetChunkTracking
+    resetChunkTracking,
+    resetAndCatchUp,
+    isBufferingActive
   } = useChunkCatchup({
     dialogId: active ? dialogId : null,
     onChunkReceived: (chunk) => processChunk(chunk),
     fetchChunks
   });
-  const historyLoadSeqRef = useRef74(0);
+  const historyLoadSeqRef = useRef73(0);
   const loadDialogHistory = useCallback53(
     async (id, cursor) => {
       if (!fetchDialogMessages) return;
@@ -50753,11 +51174,13 @@ function useNatsChatAdapter(config, options = {}) {
             onApprove: accumApprove,
             onReject: accumReject,
             approvalStatuses,
-            batchApprovalsEnabled
+            batchApprovalsEnabled,
+            ...displayApprovalTypes ? { displayApprovalTypes } : {}
           }
         );
         const unified = mapProcessedToUnified(rawProcessed);
         if (cursor === void 0) {
+          adoptTrailingAssistantRef.current = isBufferingActive() && extractIncompleteMessageState(rawProcessed[rawProcessed.length - 1]) !== void 0;
           setMessages(unified);
         } else {
           setMessages((prev) => [...unified, ...prev]);
@@ -50781,16 +51204,21 @@ function useNatsChatAdapter(config, options = {}) {
       chatTypeFilter,
       approvalStatuses,
       batchApprovalsEnabled,
+      displayApprovalTypes,
       accumApprove,
-      accumReject
+      accumReject,
+      isBufferingActive
     ]
   );
-  const prevDialogIdRef = useRef74(void 0);
+  const prevDialogIdRef = useRef73(void 0);
   useEffect88(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
     resetAccumulator();
+    adoptTrailingAssistantRef.current = false;
+    seenParticipantSeqsRef.current.clear();
+    pendingEchoTextsRef.current = [];
     setMessages([]);
     setMessagesNextCursor(null);
     setDialogTokenUsage(null);
@@ -50802,13 +51230,16 @@ function useNatsChatAdapter(config, options = {}) {
   }, [active, dialogId, loadDialogHistory, resetAccumulator]);
   useEffect88(() => {
     if (!active || !dialogId) return;
-    suppressAgentBusyRef.current = true;
+    suppressAgentBusyRef.current += 1;
     resetChunkTracking();
     startInitialBuffering();
     catchUpChunks().catch((err) => {
       console.error("[useNatsChatAdapter] initial catchup failed:", err);
     }).finally(() => {
-      suppressAgentBusyRef.current = false;
+      suppressAgentBusyRef.current = Math.max(0, suppressAgentBusyRef.current - 1);
+      if (dialogId === currentDialogIdRef.current) {
+        adoptTrailingAssistantRef.current = false;
+      }
     });
   }, [active, dialogId, resetChunkTracking, startInitialBuffering, catchUpChunks]);
   useNatsDialogSubscription({
@@ -50823,6 +51254,30 @@ function useNatsChatAdapter(config, options = {}) {
     onEvent: (payload, messageType) => {
       catchupProcessChunk(payload, messageType);
       setConnectionState("connected");
+    },
+    onConnect: () => {
+      if (!hasConnectedOnceRef.current) {
+        hasConnectedOnceRef.current = true;
+        return;
+      }
+      suppressAgentBusyRef.current += 1;
+      startInitialBuffering();
+      void (async () => {
+        try {
+          if (dialogId && fetchDialogMessages) {
+            await loadDialogHistory(dialogId);
+          }
+          if (dialogId !== currentDialogIdRef.current) return;
+          await resetAndCatchUp();
+        } catch (err) {
+          console.error("[useNatsChatAdapter] reconnect catchup failed:", err);
+        } finally {
+          suppressAgentBusyRef.current = Math.max(0, suppressAgentBusyRef.current - 1);
+          if (dialogId === currentDialogIdRef.current) {
+            adoptTrailingAssistantRef.current = false;
+          }
+        }
+      })();
     }
   });
   useEffect88(() => {
@@ -50832,7 +51287,7 @@ function useNatsChatAdapter(config, options = {}) {
     }
     setConnectionState("connecting");
   }, [active, dialogId]);
-  const initialDialogsLoadedRef = useRef74(false);
+  const initialDialogsLoadedRef = useRef73(false);
   const loadDialogsPage = useCallback53(
     async (cursor) => {
       if (!fetchDialogs) return;
@@ -50874,6 +51329,8 @@ function useNatsChatAdapter(config, options = {}) {
   const sendMessage = useCallback53(
     async (text, sendOptions) => {
       const hidden = sendOptions?.hidden ?? false;
+      pendingEchoTextsRef.current.push(text);
+      if (pendingEchoTextsRef.current.length > 5) pendingEchoTextsRef.current.shift();
       setMessages((prev) => [
         ...prev,
         {
@@ -51105,7 +51562,7 @@ function useNatsChatAdapter(config, options = {}) {
 }
 
 // src/components/chat/hooks/use-unified-chat.ts
-import { useCallback as useCallback54, useMemo as useMemo44, useRef as useRef75 } from "react";
+import { useCallback as useCallback54, useMemo as useMemo44, useRef as useRef74 } from "react";
 var EMPTY_SSE_OPTIONS = {};
 function createDisabledNatsConfig() {
   return {
@@ -51120,7 +51577,7 @@ function createDisabledNatsConfig() {
 }
 function useUnifiedChat(options) {
   const { modes, activeMode, mingoStateOverride } = options;
-  const disabledNatsRef = useRef75(null);
+  const disabledNatsRef = useRef74(null);
   if (disabledNatsRef.current === null) {
     disabledNatsRef.current = createDisabledNatsConfig();
   }
@@ -51134,7 +51591,7 @@ function useUnifiedChat(options) {
     { active: natsActive }
   );
   const activeState = activeMode === "guide" ? sseState : mingoStateOverride ?? natsState;
-  const activeStateRef = useRef75(activeState);
+  const activeStateRef = useRef74(activeState);
   activeStateRef.current = activeState;
   const stopMessage = useCallback54(() => activeStateRef.current.stopMessage(), []);
   const clearMessages = useCallback54(
@@ -51254,65 +51711,6 @@ function useUnifiedChat(options) {
   );
 }
 
-// src/components/chat/utils/extract-incomplete-message-state.ts
-function extractIncompleteMessageState(lastMessage) {
-  if (!lastMessage || lastMessage.role !== "assistant" || typeof lastMessage.content === "string") {
-    return void 0;
-  }
-  const segments = lastMessage.content;
-  const pendingApprovals = /* @__PURE__ */ new Map();
-  const executingTools = /* @__PURE__ */ new Map();
-  let hasIncompleteState = false;
-  segments.forEach((segment) => {
-    switch (segment.type) {
-      case "tool_execution":
-        if (segment.data.type === "EXECUTING_TOOL") {
-          const toolKey = segment.data.toolExecutionRequestId || `${segment.data.integratedToolType}-${segment.data.toolFunction}`;
-          executingTools.set(toolKey, {
-            integratedToolType: segment.data.integratedToolType,
-            toolFunction: segment.data.toolFunction,
-            toolTitle: segment.data.toolTitle,
-            parameters: segment.data.parameters
-          });
-          hasIncompleteState = true;
-        }
-        break;
-      case "approval_request":
-        if (segment.status === "pending" && segment.data.requestId) {
-          pendingApprovals.set(segment.data.requestId, {
-            command: segment.data.command,
-            explanation: segment.data.explanation,
-            approvalType: segment.data.approvalType || "CLIENT"
-          });
-          hasIncompleteState = true;
-        }
-        break;
-      case "approval_batch": {
-        const allDone = !!segment.data.executions && segment.data.toolCalls.every(
-          (c) => segment.data.executions?.[c.toolExecutionRequestId]?.status === "done"
-        );
-        if (segment.status !== "rejected" && !allDone) {
-          hasIncompleteState = true;
-        }
-        break;
-      }
-      case "context_compaction":
-        if (segment.status === "started") {
-          hasIncompleteState = true;
-        }
-        break;
-    }
-  });
-  if (!hasIncompleteState) {
-    return void 0;
-  }
-  return {
-    existingSegments: segments,
-    pendingApprovals: pendingApprovals.size > 0 ? pendingApprovals : void 0,
-    executingTools: executingTools.size > 0 ? executingTools : void 0
-  };
-}
-
 // src/components/chat/utils/history-merge.ts
 var SYNTHETIC_REALTIME_ID_PREFIXES = ["assistant-", "user-", "direct-", "system-", "error-"];
 function isSyntheticRealtimeId(id) {
@@ -51503,7 +51901,7 @@ function buildStreamFrames(messages) {
 
 // src/components/chat/embeddable-chat.tsx
 init_cn();
-import { useCallback as useCallback56, useEffect as useEffect89, useMemo as useMemo46, useRef as useRef77, useState as useState118 } from "react";
+import { useCallback as useCallback56, useEffect as useEffect89, useMemo as useMemo46, useRef as useRef76, useState as useState118 } from "react";
 import * as DialogPrimitive4 from "@radix-ui/react-dialog";
 import { usePreventScroll as usePreventScroll6 } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -51584,7 +51982,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 useCallback55, useMemo as useMemo45, useRef as useRef76, useState as useState117 } from "react";
+import { useCallback as useCallback55, useMemo as useMemo45, useRef as useRef75, useState as useState117 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -51624,7 +52022,7 @@ function useChatDialogManager({
   const [archivedCursor, setArchivedCursor] = useState117(null);
   const [archivedLoading, setArchivedLoading] = useState117(false);
   const [archivedPending, setArchivedPending] = useState117(false);
-  const archivedRequestIdRef = useRef76(0);
+  const archivedRequestIdRef = useRef75(0);
   const loadArchivedPage = useCallback55(
     async (cursor) => {
       if (!fetchArchivedDialogs) return;
@@ -52121,7 +52519,7 @@ function EmbeddableChatInner({
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll6({ isDisabled: !isOpen || shellLess });
-  const navigatingAwayRef = useRef77(false);
+  const navigatingAwayRef = useRef76(false);
   useEffect89(() => {
     if (!isOpen) return;
     if (shellLess) return;
@@ -52148,7 +52546,7 @@ function EmbeddableChatInner({
       window.scrollTo(0, scrollY);
     };
   }, [isOpen, shellLess]);
-  const chatInputRef = useRef77(null);
+  const chatInputRef = useRef76(null);
   const [quickActionPreview, setQuickActionPreview] = useState118(null);
   const slashCommandsProp = useMemo46(
     () => ({
@@ -52252,7 +52650,7 @@ function EmbeddableChatInner({
     hasMoreMessages,
     loadMoreMessages
   } = useUnifiedChat({ modes: effectiveModes, activeMode, mingoStateOverride: mingoState });
-  const guidePromptSentRef = useRef77(false);
+  const guidePromptSentRef = useRef76(false);
   useEffect89(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
@@ -52277,11 +52675,11 @@ function EmbeddableChatInner({
   const [contextItems, setContextItems] = useState118([]);
   const [contextPickerOpen, setContextPickerOpen] = useState118(false);
   const [mentionQuery, setMentionQuery] = useState118(null);
-  const mentionActiveRef = useRef77(false);
+  const mentionActiveRef = useRef76(false);
   useEffect89(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
-  const mentionKeysRef = useRef77(/* @__PURE__ */ new Set());
+  const mentionKeysRef = useRef76(/* @__PURE__ */ new Set());
   useEffect89(() => {
     setContextItems([]);
     setMentionQuery(null);
@@ -52378,7 +52776,7 @@ function EmbeddableChatInner({
     () => effectiveAssistantIcon ? /* @__PURE__ */ jsx362(EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ jsx362(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
     [effectiveAssistantIcon]
   );
-  const timestampCacheRef = useRef77(/* @__PURE__ */ new Map());
+  const timestampCacheRef = useRef76(/* @__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 = useMemo46(() => {
@@ -52576,7 +52974,7 @@ function EmbeddableChatInner({
   }, [lastAssistantMsg, chatLoading]);
   const [portalHost, setPortalHost] = useState118(null);
   const [panelWidth, setPanelWidth] = useState118(0);
-  const panelMeasureRef = useRef77(null);
+  const panelMeasureRef = useRef76(null);
   useEffect89(() => {
     const el = panelMeasureRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
@@ -53697,11 +54095,14 @@ export {
   processHistoricalMessages,
   extractErrorMessages,
   processHistoricalMessagesWithErrors,
+  extractIncompleteMessageState,
+  appendToTrailingAssistant,
+  upsertTrailingCompaction,
+  applyToolExecutionToMessages,
   mapProcessedToUnified,
   historicalToUnified,
   useNatsChatAdapter,
   useUnifiedChat,
-  extractIncompleteMessageState,
   SYNTHETIC_REALTIME_ID_PREFIXES,
   flattenMessagePagesChronological,
   maxPersistedStreamSeq,
@@ -54118,4 +54519,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-NDWIFCLS.js.map
+//# sourceMappingURL=chunk-MAB4TQCO.js.map