@sybilion/uilib 1.3.87 → 1.3.89

package/dist/esm/components/ui/Chat/ChatMessage/AgentMessageContent.helpers.js

@@ -4,27 +4,6 @@ import logger from '../../../../lib/logger.js';
 import S from './ChatMessage.styl.js';
 import S$1 from '../../InteractiveContent/InteractiveContent.styl.js';
 
-const injectHeaders = (content) => {
-    // Match #, ##, ###, or #### headers at start of line
-    const regex = /(^|\n)(#{1,4})\s+(.+?)(?=\n|$)/m;
-    const matches = content.match(regex);
-    if (!matches)
-        return null;
-    const level = matches[2].length;
-    const headerText = matches[3].replace(/^\*+|\*+$/g, '');
-    const Tag = level === 1 ? 'h1' : level === 2 ? 'h2' : level === 3 ? 'h3' : 'h4';
-    // Calculate the actual match position and length
-    // matches[0] includes the leading \n if present, but we want to replace from the # position
-    const hasLeadingNewline = matches[1] === '\n';
-    const startIndex = matches.index + (hasLeadingNewline ? 1 : 0);
-    // Length is: # markers + space + header text (excluding leading newline)
-    const length = matches[2].length + 1 + matches[3].length;
-    return {
-        elem: jsx(Tag, { children: headerText }),
-        index: startIndex,
-        length: length,
-    };
-};
 /** Match sits inside list/table HTML (those blocks use dangerouslySetInnerHTML elsewhere). */
 const isInsideHtmlListOrTable = (content, matchStartIndex) => {
     const before = content.substring(0, matchStartIndex);
@@ -402,6 +381,35 @@ const injectAnchor = (content) => {
         length: matches[0].length,
     };
 };
+const headerTextInjectors = [
+    injectAnchor,
+    injectMarkdownLink,
+    injectHTMLTags,
+    injectBold,
+    injectItalic,
+    injectAutolinkUrl,
+];
+const injectHeaders = (content) => {
+    // Match #, ##, ###, or #### headers at start of line
+    const regex = /(^|\n)(#{1,4})\s+(.+?)(?=\n|$)/m;
+    const matches = content.match(regex);
+    if (!matches)
+        return null;
+    const level = matches[2].length;
+    const headerText = matches[3].replace(/^\*+|\*+$/g, '');
+    const Tag = level === 1 ? 'h1' : level === 2 ? 'h2' : level === 3 ? 'h3' : 'h4';
+    // Calculate the actual match position and length
+    // matches[0] includes the leading \n if present, but we want to replace from the # position
+    const hasLeadingNewline = matches[1] === '\n';
+    const startIndex = matches.index + (hasLeadingNewline ? 1 : 0);
+    // Length is: # markers + space + header text (excluding leading newline)
+    const length = matches[2].length + 1 + matches[3].length;
+    return {
+        elem: jsx(Tag, { children: runFormattingPipeline(headerText, headerTextInjectors) }),
+        index: startIndex,
+        length: length,
+    };
+};
 const applyFormatting = (text) => runFormattingPipeline(text, [
     injectHeaders,
     injectAnchor,

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

@@ -4,6 +4,7 @@ import { InteractiveContent } from '../../InteractiveContent/InteractiveContent.
 import 'lucide-react';
 import '../../InteractiveContent/InteractiveContent.styl.js';
 import { TextShimmer } from '../../TextShimmer/TextShimmer.js';
+import { stripJsonDashboardFences } from '../../../../lib/dashboard-spec/jsonDashboardFence.js';
 import { MessageRole } from '../Chat.types.js';
 import { userTextFileAttachmentsFromMessage } from '../userTextFileAttachments.js';
 import { AgentMessageContent } from './AgentMessageContent.js';
@@ -16,7 +17,7 @@ function ChatMessage({ role, text, inProgress, userTextFileAttachments, onQuickR
     });
     const isAssistant = role === MessageRole.ASSISTANT;
     const isSystem = role === MessageRole.SYSTEM;
-    return (jsx("div", { className: cn(S.root, S[`role-${role}`], className), children: isSystem ? (jsx("div", { className: cn(S.text, textClassName), children: inProgress ? (jsx(TextShimmer, { as: "span", children: text })) : renderSystemMessage && message ? (renderSystemMessage(message)) : (text) })) : isAssistant ? (jsx(AgentMessageContent, { text: text, textClassName: textClassName, onQuickReply: onQuickReply, suppressedQuickReplyKeys: suppressedQuickReplyKeys, quickReplyDisabled: quickReplyDisabled, quickReplyHidden: quickReplyHidden, isLastMessage: isLastMessage, scriptContinue: scriptContinue, onScriptContinue: onScriptContinue, renderMessageChart: renderMessageChart })) : (jsxs("div", { className: S.userColumn, children: [jsx("div", { className: cn(S.text, textClassName && S.textCustom, textClassName), children: jsx(InteractiveContent, { text: text }) }), fileAttachments.map(attachment => (jsx(UserTextFileAttachmentBubble, { attachment: attachment }, `${attachment.displayName}:${attachment.filename}`)))] })) }));
+    return (jsx("div", { className: cn(S.root, S[`role-${role}`], className), children: isSystem ? (jsx("div", { className: cn(S.text, textClassName), children: inProgress ? (jsx(TextShimmer, { as: "span", children: text })) : renderSystemMessage && message ? (renderSystemMessage(message)) : (text) })) : isAssistant ? (jsx(AgentMessageContent, { text: stripJsonDashboardFences(text), textClassName: textClassName, onQuickReply: onQuickReply, suppressedQuickReplyKeys: suppressedQuickReplyKeys, quickReplyDisabled: quickReplyDisabled, quickReplyHidden: quickReplyHidden, isLastMessage: isLastMessage, scriptContinue: scriptContinue, onScriptContinue: onScriptContinue, renderMessageChart: renderMessageChart })) : (jsxs("div", { className: S.userColumn, children: [jsx("div", { className: cn(S.text, textClassName && S.textCustom, textClassName), children: jsx(InteractiveContent, { text: text }) }), fileAttachments.map(attachment => (jsx(UserTextFileAttachmentBubble, { attachment: attachment }, `${attachment.displayName}:${attachment.filename}`)))] })) }));
 }
 
 export { ChatMessage };

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

@@ -29,6 +29,7 @@ function ChatSheet({ triggerLabel = 'Open Chat', triggerAriaLabel, actionsRef, r
                 model.onOpenChange(true);
             },
             openNewChatWithPrefill: model.openNewChatWithPrefill,
+            openNewChatAndSubmit: model.openNewChatAndSubmit,
         };
     }
     if (inline) {

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

@@ -22,7 +22,7 @@ const CHAT_NEW_SHORTCUT_KEY = 'o';
 const CHAT_QUERY_PARAM = 'chat';
 const CHAT_OPEN_VALUE = 'open';
 const PROMPT_QUERY_PARAM = 'prompt';
-function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, renderSystemMessage, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, copyHistoryOnNewChat = false, transformSendPayload, }) {
+function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, renderSystemMessage, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, copyHistoryOnNewChat = false, transformSendPayload, submitPresetsViaApi = false, }) {
     const effectiveScopeId = scopeId ?? NO_SCOPE_FALLBACK;
     const isMobile = useIsMobile();
     const { chatPanelContainer, isOpen: sidebarNavOpen, setOpen: setSidebarNavOpen, sidebarWidthPx, chatWidthPx, setChatWidthPx, getShellWidth, chatPanelOpen: shellChatPanelOpen, setChatPanelOpen, } = useSidebar();
@@ -40,6 +40,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
     const [promptLinkPrefill, setPromptLinkPrefill] = useState(null);
     /** Deduplicate Strict Mode double `useEffect` on the same mount. */
     const promptParamHandledInEffectRef = useRef(false);
+    const pendingOpenChatAndSubmitRef = useRef(null);
     const prevShellChatPanelOpenRef = useRef(shellChatPanelOpen);
     /** This instance requested shell chat width (ignore other ChatSheet instances on the page). */
     const openedShellChatRef = useRef(false);
@@ -200,6 +201,18 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         setPromptLinkPrefill(trimmed || null);
         onOpenChange(true);
     }, [startEmptyNewChat, onOpenChange]);
