@sybilion/uilib 1.3.66 → 1.3.68

package/dist/esm/components/ui/Chart/Chart.helpers.js

@@ -1,3 +1,22 @@
+function normalizeTooltipPayload(payload) {
+    if (!payload?.length)
+        return undefined;
+    const seen = new Set();
+    const result = [];
+    for (const item of payload) {
+        if (item.value === null ||
+            item.value === undefined ||
+            item.type === 'none') {
+            continue;
+        }
+        const key = String(item.dataKey ?? item.name ?? result.length);
+        if (seen.has(key))
+            continue;
+        seen.add(key);
+        result.push({ ...item });
+    }
+    return result.length ? result : undefined;
+}
 function getPayloadConfigFromPayload(config, payload, key) {
     if (typeof payload !== 'object' || payload === null) {
         return config[key];
@@ -6,4 +25,4 @@ function getPayloadConfigFromPayload(config, payload, key) {
     return config[key] || undefined;
 }
 
-export { getPayloadConfigFromPayload };
+export { getPayloadConfigFromPayload, normalizeTooltipPayload };

package/dist/esm/components/ui/Chart/components/BaseChartWrapper.js

@@ -5,6 +5,7 @@ import { getForecastColor, ChartLines } from '../../ChartAreaInteractive/ChartLi
 import { Skeleton } from '../../Skeleton/Skeleton.js';
 import { chartRenderQueue } from '../../../../utils/chartRenderQueue.js';
 import { Tooltip, LineChart, ComposedChart } from 'recharts';
+import { normalizeTooltipPayload } from '../Chart.helpers.js';
 import { resolveChartMargin, getPlotViewBox } from '../tools/chartPlotGeometry.js';
 import { formatDate } from '../tools/formatters.js';
 import S from './BaseChartWrapper.styl.js';
@@ -165,7 +166,7 @@ const BaseChartWrapperContent = forwardRef((props, ref) => {
     const renderTooltipContent = (props) => {
         // Filter payload to exclude items with null/undefined values
         // This prevents showing stale data when hovering on dates without data points
-        const filteredPayload = props.payload?.filter((item) => item.value !== null && item.value !== undefined && item.type !== 'none');
+        const filteredPayload = normalizeTooltipPayload(props.payload);
         // If no valid payload items, render ChartTooltipContent with active=false and empty payload
         // This allows ChartTooltipContent to clear its lastTooltipData state
         if (!filteredPayload || filteredPayload.length === 0) {

package/dist/esm/components/ui/Chart/components/ChartTooltipContent.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import cn from 'classnames';
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useMemo, useEffect } from 'react';
 import { useChart } from '../Chart.context.js';
-import { getPayloadConfigFromPayload } from '../Chart.helpers.js';
+import { normalizeTooltipPayload, getPayloadConfigFromPayload } from '../Chart.helpers.js';
 import S from '../Chart.styl.js';
 import { ChartTooltipItem } from './ChartTooltipItem.js';
 
@@ -10,28 +10,31 @@ function ChartTooltipContent({ active, className, indicator = 'dot', hideLabel =
     const { config } = useChart();
     // Keep last tooltip data in state to maintain position when inactive
     const [lastTooltipData, setLastTooltipData] = useState(null);
+    const normalizedPayload = useMemo(() => normalizeTooltipPayload(payload), [payload]);
     // Update last tooltip data when active
     useEffect(() => {
-        // Clear lastTooltipData immediately if label changed (prevents stale data)
-        // Only clear if label is explicitly provided and different (not undefined)
-        if (lastTooltipData && label && lastTooltipData.label !== label) {
-            setLastTooltipData(null);
-        }
-        if (active && payload?.length) {
-            setLastTooltipData({
-                active,
-                payload: payload,
-                label,
-            });
-        }
-        // Don't clear lastTooltipData when mouse moves out - keep it for position maintenance
-        // It will be cleared when label changes (above) or when new active data arrives
-    }, [active, payload, label]);
-    // Use last tooltip data if current is inactive, otherwise use current
-    // lastTooltipData is already cleared in useEffect if label changed, so safe to use here
-    active || (lastTooltipData?.active ?? false);
-    const displayPayload = active && payload?.length
-        ? payload
+        setLastTooltipData(prev => {
+            // Clear when label changed (prevents stale data)
+            let next = prev;
+            if (prev && label && prev.label !== label) {
+                next = null;
+            }
+            if (active && normalizedPayload?.length) {
+                return {
+                    active: true,
+                    payload: normalizedPayload,
+                    label,
+                };
+            }
+            // Keep frozen snapshot when inactive (position maintenance in BaseChartWrapper)
+            if (!active && next) {
+                return { ...next, active: false };
+            }
+            return next;
+        });
+    }, [active, normalizedPayload, label]);
+    const displayPayload = active && normalizedPayload?.length
+        ? normalizedPayload
         : lastTooltipData?.payload;
     const displayLabel = active ? label : lastTooltipData?.label;
     const tooltipLabel = useMemo(() => {

package/dist/esm/components/ui/Chat/ChatSheet/chatPanelOpenSync.js

@@ -14,6 +14,10 @@ function shouldHealChatShellDesync(chatOpen, shellChatPanelOpen, layoutDismissed
 function shouldCloseStaleLocalChatOpen(shellChatPanelOpen, chatOpen, isOpen) {
     return !shellChatPanelOpen && !chatOpen && isOpen;
 }
+/** Shell still reserves width but no instance is showing chat (e.g. route change dropped `?chat=`). */
+function shouldCloseOrphanShellChat(shellChatPanelOpen, chatOpen, isOpen) {
+    return shellChatPanelOpen && !chatOpen && !isOpen;
+}
 function shouldDismissChatAfterShellClosed(params) {
     const { shellChatPanelOpen, wasShellChatPanelOpen, chatOpen, isOpen, openedShellChat, } = params;
     if (shellChatPanelOpen || !wasShellChatPanelOpen || !chatOpen) {
@@ -25,4 +29,4 @@ function isChatPanelVisible(isOpen, shellChatPanelOpen) {
     return isOpen && shellChatPanelOpen;
 }
 
-export { isChatPanelVisible, shouldCloseStaleLocalChatOpen, shouldDismissChatAfterShellClosed, shouldHealChatShellDesync, shouldOpenChatFromUrl };
+export { isChatPanelVisible, shouldCloseOrphanShellChat, shouldCloseStaleLocalChatOpen, shouldDismissChatAfterShellClosed, shouldHealChatShellDesync, shouldOpenChatFromUrl };

package/dist/esm/components/ui/Chat/ChatSheet/useChatPanelChromeModel.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { MessageRole } from '../Chat.types.js';
 import { isGraphIntakeAssistantStepComplete, matchUserTextToQuickReply, isPresetScriptGraph, branchesFromPresetScriptGraph, parseScriptLine, textHasQuickReplyMarkers, branchKeysUsedFromChatHistory, branchKeysUsedByUserMessages, extractQuickReplyLabelKeyPairsFromText, entryBranchKeyBeforeLastAssistant } from '../ChatMessage/presetScript.js';
-import { buildChatSendMessagePayload, displayTextFromSendPayload } from '../buildChatSendMessagePayload.js';
+import { displayTextFromSendPayload, buildChatSendMessagePayload } from '../buildChatSendMessagePayload.js';
 import { usedPresetIdsFromMessages } from '../chat-preset-utils.js';
 import { useChatsForScopeId, useChat, useChatOutboundPending, useSyncChatPanelBusy, isChatEmpty } from '../../../../contexts/chat-context.js';
 import { shellFitsSidebarsLayout } from '../../../../hooks/panelWidth.js';
@@ -13,7 +13,7 @@ import logger from '../../../../lib/logger.js';
 import { mergePresetFreeformDefaults } from '../../../../utils/chatPresetMerge.js';
 import { useSidebar, DISMISS_CHAT_FOR_LAYOUT_EVENT } from '../../Sidebar/Sidebar.js';
 import { Chat } from '../Chat.js';
-import { shouldOpenChatFromUrl, shouldHealChatShellDesync, shouldCloseStaleLocalChatOpen, shouldDismissChatAfterShellClosed, isChatPanelVisible } from './chatPanelOpenSync.js';
+import { shouldOpenChatFromUrl, shouldHealChatShellDesync, shouldCloseStaleLocalChatOpen, shouldCloseOrphanShellChat, shouldDismissChatAfterShellClosed, isChatPanelVisible } from './chatPanelOpenSync.js';
 
 /** Fallback when `scopeId` prop omitted; apps should pass an explicit composite scope (e.g. `${userId}-dashboard`). */
 const NO_SCOPE_FALLBACK = '__uilib_chat_scope_unset__';
@@ -45,17 +45,20 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
     /** Nav-forced chat close; blocks URL sync from reopening chat in the same tick. */
     const layoutDismissedRef = useRef(false);
     const panelActive = embedAsPage || isOpen;
-    // Ensure valid currentChatId when chat opens
+    // Ensure a renderable session when the panel is active (pick existing or create).
     useEffect(() => {
-        if (panelActive && (!currentChatId || currentChatId === '')) {
-            if (chats.length > 0) {
-                // Select the first available chat
-                setCurrentChatId(chats[0].session_id);
-            }
-            else {
-                // Create a new chat if none exists
-                newChat();
-            }
+        if (!panelActive)
+            return;
+        const currentValid = currentChatId != null &&
+            currentChatId !== '' &&
+            chats.some(chat => chat.session_id === currentChatId);
+        if (currentValid)
+            return;
+        if (chats.length > 0) {
+            setCurrentChatId(chats[0].session_id);
+        }
+        else {
+            newChat();
         }
     }, [panelActive, currentChatId, chats, setCurrentChatId, newChat]);
     const [scriptByChatId, setScriptByChatId] = useState({});
@@ -294,8 +297,12 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         endLocalDemoFlow(chatId);
         void (async () => {
             try {
-                await sendMessage(displayLabel);
-                onMessage?.(displayLabel);
+                let payload = displayLabel;
+                if (transformSendPayload) {
+                    payload = await transformSendPayload(displayLabel, undefined, displayLabel);
+                }
+                const assistantResponse = await sendMessage(payload);
+                onMessage?.(displayTextFromSendPayload(payload), assistantResponse);
             }
             catch (error) {
                 logger.error('Error sending chat message:', error);
@@ -312,6 +319,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         sendMessage,
         onMessage,
         onScriptComplete,
+        transformSendPayload,
     ]);
     const handlePromptSubmit = useCallback(async (message, attachments) => {
         const chatId = currentChatId;
@@ -688,6 +696,16 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         }
         setIsOpen(false);
     }, [embedAsPage, shellChatPanelOpen, chatOpen, isOpen]);
+    /** Shell width reserved but no chat UI (e.g. nav dropped `?chat=` while old page still had it). */
+    useEffect(() => {
+        if (embedAsPage) {
+            return;
+        }
+        if (!shouldCloseOrphanShellChat(shellChatPanelOpen, chatOpen, isOpen)) {
+            return;
+        }
+        setChatPanelOpen(false);
+    }, [embedAsPage, shellChatPanelOpen, chatOpen, isOpen, setChatPanelOpen]);
     /** Shell chat closed while `?chat=` still set (fallback if layout event was missed). */
     useEffect(() => {
         if (embedAsPage) {
@@ -706,15 +724,20 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         }
         dismissChatForLayout();
     }, [embedAsPage, shellChatPanelOpen, chatOpen, dismissChatForLayout, isOpen]);
-    /** Route change: release shell slot only if this instance opened it (not Strict Mode remount). */
+    /** Route change: release shell unless destination URL still has `?chat=` (read live search, not stale closure). */
     useEffect(() => {
         return () => {
-            if (!embedAsPage && openedShellChatRef.current && !chatOpen) {
-                openedShellChatRef.current = false;
+            if (embedAsPage || !openedShellChatRef.current) {
+                return;
+            }
+            openedShellChatRef.current = false;
+            const chatStillInUrl = typeof window !== 'undefined' &&
+                new URLSearchParams(window.location.search).has(CHAT_QUERY_PARAM);
+            if (!chatStillInUrl) {
                 setChatPanelOpen(false);
             }
         };
-    }, [embedAsPage, chatOpen, setChatPanelOpen]);
+    }, [embedAsPage, setChatPanelOpen]);
     useEffect(() => {
         if (embedAsPage) {
             return;

package/dist/esm/components/ui/Tooltip/Tooltip.styl.js

@@ -1,6 +1,6 @@
 import styleInject from 'style-inject';
 
-var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.Tooltip_tooltipContent__b3pS-{backdrop-filter:blur(10px);background-color:var(--popover);border:1px solid var(--border);border-radius:var(--p-3);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:var(--popover-foreground);font-size:12px;min-width:100%;padding:6px 12px;text-wrap:balance;transform-origin:var(--radix-tooltip-content-transform-origin);width:-moz-fit-content;width:fit-content;word-break:break-word;z-index:50}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open],.Tooltip_tooltipContent__b3pS-[data-state=instant-open],.Tooltip_tooltipContent__b3pS-[data-state=open]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=closed]{animation:Tooltip_fade-out__UOBET .1s ease-in,Tooltip_zoom-out__fodOk .1s ease-in}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=bottom]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-top-2__8uuS- .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=left]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-right-2__Uu79F .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=right]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-left-2__23kHm .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=top],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=top],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=top]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-bottom-2__O-Aa8 .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=top]{animation:Tooltip_fade-out__UOBET .1s ease-in,Tooltip_zoom-out__fodOk .1s ease-in}.Tooltip_tooltipContent__b3pS-.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=delayed-open],.Tooltip_tooltipContent__b3pS-.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=instant-open],.Tooltip_tooltipContent__b3pS-.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=open]{animation:Tooltip_fade-in__ZQqZv .15s ease-out}.Tooltip_tooltipContent__b3pS-.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=closed]{animation:Tooltip_fade-out__UOBET .1s ease-in}.Tooltip_tooltipContentOverTrigger__VQAU3{box-sizing:border-box;height:auto}.Tooltip_tooltipArrow__87DVL{background-color:var(--popover);border-bottom:1px solid var(--border);border-left-width:1px;border-left:0 solid var(--border);border-radius:2px;border-right:1px solid var(--border);border-top-width:1px;border-top:0 solid var(--border);fill:var(--popover);height:10px;transform:translateY(calc(-50% + .5px)) rotate(45deg);width:10px;z-index:50}@keyframes Tooltip_fade-in__ZQqZv{0%{opacity:0}to{opacity:1}}@keyframes Tooltip_fade-out__UOBET{0%{opacity:1}to{opacity:0}}@keyframes Tooltip_zoom-in__SbWQb{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes Tooltip_zoom-out__fodOk{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes Tooltip_slide-in-from-top-2__8uuS-{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes Tooltip_slide-in-from-right-2__Uu79F{0%{opacity:0;transform:translateX(.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip_slide-in-from-left-2__23kHm{0%{opacity:0;transform:translateX(-.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip_slide-in-from-bottom-2__O-Aa8{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}";
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.Tooltip_tooltipContent__b3pS-{backdrop-filter:blur(10px);background-color:var(--popover);border:1px solid var(--border);border-radius:var(--p-3);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:var(--popover-foreground);font-size:12px;min-width:100%;padding:6px 12px;text-wrap:balance;transform-origin:var(--radix-tooltip-content-transform-origin);width:-moz-fit-content;width:fit-content;word-break:break-word;z-index:50}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open],.Tooltip_tooltipContent__b3pS-[data-state=instant-open],.Tooltip_tooltipContent__b3pS-[data-state=open]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=closed]{animation:Tooltip_fade-out__UOBET .1s ease-in,Tooltip_zoom-out__fodOk .1s ease-in}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=bottom]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-top-2__8uuS- .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=left]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-right-2__Uu79F .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=right]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-left-2__23kHm .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=top],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=top],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=top]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-bottom-2__O-Aa8 .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=top]{animation:Tooltip_fade-out__UOBET .1s ease-in,Tooltip_zoom-out__fodOk .1s ease-in}.Tooltip_tooltipContent__b3pS-.Tooltip_tooltipContentOverTrigger__VQAU3{box-sizing:border-box;height:auto;text-wrap:wrap}.Tooltip_tooltipContent__b3pS-.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=delayed-open],.Tooltip_tooltipContent__b3pS-.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=instant-open],.Tooltip_tooltipContent__b3pS-.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=open]{animation:Tooltip_fade-in__ZQqZv .15s ease-out}.Tooltip_tooltipContent__b3pS-.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=closed]{animation:Tooltip_fade-out__UOBET .1s ease-in}.Tooltip_tooltipArrow__87DVL{background-color:var(--popover);border-bottom:1px solid var(--border);border-left-width:1px;border-left:0 solid var(--border);border-radius:2px;border-right:1px solid var(--border);border-top-width:1px;border-top:0 solid var(--border);fill:var(--popover);height:10px;transform:translateY(calc(-50% + .5px)) rotate(45deg);width:10px;z-index:50}@keyframes Tooltip_fade-in__ZQqZv{0%{opacity:0}to{opacity:1}}@keyframes Tooltip_fade-out__UOBET{0%{opacity:1}to{opacity:0}}@keyframes Tooltip_zoom-in__SbWQb{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes Tooltip_zoom-out__fodOk{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes Tooltip_slide-in-from-top-2__8uuS-{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes Tooltip_slide-in-from-right-2__Uu79F{0%{opacity:0;transform:translateX(.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip_slide-in-from-left-2__23kHm{0%{opacity:0;transform:translateX(-.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip_slide-in-from-bottom-2__O-Aa8{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}";
 var S = {"tooltipContent":"Tooltip_tooltipContent__b3pS-","fade-in":"Tooltip_fade-in__ZQqZv","zoom-in":"Tooltip_zoom-in__SbWQb","fade-out":"Tooltip_fade-out__UOBET","zoom-out":"Tooltip_zoom-out__fodOk","slide-in-from-top-2":"Tooltip_slide-in-from-top-2__8uuS-","slide-in-from-right-2":"Tooltip_slide-in-from-right-2__Uu79F","slide-in-from-left-2":"Tooltip_slide-in-from-left-2__23kHm","slide-in-from-bottom-2":"Tooltip_slide-in-from-bottom-2__O-Aa8","tooltipContentOverTrigger":"Tooltip_tooltipContentOverTrigger__VQAU3","tooltipArrow":"Tooltip_tooltipArrow__87DVL"};
 styleInject(css_248z);
 

package/dist/esm/contexts/chat-context.js

@@ -270,6 +270,23 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
             return { ...prev, [scopeId]: updatedChats };
         });
     }, [userSwitchKey]);
+    const setChatMessages = useCallback((scopeId, chatId, messages) => {
+        if (userSwitchKey === null)
+            return;
+        addScopeIdToRegistry(scopeId);
+        const cloned = messages.map(message => ({ ...message }));
+        setChats(prev => {
+            const scopeChats = prev[scopeId] ?? [];
+            const updatedChats = scopeChats.map(chat => {
+                if (chat.session_id !== chatId)
+                    return chat;
+                return { ...chat, messages: cloned };
+            });
+            const chatsKey = getChatsKey(scopeId);
+            LS.set(chatsKey, updatedChats);
+            return { ...prev, [scopeId]: updatedChats };
+        });
+    }, [userSwitchKey]);
     const sendMessage = useCallback(async (scopeId, message, chatId) => {
         const targetChatId = chatId ?? getCurrentChatId(scopeId);
         if (targetChatId === null || targetChatId === '') {
@@ -347,6 +364,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
             addMessage,
             removeMessageById,
             updateMessageById,
+            setChatMessages,
             sendMessage,
             getChatsForScopeId,
             getCurrentChatId,

package/dist/esm/types/src/components/ui/Chart/Chart.helpers.d.ts

@@ -1,4 +1,20 @@
 import { ChartConfig } from './Chart.types';
+/** Recharts may reuse/mutate tooltip payload arrays across hovers — copy + dedupe by series key. */
+export type TooltipPayloadEntry = {
+    type?: string;
+    name?: string;
+    dataKey?: string;
+    value?: unknown;
+    payload?: unknown;
+    color?: string;
+};
+export type TooltipItem = TooltipPayloadEntry & {
+    type: string;
+    name: string;
+    value: number | [number, number];
+    color: string;
+};
+export declare function normalizeTooltipPayload(payload: readonly TooltipPayloadEntry[] | undefined | null): TooltipPayloadEntry[] | undefined;
 export declare function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): {
     label?: React.ReactNode;
     icon?: React.ComponentType;

package/dist/esm/types/src/components/ui/Chart/components/ChartTooltipItem.d.ts

@@ -1,13 +1,6 @@
 import { ReactNode } from 'react';
+import { type TooltipItem } from '../Chart.helpers';
 import { ChartConfig } from '../Chart.types';
-type TooltipItem = {
-    type: string;
-    name: string;
-    value: number | [number, number];
-    payload: unknown;
-    color: string;
-    dataKey?: string;
-};
 type ChartTooltipItemProps = {
     item: TooltipItem;
     index: number;

package/dist/esm/types/src/components/ui/Chat/ChatSheet/chatPanelOpenSync.d.ts

@@ -2,6 +2,10 @@
 export declare function shouldOpenChatFromUrl(chatOpen: boolean, layoutDismissed: boolean): boolean;
 export declare function shouldHealChatShellDesync(chatOpen: boolean, shellChatPanelOpen: boolean, layoutDismissed: boolean, isOpen: boolean): boolean;
 export declare function shouldCloseStaleLocalChatOpen(shellChatPanelOpen: boolean, chatOpen: boolean, isOpen: boolean): boolean;
+/** Shell still reserves width but no instance is showing chat (e.g. route change dropped `?chat=`). */
+export declare function shouldCloseOrphanShellChat(shellChatPanelOpen: boolean, chatOpen: boolean, isOpen: boolean): boolean;
+/** App shell: collapse chat column when URL has no `?chat=` (no mounted ChatSheet required). */
+export declare function shouldCollapseShellChatWithoutUrlParam(hasChatUrlParam: boolean): boolean;
 export declare function shouldDismissChatAfterShellClosed(params: {
     shellChatPanelOpen: boolean;
     wasShellChatPanelOpen: boolean;

package/dist/esm/types/src/contexts/chat-context.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { type Chat, type ChatSendMessagePayload, MessageRole, type UserTextFileAttachment } from '#uilib/components/ui/Chat/Chat.types';
+import { type Chat, type ChatSendMessagePayload, type Message, MessageRole, type UserTextFileAttachment } from '#uilib/components/ui/Chat/Chat.types';
 import type { ChatResponse } from '#uilib/types/chat-api.types';
 export type SendChatMessageFn = (message: string, targetChatId: string) => Promise<ChatResponse>;
 export type { ChatSendMessagePayload, UserTextFileAttachment, } from '#uilib/components/ui/Chat/Chat.types';
@@ -20,6 +20,8 @@ export interface ChatContextType {
     addMessage: (scopeId: string, chatId: string, role: MessageRole, text: string, options?: AddChatMessageOptions) => string | undefined;
     removeMessageById: (scopeId: string, chatId: string, messageId: string) => void;
     updateMessageById: (scopeId: string, chatId: string, messageId: string, patch: UpdateChatMessagePatch) => void;
+    /** Replaces all messages on a session (e.g. seeding from another chat). */
+    setChatMessages: (scopeId: string, chatId: string, messages: Message[]) => void;
     sendMessage: (scopeId: string, message: string | ChatSendMessagePayload, chatId?: string) => Promise<string>;
     getChatsForScopeId: (scopeId: string) => Chat[];
     getCurrentChatId: (scopeId: string) => string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sybilion/uilib",
-  "version": "1.3.66",
+  "version": "1.3.68",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",

package/src/components/ui/Chart/Chart.helpers.ts

@@ -1,5 +1,47 @@
 import { ChartConfig } from './Chart.types';
 
+/** Recharts may reuse/mutate tooltip payload arrays across hovers — copy + dedupe by series key. */
+export type TooltipPayloadEntry = {
+  type?: string;
+  name?: string;
+  dataKey?: string;
+  value?: unknown;
+  payload?: unknown;
+  color?: string;
+};
+
+export type TooltipItem = TooltipPayloadEntry & {
+  type: string;
+  name: string;
+  value: number | [number, number];
+  color: string;
+};
+
+export function normalizeTooltipPayload(
+  payload: readonly TooltipPayloadEntry[] | undefined | null,
+): TooltipPayloadEntry[] | undefined {
+  if (!payload?.length) return undefined;
+
+  const seen = new Set<string>();
+  const result: TooltipPayloadEntry[] = [];
+
+  for (const item of payload) {
+    if (
+      item.value === null ||
+      item.value === undefined ||
+      item.type === 'none'
+    ) {
+      continue;
+    }
+    const key = String(item.dataKey ?? item.name ?? result.length);
+    if (seen.has(key)) continue;
+    seen.add(key);
+    result.push({ ...item });
+  }
+
+  return result.length ? result : undefined;
+}
+
 export function getPayloadConfigFromPayload(
   config: ChartConfig,
   payload: unknown,

package/src/components/ui/Chart/components/BaseChartWrapper.tsx

@@ -21,6 +21,7 @@ import { chartRenderQueue } from '#uilib/utils/chartRenderQueue';
 import { Tooltip as ChartTooltip, ComposedChart, LineChart } from 'recharts';
 import { LegendPayload } from 'recharts/types/component/DefaultLegendContent';
 
+import { normalizeTooltipPayload } from '../Chart.helpers';
 import type { ChartConfig } from '../Chart.types';
 import { getPlotViewBox, resolveChartMargin } from '../tools/chartPlotGeometry';
 import { formatDate } from '../tools/formatters';
@@ -390,10 +391,7 @@ const BaseChartWrapperContent = forwardRef<
   const renderTooltipContent = (props: any) => {
     // Filter payload to exclude items with null/undefined values
     // This prevents showing stale data when hovering on dates without data points
-    const filteredPayload = props.payload?.filter(
-      (item: any) =>
-        item.value !== null && item.value !== undefined && item.type !== 'none',
-    );
+    const filteredPayload = normalizeTooltipPayload(props.payload);
 
     // If no valid payload items, render ChartTooltipContent with active=false and empty payload
     // This allows ChartTooltipContent to clear its lastTooltipData state

package/src/components/ui/Chart/components/ChartTooltipContent.tsx

@@ -2,21 +2,17 @@ import cn from 'classnames';
 import { useEffect, useMemo, useState } from 'react';
 
 import { useChart } from '#uilib/components/ui/Chart/Chart.context';
-import { getPayloadConfigFromPayload } from '#uilib/components/ui/Chart/Chart.helpers';
+import {
+  type TooltipItem,
+  type TooltipPayloadEntry,
+  getPayloadConfigFromPayload,
+  normalizeTooltipPayload,
+} from '#uilib/components/ui/Chart/Chart.helpers';
 import { ChartTooltipContentProps } from '#uilib/components/ui/Chart/Chart.types';
 
 import S from '../Chart.styl';
 import { ChartTooltipItem } from './ChartTooltipItem';
 
-type TooltipItem = {
-  type: string;
-  name: string;
-  value: number | [number, number];
-  payload: unknown;
-  color: string;
-  dataKey?: string;
-};
-
 export function ChartTooltipContent({
   active,
   className,
@@ -41,32 +37,41 @@ export function ChartTooltipContent({
     label: string | number | undefined;
   } | null>(null);
 
+  const normalizedPayload = useMemo(
+    () => normalizeTooltipPayload(payload as TooltipPayloadEntry[] | undefined),
+    [payload],
+  );
+
   // Update last tooltip data when active
   useEffect(() => {
-    // Clear lastTooltipData immediately if label changed (prevents stale data)
-    // Only clear if label is explicitly provided and different (not undefined)
-    if (lastTooltipData && label && lastTooltipData.label !== label) {
-      setLastTooltipData(null);
-    }
-
-    if (active && payload?.length) {
-      setLastTooltipData({
-        active,
-        payload: payload as TooltipItem[],
-        label,
-      });
-    }
-    // Don't clear lastTooltipData when mouse moves out - keep it for position maintenance
-    // It will be cleared when label changes (above) or when new active data arrives
-  }, [active, payload, label]);
+    setLastTooltipData(prev => {
+      // Clear when label changed (prevents stale data)
+      let next = prev;
+      if (prev && label && prev.label !== label) {
+        next = null;
+      }
+
+      if (active && normalizedPayload?.length) {
+        return {
+          active: true,
+          payload: normalizedPayload as TooltipItem[],
+          label,
+        };
+      }
+
+      // Keep frozen snapshot when inactive (position maintenance in BaseChartWrapper)
+      if (!active && next) {
+        return { ...next, active: false };
+      }
+
+      return next;
+    });
+  }, [active, normalizedPayload, label]);
 
-  // Use last tooltip data if current is inactive, otherwise use current
-  // lastTooltipData is already cleared in useEffect if label changed, so safe to use here
-  const displayActive = active || (lastTooltipData?.active ?? false);
   const displayPayload: TooltipItem[] | undefined =
-    active && payload?.length
-      ? (payload as TooltipItem[])
-      : lastTooltipData?.payload;
+    active && normalizedPayload?.length
+      ? (normalizedPayload as TooltipItem[])
+      : (lastTooltipData?.payload as TooltipItem[] | undefined);
   const displayLabel = active ? label : lastTooltipData?.label;
 
   const tooltipLabel = useMemo(() => {

package/src/components/ui/Chart/components/ChartTooltipItem.tsx

@@ -1,19 +1,10 @@
 import cn from 'classnames';
 import { CSSProperties, ReactNode } from 'react';
 
-import { getPayloadConfigFromPayload } from '../Chart.helpers';
+import { getPayloadConfigFromPayload, type TooltipItem } from '../Chart.helpers';
 import S from '../Chart.styl';
 import { ChartConfig } from '../Chart.types';
 
-type TooltipItem = {
-  type: string;
-  name: string;
-  value: number | [number, number];
-  payload: unknown;
-  color: string;
-  dataKey?: string;
-};
-
 type ChartTooltipItemProps = {
   item: TooltipItem;
   index: number;

package/src/components/ui/Chat/ChatSheet/chatPanelOpenSync.test.ts

@@ -1,6 +1,8 @@
 import {
   isChatPanelVisible,
+  shouldCloseOrphanShellChat,
   shouldCloseStaleLocalChatOpen,
+  shouldCollapseShellChatWithoutUrlParam,
   shouldDismissChatAfterShellClosed,
   shouldHealChatShellDesync,
   shouldOpenChatFromUrl,
@@ -36,6 +38,30 @@ describe('shouldCloseStaleLocalChatOpen', () => {
   });
 });
 
+describe('shouldCollapseShellChatWithoutUrlParam', () => {
+  it('collapses when chat param absent', () => {
+    expect(shouldCollapseShellChatWithoutUrlParam(false)).toBe(true);
+  });
+
+  it('keeps shell when chat param present', () => {
+    expect(shouldCollapseShellChatWithoutUrlParam(true)).toBe(false);
+  });
+});
+
+describe('shouldCloseOrphanShellChat', () => {
+  it('closes shell slot when URL and local UI are both closed', () => {
+    expect(shouldCloseOrphanShellChat(true, false, false)).toBe(true);
+  });
+
+  it('keeps shell while ?chat= requests panel', () => {
+    expect(shouldCloseOrphanShellChat(true, true, false)).toBe(false);
+  });
+
+  it('keeps shell while this instance still renders chat', () => {
+    expect(shouldCloseOrphanShellChat(true, false, true)).toBe(false);
+  });
+});
+
 describe('shouldDismissChatAfterShellClosed', () => {
   it('dismisses when shell closes with ?chat= and this instance opened chat', () => {
     expect(

package/src/components/ui/Chat/ChatSheet/chatPanelOpenSync.ts

@@ -30,6 +30,22 @@ export function shouldCloseStaleLocalChatOpen(
   return !shellChatPanelOpen && !chatOpen && isOpen;
 }
 
+/** Shell still reserves width but no instance is showing chat (e.g. route change dropped `?chat=`). */
+export function shouldCloseOrphanShellChat(
+  shellChatPanelOpen: boolean,
+  chatOpen: boolean,
+  isOpen: boolean,
+): boolean {
+  return shellChatPanelOpen && !chatOpen && !isOpen;
+}
+
+/** App shell: collapse chat column when URL has no `?chat=` (no mounted ChatSheet required). */
+export function shouldCollapseShellChatWithoutUrlParam(
+  hasChatUrlParam: boolean,
+): boolean {
+  return !hasChatUrlParam;
+}
+
 export function shouldDismissChatAfterShellClosed(params: {
   shellChatPanelOpen: boolean;
   wasShellChatPanelOpen: boolean;

package/src/components/ui/Chat/ChatSheet/useChatPanelChromeModel.tsx

@@ -54,6 +54,7 @@ import type { ChatEmptyStateConfig } from '../ChatEmptyState/ChatEmptyState.type
 import type { ChatEmptyStateProps } from '../ChatEmptyState/ChatEmptyState.types';
 import {
   isChatPanelVisible,
+  shouldCloseOrphanShellChat,
   shouldCloseStaleLocalChatOpen,
   shouldDismissChatAfterShellClosed,
   shouldHealChatShellDesync,
@@ -197,16 +198,20 @@ export function useChatPanelChromeModel({
   const layoutDismissedRef = useRef(false);
   const panelActive = embedAsPage || isOpen;
 
-  // Ensure valid currentChatId when chat opens
+  // Ensure a renderable session when the panel is active (pick existing or create).
   useEffect(() => {
-    if (panelActive && (!currentChatId || currentChatId === '')) {
-      if (chats.length > 0) {
-        // Select the first available chat
-        setCurrentChatId(chats[0].session_id);
-      } else {
-        // Create a new chat if none exists
-        newChat();
-      }
+    if (!panelActive) return;
+
+    const currentValid =
+      currentChatId != null &&
+      currentChatId !== '' &&
+      chats.some(chat => chat.session_id === currentChatId);
+    if (currentValid) return;
+
+    if (chats.length > 0) {
+      setCurrentChatId(chats[0].session_id);
+    } else {
+      newChat();
     }
   }, [panelActive, currentChatId, chats, setCurrentChatId, newChat]);
   const [scriptByChatId, setScriptByChatId] = useState<
@@ -496,8 +501,16 @@ export function useChatPanelChromeModel({
       endLocalDemoFlow(chatId);
       void (async () => {
         try {
-          await sendMessage(displayLabel);
-          onMessage?.(displayLabel);
+          let payload: string | ChatSendMessagePayload = displayLabel;
+          if (transformSendPayload) {
+            payload = await transformSendPayload(
+              displayLabel,
+              undefined,
+              displayLabel,
+            );
+          }
+          const assistantResponse = await sendMessage(payload);
+          onMessage?.(displayTextFromSendPayload(payload), assistantResponse);
         } catch (error) {
           logger.error('Error sending chat message:', error);
         }
@@ -514,6 +527,7 @@ export function useChatPanelChromeModel({
       sendMessage,
       onMessage,
       onScriptComplete,
+      transformSendPayload,
     ],
   );
 
@@ -936,6 +950,17 @@ export function useChatPanelChromeModel({
     setIsOpen(false);
   }, [embedAsPage, shellChatPanelOpen, chatOpen, isOpen]);
 
+  /** Shell width reserved but no chat UI (e.g. nav dropped `?chat=` while old page still had it). */
+  useEffect(() => {
+    if (embedAsPage) {
+      return;
+    }
+    if (!shouldCloseOrphanShellChat(shellChatPanelOpen, chatOpen, isOpen)) {
+      return;
+    }
+    setChatPanelOpen(false);
+  }, [embedAsPage, shellChatPanelOpen, chatOpen, isOpen, setChatPanelOpen]);
+
   /** Shell chat closed while `?chat=` still set (fallback if layout event was missed). */
   useEffect(() => {
     if (embedAsPage) {
@@ -957,15 +982,21 @@ export function useChatPanelChromeModel({
     dismissChatForLayout();
   }, [embedAsPage, shellChatPanelOpen, chatOpen, dismissChatForLayout, isOpen]);
 
-  /** Route change: release shell slot only if this instance opened it (not Strict Mode remount). */
+  /** Route change: release shell unless destination URL still has `?chat=` (read live search, not stale closure). */
   useEffect(() => {
     return () => {
-      if (!embedAsPage && openedShellChatRef.current && !chatOpen) {
-        openedShellChatRef.current = false;
+      if (embedAsPage || !openedShellChatRef.current) {
+        return;
+      }
+      openedShellChatRef.current = false;
+      const chatStillInUrl =
+        typeof window !== 'undefined' &&
+        new URLSearchParams(window.location.search).has(CHAT_QUERY_PARAM);
+      if (!chatStillInUrl) {
         setChatPanelOpen(false);
       }
     };
-  }, [embedAsPage, chatOpen, setChatPanelOpen]);
+  }, [embedAsPage, setChatPanelOpen]);
 
   useEffect(() => {
     if (embedAsPage) {

package/src/components/ui/Tooltip/Tooltip.styl

@@ -59,6 +59,10 @@
     animation fade-out 0.1s ease-in, zoom-out 0.1s ease-in
 
   &.tooltipContentOverTrigger
+    box-sizing border-box
+    height auto
+    text-wrap initial
+
     &[data-state="open"],
     &[data-state="instant-open"],
     &[data-state="delayed-open"]
@@ -67,10 +71,6 @@
     &[data-state="closed"]
       animation fade-out 0.1s ease-in
 
-.tooltipContentOverTrigger
-  box-sizing border-box
-  height auto
-
 .tooltipArrow
   z-index 50
   width 10px

package/src/contexts/chat-context.tsx

@@ -67,6 +67,12 @@ export interface ChatContextType {
     messageId: string,
     patch: UpdateChatMessagePatch,
   ) => void;
+  /** Replaces all messages on a session (e.g. seeding from another chat). */
+  setChatMessages: (
+    scopeId: string,
+    chatId: string,
+    messages: Message[],
+  ) => void;
   sendMessage: (
     scopeId: string,
     message: string | ChatSendMessagePayload,
@@ -425,6 +431,28 @@ export function ChatProvider({
     [userSwitchKey],
   );
 
+  const setChatMessages = useCallback(
+    (scopeId: string, chatId: string, messages: Message[]) => {
+      if (userSwitchKey === null) return;
+      addScopeIdToRegistry(scopeId);
+      const cloned = messages.map(message => ({ ...message }));
+
+      setChats(prev => {
+        const scopeChats = prev[scopeId] ?? [];
+        const updatedChats = scopeChats.map(chat => {
+          if (chat.session_id !== chatId) return chat;
+          return { ...chat, messages: cloned };
+        });
+
+        const chatsKey = getChatsKey(scopeId);
+        LS.set(chatsKey, updatedChats);
+
+        return { ...prev, [scopeId]: updatedChats };
+      });
+    },
+    [userSwitchKey],
+  );
+
   const sendMessage = useCallback(
     async (
       scopeId: string,
@@ -543,6 +571,7 @@ export function ChatProvider({
         addMessage,
         removeMessageById,
         updateMessageById,
+        setChatMessages,
         sendMessage,
         getChatsForScopeId,
         getCurrentChatId,