@sybilion/uilib 1.3.88 → 1.3.90

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

@@ -1,9 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import cn from 'classnames';
+import { useMemo } from 'react';
 import { InteractiveContent } from '../../InteractiveContent/InteractiveContent.js';
 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 +18,8 @@ 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}`)))] })) }));
+    const assistantDisplayText = useMemo(() => (isAssistant ? stripJsonDashboardFences(text) : text), [isAssistant, text]);
+    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: assistantDisplayText, 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/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();
@@ -350,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);
@@ -488,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);
@@ -523,14 +523,19 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         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);
+            let chatId = currentChatId;
+            if (!chatId) {
+                chatId = startEmptyNewChat() ?? undefined;
+                if (!chatId)
+                    return;
+            }
+            endLocalDemoFlow(chatId);
             await handlePromptSubmit(options?.message ?? preset.text);
             return;
         }
@@ -613,10 +618,12 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         }
     }, [
         currentChatId,
+        startEmptyNewChat,
         endLocalDemoFlow,
         handlePromptSubmit,
         addMessage,
         presetsWithFreeform,
+        submitPresetsViaApi,
     ]);
     const resolvedEmptyState = useMemo(() => {
         if (!emptyState)