+    const openNewChatAndSubmit = useCallback((prompt) => {
+        const sessionId = startEmptyNewChat();
+        if (sessionId == null) {
+            logger.warn('Chat submit: sign in to use the assistant.');
+            return;
+        }
+        const trimmed = prompt.trim();
+        if (!trimmed)
+            return;
+        pendingOpenChatAndSubmitRef.current = { sessionId, prompt: trimmed };
+        onOpenChange(true);
+    }, [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.
@@ -337,7 +350,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
                 setOutboundLoadingLabel(loadingLabelFromSendPayload(payload));
                 try {
                     const { response: assistantResponse, sessionId } = await sendMessage(payload);
-                    onMessage?.(displayTextFromSendPayload(payload), assistantResponse, sessionId);
+                    await onMessage?.(displayTextFromSendPayload(payload), assistantResponse, sessionId);
                 }
                 finally {
                     setOutboundLoadingLabel(undefined);
@@ -475,7 +488,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
             setOutboundLoadingLabel(loadingLabelFromSendPayload(payload));
             try {
                 const { response: assistantResponse, sessionId } = await sendMessage(payload);
-                onMessage?.(displayTextFromSendPayload(payload), assistantResponse, sessionId);
+                await onMessage?.(displayTextFromSendPayload(payload), assistantResponse, sessionId);
             }
             finally {
                 setOutboundLoadingLabel(undefined);
@@ -498,20 +511,28 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         onScriptComplete,
         transformSendPayload,
     ]);
-    const submitPreset = useCallback(async (preset) => {
+    useEffect(() => {
+        const pending = pendingOpenChatAndSubmitRef.current;
+        if (!pending || currentChatId !== pending.sessionId)
+            return;
+        pendingOpenChatAndSubmitRef.current = null;
+        void handlePromptSubmit(pending.prompt);
+    }, [currentChatId, handlePromptSubmit]);
+    const submitPreset = useCallback(async (preset, options) => {
         const script = preset.script;
         const scriptGraph = isPresetScriptGraph(script);
         const hasLinearScript = Array.isArray(script) && script.length > 0;
         const hasReplies = preset.replies && Object.keys(preset.replies).length > 0;
-        const isLocalDemo = hasLinearScript ||
-            scriptGraph ||
-            Boolean(preset.answer?.trim()) ||
-            Boolean(hasReplies);
+        const isLocalDemo = !submitPresetsViaApi &&
+            (hasLinearScript ||
+                scriptGraph ||
+                Boolean(preset.answer?.trim()) ||
+                Boolean(hasReplies));
         if (!isLocalDemo) {
             if (!currentChatId)
                 return;
             endLocalDemoFlow(currentChatId);
-            await handlePromptSubmit(preset.text);
+            await handlePromptSubmit(options?.message ?? preset.text);
             return;
         }
         setLocalUiBusy(true);
@@ -597,6 +618,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         handlePromptSubmit,
         addMessage,
         presetsWithFreeform,
+        submitPresetsViaApi,
     ]);
     const resolvedEmptyState = useMemo(() => {
         if (!emptyState)
@@ -798,7 +820,10 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
                 chatWidthPx,
             })) {
                 // Chat open uses `startViewTransition`; nested transition here aborts first → AbortError overlay.
-                setSidebarNavOpen(false, { viewTransition: false });
+                setSidebarNavOpen(false, {
+                    viewTransition: false,
+                    layoutAutoClose: true,
+                });
             }
         };
         collapseNavIfNoSpace();
@@ -948,6 +973,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         toggleOpen,
         newChat: startEmptyNewChat,
         openNewChatWithPrefill,
+        openNewChatAndSubmit,
         chatPanelContainer,
     };
 }

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

