@sybilion/uilib 1.3.72 → 1.3.74

package/dist/esm/components/ui/AppHeader/AppHeader.js

@@ -5,8 +5,8 @@ import { createPortal } from 'react-dom';
 import S from './AppHeader.styl.js';
 import { PAGE_HEADER_ID } from './appChromeAnchors.js';
 
-function AppHeaderHost({ className, anchorId = PAGE_HEADER_ID, }) {
-    return jsx("header", { className: cn(S.root, className), id: anchorId });
+function AppHeaderHost({ className, anchorId = PAGE_HEADER_ID, sticky, }) {
+    return (jsx("header", { className: cn(S.root, sticky && S.sticky, className), id: anchorId }));
 }
 function AppHeaderPortal({ children, pageHeaderId = PAGE_HEADER_ID, }) {
     const [container, setContainer] = useState(null);

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

@@ -1,7 +1,7 @@
 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)}}.AppHeader_root__SdbDv{align-items:center;align-self:flex-end;background-color:var(--color-background);display:flex;max-width:calc(100vw - var(--sidebar-width) - var(--p-3));min-height:var(--header-height);padding-right:var(--p-2);width:100%}@media (max-width:768px){.AppHeader_root__SdbDv{max-width:100%;padding-left:200px}}@media (min-width:768px){[data-slot=sidebar-wrapper][data-state=collapsed] .AppHeader_root__SdbDv{max-width:100%;padding-left:200px}}.AppHeader_content__kyxem{align-items:center;display:flex;gap:2rem;justify-content:flex-end;padding:0 var(--p-9);width:100%}.AppHeader_logo__v31FX{align-items:center;color:var(--color-foreground);display:flex;font-size:1.5rem;font-weight:400;gap:.5rem;text-decoration:none;white-space:nowrap}.AppHeader_logo__v31FX svg{display:inline-flex;height:32px;transition:transform .1s ease-in-out;width:auto}.AppHeader_logo__v31FX:hover svg{transform:scale(1.05)}.AppHeader_nav__ahN1p{align-items:center;display:flex;flex:1;gap:1.5rem;justify-content:center}@media (max-width:units(768px,\"px\")){.AppHeader_nav__ahN1p{display:none}}.AppHeader_navLink__z43jY{color:var(--color-muted-foreground);font-size:.875rem;font-weight:400;text-decoration:none;transition:color .2s ease}.AppHeader_navLink__z43jY:hover{color:var(--color-foreground)}.AppHeader_actions__QuxEF{align-items:center;display:flex;gap:var(--p-4);margin-right:var(--p-2)}@media (max-width:units(768px,\"px\")){.AppHeader_actions__QuxEF{gap:var(--p-1)}}.AppHeader_pageHeaderActionsAnchor__qzQMs{align-items:center;display:flex;flex-shrink:0;gap:var(--p-4)}";
-var S = {"root":"AppHeader_root__SdbDv","content":"AppHeader_content__kyxem","logo":"AppHeader_logo__v31FX","nav":"AppHeader_nav__ahN1p","navLink":"AppHeader_navLink__z43jY","actions":"AppHeader_actions__QuxEF","pageHeaderActionsAnchor":"AppHeader_pageHeaderActionsAnchor__qzQMs"};
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.AppHeader_root__SdbDv{align-items:center;align-self:flex-end;background-color:var(--color-background);display:flex;max-width:calc(100vw - var(--sidebar-width) - var(--p-3));min-height:var(--header-height);padding-right:var(--p-2);position:relative;width:100%}@media (max-width:768px){.AppHeader_root__SdbDv{max-width:100%;padding-left:200px}}@media (min-width:768px){[data-slot=sidebar-wrapper][data-state=collapsed] .AppHeader_root__SdbDv{max-width:100%;padding-left:200px}}.AppHeader_sticky__qFWuq{backdrop-filter:blur(10px);background-color:color-mix(in srgb,var(--background) 80%,transparent);box-shadow:inset 0 40px 50px 20px var(--background);position:sticky;top:0;z-index:100}.AppHeader_content__kyxem{align-items:center;display:flex;gap:2rem;justify-content:flex-end;padding:0 var(--p-9);width:100%}.AppHeader_logo__v31FX{align-items:center;color:var(--color-foreground);display:flex;font-size:1.5rem;font-weight:400;gap:.5rem;text-decoration:none;white-space:nowrap}.AppHeader_logo__v31FX svg{display:inline-flex;height:32px;transition:transform .1s ease-in-out;width:auto}.AppHeader_logo__v31FX:hover svg{transform:scale(1.05)}.AppHeader_nav__ahN1p{align-items:center;display:flex;flex:1;gap:1.5rem;justify-content:center}@media (max-width:units(768px,\"px\")){.AppHeader_nav__ahN1p{display:none}}.AppHeader_navLink__z43jY{color:var(--color-muted-foreground);font-size:.875rem;font-weight:400;text-decoration:none;transition:color .2s ease}.AppHeader_navLink__z43jY:hover{color:var(--color-foreground)}.AppHeader_actions__QuxEF{align-items:center;display:flex;gap:var(--p-4);margin-right:var(--p-2)}@media (max-width:units(768px,\"px\")){.AppHeader_actions__QuxEF{gap:var(--p-1)}}.AppHeader_pageHeaderActionsAnchor__qzQMs{align-items:center;display:flex;flex-shrink:0;gap:var(--p-4)}";
+var S = {"root":"AppHeader_root__SdbDv","sticky":"AppHeader_sticky__qFWuq","content":"AppHeader_content__kyxem","logo":"AppHeader_logo__v31FX","nav":"AppHeader_nav__ahN1p","navLink":"AppHeader_navLink__z43jY","actions":"AppHeader_actions__QuxEF","pageHeaderActionsAnchor":"AppHeader_pageHeaderActionsAnchor__qzQMs"};
 styleInject(css_248z);
 
 export { S as default };

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

@@ -7,8 +7,8 @@ import { ChatMessage } from './ChatMessage/ChatMessage.js';
 import { ChatPrompt } from './ChatPrompt/ChatPrompt.js';
 import { ChatSelector } from './ChatSheet/ChatSelector.js';
 
-function Chat({ children, className, isEmpty, scopeId, onChatDeleted, ...props }) {
-    return (jsxs("div", { className: cn(S.root, className, isEmpty && S.isEmpty), ...props, children: [scopeId ? (jsx("div", { className: S.header, children: jsx(ChatSelector, { id: scopeId, onChatDeleted: onChatDeleted }) })) : null, children] }));
+function Chat({ children, className, isEmpty, scopeId, onChatDeleted, onNewChat, ...props }) {
+    return (jsxs("div", { className: cn(S.root, className, isEmpty && S.isEmpty), ...props, children: [scopeId ? (jsx("div", { className: S.header, children: jsx(ChatSelector, { id: scopeId, onChatDeleted: onChatDeleted, onNewChat: onNewChat }) })) : null, children] }));
 }
 Chat.Prompt = ChatPrompt;
 Chat.Message = ChatMessage;

package/dist/esm/components/ui/Chat/ChatChrome/ChatChrome.js

@@ -14,7 +14,7 @@ import { filterToTextAttachments, isAttachmentsDropzoneEnabled, buildAcceptAttr
 import { extractChatAttachmentItems } from '../chatAttachmentExtract.js';
 import S from './ChatChrome.styl.js';
 
-function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, scriptContinueLabel, onScriptContinue, renderMessageChart, showSyntheticBranchButtons, unusedBranchKeys, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, promptPrefill, footerClassName, emptyState, allowedAttachments, allowPdfAttachments = false, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, promptPlaceholder, }) {
+function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, loadingLabel, scriptContinueLabel, onScriptContinue, renderMessageChart, showSyntheticBranchButtons, unusedBranchKeys, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, onNewChat, promptPrefill, footerClassName, emptyState, allowedAttachments, allowPdfAttachments = false, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, promptPlaceholder, }) {
     const filteredAllowedAttachments = useMemo(() => filterToTextAttachments(allowedAttachments), [allowedAttachments]);
     const attachmentsDropzoneEnabled = isAttachmentsDropzoneEnabled(allowedAttachments, allowPdfAttachments);
     const attachmentAccept = useMemo(() => buildAcceptAttr(filteredAllowedAttachments, allowPdfAttachments), [filteredAllowedAttachments, allowPdfAttachments]);
@@ -66,7 +66,7 @@ function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPr
         if (inner)
             setTimeout(scrollToBottom, 100);
     }, [isEmpty, messages.length]);
-    return (jsxs("div", { className: S.root, children: [showResizeHandle && resizeHandle ? (jsx(PanelResizeHandle, { edge: "leading", isActive: resizeHandle.isActive, startWidthPx: resizeHandle.startWidthPx, getShellWidth: resizeHandle.getShellWidth, onDragWidth: resizeHandle.onDragWidth, onDragComplete: resizeHandle.onDragComplete, className: cn(SidebarStem.sidebarResizeHandle, S.chatResizeHandle) })) : null, jsx("div", { className: S.panelHeader, children: onClose ? (jsx(Button, { type: "button", variant: "ghost", icon: true, className: S.panelClose, "aria-label": "Close chat", onClick: onClose, children: jsx(X, { className: "size-4" }) })) : null }), jsxs("div", { className: S.content, children: [attachmentsDropzoneEnabled ? (jsx(DropZone, { accept: attachmentAccept, label: "Drop text files to attach", multiple: true, ghost: true, overlayScope: "container", disabled: promptDisabled, className: S.attachmentDropzone, onFiles: handleAttachmentFiles })) : null, jsxs(Chat, { isEmpty: isEmpty, scopeId: effectiveScopeId, onChatDeleted: onChatDeleted, children: [isEmpty ? (jsxs(Fragment, { children: [jsx(Chat.EmptyState, { ...emptyState }), renderPresets('fixed')] })) : (jsx("div", { className: S.scrollWrapper, children: jsxs(Scroll, { y: true, yScrollbarClassName: S.scrollbar, className: S.scroll, innerClassName: S.scrollInner, offset: { y: { before: 56, after: 180 } }, fadeSize: "m", autoHide: true, ref: scrollRef, children: [messages.map((msg, index, arr) => {
+    return (jsxs("div", { className: S.root, children: [showResizeHandle && resizeHandle ? (jsx(PanelResizeHandle, { edge: "leading", isActive: resizeHandle.isActive, startWidthPx: resizeHandle.startWidthPx, getShellWidth: resizeHandle.getShellWidth, onDragWidth: resizeHandle.onDragWidth, onDragComplete: resizeHandle.onDragComplete, className: cn(SidebarStem.sidebarResizeHandle, S.chatResizeHandle) })) : null, jsx("div", { className: S.panelHeader, children: onClose ? (jsx(Button, { type: "button", variant: "ghost", icon: true, className: S.panelClose, "aria-label": "Close chat", onClick: onClose, children: jsx(X, { className: "size-4" }) })) : null }), jsxs("div", { className: S.content, children: [attachmentsDropzoneEnabled ? (jsx(DropZone, { accept: attachmentAccept, label: "Drop text files to attach", multiple: true, ghost: true, overlayScope: "container", disabled: promptDisabled, className: S.attachmentDropzone, onFiles: handleAttachmentFiles })) : null, jsxs(Chat, { isEmpty: isEmpty, scopeId: effectiveScopeId, onChatDeleted: onChatDeleted, onNewChat: onNewChat, children: [isEmpty ? (jsxs(Fragment, { children: [jsx(Chat.EmptyState, { ...emptyState }), renderPresets('fixed')] })) : (jsx("div", { className: S.scrollWrapper, children: jsxs(Scroll, { y: true, yScrollbarClassName: S.scrollbar, className: S.scroll, innerClassName: S.scrollInner, offset: { y: { before: 56, after: 180 } }, fadeSize: "m", autoHide: true, ref: scrollRef, children: [messages.map((msg, index, arr) => {
                                             const isLast = index === arr.length - 1;
                                             return (jsx(Chat.Message, { role: msg.role, text: msg.text, inProgress: msg.inProgress, userTextFileAttachments: msg.userTextFileAttachments, onQuickReply: onQuickReply, suppressedQuickReplyKeys: suppressedQuickReplyKeys, quickReplyDisabled: isLoading, isLastMessage: isLast, scriptContinue: isLast && scriptContinueLabel
                                                     ? { label: scriptContinueLabel }
@@ -77,7 +77,7 @@ function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPr
                                                 const label = displayLabelForBranchKeyFromMessages(key, messages) ??
                                                     humanizeBranchKey(key);
                                                 return (jsx("span", { className: S.branchBtnWrap, children: jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: isLoading, onClick: () => onQuickReply(key, label), children: [jsx(PaperPlaneRightIcon, {}), label] }) }, key));
-                                            }) })) : null, showInlinePresets && renderPresets('inline'), isLoading && isLastMessageFromUser && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: "Thinking..." }))] }) })), jsxs("div", { className: cn(S.footer, footerClassName), children: [isEmpty ? (jsx("div", { className: S.notice, children: "Forecast Assistant can make mistakes." })) : null, jsx(Chat.Prompt, { onSubmit: handlePromptSubmitWithAttachments, disabled: promptDisabled, attachments: pendingAttachments, onRemoveAttachment: handleRemoveAttachment, prefillMessage: promptPrefill ?? undefined, placeholder: promptPlaceholder, slashCommandItems: slashCommandItems, onSlashItemCommand: onSlashItemCommand, attachmentAccept: attachmentsDropzoneEnabled ? attachmentAccept : undefined, onAttachmentFiles: attachmentsDropzoneEnabled ? handleAttachmentFiles : undefined })] })] })] })] }));
+                                            }) })) : null, showInlinePresets && renderPresets('inline'), isLoading && (isLastMessageFromUser || loadingLabel) && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: loadingLabel ?? 'Thinking...' }))] }) })), jsxs("div", { className: cn(S.footer, footerClassName), children: [isEmpty ? (jsx("div", { className: S.notice, children: "Forecast Assistant can make mistakes." })) : null, jsx(Chat.Prompt, { onSubmit: handlePromptSubmitWithAttachments, disabled: promptDisabled, attachments: pendingAttachments, onRemoveAttachment: handleRemoveAttachment, prefillMessage: promptPrefill ?? undefined, placeholder: promptPlaceholder, slashCommandItems: slashCommandItems, onSlashItemCommand: onSlashItemCommand, attachmentAccept: attachmentsDropzoneEnabled ? attachmentAccept : undefined, onAttachmentFiles: attachmentsDropzoneEnabled ? handleAttachmentFiles : undefined })] })] })] })] }));
 }
 
 export { ChatChrome };

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

