@flamingo-stack/openframe-frontend-core 0.0.223 → 0.0.224

package/dist/{chunk-4VHWSAQR.js → chunk-BNYPQCKL.js}

@@ -953,7 +953,7 @@ init_cn();
 import { forwardRef as forwardRef4, useState as useState5 } from "react";
 
 // src/components/ui/simple-markdown-renderer.tsx
-import { useEffect, useState as useState4, useRef, useMemo, useCallback } from "react";
+import { useEffect, useState as useState4, useRef, useMemo, useCallback, memo } from "react";
 import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
 import remarkGfm from "remark-gfm";
 import remarkBreaks from "remark-breaks";
@@ -1350,7 +1350,7 @@ function resolveTextSizeConfig(config) {
   if ("preset" in config) return { ...TEXT_SIZE_PRESETS[config.preset], ...config.overrides };
   return { ...defaultSizes, ...config };
 }
-var SimpleMarkdownRenderer = ({
+var SimpleMarkdownRendererImpl = ({
   content,
   className = "",
   sectionIds,
@@ -1614,6 +1614,7 @@ var SimpleMarkdownRenderer = ({
     ) }) })
   ] });
 };
+var SimpleMarkdownRenderer = memo(SimpleMarkdownRendererImpl);
 
 // src/components/chat/thinking-display.tsx
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -3726,7 +3727,7 @@ ChatInput.displayName = "ChatInput";
 
 // src/components/chat/chat-message-enhanced.tsx
 init_cn();
-import React9, { forwardRef as forwardRef12, memo as memo2, useMemo as useMemo5 } from "react";
+import React9, { forwardRef as forwardRef12, memo as memo3, useMemo as useMemo5, useRef as useRef5 } from "react";
 
 // src/components/chat/tool-execution-display.tsx
 init_cn();
@@ -3875,6 +3876,9 @@ var ChatMessageEnhanced = forwardRef12(
       [hasMarkerSupport]
     );
     const segments = useMemo5(() => normalizeContent(content), [content]);
