@apteva/apteva-kit 0.1.39 → 0.1.40

package/dist/index.mjs

@@ -1251,7 +1251,7 @@ function ToolCall({ name, status }) {
 }
 
 // src/components/Chat/Message.tsx
-import { Fragment, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function Message({ message, onAction, enableWidgets, onWidgetRender }) {
   const isUser = message.role === "user";
   const contentSegments = message.metadata?.content_segments;
@@ -1290,21 +1290,50 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
       return /* @__PURE__ */ jsx11(MarkdownContent, { content: text });
     }
     const parsed = parseWidgetsFromText(text);
-    if (parsed.segments.length === 0) {
+    const cleanedText = parsed.segments.filter((seg) => seg.type === "text" && seg.content).map((seg) => seg.content).join("");
+    if (!cleanedText.trim()) {
       return null;
     }
-    return /* @__PURE__ */ jsx11(Fragment, { children: parsed.segments.map((segment, index) => {
+    return /* @__PURE__ */ jsx11(MarkdownContent, { content: cleanedText });
+  };
+  const renderContentWithWidgets = () => {
+    if (!enableWidgets || isUser || !message.content) {
+      return null;
+    }
+    const parsed = parseWidgetsFromText(message.content);
+    const elements = [];
+    let textBuffer = "";
+    parsed.segments.forEach((segment, index) => {
       if (segment.type === "text" && segment.content) {
-        return /* @__PURE__ */ jsx11(MarkdownContent, { content: segment.content }, `text-${index}`);
-      }
-      if (segment.type === "widget" && segment.widget) {
-        return /* @__PURE__ */ jsx11("div", { className: "my-3", children: /* @__PURE__ */ jsx11(WidgetRenderer, { widget: segment.widget, onAction }) }, `widget-${index}`);
-      }
-      if (segment.type === "widget_pending" && segment.pendingType) {
-        return /* @__PURE__ */ jsx11("div", { className: "my-3", children: /* @__PURE__ */ jsx11(WidgetSkeleton, { type: segment.pendingType }) }, `pending-${index}`);
+        textBuffer += segment.content;
+      } else if (segment.type === "widget" && segment.widget) {
+        if (textBuffer.trim()) {
+          elements.push(
+            /* @__PURE__ */ jsx11("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx11("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx11(MarkdownContent, { content: textBuffer }) }) }, `text-${index}`)
+          );
+          textBuffer = "";
+        }
+        elements.push(
+          /* @__PURE__ */ jsx11("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx11(WidgetRenderer, { widget: segment.widget, onAction }) }, `widget-${index}`)
+        );
+      } else if (segment.type === "widget_pending" && segment.pendingType) {
+        if (textBuffer.trim()) {
+          elements.push(
+            /* @__PURE__ */ jsx11("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx11("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx11(MarkdownContent, { content: textBuffer }) }) }, `text-${index}`)
+          );
+          textBuffer = "";
+        }
+        elements.push(
+          /* @__PURE__ */ jsx11("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx11(WidgetSkeleton, { type: segment.pendingType }) }, `pending-${index}`)
+        );
       }
-      return null;
-    }) });
+    });
+    if (textBuffer.trim()) {
+      elements.push(
+        /* @__PURE__ */ jsx11("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx11("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx11(MarkdownContent, { content: textBuffer }) }) }, "text-final")
+      );
+    }
+    return elements.length > 0 ? elements : null;
   };
   const renderContent = () => {
     if (isUser) {
@@ -1356,7 +1385,15 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
   if (!isUser && contentSegments && contentSegments.length > 0) {
     return /* @__PURE__ */ jsxs8("div", { className: "apteva-message-segmented", children: [
       renderSegmentedContent(),
-      message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx11("div", { className: "apteva-message-widgets", children: /* @__PURE__ */ jsx11(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
+      message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx11("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx11(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
+      /* @__PURE__ */ jsx11("div", { className: "apteva-message-timestamp apteva-message-timestamp-assistant", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+    ] });
+  }
+  const widgetContent = renderContentWithWidgets();
+  if (!isUser && enableWidgets && widgetContent) {
+    return /* @__PURE__ */ jsxs8("div", { className: "apteva-message-segmented", children: [
+      widgetContent,
+      message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx11("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx11(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
       /* @__PURE__ */ jsx11("div", { className: "apteva-message-timestamp apteva-message-timestamp-assistant", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
     ] });
   }
@@ -1369,7 +1406,7 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
       ),
       children: [
         /* @__PURE__ */ jsx11("div", { className: isUser ? "apteva-message-content-user" : "apteva-message-content-assistant", children: renderContent() }),
-        message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx11("div", { className: "apteva-message-widgets", children: /* @__PURE__ */ jsx11(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
+        message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx11("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx11(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
         /* @__PURE__ */ jsx11("div", { className: cn("apteva-message-timestamp", isUser ? "apteva-message-timestamp-user" : "apteva-message-timestamp-assistant"), suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
       ]
     }
@@ -1553,7 +1590,7 @@ function MessageList({
 
 // src/components/Chat/Composer.tsx
 import { useState, useRef as useRef3 } from "react";
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function Composer({ onSendMessage, placeholder = "Type a message...", disabled = false, isLoading = false, onStop, onFileUpload, onSwitchMode }) {
   const [text, setText] = useState("");
   const [showMenu, setShowMenu] = useState(false);
@@ -1674,7 +1711,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
             children: /* @__PURE__ */ jsx14("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx14("path", { d: "M10 5v10M5 10h10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
           }
         ),
-        showMenu && /* @__PURE__ */ jsxs10(Fragment2, { children: [
+        showMenu && /* @__PURE__ */ jsxs10(Fragment, { children: [
           /* @__PURE__ */ jsx14("div", { className: "fixed inset-0 z-[9998]", onClick: () => setShowMenu(false) }),
           /* @__PURE__ */ jsxs10(
             "div",
@@ -1767,7 +1804,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
 
 // src/components/Chat/CommandComposer.tsx
 import { useState as useState2, useRef as useRef4 } from "react";
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function CommandComposer({
   onExecute,
   state,
@@ -1916,7 +1953,7 @@ function CommandComposer({
                   children: /* @__PURE__ */ jsx15("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx15("path", { d: "M10 5v10M5 10h10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
                 }
               ),
-              showMenu && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+              showMenu && /* @__PURE__ */ jsxs11(Fragment2, { children: [
                 /* @__PURE__ */ jsx15("div", { className: "fixed inset-0 z-[9998]", onClick: () => setShowMenu(false) }),
                 /* @__PURE__ */ jsxs11(
                   "div",
@@ -2012,7 +2049,7 @@ function CommandComposer({
                 state === "error" && "!text-red-600 dark:!text-red-400",
                 state === "plan-pending" && "!text-amber-700 dark:!text-amber-300"
               ),
-              children: isToolCall ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+              children: isToolCall ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
                 /* @__PURE__ */ jsx15("span", { className: "font-mono", children: displayContent }),
                 /* @__PURE__ */ jsx15("span", { className: "text-gray-400 dark:text-gray-500", children: "Running..." })
               ] }) : displayContent
@@ -2035,7 +2072,7 @@ function CommandComposer({
                 children: "Modify"
               }
             )
-          ] }) : /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          ] }) : /* @__PURE__ */ jsxs11(Fragment2, { children: [
             state === "loading" && onStop && /* @__PURE__ */ jsx15(
               "button",
               {
@@ -2273,7 +2310,7 @@ var AptevaClient = class {
 var aptevaClient = new AptevaClient();
 
 // src/components/Chat/Chat.tsx
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var Chat = forwardRef(function Chat2({
   agentId,
   threadId,
@@ -2832,7 +2869,7 @@ ${planToExecute}`;
         isLoading ? chatToolName ? "apteva-chat-status-tool" : "apteva-chat-status-thinking" : "apteva-chat-status-ready"
       ), children: isLoading ? chatToolName ? `Using ${chatToolName}...` : "Thinking..." : "Ready" })
     ] }) }),
-    mode === "chat" && /* @__PURE__ */ jsxs12(Fragment4, { children: [
+    mode === "chat" && /* @__PURE__ */ jsxs12(Fragment3, { children: [
       /* @__PURE__ */ jsx16(
         MessageList,
         {
@@ -2905,7 +2942,7 @@ import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 
 // src/components/Command/Command.tsx
 import React, { useState as useState5, useEffect as useEffect5 } from "react";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function Command({
   agentId,
   command: initialCommand,
@@ -3371,7 +3408,7 @@ ${planToExecute}`;
       style: { minHeight: isCompact ? "auto" : "180px" },
       children: [
         /* @__PURE__ */ jsxs14("div", { className: cn("flex-1 flex", isCompact ? "flex-row items-center p-3 gap-3" : "flex-col p-4"), children: [
-          state === "idle" && allowInput && !isCompact && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          state === "idle" && allowInput && !isCompact && /* @__PURE__ */ jsxs14(Fragment4, { children: [
             /* @__PURE__ */ jsx18(
               "textarea",
               {
@@ -3411,7 +3448,7 @@ ${planToExecute}`;
               )
             ] }, index)) })
           ] }),
-          state === "idle" && allowInput && isCompact && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          state === "idle" && allowInput && isCompact && /* @__PURE__ */ jsxs14(Fragment4, { children: [
             /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-0.5 flex-shrink-0", children: [
               enableFileUpload && /* @__PURE__ */ jsx18(
                 "button",
@@ -3551,7 +3588,7 @@ ${planToExecute}`;
               ] })
             ] })
           ] }),
-          state === "loading" && isCompact && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          state === "loading" && isCompact && /* @__PURE__ */ jsxs14(Fragment4, { children: [
             /* @__PURE__ */ jsxs14("div", { className: "flex-1 flex items-center gap-3 py-1", children: [
               /* @__PURE__ */ jsx18("div", { className: "w-4 h-4 border-2 border-gray-300 border-t-blue-500 rounded-full animate-spin" }),
               /* @__PURE__ */ jsx18("div", { className: "text-gray-600 dark:text-gray-400 text-sm truncate", children: enableStreaming && streamedContent ? streamedContent : loadingText })
@@ -3599,7 +3636,7 @@ ${planToExecute}`;
               )
             ] })
           ] }) }),
-          state === "plan-pending" && isCompact && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          state === "plan-pending" && isCompact && /* @__PURE__ */ jsxs14(Fragment4, { children: [
             /* @__PURE__ */ jsxs14(
               "button",
               {
@@ -3673,7 +3710,7 @@ ${planToExecute}`;
               widget.id
             )) })
           ] }) }),
-          state === "success" && result && isCompact && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          state === "success" && result && isCompact && /* @__PURE__ */ jsxs14(Fragment4, { children: [
             /* @__PURE__ */ jsxs14(
               "div",
               {
@@ -3710,7 +3747,7 @@ ${planToExecute}`;
           ] })
         ] }),
         !isCompact && /* @__PURE__ */ jsxs14("div", { className: "p-3 flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-1", children: state === "idle" && allowInput && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-1", children: state === "idle" && allowInput && /* @__PURE__ */ jsxs14(Fragment4, { children: [
             enableFileUpload && /* @__PURE__ */ jsx18(
               "button",
               {