@@ -6,11 +6,16 @@ import { Button } from '../../Button/Button.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../Select/Select.js';
 import S from './ChatSelector.styl.js';
 
-function ChatSelector({ id, className, onChatDeleted, }) {
+function ChatSelector({ id, className, onChatDeleted, onNewChat, }) {
     const { chats, currentChatId, setCurrentChatId, newChat, deleteChat } = useChatsForScopeId(id);
     const handleValueChange = (value) => {
         if (value === 'new') {
-            newChat();
+            if (onNewChat) {
+                onNewChat();
+            }
+            else {
+                newChat();
+            }
         }
         else if (value) {
             setCurrentChatId(value);

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 { displayTextFromSendPayload, buildChatSendMessagePayload } from '../buildChatSendMessagePayload.js';
+import { displayTextFromSendPayload, buildChatSendMessagePayload, loadingLabelFromSendPayload } 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';
@@ -18,15 +18,16 @@ import { shouldOpenChatFromUrl, shouldHealChatShellDesync, shouldCloseStaleLocal
 /** Fallback when `scopeId` prop omitted; apps should pass an explicit composite scope (e.g. `${userId}-dashboard`). */
 const NO_SCOPE_FALLBACK = '__uilib_chat_scope_unset__';
 const SCRIPT_STEP_DELAY_MS = 1200;
-const CHAT_NEW_SHORTCUT_KEY = 'o';
+const CHAT_NEW_SHORTCUT_KEY = '0';
 const CHAT_QUERY_PARAM = 'chat';
 const CHAT_OPEN_VALUE = 'open';
 const PROMPT_QUERY_PARAM = 'prompt';
-function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, transformSendPayload, }) {
+function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, copyHistoryOnNewChat = false, transformSendPayload, }) {
     const effectiveScopeId = scopeId ?? NO_SCOPE_FALLBACK;
     const isMobile = useIsMobile();
     const { chatPanelContainer, isOpen: sidebarNavOpen, setOpen: setSidebarNavOpen, sidebarWidthPx, chatWidthPx, setChatWidthPx, getShellWidth, chatPanelOpen: shellChatPanelOpen, setChatPanelOpen, } = useSidebar();
     const [localUiBusy, setLocalUiBusy] = useState(false);
+    const [outboundLoadingLabel, setOutboundLoadingLabel] = useState();
     const { chats, currentChatId, setCurrentChatId, newChat, sendMessage, addMessage, removeMessageById, } = useChatsForScopeId(effectiveScopeId);
     const chat = useChat(effectiveScopeId, currentChatId);
     const isOutboundPending = useChatOutboundPending(effectiveScopeId, currentChatId);
@@ -158,8 +159,39 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         }
     };
     const isEmpty = isChatEmpty(chat) && !isLoading;
-    const openNewChatWithPrefill = useCallback((prompt) => {
+    const startEmptyNewChat = useCallback(() => {
+        const priorChatId = currentChatId;
         const sessionId = newChat();
+        if (sessionId && priorChatId) {
+            endLocalDemoFlow(priorChatId);
+        }
+        if (sessionId) {
+            setPromptLinkPrefill(null);
+        }
+        return sessionId;
+    }, [newChat, currentChatId, endLocalDemoFlow]);
+    const startNewChatFromSelector = useCallback(() => {
+        const priorChatId = currentChatId;
+        const messages = chat?.messages ?? [];
+        const sessionId = newChat(copyHistoryOnNewChat && messages.length > 0
+            ? { seedMessages: messages }
+            : undefined);
+        if (sessionId && priorChatId) {
+            endLocalDemoFlow(priorChatId);
+        }
+        if (sessionId) {
+            setPromptLinkPrefill(null);
+        }
+        return sessionId;
+    }, [
+        newChat,
+        copyHistoryOnNewChat,
+        chat?.messages,
+        currentChatId,
+        endLocalDemoFlow,
+    ]);
+    const openNewChatWithPrefill = useCallback((prompt) => {
+        const sessionId = startEmptyNewChat();
         if (sessionId == null) {
             logger.warn('Chat prefill: sign in to use the assistant.');
             return;
@@ -167,7 +199,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         const trimmed = prompt.trim();
         setPromptLinkPrefill(trimmed || null);
         onOpenChange(true);
-    }, [newChat, onOpenChange]);
+    }, [startEmptyNewChat, onOpenChange]);
     /**
      * App link: `?prompt=…` — open panel, pre-fill composer, strip param (read once on mount
      * from `location.search`). If the selected session already has messages, `newChat()` first.
@@ -193,7 +225,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         promptParamHandledInEffectRef.current = true;
         const needsFirstSession = chats.length === 0;
         if (!isEmpty || needsFirstSession) {
-            const sessionId = newChat();
+            const sessionId = startEmptyNewChat();
             if (sessionId == null) {
                 logger.warn('Chat prompt link: sign in to use the assistant.');
                 mutateSearchParams(n => {
@@ -216,14 +248,14 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         event: 'keydown',
         callback: (e) => {
             const ke = e;
-            if (ke.key.toLowerCase() !== CHAT_NEW_SHORTCUT_KEY ||
+            if (ke.key !== CHAT_NEW_SHORTCUT_KEY ||
                 !(ke.metaKey || ke.ctrlKey) ||
-                !ke.shiftKey ||
+                ke.shiftKey ||
                 ke.altKey) {
                 return;
             }
             ke.preventDefault();
-            newChat();
+            startEmptyNewChat();
             onOpenChange(true);
         },
     });
@@ -433,8 +465,14 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
             if (transformSendPayload) {
                 payload = await transformSendPayload(message, stagedAttachments, payload);
             }
-            const assistantResponse = await sendMessage(payload);
-            onMessage?.(displayTextFromSendPayload(payload), assistantResponse);
+            setOutboundLoadingLabel(loadingLabelFromSendPayload(payload));
+            try {
+                const assistantResponse = await sendMessage(payload);
+                onMessage?.(displayTextFromSendPayload(payload), assistantResponse);
+            }
+            finally {
+                setOutboundLoadingLabel(undefined);
+            }
         }
         catch (error) {
             logger.error('Error sending chat message:', error);
@@ -864,6 +902,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         onQuickReply,
         suppressedQuickReplyKeys,
         isLoading,
+        loadingLabel: outboundLoadingLabel,
         scriptContinueLabel,
         onScriptContinue,
         renderMessageChart,
@@ -875,6 +914,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         effectiveScopeId,
         onPromptSubmit: onPromptSubmitWithSlashCommands,
         onChatDeleted: endLocalDemoFlow,
+        onNewChat: startNewChatFromSelector,
         promptPrefill: promptLinkPrefill,
         emptyState: resolvedEmptyState,
         allowedAttachments,
@@ -895,7 +935,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         isOpen,
         onOpenChange,
         toggleOpen,
-        newChat,
+        newChat: startEmptyNewChat,
         openNewChatWithPrefill,
         chatPanelContainer,
     };

package/dist/esm/components/ui/Chat/buildChatSendMessagePayload.js

@@ -66,5 +66,9 @@ function buildChatSendMessagePayload(displayText, attachments) {
 function displayTextFromSendPayload(message) {
     return typeof message === 'string' ? message : message.displayText;
 }
+/** Optional loading shimmer label from a structured send payload. */
+function loadingLabelFromSendPayload(message) {
+    return typeof message === 'string' ? undefined : message.loadingLabel;
+}
 
-export { buildChatSendMessagePayload, displayTextFromSendPayload, normalizeUserTextFileAttachments };
+export { buildChatSendMessagePayload, displayTextFromSendPayload, loadingLabelFromSendPayload, normalizeUserTextFileAttachments };

package/dist/esm/components/ui/Page/AppShell/AppShell.js

@@ -8,7 +8,7 @@ function AppShellMainContent({ className, bodyClassName, children, header, foote
     return (jsxs("div", { className: cn(S.mainColumn, className), children: [header, jsx("div", { className: cn(S.mainBody, bodyClassName), children: children }), footer] }));
 }
 const AppShell = forwardRef(function AppShell({ className, ...props }, ref) {
-    return jsx("div", { ref: ref, className: cn(S.root, className), ...props });
+    return (jsx("div", { ref: ref, "data-slot": "app-shell", className: cn(S.root, className), ...props }));
 });
 
 export { AppShell, AppShellMainContent };

package/dist/esm/components/widgets/SybilionAppHeader/SybilionAppHeader.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)}}.SybilionAppHeader_actionsAnchor__ress2,.SybilionAppHeader_pageActionsPortal__9C5ww{align-items:center;display:flex;flex-shrink:0;gap:var(--p-4)}.SybilionAppHeader_pageActionsPortal__9C5ww:empty{display:none}.SybilionAppHeader_logoArea__3HAhG{align-items:center;display:flex;gap:var(--p-2);left:40px;position:absolute;top:22px;z-index:10}@media (max-width:768px){.SybilionAppHeader_logoArea__3HAhG{left:32px}}@media (min-width:768px){[data-slot=sidebar-wrapper][data-state=expanded] .SybilionAppHeader_logoArea__3HAhG{position:fixed}}.SybilionAppHeader_logoAreaWithBanner__7Iy78{top:22px;top:calc(22px + var(--welcome-banner-height, 0px))}@media (min-width:768px){[data-slot=sidebar-wrapper][data-state=collapsed] .SybilionAppHeader_logoAreaWithBanner__7Iy78{top:22px}}.SybilionAppHeader_logoLink__bH-KX{align-items:center;color:var(--color-foreground);display:flex;font-size:1.5rem;font-weight:400;gap:.5rem;text-decoration:none;white-space:nowrap;width:-moz-fit-content;width:fit-content}.SybilionAppHeader_logoLink__bH-KX svg{display:inline-flex;flex-shrink:0;height:32px;transition:transform .1s ease-in-out;width:auto}.SybilionAppHeader_logoLink__bH-KX:hover svg{transform:scale(1.05)}";
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.SybilionAppHeader_actionsAnchor__ress2,.SybilionAppHeader_pageActionsPortal__9C5ww{align-items:center;display:flex;flex-shrink:0;gap:var(--p-4)}.SybilionAppHeader_pageActionsPortal__9C5ww:empty{display:none}.SybilionAppHeader_logoArea__3HAhG{align-items:center;display:flex;gap:var(--p-2);left:40px;position:absolute;top:22px;z-index:10}@media (max-width:768px){.SybilionAppHeader_logoArea__3HAhG{left:32px}}@media (min-width:768px){[data-slot=sidebar-wrapper][data-state=expanded]:not([data-slot=app-shell] [data-slot=sidebar-wrapper]) [data-slot=app-shell]:not([data-slot=app-shell] [data-slot=app-shell]) .SybilionAppHeader_logoArea__3HAhG:not([data-slot=app-shell] [data-slot=app-shell] *){left:calc(var(--sidebar-width)*-1 + 52px);position:absolute}[data-slot=app-shell] [data-slot=sidebar-wrapper][data-state=expanded] [data-slot=app-shell] .SybilionAppHeader_logoArea__3HAhG{left:calc(var(--sidebar-width)*-1 + 44px);position:absolute}[data-slot=app-shell] [data-slot=sidebar-wrapper][data-state=collapsed] [data-slot=app-shell] .SybilionAppHeader_logoArea__3HAhG{left:var(--p-8);position:absolute}}.SybilionAppHeader_logoAreaWithBanner__7Iy78{top:22px;top:calc(22px + var(--welcome-banner-height, 0px))}@media (min-width:768px){[data-slot=sidebar-wrapper][data-state=collapsed]:not([data-slot=app-shell] [data-slot=sidebar-wrapper]) [data-slot=app-shell]:not([data-slot=app-shell] [data-slot=app-shell]) .SybilionAppHeader_logoAreaWithBanner__7Iy78{top:22px}}.SybilionAppHeader_logoLink__bH-KX{align-items:center;color:var(--color-foreground);display:flex;font-size:1.5rem;font-weight:400;gap:.5rem;text-decoration:none;white-space:nowrap;width:-moz-fit-content;width:fit-content}.SybilionAppHeader_logoLink__bH-KX svg{display:inline-flex;flex-shrink:0;height:32px;transition:transform .1s ease-in-out;width:auto}.SybilionAppHeader_logoLink__bH-KX:hover svg{transform:scale(1.05)}";
 var S = {"actionsAnchor":"SybilionAppHeader_actionsAnchor__ress2","pageActionsPortal":"SybilionAppHeader_pageActionsPortal__9C5ww","logoArea":"SybilionAppHeader_logoArea__3HAhG","logoAreaWithBanner":"SybilionAppHeader_logoAreaWithBanner__7Iy78","logoLink":"SybilionAppHeader_logoLink__bH-KX"};
 styleInject(css_248z);
 

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