@@ -85,6 +85,8 @@ function SidebarProvider({ defaultOpen = getCookie('isSidebarOpen') ?? true, cla
     const [chatPanelOpen, _setChatPanelOpen] = useState(false);
     const sidebarWidthRef = useRef(sidebarWidthPx);
     const chatWidthRef = useRef(chatWidthPx);
+    /** Left nav was auto-closed because chat opened on a narrow shell; reopen when chat closes. */
+    const sidebarAutoClosedForChatRef = useRef(false);
     sidebarWidthRef.current = sidebarWidthPx;
     chatWidthRef.current = chatWidthPx;
     const mergeWrapperRef = useCallback((el) => {
@@ -226,10 +228,8 @@ function SidebarProvider({ defaultOpen = getCookie('isSidebarOpen') ?? true, cla
             }
         }
         else if (openingChat && isOpen) {
+            sidebarAutoClosedForChatRef.current = true;
             setIsOpen(false);
-            if (getCookiePreferences(userId)?.functional) {
-                setCookie('isSidebarOpen', 'false', 60 * 60 * 24 * 7);
-            }
         }
     }, [
         isSidebarSheetLayout,
@@ -238,18 +238,34 @@ function SidebarProvider({ defaultOpen = getCookie('isSidebarOpen') ?? true, cla
         chatPanelOpen,
         sidebarWidthPx,
         chatWidthPx,
-        userId,
     ]);
     const setChatPanelOpen = useCallback((open) => {
         if (open) {
             closeOppositeSidebarIfNoSpace(false, true);
+            _setChatPanelOpen(true);
+            return;
+        }
+        _setChatPanelOpen(false);
+        if (sidebarAutoClosedForChatRef.current) {
+            sidebarAutoClosedForChatRef.current = false;
+            setIsOpen(true);
+            if (getCookiePreferences(userId)?.functional) {
+                setCookie('isSidebarOpen', 'true', 60 * 60 * 24 * 7);
+            }
         }
-        _setChatPanelOpen(open);
-    }, [closeOppositeSidebarIfNoSpace]);
+    }, [closeOppositeSidebarIfNoSpace, userId]);
     const setOpen = useCallback((value, options) => {
+        const layoutAutoClose = options?.layoutAutoClose === true;
         if (value) {
+            sidebarAutoClosedForChatRef.current = false;
             closeOppositeSidebarIfNoSpace(true, false);
         }
+        else if (layoutAutoClose) {
+            sidebarAutoClosedForChatRef.current = true;
+        }
+        else {
+            sidebarAutoClosedForChatRef.current = false;
+        }
         const useViewTransition = options?.viewTransition !== false &&
             !isSidebarSheetLayout &&
             'startViewTransition' in document &&
@@ -262,7 +278,7 @@ function SidebarProvider({ defaultOpen = getCookie('isSidebarOpen') ?? true, cla
         else {
             setIsOpen(value);
         }
-        if (getCookiePreferences(userId)?.functional) {
+        if (!layoutAutoClose && getCookiePreferences(userId)?.functional) {
             setCookie('isSidebarOpen', value.toString(), 60 * 60 * 24 * 7);
         }
     }, [isSidebarSheetLayout, userId, closeOppositeSidebarIfNoSpace]);