+    const renderedCardNodeCache = useRef5(
+      /* @__PURE__ */ new Map()
+    );
     const renderingPlan = useMemo5(() => {
       if (!hasMarkerSupport) return null;
       const refs = chatRefs ?? {};
@@ -3882,7 +3886,9 @@ var ChatMessageEnhanced = forwardRef12(
       const inlineByKey = /* @__PURE__ */ new Map();
       const partsBySegment = /* @__PURE__ */ new Map();
       if (!render) return { inlineByKey, partsBySegment };
-      const seenRendered = /* @__PURE__ */ new Map();
+      const cache = renderedCardNodeCache.current;
+      const usedKeys = /* @__PURE__ */ new Set();
+      const emittedBlockKeys = /* @__PURE__ */ new Set();
       segments.forEach((segment, segIdx) => {
         if (segment.type !== "text") return;
         const text = segment.text;
@@ -3894,31 +3900,40 @@ var ChatMessageEnhanced = forwardRef12(
           const cardType = match2[1];
           const cardId = match2[2];
           const key = `${cardType}:${cardId}`;
-          let rendered = seenRendered.get(key);
-          if (!seenRendered.has(key)) {
-            const refMatch = refs[key];
+          usedKeys.add(key);
+          const refMatch = refs[key];
+          let entry = cache.get(key);
+          if (!entry || entry.refMatch !== refMatch || entry.render !== render) {
             const refForRender = refMatch ?? {
               type: cardType,
               id: cardId,
               title: cardId,
               url: null
             };
-            rendered = render(refForRender);
-            seenRendered.set(key, rendered);
+            entry = { refMatch, render, node: render(refForRender) };
+            cache.set(key, entry);
           }
+          const rendered = entry.node;
           if (React9.isValidElement(rendered) && rendered.type === BlockCard) {
             const props2 = rendered.props;
             const markerEnd = match2.index + match2[0].length;
             parts.push({ kind: "text", text: text.slice(cursor, markerEnd) });
-            parts.push({ kind: "block", key, node: props2.children });
+            if (!emittedBlockKeys.has(key)) {
+              emittedBlockKeys.add(key);
+              parts.push({ kind: "block", key, node: props2.children });
+            }
             cursor = markerEnd;
-            const refMatch = refs[key];
             inlineByKey.set(
               key,
               props2.inline != null ? props2.inline : /* @__PURE__ */ jsx22("span", { className: "text-ods-text-primary font-medium", children: refMatch?.title ?? cardId })
             );
           } else if (rendered != null) {
-            inlineByKey.set(key, rendered);
+            parts.push({ kind: "text", text: text.slice(cursor, match2.index) });
+            if (!emittedBlockKeys.has(key)) {
+              emittedBlockKeys.add(key);
+              parts.push({ kind: "block", key, node: rendered });
+            }
+            cursor = match2.index + match2[0].length;
           }
         }
         if (cursor < text.length) {
@@ -3928,6 +3943,11 @@ var ChatMessageEnhanced = forwardRef12(
           partsBySegment.set(segIdx, parts);
         }
       });
+      if (cache.size > usedKeys.size) {
+        for (const k of cache.keys()) {
+          if (!usedKeys.has(k)) cache.delete(k);
+        }
+      }
       return { inlineByKey, partsBySegment };
     }, [hasMarkerSupport, chatRefs, renderEntityCard, segments]);
     const cardComponentOverrides = useMemo5(() => {
@@ -4113,7 +4133,7 @@ var ChatMessageEnhanced = forwardRef12(
   }
 );
 ChatMessageEnhanced.displayName = "ChatMessageEnhanced";
-var MemoizedChatMessageEnhanced = memo2(ChatMessageEnhanced, (prevProps, nextProps) => {
+var MemoizedChatMessageEnhanced = memo3(ChatMessageEnhanced, (prevProps, nextProps) => {
   return prevProps.role === nextProps.role && prevProps.content === nextProps.content && prevProps.name === nextProps.name && prevProps.avatar === nextProps.avatar && prevProps.isTyping === nextProps.isTyping && prevProps.timestamp?.getTime() === nextProps.timestamp?.getTime() && prevProps.showAvatar === nextProps.showAvatar && prevProps.assistantType === nextProps.assistantType && prevProps.authorType === nextProps.authorType && prevProps.assistantIcon === nextProps.assistantIcon && prevProps.className === nextProps.className && // Reference equality on chatRefs is sufficient — the host's hooks should
   // re-use the same Record instance per turn; mutations create a new map.
   // Without this check, a parent re-render with a new (but equivalent)
@@ -4124,7 +4144,7 @@ MemoizedChatMessageEnhanced.displayName = "MemoizedChatMessageEnhanced";
 
 // src/components/chat/chat-message-list.tsx
 init_cn();
-import { useRef as useRef5, useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useImperativeHandle as useImperativeHandle2, forwardRef as forwardRef13 } from "react";
+import { useRef as useRef6, useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useImperativeHandle as useImperativeHandle2, forwardRef as forwardRef13 } from "react";
 import { useStickToBottom } from "use-stick-to-bottom";
 
 // src/components/chat/chat-message-skeleton.tsx
@@ -4349,13 +4369,13 @@ var ChatMessageList = forwardRef13(
       resize: "smooth",
       initial: false
     });
-    const sentinelRef = useRef5(null);
-    const onLoadMoreRef = useRef5(onLoadMore);
+    const sentinelRef = useRef6(null);
+    const onLoadMoreRef = useRef6(onLoadMore);
     onLoadMoreRef.current = onLoadMore;
-    const isFetchingRef = useRef5(isFetchingNextPage);
+    const isFetchingRef = useRef6(isFetchingNextPage);
     isFetchingRef.current = isFetchingNextPage;
-    const prevRenderRef = useRef5({ dialogId: void 0, messageCount: 0, lastMessageId: void 0 });
-    const prependRef = useRef5({ firstMessageId: void 0, firstMessageContent: void 0, scrollHeight: 0 });
+    const prevRenderRef = useRef6({ dialogId: void 0, messageCount: 0, lastMessageId: void 0 });
+    const prependRef = useRef6({ firstMessageId: void 0, firstMessageContent: void 0, scrollHeight: 0 });
     useEffect6(() => {
       if (!autoScroll) return;
       const dialogChanged = dialogId !== prevRenderRef.current.dialogId;
@@ -4424,8 +4444,8 @@ var ChatMessageList = forwardRef13(
         prependRef.current.firstMessageContent = currentFirstContent;
       }
     }, [messages, scrollRef]);
-    const messageElsRef = useRef5(/* @__PURE__ */ new Map());
-    const refCallbacksRef = useRef5(/* @__PURE__ */ new Map());
+    const messageElsRef = useRef6(/* @__PURE__ */ new Map());
+    const refCallbacksRef = useRef6(/* @__PURE__ */ new Map());
     const getRegisterMessageEl = (id) => {
       let cb = refCallbacksRef.current.get(id);
       if (cb) return cb;
@@ -4440,13 +4460,13 @@ var ChatMessageList = forwardRef13(
       refCallbacksRef.current.set(id, cb);
       return cb;
     };
-    const scrolledIdsRef = useRef5(null);
+    const scrolledIdsRef = useRef6(null);
     if (scrolledIdsRef.current === null) {
       scrolledIdsRef.current = new Set(
         messages.filter((m) => hasNonEmptyContent(m.content)).map((m) => m.id)
       );
     }
-    const anchorWatcherRef = useRef5(null);
+    const anchorWatcherRef = useRef6(null);
     useLayoutEffect3(() => {
       if (!autoScroll) return;
       const last = messages[messages.length - 1];
@@ -6198,7 +6218,7 @@ function ChatPanelHeader({
 }
 
 // src/components/chat/chat-attachment-bar.tsx
-import { useEffect as useEffect12, useRef as useRef10, useState as useState17 } from "react";
+import { useEffect as useEffect12, useRef as useRef11, useState as useState17 } from "react";
 init_button2();
 init_cn();
 
@@ -6276,7 +6296,7 @@ function ChatAttachmentAddButton({
   disabled = false,
   size = "default"
 }) {
-  const fileInputRef = useRef10(null);
+  const fileInputRef = useRef11(null);
   const compact = size === "compact";
   const boxClass = compact ? "h-6 w-6" : "h-7 w-7";
   if (!attachmentsEnabled) {
@@ -6757,7 +6777,7 @@ function ChatArchivePage({
 // src/components/chat/chat-sidebar.tsx
 init_cn();
 init_button2();
-import { forwardRef as forwardRef22, useRef as useRef11, useEffect as useEffect13 } from "react";
+import { forwardRef as forwardRef22, useRef as useRef12, useEffect as useEffect13 } from "react";
 
 // src/components/chat/chat-sidebar-skeleton.tsx
 init_cn();
@@ -6873,11 +6893,11 @@ DialogListItem.displayName = "DialogListItem";
 var ChatSidebar = forwardRef22(
   ({ className, onNewChat, onDialogSelect, dialogs = [], activeDialogId, isLoading, isCreatingDialog, children, hasNextPage, isFetchingNextPage, onLoadMore, ...props }, ref) => {
     const showEmptyState = dialogs.length === 0 && !children;
-    const scrollContainerRef = useRef11(null);
-    const loadMoreRef = useRef11(null);
-    const onLoadMoreRef = useRef11(onLoadMore);
+    const scrollContainerRef = useRef12(null);
+    const loadMoreRef = useRef12(null);
+    const onLoadMoreRef = useRef12(onLoadMore);
     onLoadMoreRef.current = onLoadMore;
-    const isFetchingRef = useRef11(isFetchingNextPage);
+    const isFetchingRef = useRef12(isFetchingNextPage);
     isFetchingRef.current = isFetchingNextPage;
     useEffect13(() => {
       const scrollContainer = scrollContainerRef.current;
@@ -7646,7 +7666,7 @@ var TabsContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/features/video.tsx
-import { useEffect as useEffect15, useMemo as useMemo8, useRef as useRef12, useState as useState19 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo8, useRef as useRef13, useState as useState19 } from "react";
 import MuxPlayer from "@mux/mux-player-react";
 
 // src/utils/fetch-priority.ts
@@ -7822,7 +7842,7 @@ function YouTubeFacadeInner({
   minimalControls
 }) {
   const [activated, setActivated] = useState19(false);
-  const iframeRef = useRef12(null);
+  const iframeRef = useRef13(null);
   const { embedUrl, posterJpg, posterWebp } = useMemo8(() => {
     const params = new URLSearchParams({
       autoplay: "1",
@@ -9985,7 +10005,7 @@ import {
   useEffect as useEffect16,
   useImperativeHandle as useImperativeHandle3,
   useMemo as useMemo11,
-  useRef as useRef14,
+  useRef as useRef15,
   useState as useState22
 } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
@@ -10090,8 +10110,8 @@ function AutocompleteInner(props, ref) {
   };
   const [isOpen, setIsOpen] = useState22(false);
   const [highlightedIndex, setHighlightedIndex] = useState22(-1);
-  const containerRef = useRef14(null);
-  const hiddenTagsPopupRef = useRef14(null);
+  const containerRef = useRef15(null);
+  const hiddenTagsPopupRef = useRef15(null);
   const isInvalid = invalid || !!error;
   useImperativeHandle3(ref, () => containerRef.current);
   const selectedOptions = useMemo11(() => {
@@ -10109,7 +10129,7 @@ function AutocompleteInner(props, ref) {
   const hiddenTags = multiple ? selectedOptions.slice(visibleCount) : [];
   const hiddenTagsCount = multiple ? selectedOptions.length - visibleCount : 0;
   const [showHiddenTags, setShowHiddenTags] = useState22(false);
-  const hiddenTagsRef = useRef14(null);
+  const hiddenTagsRef = useRef15(null);
   useEffect16(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
@@ -11484,7 +11504,7 @@ init_cn();
 import React39 from "react";
 
 // src/components/ui/progress-bar.tsx
-import { useEffect as useEffect17, useRef as useRef15, useState as useState24 } from "react";
+import { useEffect as useEffect17, useRef as useRef16, useState as useState24 } from "react";
 import { jsx as jsx82 } from "react/jsx-runtime";
 var ProgressBar = ({
   progress,
@@ -11500,7 +11520,7 @@ var ProgressBar = ({
   const isMdUp = useMdUp() ?? true;
   const effectiveSegmentWidth = isMdUp ? segmentWidth : mobileSegmentWidth;
   const effectiveHeight = isMdUp ? height : mobileHeight;
-  const containerRef = useRef15(null);
+  const containerRef = useRef16(null);
   const [segmentCount, setSegmentCount] = useState24(0);
   useEffect17(() => {
     if (!containerRef.current) return;
@@ -13658,7 +13678,7 @@ function TabContent({
 // src/components/ui/tab-navigation.tsx
 init_next_navigation();
 init_cn();
-import { useState as useState30, useEffect as useEffect22, useMemo as useMemo13, useRef as useRef18, useCallback as useCallback12 } from "react";
+import { useState as useState30, useEffect as useEffect22, useMemo as useMemo13, useRef as useRef19, useCallback as useCallback12 } from "react";
 import { Fragment as Fragment16, jsx as jsx104, jsxs as jsxs84 } from "react/jsx-runtime";
 function TabNavigation({
   activeTab: controlledActiveTab,
@@ -13710,7 +13730,7 @@ function TabNavigation({
       controlledOnTabChange?.(tabId);
     }
   };
-  const scrollRef = useRef18(null);
+  const scrollRef = useRef19(null);
   const [canScrollLeft, setCanScrollLeft] = useState30(false);
   const [canScrollRight, setCanScrollRight] = useState30(false);
   const updateScrollShadows = useCallback12(() => {
@@ -13869,7 +13889,7 @@ var Progress = React58.forwardRef(({ className, value, indicatorClassName, ...pr
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/ui/release-changelog-section.tsx
-import { useState as useState31, useRef as useRef19, useEffect as useEffect23 } from "react";
+import { useState as useState31, useRef as useRef20, useEffect as useEffect23 } from "react";
 import { ChevronDown as ChevronDown5 } from "lucide-react";
 import { jsx as jsx107, jsxs as jsxs85 } from "react/jsx-runtime";
 var PREVIEW_COLLAPSED_HEIGHT = 120;
@@ -13886,7 +13906,7 @@ function ReleaseChangelogSection({
 }) {
   const [collapsed, setCollapsed] = useState31(collapsible ? defaultCollapsed : false);
   const [previewExpanded, setPreviewExpanded] = useState31(false);
-  const previewContentRef = useRef19(null);
+  const previewContentRef = useRef20(null);
   useEffect23(() => {
     setPreviewExpanded(false);
   }, [entries.length]);
@@ -14021,7 +14041,7 @@ function StatusIndicator({ status, label, href }) {
 }
 
 // src/components/ui/hover-dropdown.tsx
-import { useState as useState32, useRef as useRef20, useCallback as useCallback13 } from "react";
+import { useState as useState32, useRef as useRef21, useCallback as useCallback13 } from "react";
 import { Fragment as Fragment17, jsx as jsx109, jsxs as jsxs87 } from "react/jsx-runtime";
 function DefaultAnchor({
   href,
@@ -14039,8 +14059,8 @@ function HoverDropdown({
   renderAnchor
 }) {
   const [open, setOpen] = useState32(false);
-  const timeoutRef = useRef20(void 0);
-  const containerRef = useRef20(null);
+  const timeoutRef = useRef21(void 0);
+  const containerRef = useRef21(null);
   const show = useCallback13(() => {
     clearTimeout(timeoutRef.current);
     setOpen(true);
@@ -18019,7 +18039,7 @@ function FeatureList({
 
 // src/components/ui/truncate-text.tsx
 init_cn();
-import { useEffect as useEffect26, useRef as useRef22, useState as useState36 } from "react";
+import { useEffect as useEffect26, useRef as useRef23, useState as useState36 } from "react";
 import { jsx as jsx139 } from "react/jsx-runtime";
 var VARIANT_CLASS = {
   h1: "text-h1",
@@ -18050,7 +18070,7 @@ function TruncateText({
   tone = "primary",
   mono = false
 }) {
-  const ref = useRef22(null);
+  const ref = useRef23(null);
   const [isTruncated, setIsTruncated] = useState36(false);
   const isMultiLine = lines > 1;
   useEffect26(() => {
@@ -19123,7 +19143,7 @@ var ErrorBoundary = class extends Component {
 
 // src/components/features/figma-prototype-viewer.tsx
 init_cn();
-import { useState as useState42, useRef as useRef23, useEffect as useEffect31, useCallback as useCallback15, useMemo as useMemo16 } from "react";
+import { useState as useState42, useRef as useRef24, useEffect as useEffect31, useCallback as useCallback15, useMemo as useMemo16 } from "react";
 
 // src/components/features/section-selector.tsx
 init_cn();
@@ -19492,10 +19512,10 @@ var FigmaPrototypeViewer = ({
 }) => {
   const clientId = process.env.NEXT_PUBLIC_FIGMA_CLIENT_ID || "UTQPwZHR9OZp68TTGPFFi5";
   const showDebugPanel = process.env.NEXT_PUBLIC_FIGMA_DEBUG === "true";
-  const iframeRef = useRef23(null);
-  const containerRef = useRef23(null);
-  const navTimerRef = useRef23(null);
-  const touchTimerRef = useRef23(null);
+  const iframeRef = useRef24(null);
+  const containerRef = useRef24(null);
+  const navTimerRef = useRef24(null);
+  const touchTimerRef = useRef24(null);
   const [screenWidth, setScreenWidth] = useState42(
     typeof window !== "undefined" ? window.innerWidth : DESKTOP_BREAKPOINT
   );
@@ -19786,7 +19806,7 @@ var FigmaPrototypeViewer = ({
 
 // src/components/features/filters-dropdown.tsx
 init_cn();
-import { useEffect as useEffect32, useRef as useRef24, useState as useState43 } from "react";
+import { useEffect as useEffect32, useRef as useRef25, useState as useState43 } from "react";
 import { jsx as jsx156, jsxs as jsxs123 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
   return /* @__PURE__ */ jsx156(
@@ -19823,9 +19843,9 @@ var FiltersDropdown = ({
   const [isVisible, setIsVisible] = useState43(false);
   const [isMobile, setIsMobile] = useState43(false);
   const [actualPlacement, setActualPlacement] = useState43(placement);
-  const dropdownRef = useRef24(null);
-  const triggerRef = useRef24(null);
-  const containerRef = useRef24(null);
+  const dropdownRef = useRef25(null);
+  const triggerRef = useRef25(null);
+  const containerRef = useRef25(null);
   useEffect32(() => {
     if (isOpen) {
       setShouldRender(true);
@@ -20230,7 +20250,7 @@ function useLoading() {
 }
 
 // src/components/features/media-gallery-manager.tsx
-import { useState as useState45, useRef as useRef25, useCallback as useCallback16 } from "react";
+import { useState as useState45, useRef as useRef26, useCallback as useCallback16 } from "react";
 import {
   Upload,
   Image as ImageIcon2,
@@ -20250,7 +20270,7 @@ function MediaGalleryManager({
   modalTitle = "Media Gallery",
   className = ""
 }) {
-  const fileInputRef = useRef25(null);
+  const fileInputRef = useRef26(null);
   const [deletingIndex, setDeletingIndex] = useState45(null);
   const [draggedIndex, setDraggedIndex] = useState45(null);
   const handleFileSelect = useCallback16(async (event) => {
@@ -20462,7 +20482,7 @@ function OSTypeBadgeGroup({
 }
 
 // src/components/features/parallax-image-showcase.tsx
-import { useEffect as useEffect34, useState as useState46, useRef as useRef26 } from "react";
+import { useEffect as useEffect34, useState as useState46, useRef as useRef27 } from "react";
 import { motion, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
 import { jsx as jsx163, jsxs as jsxs127 } from "react/jsx-runtime";
 var ParallaxImageShowcase = ({
@@ -20481,7 +20501,7 @@ var ParallaxImageShowcase = ({
   const mouseXSpring = useSpring(mouseX, springConfig);
   const mouseYSpring = useSpring(mouseY, springConfig);
   const [componentRect, setComponentRect] = useState46(null);
-  const componentRef = useRef26(null);
+  const componentRef = useRef27(null);
   useEffect34(() => {
     const updateRect = () => {
       if (componentRef.current) {
@@ -21008,7 +21028,7 @@ function PushButtonSelector({
 }
 
 // src/components/features/release-media-manager.tsx
-import { useState as useState47, useRef as useRef27 } from "react";
+import { useState as useState47, useRef as useRef28 } from "react";
 import { Trash2 as Trash24, Plus as Plus5, Image as ImageIcon3, Video as Video6, Upload as Upload2, Loader2 as Loader24, GripVertical as GripVertical2 } from "lucide-react";
 import { jsx as jsx167, jsxs as jsxs131 } from "react/jsx-runtime";
 function ReleaseMediaManager({
@@ -21017,7 +21037,7 @@ function ReleaseMediaManager({
   onUpload,
   className = ""
 }) {
-  const fileInputRef = useRef27(null);
+  const fileInputRef = useRef28(null);
   const [uploadingIndex, setUploadingIndex] = useState47(null);
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
@@ -23523,7 +23543,7 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useRef as useRef28, useEffect as useEffect36, useState as useState52 } from "react";
+import { useRef as useRef29, useEffect as useEffect36, useState as useState52 } from "react";
 import { ChevronDown as ChevronDown8 } from "lucide-react";
 init_button2();
 
@@ -23705,7 +23725,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
 };
 var useAnimatedHeight = (isExpanded) => {
   const [height, setHeight] = useState52(0);
-  const contentRef = useRef28(null);
+  const contentRef = useRef29(null);
   useEffect36(() => {
     if (contentRef.current) {
       const contentHeight = contentRef.current.scrollHeight;
@@ -23862,7 +23882,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback18, useEffect as useEffect37, useMemo as useMemo17, useRef as useRef29, useState as useState53 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect37, useMemo as useMemo17, useRef as useRef30, useState as useState53 } from "react";
 import { jsx as jsx194, jsxs as jsxs153 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -23880,7 +23900,7 @@ function PhoneInput({
     [countryCode, priority, others]
   );
   const [isInvalid, setIsInvalid] = useState53(false);
-  const debounceRef = useRef29(null);
+  const debounceRef = useRef30(null);
   const digitCount = useCallback18((val) => val.replace(/[^0-9]/g, "").length, []);
   const runValidation = useCallback18((phone) => {
     if (!phone || digitCount(phone) === 0) {
@@ -24361,7 +24381,7 @@ function useOptionalNotifications() {
 
 // src/components/features/notifications/notification-drawer.tsx
 import * as DialogPrimitive3 from "@radix-ui/react-dialog";
-import { useEffect as useEffect41, useRef as useRef31 } from "react";
+import { useEffect as useEffect41, useRef as useRef32 } from "react";
 init_button();
 init_cn();
 
@@ -24535,9 +24555,9 @@ function DrawerScrollList({
   loadMore,
   loadMoreRootMargin
 }) {
-  const scrollRef = useRef31(null);
-  const sentinelRef = useRef31(null);
-  const loadMoreRef = useRef31(loadMore);
+  const scrollRef = useRef32(null);
+  const sentinelRef = useRef32(null);
+  const loadMoreRef = useRef32(loadMore);
   loadMoreRef.current = loadMore;
   useEffect41(() => {
     if (!loadMore || !hasMore || isLoadingMore) return;
@@ -25539,15 +25559,15 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React88, { useEffect as useEffect44, useRef as useRef34, useState as useState58 } from "react";
+import React88, { useEffect as useEffect44, useRef as useRef35, useState as useState58 } from "react";
 init_button2();
 import { Fragment as Fragment32, jsx as jsx206, jsxs as jsxs162 } from "react/jsx-runtime";
 function Header2({ config, platform }) {
   const [show, setShow] = useState58(true);
   const [lastScrollY, setLastScrollY] = useState58(0);
   const [openDropdowns, setOpenDropdowns] = useState58({});
-  const dropdownRefs = useRef34({});
-  const triggerRefs = useRef34({});
+  const dropdownRefs = useRef35({});
+  const triggerRefs = useRef35({});
   useEffect44(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -25866,12 +25886,12 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/mobile-nav-panel.tsx
-import { useEffect as useEffect46, useRef as useRef35 } from "react";
+import { useEffect as useEffect46, useRef as useRef36 } from "react";
 init_button2();
 import { X as X10 } from "lucide-react";
 import { Fragment as Fragment33, jsx as jsx209, jsxs as jsxs164 } from "react/jsx-runtime";
 function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef35(null);
+  const panelRef = useRef36(null);
   useEffect46(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
@@ -26209,7 +26229,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect48, useState as useState61, useCallback as useCallback23, useRef as useRef36 } from "react";
+import { useEffect as useEffect48, useState as useState61, useCallback as useCallback23, useRef as useRef37 } from "react";
 import { jsx as jsx211, jsxs as jsxs166 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -26271,7 +26291,7 @@ function StickySectionNav({
 }
 function useSectionNavigation(sections, options) {
   const [activeSection, setActiveSection] = useState61(sections[0]?.id || "");
-  const isScrollingFromClick = useRef36(false);
+  const isScrollingFromClick = useRef37(false);
   const { offset: offset2 = 100 } = options || {};
   const handleSectionClick = useCallback23((sectionId) => {
     const targetElement = document.getElementById(sectionId);
@@ -27477,7 +27497,7 @@ function AppLayoutDrawerResizeHandle({
       onSize(maxSize);
     }
   };
-  const trackPosition = side === "right" ? "right-full top-4 bottom-4 w-12 items-center justify-end pr-1" : side === "left" ? "left-full top-4 bottom-4 w-12 items-center justify-start pl-1" : side === "bottom" ? "bottom-full left-4 right-4 h-12 justify-center items-end pb-1" : "top-full left-4 right-4 h-12 justify-center items-start pt-1";
+  const trackPosition = side === "right" ? "right-full top-4 bottom-4 w-6 items-center justify-end pr-1" : side === "left" ? "left-full top-4 bottom-4 w-6 items-center justify-start pl-1" : side === "bottom" ? "bottom-full left-4 right-4 h-6 justify-center items-end pb-1" : "top-full left-4 right-4 h-6 justify-center items-start pt-1";
   const cursorClass = isHorizontal ? "cursor-col-resize" : "cursor-row-resize";
   const gripClass = isHorizontal ? "h-10 w-1" : "w-10 h-1";
   return /* @__PURE__ */ jsx223(
@@ -28048,7 +28068,7 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React97, { useRef as useRef38, useCallback as useCallback28 } from "react";
+import React97, { useRef as useRef39, useCallback as useCallback28 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
 import React96 from "react";
@@ -28172,10 +28192,10 @@ function OnboardingWalkthrough({
     allStepsComplete,
     markMultipleComplete
   } = useOnboardingState(storageKey);
-  const hasAutoMarkedRef = useRef38(false);
-  const autoMarkingInProgressRef = useRef38(false);
-  const lastCompletionStatusRef = useRef38(null);
-  const actionInProgressRef = useRef38(/* @__PURE__ */ new Set());
+  const hasAutoMarkedRef = useRef39(false);
+  const autoMarkingInProgressRef = useRef39(false);
+  const lastCompletionStatusRef = useRef39(null);
+  const actionInProgressRef = useRef39(/* @__PURE__ */ new Set());
   React97.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
@@ -28860,7 +28880,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx240(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect52, useRef as useRef40 } from "react";
+import { useEffect as useEffect52, useRef as useRef41 } from "react";
 init_pagination();
 init_button2();
 
@@ -29611,8 +29631,8 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef40(null);
-  const onLoadMoreRef = useRef40(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef41(null);
+  const onLoadMoreRef = useRef41(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
   useEffect52(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
@@ -29826,7 +29846,7 @@ import { useMemo as useMemo25 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef41, useState as useState66, useCallback as useCallback29 } from "react";
+import { useRef as useRef42, useState as useState66, useCallback as useCallback29 } from "react";
 import { jsx as jsx252, jsxs as jsxs202 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -29855,7 +29875,7 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef41(null);
+  const textRef = useRef42(null);
   const [isTruncated, setIsTruncated] = useState66(false);
   const checkTruncation = useCallback29(() => {
     const el = textRef.current;
@@ -29885,7 +29905,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef42, useState as useState67, useCallback as useCallback30 } from "react";
+import { useRef as useRef43, useState as useState67, useCallback as useCallback30 } from "react";
 import { jsx as jsx253, jsxs as jsxs203 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -29931,7 +29951,7 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef42(null);
+  const textRef = useRef43(null);
   const [isTruncated, setIsTruncated] = useState67(false);
   const checkTruncation = useCallback30(() => {
     const el = textRef.current;
@@ -30450,7 +30470,7 @@ function DataTableEmpty({
 // src/components/ui/data-table/data-table-row.tsx
 init_next_link();
 init_cn();
-import { memo as memo3, useCallback as useCallback32, useRef as useRef43 } from "react";
+import { memo as memo4, useCallback as useCallback32, useRef as useRef44 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -30531,7 +30551,7 @@ function DataTableRowImpl({
   className
 }) {
   const isLinkMode = Boolean(href) && !onClick;
-  const containerRef = useRef43(null);
+  const containerRef = useRef44(null);
   const handleClick = useCallback32(
     (e) => {
       const target = e.target;
@@ -30601,7 +30621,7 @@ function DataTableRowImpl({
     }
   );
 }
-var DataTableRow = memo3(DataTableRowImpl);
+var DataTableRow = memo4(DataTableRowImpl);
 function CellContent({ children }) {
   if (typeof children === "string" || typeof children === "number") {
     return /* @__PURE__ */ jsx261("span", { className: "text-h4 text-ods-text-primary truncate", title: String(children), children });
@@ -30680,7 +30700,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect53, useRef as useRef44 } from "react";
+import { useEffect as useEffect53, useRef as useRef45 } from "react";
 import { Fragment as Fragment44, jsx as jsx263, jsxs as jsxs211 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -30689,8 +30709,8 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef44(null);
-  const onLoadMoreRef = useRef44(onLoadMore);
+  const sentinelRef = useRef45(null);
+  const onLoadMoreRef = useRef45(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
   useEffect53(() => {
     if (!hasNextPage || isFetchingNextPage) return;
@@ -31324,7 +31344,7 @@ function FilterList({
 // src/components/ui/tag-search-input.tsx
 import {
   useEffect as useEffect55,
-  useRef as useRef46,
+  useRef as useRef47,
   useState as useState69
 } from "react";
 init_cn();
@@ -31359,9 +31379,9 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef46(null);
-  const hiddenTagsRef = useRef46(null);
-  const hiddenTagsPopupRef = useRef46(null);
+  const wrapperRef = useRef47(null);
+  const hiddenTagsRef = useRef47(null);
+  const hiddenTagsPopupRef = useRef47(null);
   const [showHiddenTags, setShowHiddenTags] = useState69(false);
   useEffect55(() => {
     if (!showHiddenTags) return;
@@ -31518,7 +31538,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef47, useCallback as useCallback33, useState as useState70, useEffect as useEffect56 } from "react";
+import { useRef as useRef48, useCallback as useCallback33, useState as useState70, useEffect as useEffect56 } from "react";
 init_cn();
 import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx268, jsxs as jsxs216 } from "react/jsx-runtime";
@@ -31573,7 +31593,7 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef47(null);
+  const fileInputRef = useRef48(null);
   const [isUploading, setIsUploading] = useState70(false);
   const [uploadProgress, setUploadProgress] = useState70("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState70([]);
@@ -31666,11 +31686,11 @@ function MarkdownEditor({
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef47(null);
-  const isDraggingRef = useRef47(false);
-  const mouseYRef = useRef47(0);
-  const rafRef = useRef47(0);
-  const scrollParentRef = useRef47(window);
+  const wrapperRef = useRef48(null);
+  const isDraggingRef = useRef48(false);
+  const mouseYRef = useRef48(0);
+  const rafRef = useRef48(0);
+  const scrollParentRef = useRef48(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
   const findScrollParent = useCallback33((el) => {
@@ -36261,7 +36281,7 @@ function useChatCardItem(type, id) {
     queryKey: ["chat-card-item", type, id],
     queryFn: async () => {
       if (!url) return null;
-      const res = await fetch(url);
+      const res = await embedAuthedFetch(url);
       if (!res.ok) return null;
       const data = await res.json();
       const items = extractItems(data);
@@ -36273,7 +36293,16 @@ function useChatCardItem(type, id) {
     // is opened and closed frequently, and re-fetching every time the
     // user toggles back to the tab is wasteful (the row's id-keyed
     // payload is effectively immutable).
-    refetchOnWindowFocus: false
+    refetchOnWindowFocus: false,
+    // The id-keyed payload is effectively immutable, and a fetch-mode card
+    // inside a STREAMING assistant message re-mounts on every chunk as the
+    // surrounding markdown re-parses. Without a staleTime that meant a fresh
+    // network fetch + loading-skeleton flash on every single chunk. Treat the
+    // row as fresh for 5 min (matches the public pages) and keep it cached
+    // long after unmount so remounts resolve synchronously from cache — no
+    // refetch, no skeleton flash.
+    staleTime: 5 * 60 * 1e3,
+    gcTime: 30 * 60 * 1e3
   });
   return {
     item: query.data ?? void 0,
@@ -37590,7 +37619,7 @@ function transformWebinarToProgram(webinar) {
 }
 
 // src/components/chat/hooks/use-chunk-catchup.ts
-import { useCallback as useCallback35, useRef as useRef50 } from "react";
+import { useCallback as useCallback35, useRef as useRef51 } from "react";
 function makeSeqKey(messageType, chunkType, sequenceId) {
   return `${messageType}:${chunkType}:${sequenceId}`;
 }
@@ -37612,20 +37641,20 @@ function useChunkCatchup({
   chatTypes = [CHAT_TYPE.CLIENT],
   fetchChunks
 }) {
-  const processedSequenceKeys = useRef50(/* @__PURE__ */ new Set());
-  const lastSequenceId = useRef50(null);
-  const fetchingInProgress = useRef50(false);
-  const lastFetchParams = useRef50(null);
-  const chunkBuffer = useRef50([]);
-  const bufferUntilInitialCatchupComplete = useRef50(false);
-  const hasCompletedInitialCatchup = useRef50(false);
-  const dialogIdRef = useRef50(dialogId);
+  const processedSequenceKeys = useRef51(/* @__PURE__ */ new Set());
+  const lastSequenceId = useRef51(null);
+  const fetchingInProgress = useRef51(false);
+  const lastFetchParams = useRef51(null);
+  const chunkBuffer = useRef51([]);
+  const bufferUntilInitialCatchupComplete = useRef51(false);
+  const hasCompletedInitialCatchup = useRef51(false);
+  const dialogIdRef = useRef51(dialogId);
   dialogIdRef.current = dialogId;
-  const chatTypesRef = useRef50(chatTypes);
+  const chatTypesRef = useRef51(chatTypes);
   chatTypesRef.current = chatTypes;
-  const fetchChunksRef = useRef50(fetchChunks);
+  const fetchChunksRef = useRef51(fetchChunks);
   fetchChunksRef.current = fetchChunks;
-  const onChunkReceivedRef = useRef50(onChunkReceived);
+  const onChunkReceivedRef = useRef51(onChunkReceived);
   onChunkReceivedRef.current = onChunkReceived;
   const processChunk = useCallback35((chunk, messageType, forceProcess = false) => {
     if (bufferUntilInitialCatchupComplete.current && !forceProcess) {
@@ -37802,7 +37831,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useEffect as useEffect61, useRef as useRef51, useState as useState80 } from "react";
+import { useEffect as useEffect61, useRef as useRef52, useState as useState80 } from "react";
 var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 function useJetStreamDialogSubscription({
@@ -37825,51 +37854,51 @@ function useJetStreamDialogSubscription({
   const [isSubscribed, setIsSubscribed] = useState80(false);
   const [reconnectionCount, setReconnectionCount] = useState80(0);
   const [currentStreamSeq, setCurrentStreamSeq] = useState80(null);
-  const clientRef = useRef51(null);
-  const subscriptionRef = useRef51(null);
-  const highestStreamSeqRef = useRef51(null);
-  const onEventRef = useRef51(onEvent);
+  const clientRef = useRef52(null);
+  const subscriptionRef = useRef52(null);
+  const highestStreamSeqRef = useRef52(null);
+  const onEventRef = useRef52(onEvent);
   useEffect61(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef51(onConnect);
+  const onConnectRef = useRef52(onConnect);
   useEffect61(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef51(onDisconnect);
+  const onDisconnectRef = useRef52(onDisconnect);
   useEffect61(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef51(onSubscribed);
+  const onSubscribedRef = useRef52(onSubscribed);
   useEffect61(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef51(onBeforeReconnect);
+  const onBeforeReconnectRef = useRef52(onBeforeReconnect);
   useEffect61(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const getNatsWsUrlRef = useRef51(getNatsWsUrl);
+  const getNatsWsUrlRef = useRef52(getNatsWsUrl);
   useEffect61(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef51(reconnectionBackoff);
+  const reconnectionBackoffRef = useRef52(reconnectionBackoff);
   useEffect61(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const optStartSeqRef = useRef51(optStartSeq);
+  const optStartSeqRef = useRef52(optStartSeq);
   useEffect61(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
-  const inactiveThresholdRef = useRef51(inactiveThresholdMs);
+  const inactiveThresholdRef = useRef52(inactiveThresholdMs);
   useEffect61(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
-  const hadConnectionBeforeRef = useRef51(false);
-  const clientConfigRef = useRef51(clientConfig);
+  const hadConnectionBeforeRef = useRef52(false);
+  const clientConfigRef = useRef52(clientConfig);
   useEffect61(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef51("");
+  const currentWsUrlRef = useRef52("");
   const wsUrl = getNatsWsUrl();
   useEffect61(() => {
     if (!enabled || !wsUrl) {
@@ -38043,7 +38072,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect62, useRef as useRef52, useState as useState81 } from "react";
+import { useEffect as useEffect62, useRef as useRef53, useState as useState81 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -38060,42 +38089,42 @@ function useNatsDialogSubscription({
   const [isConnected, setIsConnected] = useState81(false);
   const [isSubscribed, setIsSubscribed] = useState81(false);
   const [reconnectionCount, setReconnectionCount] = useState81(0);
-  const clientRef = useRef52(null);
-  const subscriptionRefs = useRef52(/* @__PURE__ */ new Map());
-  const onEventRef = useRef52(onEvent);
+  const clientRef = useRef53(null);
+  const subscriptionRefs = useRef53(/* @__PURE__ */ new Map());
+  const onEventRef = useRef53(onEvent);
   useEffect62(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef52(onConnect);
+  const onConnectRef = useRef53(onConnect);
   useEffect62(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef52(onDisconnect);
+  const onDisconnectRef = useRef53(onDisconnect);
   useEffect62(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef52(onSubscribed);
+  const onSubscribedRef = useRef53(onSubscribed);
   useEffect62(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef52(onBeforeReconnect);
+  const onBeforeReconnectRef = useRef53(onBeforeReconnect);
   useEffect62(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const hadConnectionBeforeRef = useRef52(false);
-  const getNatsWsUrlRef = useRef52(getNatsWsUrl);
+  const hadConnectionBeforeRef = useRef53(false);
+  const getNatsWsUrlRef = useRef53(getNatsWsUrl);
   useEffect62(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef52(reconnectionBackoff);
+  const reconnectionBackoffRef = useRef53(reconnectionBackoff);
   useEffect62(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const clientConfigRef = useRef52(clientConfig);
+  const clientConfigRef = useRef53(clientConfig);
   useEffect62(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef52("");
+  const currentWsUrlRef = useRef53("");
   const wsUrl = getNatsWsUrl();
   useEffect62(() => {
     if (!enabled || !wsUrl) {
@@ -38175,13 +38204,13 @@ function useNatsDialogSubscription({
     };
   }, [enabled, wsUrl]);
   const topicsKey = topics.join(",");
-  const lastSubscribedDialogIdRef = useRef52(null);
-  const isConnectedRef = useRef52(isConnected);
+  const lastSubscribedDialogIdRef = useRef53(null);
+  const isConnectedRef = useRef53(isConnected);
   useEffect62(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
-  const currentDialogIdRef = useRef52(null);
-  const abortControllerRef = useRef52(null);
+  const currentDialogIdRef = useRef53(null);
+  const abortControllerRef = useRef53(null);
   useEffect62(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
@@ -38313,7 +38342,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback36, useRef as useRef53, useEffect as useEffect63 } from "react";
+import { useCallback as useCallback36, useRef as useRef54, useEffect as useEffect63 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -38946,13 +38975,13 @@ function useRealtimeChunkProcessor(options) {
     // get the new batch UI; pass `false` explicitly to fall back to legacy.
     batchApprovalsEnabled = true
   } = options;
-  const accumulatorRef = useRef53(
+  const accumulatorRef = useRef54(
     createMessageSegmentAccumulator({
       onApprove: callbacks.onApprove,
       onReject: callbacks.onReject
     })
   );
-  const hasInitializedWithData = useRef53(false);
+  const hasInitializedWithData = useRef54(false);
   useEffect63(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
@@ -38966,9 +38995,9 @@ function useRealtimeChunkProcessor(options) {
       hasInitializedWithData.current = true;
     }
   }, [initialState, callbacks]);
-  const isInStreamRef = useRef53(false);
-  const hasEverStreamedRef = useRef53(false);
-  const pendingEscalatedRef = useRef53(/* @__PURE__ */ new Map());
+  const isInStreamRef = useRef54(false);
+  const hasEverStreamedRef = useRef54(false);
+  const pendingEscalatedRef = useRef54(/* @__PURE__ */ new Map());
   const processChunk = useCallback36(
     (chunk) => {
       if (!enableThinking && chunk && typeof chunk === "object" && chunk.type === MESSAGE_TYPE.THINKING) {
@@ -39268,7 +39297,7 @@ function useSlashCommandRegistry(commandsUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback37, useMemo as useMemo30, useRef as useRef54, useState as useState83 } from "react";
+import { useCallback as useCallback37, useMemo as useMemo30, useRef as useRef55, useState as useState83 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -39345,7 +39374,7 @@ function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
   const [attachments, setAttachments] = useState83([]);
-  const controllersRef = useRef54(/* @__PURE__ */ new Map());
+  const controllersRef = useRef55(/* @__PURE__ */ new Map());
   const updateOne = useCallback37((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
   }, []);
@@ -39434,7 +39463,7 @@ function useChatAttachments() {
     },
     [uploadUrlEndpoint, updateOne]
   );
-  const attachmentsRef = useRef54([]);
+  const attachmentsRef = useRef55([]);
   attachmentsRef.current = attachments;
   const addFiles = useCallback37(
     (files) => {
@@ -39511,13 +39540,13 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback38, useEffect as useEffect65, useRef as useRef55, useState as useState84 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect65, useRef as useRef56, useState as useState84 } from "react";
 import { jsx as jsx293 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  const panelRef = useRef55(null);
+  const panelRef = useRef56(null);
   const [state, setState] = useState84(CLOSED);
   const handleClose = useCallback38(() => setState(CLOSED), []);
   useEffect65(() => {
@@ -39618,10 +39647,10 @@ function useChatIdentity() {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect67, useRef as useRef56 } from "react";
+import { useEffect as useEffect67, useRef as useRef57 } from "react";
 function useCloseOnNavigation(close, pathname) {
-  const prevPathnameRef = useRef56(null);
-  const initializedRef = useRef56(false);
+  const prevPathnameRef = useRef57(null);
+  const initializedRef = useRef57(false);
   useEffect67(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
@@ -39636,14 +39665,14 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState87, useCallback as useCallback40, useEffect as useEffect68, useRef as useRef58 } from "react";
+import { useState as useState87, useCallback as useCallback40, useEffect as useEffect68, useRef as useRef59 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState86, useCallback as useCallback39, useRef as useRef57 } from "react";
+import { useState as useState86, useCallback as useCallback39, useRef as useRef58 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
   const [isStreaming, setIsStreaming] = useState86(false);
   const [error, setError] = useState86(null);
-  const abortControllerRef = useRef57(null);
+  const abortControllerRef = useRef58(null);
   const fallbackStream = useCallback39(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."
@@ -39711,8 +39740,8 @@ function useChat({
 } = {}) {
   const [messages, setMessages] = useState87(() => initialMessages ?? []);
   const [isTyping, setIsTyping] = useState87(false);
-  const currentAssistantSegmentsRef = useRef58([]);
-  const onMessagesChangeRef = useRef58(onMessagesChange);
+  const currentAssistantSegmentsRef = useRef59([]);
+  const onMessagesChangeRef = useRef59(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
   useEffect68(() => {
     onMessagesChangeRef.current?.(messages);
@@ -40003,7 +40032,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useState as useState88, useEffect as useEffect69, useCallback as useCallback41, useMemo as useMemo31, useRef as useRef59 } from "react";
+import { useState as useState88, useEffect as useEffect69, useCallback as useCallback41, useMemo as useMemo31, useRef as useRef60 } from "react";
 function createEmptyTurnMeta() {
   return {
     provider: null,
@@ -40324,20 +40353,20 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const runtime = useRequiredChatRuntime();
   const source = runtime.source || DEFAULT_CHAT_SOURCE;
   const tableIdForDocumentType = options?.tableIdForDocumentType ?? defaultTableIdForDocumentType;
-  const persistedRef = useRef59(null);
+  const persistedRef = useRef60(null);
   if (persistedRef.current === null) {
     pruneStaleChatStorage(source);
     persistedRef.current = loadPersistedChat(source) || { messages: [], sources: [], sendCount: 0 };
   }
-  const sourcesMapRef = useRef59(
+  const sourcesMapRef = useRef60(
     new Map(persistedRef.current.sources)
   );
-  const refsMapRef = useRef59(
+  const refsMapRef = useRef60(
     new Map(persistedRef.current.refs ?? [])
   );
-  const metaMapRef = useRef59(/* @__PURE__ */ new Map());
-  const messagesRef = useRef59(persistedRef.current.messages);
-  const sendCountRef = useRef59(persistedRef.current.sendCount);
+  const metaMapRef = useRef60(/* @__PURE__ */ new Map());
+  const messagesRef = useRef60(persistedRef.current.messages);
+  const sendCountRef = useRef60(persistedRef.current.sendCount);
   const [streamingPhase, setStreamingPhase] = useState88("idle");
   const [metaTick, setMetaTick] = useState88(0);
   const bumpMetaTick = useCallback41(() => setMetaTick((t) => t + 1), []);
@@ -40611,7 +40640,7 @@ import {
   useCallback as useCallback42,
   useEffect as useEffect70,
   useMemo as useMemo32,
-  useRef as useRef60,
+  useRef as useRef61,
   useState as useState89
 } from "react";
 
@@ -41145,9 +41174,9 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [rejectRequestCallback]
   );
-  const handleApproveRef = useRef60(handleApprove);
+  const handleApproveRef = useRef61(handleApprove);
   handleApproveRef.current = handleApprove;
-  const handleRejectRef = useRef60(handleReject);
+  const handleRejectRef = useRef61(handleReject);
   handleRejectRef.current = handleReject;
   const accumApprove = useCallback42((requestId) => {
     if (!requestId) return;
@@ -41157,7 +41186,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!requestId) return;
     return handleRejectRef.current(requestId);
   }, []);
-  const callbacksRef = useRef60({
+  const callbacksRef = useRef61({
     onSegmentsUpdate: (segments) => {
       setMessages((prev) => updateTrailingAssistant(prev, segments));
     },
@@ -41196,7 +41225,7 @@ function useNatsChatAdapter(config, options = {}) {
     onChunkReceived: (chunk) => processChunk(chunk),
     fetchChunks
   });
-  const historyLoadSeqRef = useRef60(0);
+  const historyLoadSeqRef = useRef61(0);
   const loadDialogHistory = useCallback42(
     async (id, cursor) => {
       if (!fetchDialogMessages) return;
@@ -41251,7 +41280,7 @@ function useNatsChatAdapter(config, options = {}) {
       accumReject
     ]
   );
-  const prevDialogIdRef = useRef60(void 0);
+  const prevDialogIdRef = useRef61(void 0);
   useEffect70(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
@@ -41295,7 +41324,7 @@ function useNatsChatAdapter(config, options = {}) {
     }
     setConnectionState("connecting");
   }, [active, dialogId]);
-  const initialDialogsLoadedRef = useRef60(false);
+  const initialDialogsLoadedRef = useRef61(false);
   const loadDialogsPage = useCallback42(
     async (cursor) => {
       if (!fetchDialogs) return;
@@ -41568,7 +41597,7 @@ function useNatsChatAdapter(config, options = {}) {
 }
 
 // src/components/chat/hooks/use-unified-chat.ts
-import { useCallback as useCallback43, useMemo as useMemo33, useRef as useRef61 } from "react";
+import { useCallback as useCallback43, useMemo as useMemo33, useRef as useRef62 } from "react";
 var EMPTY_SSE_OPTIONS = {};
 function createDisabledNatsConfig() {
   return {
@@ -41583,7 +41612,7 @@ function createDisabledNatsConfig() {
 }
 function useUnifiedChat(options) {
   const { modes, activeMode, mingoStateOverride } = options;
-  const disabledNatsRef = useRef61(null);
+  const disabledNatsRef = useRef62(null);
   if (disabledNatsRef.current === null) {
     disabledNatsRef.current = createDisabledNatsConfig();
   }
@@ -41597,62 +41626,64 @@ function useUnifiedChat(options) {
     { active: natsActive }
   );
   const activeState = activeMode === "guide" ? sseState : mingoStateOverride ?? natsState;
-  const stopMessage = useCallback43(() => activeState.stopMessage(), [activeState]);
+  const activeStateRef = useRef62(activeState);
+  activeStateRef.current = activeState;
+  const stopMessage = useCallback43(() => activeStateRef.current.stopMessage(), []);
   const clearMessages = useCallback43(
-    () => activeState.clearMessages(),
-    [activeState]
+    () => activeStateRef.current.clearMessages(),
+    []
   );
   const sendMessage = useCallback43(
-    (text, opts) => activeState.sendMessage(text, opts),
-    [activeState]
+    (text, opts) => activeStateRef.current.sendMessage(text, opts),
+    []
   );
   const discussRef = useCallback43(
-    (ref) => activeState.discussRef(ref),
-    [activeState]
+    (ref) => activeStateRef.current.discussRef(ref),
+    []
   );
   const displayRef = useCallback43(
-    (ref) => activeState.displayRef(ref),
-    [activeState]
+    (ref) => activeStateRef.current.displayRef(ref),
+    []
   );
   const selectDialog = useCallback43(
-    (id) => activeState.selectDialog(id),
-    [activeState]
+    (id) => activeStateRef.current.selectDialog(id),
+    []
   );
   const startNewDialog = useCallback43(
-    () => activeState.startNewDialog(),
-    [activeState]
+    () => activeStateRef.current.startNewDialog(),
+    []
   );
   const deleteDialog = useCallback43(
-    (id) => activeState.deleteDialog(id),
-    [activeState]
+    (id) => activeStateRef.current.deleteDialog(id),
+    []
   );
   const renameDialog = useCallback43(
-    (id, title) => activeState.renameDialog(id, title),
-    [activeState]
+    (id, title) => activeStateRef.current.renameDialog(id, title),
+    []
   );
   const archiveDialog = useCallback43(
-    (id) => activeState.archiveDialog(id),
-    [activeState]
+    (id) => activeStateRef.current.archiveDialog(id),
+    []
   );
   const loadMoreDialogs = useCallback43(
-    () => activeState.loadMoreDialogs(),
-    [activeState]
+    () => activeStateRef.current.loadMoreDialogs(),
+    []
   );
   const reloadDialogs = useCallback43(
-    () => activeState.reloadDialogs(),
-    [activeState]
+    () => activeStateRef.current.reloadDialogs(),
+    []
   );
   const loadMoreMessages = useCallback43(
-    () => activeState.loadMoreMessages(),
-    [activeState]
+    () => activeStateRef.current.loadMoreMessages(),
+    []
   );
   const approveRequest = useCallback43(
-    (requestId) => activeState.approveRequest(requestId),
-    [activeState]
+    (requestId) => activeStateRef.current.approveRequest(requestId),
+    []
   );
   const rejectRequest = useCallback43(
-    (requestId, reason) => activeState.rejectRequest(requestId, reason),
-    [activeState]
+    (requestId, reason) => activeStateRef.current.rejectRequest(requestId, reason),
+    []
   );
   return useMemo33(
     () => ({
@@ -41787,7 +41818,7 @@ function chatChipClass({ tone, density = "chip", extra }) {
 }
 
 // src/components/chat/embeddable-chat.tsx
-import { useCallback as useCallback45, useEffect as useEffect71, useMemo as useMemo35, useRef as useRef62, useState as useState91 } from "react";
+import { useCallback as useCallback45, useEffect as useEffect71, useMemo as useMemo35, useRef as useRef63, useState as useState91 } from "react";
 import * as DialogPrimitive5 from "@radix-ui/react-dialog";
 import { usePreventScroll } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -42315,7 +42346,7 @@ function EmbeddableChatInner({
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll({ isDisabled: !isOpen || shellLess });
-  const navigatingAwayRef = useRef62(false);
+  const navigatingAwayRef = useRef63(false);
   useEffect71(() => {
     if (!isOpen) return;
     if (shellLess) return;
@@ -42342,7 +42373,7 @@ function EmbeddableChatInner({
       window.scrollTo(0, scrollY);
     };
   }, [isOpen, shellLess]);
-  const chatInputRef = useRef62(null);
+  const chatInputRef = useRef63(null);
   const slashCommandsProp = useMemo35(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
@@ -42455,26 +42486,49 @@ function EmbeddableChatInner({
     }),
     [discussRef, displayRef, resolvedBaseRoute, chipBasePlatform, extras]
   );
-  const messages = useMemo35(
-    () => rawMessages.map((m) => ({
-      id: m.id,
-      role: m.role,
-      // Host-supplied per-message name/avatar win (e.g. the signed-in user's
-      // full name + photo on a `user` bubble); fall back to the role default
-      // when the host doesn't provide them.
-      name: m.name ?? (m.role === "assistant" ? "Mingo" : "You"),
-      avatar: m.avatar ?? null,
-      // Forward the host's authorType so user bubbles get the same accent
-      // name color as the standalone /mingo page (user → 'admin').
-      ...m.authorType ? { authorType: m.authorType } : {},
-      content: m.segments && m.segments.length > 0 ? m.segments : m.content,
-      timestamp: /* @__PURE__ */ new Date(),
-      assistantType: m.role === "assistant" ? "mingo" : void 0,
-      ...m.chatRefs ? { chatRefs: m.chatRefs } : {},
-      ...m.scrollAnchor ? { scrollAnchor: m.scrollAnchor } : {}
-    })),
-    [rawMessages]
+  const mingoAssistantIcon = useMemo35(
+    () => /* @__PURE__ */ jsx296(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
+    []
   );
+  const timestampCacheRef = useRef63(/* @__PURE__ */ new Map());
+  const messages = useMemo35(() => {
+    const cache = timestampCacheRef.current;
+    const seenIds = /* @__PURE__ */ new Set();
+    const mapped = rawMessages.map((m) => {
+      seenIds.add(m.id);
+      let timestamp;
+      if (m.timestamp != null) {
+        timestamp = new Date(m.timestamp);
+      } else {
+        const cached = cache.get(m.id);
+        timestamp = cached ?? /* @__PURE__ */ new Date();
+        if (!cached) cache.set(m.id, timestamp);
+      }
+      return {
+        id: m.id,
+        role: m.role,
+        // Host-supplied per-message name/avatar win (e.g. the signed-in user's
+        // full name + photo on a `user` bubble); fall back to the role default
+        // when the host doesn't provide them.
+        name: m.name ?? (m.role === "assistant" ? "Mingo" : "You"),
+        avatar: m.avatar ?? null,
+        // Forward the host's authorType so user bubbles get the same accent
+        // name color as the standalone /mingo page (user → 'admin').
+        ...m.authorType ? { authorType: m.authorType } : {},
+        content: m.segments && m.segments.length > 0 ? m.segments : m.content,
+        timestamp,
+        assistantType: m.role === "assistant" ? "mingo" : void 0,
+        ...m.chatRefs ? { chatRefs: m.chatRefs } : {},
+        ...m.scrollAnchor ? { scrollAnchor: m.scrollAnchor } : {}
+      };
+    });
+    if (cache.size > seenIds.size) {
+      for (const id of cache.keys()) {
+        if (!seenIds.has(id)) cache.delete(id);
+      }
+    }
+    return mapped;
+  }, [rawMessages]);
   const handleSend = useCallback45(
     (text) => {
       let augmentedText = text;
@@ -42661,13 +42715,7 @@ function EmbeddableChatInner({
                               isTyping: chatLoading,
                               autoScroll: true,
                               assistantType: "mingo",
-                              assistantIcon: /* @__PURE__ */ jsx296(
-                                MingoIcon,
-                                {
-                                  className: "h-6 w-6",
-                                  cornerColor: "var(--ods-flamingo-cyan-base)"
-                                }
-                              ),
+                              assistantIcon: mingoAssistantIcon,
                               renderEntityCard,
                               NavLinkAnchor: NavLinkAnchorViaRuntime,
                               className: "flex-1",
@@ -43250,6 +43298,14 @@ export {
   CampaignCardAdminSkeleton,
   GenericEntityCard,
   GenericEntityCardSkeleton,
+  getAppType,
+  getEmbedProxyAuth,
+  getPersistedProxyEmail,
+  setEmbedProxyAuth,
+  clearEmbedProxyAuth,
+  applyProxyAuth,
+  setEmbedAuthAdapter,
+  embedAuthedFetch,
   useChatCardItem,
   SOURCE_ICON_NAMES,
   getSourceIconName,
@@ -43291,14 +43347,6 @@ export {
   MessageSegmentAccumulator,
   createMessageSegmentAccumulator,
   useRealtimeChunkProcessor,
-  getAppType,
-  getEmbedProxyAuth,
-  getPersistedProxyEmail,
-  setEmbedProxyAuth,
-  clearEmbedProxyAuth,
-  applyProxyAuth,
-  setEmbedAuthAdapter,
-  embedAuthedFetch,
   fetchSlashCommands,
   useSlashCommands,
   useSlashCommandRegistry,
@@ -43670,4 +43718,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-4VHWSAQR.js.map
+//# sourceMappingURL=chunk-BNYPQCKL.js.map