@sybilion/uilib 1.3.89 → 1.3.90

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

@@ -1,5 +1,6 @@
 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';
@@ -17,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: 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}`)))] })) }));
+    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

@@ -529,9 +529,13 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
                 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;
         }
@@ -614,6 +618,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         }
     }, [
         currentChatId,
+        startEmptyNewChat,
         endLocalDemoFlow,
         handlePromptSubmit,
         addMessage,

package/package.json

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

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

@@ -1,4 +1,5 @@
 import cn from 'classnames';
+import { useMemo } from 'react';
 
 import { InteractiveContent } from '#uilib/components/ui/InteractiveContent';
 import { TextShimmer } from '#uilib/components/ui/TextShimmer';
@@ -33,6 +34,10 @@ export function ChatMessage({
   });
   const isAssistant = role === MessageRole.ASSISTANT;
   const isSystem = role === MessageRole.SYSTEM;
+  const assistantDisplayText = useMemo(
+    () => (isAssistant ? stripJsonDashboardFences(text) : text),
+    [isAssistant, text],
+  );
 
   return (
     <div className={cn(S.root, S[`role-${role}`], className)}>
@@ -48,7 +53,7 @@ export function ChatMessage({
         </div>
       ) : isAssistant ? (
         <AgentMessageContent
-          text={stripJsonDashboardFences(text)}
+          text={assistantDisplayText}
           textClassName={textClassName}
           onQuickReply={onQuickReply}
           suppressedQuickReplyKeys={suppressedQuickReplyKeys}

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

@@ -817,8 +817,12 @@ export function useChatPanelChromeModel({
           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;
       }
@@ -898,6 +902,7 @@ export function useChatPanelChromeModel({
     },
     [
       currentChatId,
+      startEmptyNewChat,
       endLocalDemoFlow,
       handlePromptSubmit,
       addMessage,