@@ -80,6 +80,19 @@ function addScopeIdToRegistry(scopeId) {
         LS.set(CHAT_SCOPE_IDS_REGISTRY_KEY, [...registry, scopeId]);
     }
 }
+/** Shallow-clone messages for seeding another session; drops in-progress rows. */
+function cloneMessagesForNewSession(messages) {
+    return messages
+        .filter(message => !message.inProgress)
+        .map(message => ({
+        ...message,
+        ...(message.userTextFileAttachments
+            ? {
+                userTextFileAttachments: message.userTextFileAttachments.map(attachment => ({ ...attachment })),
+            }
+            : {}),
+    }));
+}
 function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessageFn, }) {
     const [chats, setChats] = useState(() => {
         if (userSwitchKey === null)
@@ -125,15 +138,18 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
             return null;
         return v;
     }, [currentChatId]);
-    const newChat = useCallback((scopeId) => {
+    const newChat = useCallback((scopeId, options) => {
         if (userSwitchKey === null)
             return undefined;
         addScopeIdToRegistry(scopeId);
         const sessionId = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const seededMessages = options?.seedMessages && options.seedMessages.length > 0
+            ? cloneMessagesForNewSession(options.seedMessages)
+            : [];
         const newChat = {
             session_id: sessionId,
             name: '',
-            messages: [],
+            messages: seededMessages,
         };
         setChats(prev => {
             const currentChats = prev[scopeId] ?? [];
@@ -296,7 +312,7 @@ function ChatProvider({ children, userSwitchKey, sendChatMessage: sendChatMessag
         if (typeof message === 'string') {
             addMessage(scopeId, targetChatId, MessageRole.USER, message);
         }
-        else {
+        else if (!message.omitUserMessage) {
             addMessage(scopeId, targetChatId, MessageRole.USER, message.displayText, {
                 userTextFileAttachments: normalizeUserTextFileAttachments(message),
             });
@@ -436,7 +452,7 @@ function useChatsForScopeId(scopeId) {
         currentChatId,
         isOutboundPending,
         setCurrentChatId: (targetId) => setCurrentChatId(scopeId, targetId),
-        newChat: () => newChat(scopeId),
+        newChat: (options) => newChat(scopeId, options),
         addMessage: (chatId, role, text, options) => addMessage(scopeId, chatId, role, text, options),
         removeMessageById: (chatId, messageId) => removeMessageById(scopeId, chatId, messageId),
         updateMessageById: (chatId, messageId, patch) => updateMessageById(scopeId, chatId, messageId, patch),

package/dist/esm/types/src/components/ui/AppHeader/AppHeader.d.ts

@@ -3,8 +3,14 @@ export type AppHeaderProps = {
     className?: string;
     /** Override default anchor id when multiple headers exist (e.g. docs demos). */
     anchorId?: string;
+    /**
+     * Pins the host to the top of its scroll container (`position: sticky; top: 0`).
+     * Use with `PageScroll` or any ancestor that scrolls; portaled header content
+     * from `AppHeaderPortal` / `SybilionAppHeader` stays inside this element.
+     */
+    sticky?: boolean;
 };
-export declare function AppHeaderHost({ className, anchorId, }: AppHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppHeaderHost({ className, anchorId, sticky, }: AppHeaderProps): import("react/jsx-runtime").JSX.Element;
 export type AppHeaderPortalProps = {
     children: ReactNode;
     pageHeaderId?: string;

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

@@ -2,7 +2,7 @@ import { ChatPresets } from '#uilib/components/ui/Chat/ChatPresets';
 import type { ChatProps } from './Chat.types';
 import { ChatEmptyState } from './ChatEmptyState/ChatEmptyState';
 import { ChatMessage } from './ChatMessage';
-export declare function Chat({ children, className, isEmpty, scopeId, onChatDeleted, ...props }: ChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chat({ children, className, isEmpty, scopeId, onChatDeleted, onNewChat, ...props }: ChatProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Chat {
     var Prompt: import("react").ForwardRefExoticComponent<import("./Chat.types").ChatPromptProps & import("react").RefAttributes<import(".").ChatPromptComposerHandle>>;
     var Message: typeof ChatMessage;

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

@@ -17,6 +17,10 @@ export type ChatSendMessagePayload = {
     apiMessage: string;
     displayText: string;
     userTextFileAttachments?: UserTextFileAttachment[];
+    /** When true, skip adding a USER bubble before the API call (e.g. slash-command actions). */
+    omitUserMessage?: boolean;
+    /** Shimmer label while waiting on the API; defaults to "Thinking...". */
+    loadingLabel?: string;
 };
 export interface Message {
     id: string;
@@ -113,4 +117,6 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
     /** Chat context scope; when set, header shows chat selector + delete. */
     scopeId?: string;
     onChatDeleted?: (sessionId: string) => void;
+    /** "+ New Chat" in the selector; when omitted, starts an empty session. */
+    onNewChat?: () => void;
 }

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

@@ -1,2 +1,2 @@
 import type { ChatChromeProps } from './ChatChrome.types';
-export declare function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, scriptContinueLabel, onScriptContinue, renderMessageChart, showSyntheticBranchButtons, unusedBranchKeys, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, promptPrefill, footerClassName, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, promptPlaceholder, }: ChatChromeProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, loadingLabel, scriptContinueLabel, onScriptContinue, renderMessageChart, showSyntheticBranchButtons, unusedBranchKeys, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, onNewChat, promptPrefill, footerClassName, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, promptPlaceholder, }: ChatChromeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -23,6 +23,8 @@ export interface ChatChromeProps {
     onQuickReply: (branchKey: string, displayLabel: string) => void;
     suppressedQuickReplyKeys: ReadonlySet<string>;
     isLoading: boolean;
+    /** Overrides default "Thinking..." shimmer while waiting on the API. */
+    loadingLabel?: string;
     scriptContinueLabel: string | undefined;
     onScriptContinue: (() => void) | undefined;
     renderMessageChart?: () => React.ReactNode;
@@ -34,6 +36,8 @@ export interface ChatChromeProps {
     effectiveScopeId: string;
     onPromptSubmit: (message: string, attachments?: ChatAttachmentDropItem[]) => void | Promise<void>;
     onChatDeleted: (sessionId: string) => void;
+    /** "+ New Chat" in the header selector; omit for default empty session. */
+    onNewChat?: () => void;
     /** `?prompt=` deep link text for one-shot composer pre-fill. */
     promptPrefill?: string | null;
     footerClassName?: string;

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

@@ -2,5 +2,7 @@ export interface ChatSelectorProps {
     id: string;
     className?: string;
     onChatDeleted?: (sessionId: string) => void;
+    /** When set, used for "+ New Chat" instead of the default empty `newChat()`. */
+    onNewChat?: () => void;
 }
-export declare function ChatSelector({ id, className, onChatDeleted, }: ChatSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatSelector({ id, className, onChatDeleted, onNewChat, }: ChatSelectorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { type UseChatPanelChromeModelInput } from './useChatPanelChromeModel';
 export type ChatSheetActions = {
     open: () => void;
-    /** Starts a new chat session and opens the panel (same as the new-chat keyboard shortcut). */
+    /** Starts an empty chat session and opens the panel (same as Cmd/Ctrl+0). */
     openNewChat: () => void;
     /** Starts a new chat, opens the panel, and pre-fills the composer (user sends manually). */
     openNewChatWithPrefill: (prompt: string) => void;

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

@@ -26,6 +26,11 @@ export type UseChatPanelChromeModelInput = {
     slashCommandItems?: SlashCommandItem[];
     /** Custom slash command handler (palette pick or Enter on `/id`). */
     onSlashItemCommand?: SlashOnItemCommand;
+    /**
+     * When true, "+ New Chat" in the selector seeds from the current session.
+     * Keyboard shortcut and other new-chat entry points always start empty.
+     */
+    copyHistoryOnNewChat?: boolean;
     /** Override or extend the default send payload (e.g. api vs display text split). */
     transformSendPayload?: (message: string, attachments: ChatAttachmentDropItem[] | undefined, defaultPayload: string | ChatSendMessagePayload) => string | ChatSendMessagePayload | Promise<string | ChatSendMessagePayload>;
 };
@@ -39,4 +44,4 @@ export type UseChatPanelChromeModelResult = {
     openNewChatWithPrefill: (prompt: string) => void;
     chatPanelContainer: HTMLElement | null;
 };
-export declare function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, transformSendPayload, }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult;
+export declare function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, copyHistoryOnNewChat, transformSendPayload, }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult;

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

@@ -8,3 +8,5 @@ export declare function normalizeUserTextFileAttachments(payload: ChatSendMessag
 export declare function buildChatSendMessagePayload(displayText: string, attachments: readonly ChatAttachmentDropItem[]): string | ChatSendMessagePayload;
 /** Display text from a string or structured send payload. */
 export declare function displayTextFromSendPayload(message: string | ChatSendMessagePayload): string;
+/** Optional loading shimmer label from a structured send payload. */
+export declare function loadingLabelFromSendPayload(message: string | ChatSendMessagePayload): string | undefined;

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

@@ -13,9 +13,13 @@ export type UpdateChatMessagePatch = {
     text?: string;
     inProgress?: boolean;
 };
+export type NewChatOptions = {
+    /** When set, seeds the new session's messages (e.g. continue dialog in reports). */
+    seedMessages?: readonly Message[];
+};
 export interface ChatContextType {
     /** Returns the new session id, or undefined if no user / not created. */
-    newChat: (scopeId: string) => string | undefined;
+    newChat: (scopeId: string, options?: NewChatOptions) => string | undefined;
     setCurrentChatId: (currScopeId: string, sessionId: string) => void;
     addMessage: (scopeId: string, chatId: string, role: MessageRole, text: string, options?: AddChatMessageOptions) => string | undefined;
     removeMessageById: (scopeId: string, chatId: string, messageId: string) => void;
@@ -60,7 +64,7 @@ export declare function useChatsForScopeId(scopeId: string): {
     currentChatId: string;
     isOutboundPending: boolean;
     setCurrentChatId: (targetId: string) => void;
-    newChat: () => string;
+    newChat: (options?: NewChatOptions) => string;
     addMessage: (chatId: string, role: MessageRole, text: string, options?: AddChatMessageOptions) => string;
     removeMessageById: (chatId: string, messageId: string) => void;
     updateMessageById: (chatId: string, messageId: string, patch: UpdateChatMessagePatch) => void;
@@ -74,7 +78,7 @@ export declare function useChatsForDataset(scopeId: string): {
     currentChatId: string;
     isOutboundPending: boolean;
     setCurrentChatId: (targetId: string) => void;
-    newChat: () => string;
+    newChat: (options?: NewChatOptions) => string;
     addMessage: (chatId: string, role: MessageRole, text: string, options?: AddChatMessageOptions) => string;
     removeMessageById: (chatId: string, messageId: string) => void;
     updateMessageById: (chatId: string, messageId: string, patch: UpdateChatMessagePatch) => void;

package/package.json

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

package/src/components/ui/AppHeader/AppHeader.styl

@@ -1,6 +1,7 @@
 @import '../../../lib/theme.styl'
 
 .root
+  position relative
   display flex
   align-items center
   align-self flex-end
@@ -20,6 +21,14 @@
       padding-left 200px
       max-width 100%
 
+.sticky
+  z-index 100
+  position sticky
+  top 0
+  background-color unquote('color-mix(in srgb, var(--background) 80%, transparent)')
+  backdrop-filter blur(10px)
+  box-shadow inset 0 40px 50px 20px var(--background)
+
 .content
   display flex
   align-items center

package/src/components/ui/AppHeader/AppHeader.styl.d.ts

@@ -8,6 +8,7 @@ interface CssExports {
   'navLink': string;
   'pageHeaderActionsAnchor': string;
   'root': string;
+  'sticky': string;
 }
 export const cssExports: CssExports;
 export default cssExports;

package/src/components/ui/AppHeader/AppHeader.tsx

@@ -9,13 +9,25 @@ export type AppHeaderProps = {
   className?: string;
   /** Override default anchor id when multiple headers exist (e.g. docs demos). */
   anchorId?: string;
+  /**
+   * Pins the host to the top of its scroll container (`position: sticky; top: 0`).
+   * Use with `PageScroll` or any ancestor that scrolls; portaled header content
+   * from `AppHeaderPortal` / `SybilionAppHeader` stays inside this element.
+   */
+  sticky?: boolean;
 };
 
 export function AppHeaderHost({
   className,
   anchorId = PAGE_HEADER_ID,
+  sticky,
 }: AppHeaderProps) {
-  return <header className={cn(S.root, className)} id={anchorId} />;
+  return (
+    <header
+      className={cn(S.root, sticky && S.sticky, className)}
+      id={anchorId}
+    />
+  );
 }
 
 export type AppHeaderPortalProps = {

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

@@ -15,13 +15,18 @@ export function Chat({
   isEmpty,
   scopeId,
   onChatDeleted,
+  onNewChat,
   ...props
 }: ChatProps) {
   return (
     <div className={cn(S.root, className, isEmpty && S.isEmpty)} {...props}>
       {scopeId ? (
         <div className={S.header}>
-          <ChatSelector id={scopeId} onChatDeleted={onChatDeleted} />
+          <ChatSelector
+            id={scopeId}
+            onChatDeleted={onChatDeleted}
+            onNewChat={onNewChat}
+          />
         </div>
       ) : null}
       {children}

package/src/components/ui/Chat/Chat.types.ts

@@ -25,6 +25,10 @@ export type ChatSendMessagePayload = {
   apiMessage: string;
   displayText: string;
   userTextFileAttachments?: UserTextFileAttachment[];
+  /** When true, skip adding a USER bubble before the API call (e.g. slash-command actions). */
+  omitUserMessage?: boolean;
+  /** Shimmer label while waiting on the API; defaults to "Thinking...". */
+  loadingLabel?: string;
 };
 
 export interface Message {
@@ -127,4 +131,6 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
   /** Chat context scope; when set, header shows chat selector + delete. */
   scopeId?: string;
   onChatDeleted?: (sessionId: string) => void;
+  /** "+ New Chat" in the selector; when omitted, starts an empty session. */
+  onNewChat?: () => void;
 }

package/src/components/ui/Chat/ChatChrome/ChatChrome.tsx

@@ -34,6 +34,7 @@ export function ChatChrome({
   onQuickReply,
   suppressedQuickReplyKeys,
   isLoading,
+  loadingLabel,
   scriptContinueLabel,
   onScriptContinue,
   renderMessageChart,
@@ -45,6 +46,7 @@ export function ChatChrome({
   effectiveScopeId,
   onPromptSubmit,
   onChatDeleted,
+  onNewChat,
   promptPrefill,
   footerClassName,
   emptyState,
@@ -174,6 +176,7 @@ export function ChatChrome({
           isEmpty={isEmpty}
           scopeId={effectiveScopeId}
           onChatDeleted={onChatDeleted}
+          onNewChat={onNewChat}
         >
           {isEmpty ? (
             <>
@@ -246,9 +249,9 @@ export function ChatChrome({
 
                 {showInlinePresets && renderPresets('inline')}
 
-                {isLoading && isLastMessageFromUser && (
+                {isLoading && (isLastMessageFromUser || loadingLabel) && (
                   <TextShimmer duration={1} spread={5} className={S.loader}>
-                    Thinking...
+                    {loadingLabel ?? 'Thinking...'}
                   </TextShimmer>
                 )}
               </Scroll>

package/src/components/ui/Chat/ChatChrome/ChatChrome.types.ts

@@ -33,6 +33,8 @@ export interface ChatChromeProps {
   onQuickReply: (branchKey: string, displayLabel: string) => void;
   suppressedQuickReplyKeys: ReadonlySet<string>;
   isLoading: boolean;
+  /** Overrides default "Thinking..." shimmer while waiting on the API. */
+  loadingLabel?: string;
   scriptContinueLabel: string | undefined;
   onScriptContinue: (() => void) | undefined;
   renderMessageChart?: () => React.ReactNode;
@@ -47,6 +49,8 @@ export interface ChatChromeProps {
     attachments?: ChatAttachmentDropItem[],
   ) => void | Promise<void>;
   onChatDeleted: (sessionId: string) => void;
+  /** "+ New Chat" in the header selector; omit for default empty session. */
+  onNewChat?: () => void;
   /** `?prompt=` deep link text for one-shot composer pre-fill. */
   promptPrefill?: string | null;
   footerClassName?: string;

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

@@ -18,19 +18,26 @@ export interface ChatSelectorProps {
   id: string;
   className?: string;
   onChatDeleted?: (sessionId: string) => void;
+  /** When set, used for "+ New Chat" instead of the default empty `newChat()`. */
+  onNewChat?: () => void;
 }
 
 export function ChatSelector({
   id,
   className,
   onChatDeleted,
+  onNewChat,
 }: ChatSelectorProps) {
   const { chats, currentChatId, setCurrentChatId, newChat, deleteChat } =
     useChatsForScopeId(id);
 
   const handleValueChange = (value: string) => {
     if (value === 'new') {
-      newChat();
+      if (onNewChat) {
+        onNewChat();
+      } else {
+        newChat();
+      }
     } else if (value) {
       setCurrentChatId(value);
     }

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

@@ -9,7 +9,7 @@ import {
 
 export type ChatSheetActions = {
   open: () => void;
-  /** Starts a new chat session and opens the panel (same as the new-chat keyboard shortcut). */
+  /** Starts an empty chat session and opens the panel (same as Cmd/Ctrl+0). */
   openNewChat: () => void;
   /** Starts a new chat, opens the panel, and pre-fills the composer (user sends manually). */
   openNewChatWithPrefill: (prompt: string) => void;

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

@@ -22,6 +22,7 @@ import type { ChatPresetsLayout } from '#uilib/components/ui/Chat/ChatPresets';
 import {
   buildChatSendMessagePayload,
   displayTextFromSendPayload,
+  loadingLabelFromSendPayload,
 } from '#uilib/components/ui/Chat/buildChatSendMessagePayload';
 import { usedPresetIdsFromMessages } from '#uilib/components/ui/Chat/chat-preset-utils';
 import {
@@ -86,6 +87,11 @@ export type UseChatPanelChromeModelInput = {
   slashCommandItems?: SlashCommandItem[];
   /** Custom slash command handler (palette pick or Enter on `/id`). */
   onSlashItemCommand?: SlashOnItemCommand;
+  /**
+   * When true, "+ New Chat" in the selector seeds from the current session.
+   * Keyboard shortcut and other new-chat entry points always start empty.
+   */
+  copyHistoryOnNewChat?: boolean;
   /** Override or extend the default send payload (e.g. api vs display text split). */
   transformSendPayload?: (
     message: string,
@@ -125,7 +131,7 @@ type PresetScriptState = {
 };
 
 const SCRIPT_STEP_DELAY_MS = 1200;
-const CHAT_NEW_SHORTCUT_KEY = 'o';
+const CHAT_NEW_SHORTCUT_KEY = '0';
 
 const CHAT_QUERY_PARAM = 'chat';
 const CHAT_OPEN_VALUE = 'open';
@@ -144,6 +150,7 @@ export function useChatPanelChromeModel({
   onAttachmentsDropped,
   slashCommandItems,
   onSlashItemCommand,
+  copyHistoryOnNewChat = false,
   transformSendPayload,
 }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult {
   const effectiveScopeId = scopeId ?? NO_SCOPE_FALLBACK;
@@ -160,6 +167,9 @@ export function useChatPanelChromeModel({
     setChatPanelOpen,
   } = useSidebar();
   const [localUiBusy, setLocalUiBusy] = useState(false);
+  const [outboundLoadingLabel, setOutboundLoadingLabel] = useState<
+    string | undefined
+  >();
   const {
     chats,
     currentChatId,
@@ -337,9 +347,44 @@ export function useChatPanelChromeModel({
 
   const isEmpty = isChatEmpty(chat) && !isLoading;
 
+  const startEmptyNewChat = useCallback(() => {
+    const priorChatId = currentChatId;
+    const sessionId = newChat();
+    if (sessionId && priorChatId) {
+      endLocalDemoFlow(priorChatId);
+    }
+    if (sessionId) {
+      setPromptLinkPrefill(null);
+    }
+    return sessionId;
+  }, [newChat, currentChatId, endLocalDemoFlow]);
+
+  const startNewChatFromSelector = useCallback(() => {
+    const priorChatId = currentChatId;
+    const messages = chat?.messages ?? [];
+    const sessionId = newChat(
+      copyHistoryOnNewChat && messages.length > 0
+        ? { seedMessages: messages }
+        : undefined,
+    );
+    if (sessionId && priorChatId) {
+      endLocalDemoFlow(priorChatId);
+    }
+    if (sessionId) {
+      setPromptLinkPrefill(null);
+    }
+    return sessionId;
+  }, [
+    newChat,
+    copyHistoryOnNewChat,
+    chat?.messages,
+    currentChatId,
+    endLocalDemoFlow,
+  ]);
+
   const openNewChatWithPrefill = useCallback(
     (prompt: string) => {
-      const sessionId = newChat();
+      const sessionId = startEmptyNewChat();
       if (sessionId == null) {
         logger.warn('Chat prefill: sign in to use the assistant.');
         return;
@@ -349,7 +394,7 @@ export function useChatPanelChromeModel({
       setPromptLinkPrefill(trimmed || null);
       onOpenChange(true);
     },
-    [newChat, onOpenChange],
+    [startEmptyNewChat, onOpenChange],
   );
 
   /**
@@ -381,7 +426,7 @@ export function useChatPanelChromeModel({
     const needsFirstSession = chats.length === 0;
 
     if (!isEmpty || needsFirstSession) {
-      const sessionId = newChat();
+      const sessionId = startEmptyNewChat();
       if (sessionId == null) {
         logger.warn('Chat prompt link: sign in to use the assistant.');
         mutateSearchParams(n => {
@@ -408,15 +453,15 @@ export function useChatPanelChromeModel({
     callback: (e: Event) => {
       const ke = e as KeyboardEvent;
       if (
-        ke.key.toLowerCase() !== CHAT_NEW_SHORTCUT_KEY ||
+        ke.key !== CHAT_NEW_SHORTCUT_KEY ||
         !(ke.metaKey || ke.ctrlKey) ||
-        !ke.shiftKey ||
+        ke.shiftKey ||
         ke.altKey
       ) {
         return;
       }
       ke.preventDefault();
-      newChat();
+      startEmptyNewChat();
       onOpenChange(true);
     },
   });
@@ -667,8 +712,13 @@ export function useChatPanelChromeModel({
             payload,
           );
         }
-        const assistantResponse = await sendMessage(payload);
-        onMessage?.(displayTextFromSendPayload(payload), assistantResponse);
+        setOutboundLoadingLabel(loadingLabelFromSendPayload(payload));
+        try {
+          const assistantResponse = await sendMessage(payload);
+          onMessage?.(displayTextFromSendPayload(payload), assistantResponse);
+        } finally {
+          setOutboundLoadingLabel(undefined);
+        }
       } catch (error) {
         logger.error('Error sending chat message:', error);
       }
@@ -1181,6 +1231,7 @@ export function useChatPanelChromeModel({
     onQuickReply,
     suppressedQuickReplyKeys,
     isLoading,
+    loadingLabel: outboundLoadingLabel,
     scriptContinueLabel,
     onScriptContinue,
     renderMessageChart,
@@ -1192,6 +1243,7 @@ export function useChatPanelChromeModel({
     effectiveScopeId,
     onPromptSubmit: onPromptSubmitWithSlashCommands,
     onChatDeleted: endLocalDemoFlow,
+    onNewChat: startNewChatFromSelector,
     promptPrefill: promptLinkPrefill,
     emptyState: resolvedEmptyState,
     allowedAttachments,
@@ -1214,7 +1266,7 @@ export function useChatPanelChromeModel({
     isOpen,
     onOpenChange,
     toggleOpen,
-    newChat,
+    newChat: startEmptyNewChat,
     openNewChatWithPrefill,
     chatPanelContainer,
   };

package/src/components/ui/Chat/buildChatSendMessagePayload.ts

@@ -80,3 +80,10 @@ export function displayTextFromSendPayload(
 ): string {
   return typeof message === 'string' ? message : message.displayText;
 }
+
+/** Optional loading shimmer label from a structured send payload. */
+export function loadingLabelFromSendPayload(
+  message: string | ChatSendMessagePayload,
+): string | undefined {
+  return typeof message === 'string' ? undefined : message.loadingLabel;
+}

package/src/components/ui/Page/AppShell/AppShell.tsx

@@ -33,6 +33,13 @@ export function AppShellMainContent({
 
 export const AppShell = forwardRef<HTMLDivElement, AppShellProps>(
   function AppShell({ className, ...props }, ref) {
-    return <div ref={ref} className={cn(S.root, className)} {...props} />;
+    return (
+      <div
+        ref={ref}
+        data-slot="app-shell"
+        className={cn(S.root, className)}
+        {...props}
+      />
+    );
   },
 );

package/src/components/widgets/SybilionAppHeader/SybilionAppHeader.styl

@@ -27,15 +27,27 @@
 
   @media (max-width MOBILE)
     left 32px
+
+  // Top-level shell: offset logo into sidebar column (same math as nested embed, but absolute — not fixed).
   @media (min-width MOBILE)
-    :global([data-slot='sidebar-wrapper'][data-state='expanded']) &
-      position fixed
+    :global([data-slot='sidebar-wrapper'][data-state='expanded']:not([data-slot='app-shell'] [data-slot='sidebar-wrapper']) [data-slot='app-shell']:not([data-slot='app-shell'] [data-slot='app-shell'])) &:global(:not([data-slot='app-shell'] [data-slot='app-shell'] *))
+      position absolute
+      left calc(-1 * var(--sidebar-width) + 52px)
+
+    // Nested shell (e.g. docs embed): absolute within header; offset into sidebar when expanded.
+    :global([data-slot='app-shell'] [data-slot='sidebar-wrapper'][data-state='expanded'] [data-slot='app-shell']) &
+      position absolute
+      left calc(-1 * var(--sidebar-width) + 44px)
+
+    :global([data-slot='app-shell'] [data-slot='sidebar-wrapper'][data-state='collapsed'] [data-slot='app-shell']) &
+      position absolute
+      left var(--p-8)
 
 .logoAreaWithBanner
   top calc(22px + var(--welcome-banner-height, 0px))
 
   @media (min-width MOBILE)
-    :global([data-slot='sidebar-wrapper'][data-state='collapsed']) &
+    :global([data-slot='sidebar-wrapper'][data-state='collapsed']:not([data-slot='app-shell'] [data-slot='sidebar-wrapper']) [data-slot='app-shell']:not([data-slot='app-shell'] [data-slot='app-shell'])) &
       top 22px
 
 .logoLink

package/src/contexts/chat-context.tsx

@@ -45,9 +45,14 @@ export type UpdateChatMessagePatch = {
   inProgress?: boolean;
 };
 
+export type NewChatOptions = {
+  /** When set, seeds the new session's messages (e.g. continue dialog in reports). */
+  seedMessages?: readonly Message[];
+};
+
 export interface ChatContextType {
   /** Returns the new session id, or undefined if no user / not created. */
-  newChat: (scopeId: string) => string | undefined;
+  newChat: (scopeId: string, options?: NewChatOptions) => string | undefined;
   setCurrentChatId: (currScopeId: string, sessionId: string) => void;
   addMessage: (
     scopeId: string,
@@ -173,6 +178,22 @@ function addScopeIdToRegistry(scopeId: string) {
   }
 }
 
+/** Shallow-clone messages for seeding another session; drops in-progress rows. */
+function cloneMessagesForNewSession(messages: readonly Message[]): Message[] {
+  return messages
+    .filter(message => !message.inProgress)
+    .map(message => ({
+      ...message,
+      ...(message.userTextFileAttachments
+        ? {
+            userTextFileAttachments: message.userTextFileAttachments.map(
+              attachment => ({ ...attachment }),
+            ),
+          }
+        : {}),
+    }));
+}
+
 export interface ChatProviderProps {
   children: ReactNode;
   /** When null, chat state is cleared (logged out). When set, only LS rows for scopes starting with `${userId}-` are loaded. */
@@ -249,15 +270,19 @@ export function ChatProvider({
   );
 
   const newChat = useCallback(
-    (scopeId: string): string | undefined => {
+    (scopeId: string, options?: NewChatOptions): string | undefined => {
       if (userSwitchKey === null) return undefined;
       addScopeIdToRegistry(scopeId);
 
       const sessionId = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+      const seededMessages =
+        options?.seedMessages && options.seedMessages.length > 0
+          ? cloneMessagesForNewSession(options.seedMessages)
+          : [];
       const newChat: Chat = {
         session_id: sessionId,
         name: '',
-        messages: [],
+        messages: seededMessages,
       };
 
       setChats(prev => {
@@ -469,7 +494,7 @@ export function ChatProvider({
 
       if (typeof message === 'string') {
         addMessage(scopeId, targetChatId, MessageRole.USER, message);
-      } else {
+      } else if (!message.omitUserMessage) {
         addMessage(
           scopeId,
           targetChatId,
@@ -672,7 +697,7 @@ export function useChatsForScopeId(scopeId: string) {
     currentChatId,
     isOutboundPending,
     setCurrentChatId: (targetId: string) => setCurrentChatId(scopeId, targetId),
-    newChat: () => newChat(scopeId),
+    newChat: (options?: NewChatOptions) => newChat(scopeId, options),
     addMessage: (
       chatId: string,
       role: MessageRole,

package/src/docs/DocsShell.tsx

@@ -30,10 +30,22 @@ export function DocsShell() {
             onNavigate={href => {
               void navigate(href);
             }}
-            authenticated={false}
+            authenticated
             isAuthenticated={false}
             onLogout={() => undefined}
             signInSlot={<ThemeToggle />}
+            defaultApps={[
+              {
+                id: 'docs-home',
+                displayName: 'Home',
+                subtitle: 'Home',
+                iconKey: 'grid-four',
+                accent: '#0d9488',
+                accentMuted: 'rgba(13, 148, 136, 0.12)',
+                href: '/',
+                matchPathPrefixes: ['/'],
+              },
+            ]}
           />
           <Outlet />
         </AppShellMainContent>

package/src/docs/pages/StandaloneAppLayoutPage/StandaloneAppLayoutPage.styl

@@ -14,6 +14,9 @@
   display flex
   flex-direction column
 
+// .preview > :global([data-slot='sidebar-wrapper'][data-state='expanded']) .previewLogoArea
+//   margin-left calc(-1 * var(--sidebar-width)) !important
+
 .previewScrollRoot
   flex 1
   min-height 0

package/src/docs/pages/StandaloneAppLayoutPage/StandaloneAppLayoutPage.tsx

@@ -113,7 +113,7 @@ function DemoMainBody({ panel }: { panel: PreviewPanel }) {
         </PageContentSection>
         <PageContentSection title="Scroll test">
           <div className={S.scrollTestBlock}>
-            Placeholder region with <code>min-height: 100vh</code> — scroll the
+            Placeholder region with <code>min-height: 160vh</code> — scroll the
             main column to verify PageScroll / AppShell behavior.
           </div>
         </PageContentSection>
@@ -130,55 +130,60 @@ function StandaloneLayoutPreview() {
   >();
 
   return (
-    <div className={S.preview}>
-      <PageScroll rootClassName={S.previewScrollRoot}>
-        <AppShell>
-          <DemoAppSidebar
-            panel={panel}
-            onSelectPanel={setPanel}
-            selectedDatasetId={selectedDatasetId}
-            onSelectDatasetId={setSelectedDatasetId}
-          />
+    <div className={S.preview} data-standalone-layout-preview>
+      <SidebarProvider
+        sidebarWidthStorageKey="uilib.docs.standaloneLayout.sidebarWidthPx"
+        persistSidebarWidthWithoutConsent
+      >
+        <PageScroll rootClassName={S.previewScrollRoot}>
+          <AppShell>
+            <DemoAppSidebar
+              panel={panel}
+              onSelectPanel={setPanel}
+              selectedDatasetId={selectedDatasetId}
+              onSelectDatasetId={setSelectedDatasetId}
+            />
 
-          <AppShellMainContent
-            header={<AppHeaderHost anchorId={TEST_HEADER_ID} />}
-            footer={
-              <PageFooter
-                versionLink="#standalone-layout-preview"
-                versionLabel="0.0.0-preview"
-              />
-            }
-          >
-            <SybilionAppHeader
-              pageHeaderId={TEST_HEADER_ID}
-              pathname={previewPath}
-              onNavigate={setPreviewPath}
-              authenticated
-              appsStorageKey={DOCS_WORKSPACE_APPS_LS_KEY}
-              defaultApps={DOCS_PREVIEW_APPS}
-              user={{
-                name: 'Example User',
-                email: 'user@example.com',
-                avatar: '',
-              }}
-              onLogout={() => undefined}
-              menuItems={
-                <>
-                  <DropdownMenuItem>
-                    <UserCircleIcon />
-                    Account (preview)
-                  </DropdownMenuItem>
-                  <DropdownMenuItem>
-                    <GearSixIcon />
-                    Settings (preview)
-                  </DropdownMenuItem>
-                </>
+            <AppShellMainContent
+              header={<AppHeaderHost sticky anchorId={TEST_HEADER_ID} />}
+              footer={
+                <PageFooter
+                  versionLink="#standalone-layout-preview"
+                  versionLabel="0.0.0-preview"
+                />
               }
-            />
-            <DemoMainBody panel={panel} />
-          </AppShellMainContent>
-        </AppShell>
-      </PageScroll>
+            >
+              <SybilionAppHeader
+                pageHeaderId={TEST_HEADER_ID}
+                pathname={previewPath}
+                onNavigate={setPreviewPath}
+                authenticated
+                appsStorageKey={DOCS_WORKSPACE_APPS_LS_KEY}
+                defaultApps={DOCS_PREVIEW_APPS}
+                user={{
+                  name: 'Example User',
+                  email: 'user@example.com',
+                  avatar: '',
+                }}
+                onLogout={() => undefined}
+                menuItems={
+                  <>
+                    <DropdownMenuItem>
+                      <UserCircleIcon />
+                      Account (preview)
+                    </DropdownMenuItem>
+                    <DropdownMenuItem>
+                      <GearSixIcon />
+                      Settings (preview)
+                    </DropdownMenuItem>
+                  </>
+                }
+              />
+              <DemoMainBody panel={panel} />
+            </AppShellMainContent>
+          </AppShell>
+        </PageScroll>
+      </SidebarProvider>
     </div>
   );
 }
@@ -199,12 +204,7 @@ export default function StandaloneAppLayoutPage() {
         actions={<DocsHeaderActions />}
       />
       <PageContentSection title="Embedded mini-app (layout preview)">
-        <SidebarProvider
-          sidebarWidthStorageKey="uilib.docs.standaloneLayout.sidebarWidthPx"
-          persistSidebarWidthWithoutConsent
-        >
-          <StandaloneLayoutPreview />
-        </SidebarProvider>
+        <StandaloneLayoutPreview />
       </PageContentSection>
     </>
   );

package/src/docs/registry.ts

@@ -43,12 +43,6 @@ export const DOC_REGISTRY: DocEntry[] = [
     section: 'Data display',
     load: () => import('./pages/AnalysisLineIconPage'),
   },
-  // {
-  //   slug: 'app-header',
-  //   title: 'AppHeader',
-  //   section: 'Layout',
-  //   load: () => import('./pages/AppHeaderPage'),
-  // },
   {
     slug: 'avatar',
     title: 'Avatar',