@sybilion/uilib 1.3.67 → 1.3.68

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/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.67",
+  "version": "1.3.68",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",

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,