@agentiffai/design 1.3.12 → 1.3.14

package/dist/copilotkit/index.cjs

@@ -832,6 +832,7 @@ function AssistantThinking({
 AssistantThinking.displayName = "AssistantThinking";
 function parseMarkdown(text) {
   if (!text) return [];
+  text = text.replace(/<!--TOOL_CALL:[^>]*-->/g, "").replace(/__TOOL_CALL__:[^:]+:\{[^}]*(?:\{[^}]*\}[^}]*)*\}/g, "");
   const elements = [];
   let key = 0;
   const paragraphs = text.split(/\n\n+/);
@@ -1401,20 +1402,30 @@ var AssistantMessageAdapterBase = ({
   // markdownTagRenderers,
   // ImageRenderer,
 }) => {
-  if (isLoading || isGenerating && !message?.content) {
-    return /* @__PURE__ */ jsxRuntime.jsx(AssistantThinking, { message: "Thinking..." });
-  }
+  const lastGenerativeUIRef = react.useRef(null);
   const rawContent = message?.content || "";
   const content = stripToolCallMarkers(rawContent);
   let generativeUIOutput = null;
   const msgWithUI = message;
   if (msgWithUI && typeof msgWithUI.generativeUI === "function") {
     try {
-      generativeUIOutput = msgWithUI.generativeUI();
+      const newOutput = msgWithUI.generativeUI();
+      if (newOutput !== null && newOutput !== void 0) {
+        generativeUIOutput = newOutput;
+        lastGenerativeUIRef.current = newOutput;
+      }
     } catch (e) {
       console.warn("[AssistantMessageAdapter] Error rendering generativeUI:", e);
     }
   }
+  if (!generativeUIOutput && lastGenerativeUIRef.current) {
+    generativeUIOutput = lastGenerativeUIRef.current;
+  }
+  const hasGenerativeUI = generativeUIOutput !== null;
+  const showThinking = (isLoading || isGenerating && !content) && !hasGenerativeUI;
+  if (showThinking) {
+    return /* @__PURE__ */ jsxRuntime.jsx(AssistantThinking, { message: "Thinking..." });
+  }
   const attachments = [];
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     generativeUIOutput && /* @__PURE__ */ jsxRuntime.jsx(GenerativeUIContainer, { children: generativeUIOutput }),
@@ -1433,35 +1444,39 @@ var AssistantMessageAdapterBase = ({
 };
 var AssistantMessageAdapter = react.memo(AssistantMessageAdapterBase);
 AssistantMessageAdapter.displayName = "AssistantMessageAdapter";
-function createAssistantMessageAdapter(ThinkingIndicator, ToolCallsComponent) {
+function createAssistantMessageAdapter(ThinkingIndicator, _ToolCallsComponent) {
   const CustomAssistantMessageAdapter = ({
     message,
     isLoading,
-    isGenerating,
-    isCurrentMessage
+    isGenerating
+    // isCurrentMessage and ToolCallsComponent are no longer used but kept for backwards compat
   }) => {
-    const showThinking = isLoading || isGenerating && !message?.content;
-    const shouldShowToolCalls = isCurrentMessage && ToolCallsComponent;
+    const lastGenerativeUIRef = react.useRef(null);
     const rawContent = message?.content || "";
     const content = stripToolCallMarkers(rawContent);
     let generativeUIOutput = null;
     const msgWithUI = message;
     if (msgWithUI && typeof msgWithUI.generativeUI === "function") {
       try {
-        generativeUIOutput = msgWithUI.generativeUI();
+        const newOutput = msgWithUI.generativeUI();
+        if (newOutput !== null && newOutput !== void 0) {
+          generativeUIOutput = newOutput;
+          lastGenerativeUIRef.current = newOutput;
+        }
       } catch (e) {
         console.warn("[AssistantMessageAdapter] Error rendering generativeUI:", e);
       }
     }
+    if (!generativeUIOutput && lastGenerativeUIRef.current) {
+      generativeUIOutput = lastGenerativeUIRef.current;
+    }
     const attachments = [];
+    const hasGenerativeUI = generativeUIOutput !== null;
+    const showThinking = (isLoading || isGenerating && !content) && !hasGenerativeUI;
     if (showThinking) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        ThinkingIndicator ? /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicator, { isLoading, isGenerating }) : /* @__PURE__ */ jsxRuntime.jsx(AssistantThinking, { message: "Thinking..." }),
-        shouldShowToolCalls && /* @__PURE__ */ jsxRuntime.jsx(ToolCallsComponent, {})
-      ] });
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: ThinkingIndicator ? /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicator, { isLoading, isGenerating }) : /* @__PURE__ */ jsxRuntime.jsx(AssistantThinking, { message: "Thinking..." }) });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      shouldShowToolCalls && /* @__PURE__ */ jsxRuntime.jsx(ToolCallsComponent, {}),
       generativeUIOutput && /* @__PURE__ */ jsxRuntime.jsx(GenerativeUIContainer, { children: generativeUIOutput }),
       content && /* @__PURE__ */ jsxRuntime.jsx(
         AssistantMessage,
@@ -1479,16 +1494,15 @@ function createAssistantMessageAdapter(ThinkingIndicator, ToolCallsComponent) {
   CustomAssistantMessageAdapter.displayName = "CustomAssistantMessageAdapter";
   return react.memo(CustomAssistantMessageAdapter);
 }
-function createAssistantMessageAdapterWithErrorReporting(onReportIssue, ThinkingIndicator, ToolCallsComponent) {
+function createAssistantMessageAdapterWithErrorReporting(onReportIssue, ThinkingIndicator, _ToolCallsComponent) {
   const ErrorReportingAssistantMessageAdapter = ({
     message,
     isLoading,
-    isGenerating,
-    isCurrentMessage
+    isGenerating
+    // isCurrentMessage and ToolCallsComponent are no longer used but kept for backwards compat
   }) => {
+    const lastGenerativeUIRef = react.useRef(null);
     const { visibleMessages } = reactCore.useCopilotChat();
-    const showThinking = isLoading || isGenerating && !message?.content;
-    const shouldShowToolCalls = isCurrentMessage && ToolCallsComponent;
     const rawContent = message?.content || "";
     const content = stripToolCallMarkers(rawContent);
     const errorContext = react.useMemo(() => detectErrorInMessage(content), [content]);
@@ -1536,20 +1550,25 @@ function createAssistantMessageAdapterWithErrorReporting(onReportIssue, Thinking
     const msgWithUI = message;
     if (msgWithUI && typeof msgWithUI.generativeUI === "function") {
       try {
-        generativeUIOutput = msgWithUI.generativeUI();
+        const newOutput = msgWithUI.generativeUI();
+        if (newOutput !== null && newOutput !== void 0) {
+          generativeUIOutput = newOutput;
+          lastGenerativeUIRef.current = newOutput;
+        }
       } catch (e) {
         console.warn("[AssistantMessageAdapter] Error rendering generativeUI:", e);
       }
     }
+    if (!generativeUIOutput && lastGenerativeUIRef.current) {
+      generativeUIOutput = lastGenerativeUIRef.current;
+    }
     const attachments = [];
+    const hasGenerativeUI = generativeUIOutput !== null;
+    const showThinking = (isLoading || isGenerating && !content) && !hasGenerativeUI;
     if (showThinking) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        ThinkingIndicator ? /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicator, { isLoading, isGenerating }) : /* @__PURE__ */ jsxRuntime.jsx(AssistantThinking, { message: "Thinking..." }),
-        shouldShowToolCalls && /* @__PURE__ */ jsxRuntime.jsx(ToolCallsComponent, {})
-      ] });
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: ThinkingIndicator ? /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicator, { isLoading, isGenerating }) : /* @__PURE__ */ jsxRuntime.jsx(AssistantThinking, { message: "Thinking..." }) });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      shouldShowToolCalls && /* @__PURE__ */ jsxRuntime.jsx(ToolCallsComponent, {}),
       generativeUIOutput && /* @__PURE__ */ jsxRuntime.jsx(GenerativeUIContainer, { children: generativeUIOutput }),
       content && /* @__PURE__ */ jsxRuntime.jsx(
         AssistantMessage,
@@ -3178,7 +3197,7 @@ function CustomCopilotSidebar2({
     [disabled, disabledReason, onSetOpen]
   );
   const AssistantMessageAdapterMemo = react.useMemo(
-    () => onReportIssue ? createAssistantMessageAdapterWithErrorReporting(onReportIssue, ThinkingIndicator, ToolCallsComponent) : ThinkingIndicator || ToolCallsComponent ? createAssistantMessageAdapter(ThinkingIndicator, ToolCallsComponent) : AssistantMessageAdapter,
+    () => onReportIssue ? createAssistantMessageAdapterWithErrorReporting(onReportIssue, ThinkingIndicator) : ThinkingIndicator || ToolCallsComponent ? createAssistantMessageAdapter(ThinkingIndicator) : AssistantMessageAdapter,
     [ThinkingIndicator, ToolCallsComponent, onReportIssue]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [