@apteva/apteva-kit 0.1.71 → 0.1.76

package/dist/index.mjs

@@ -1518,21 +1518,16 @@ function MarkdownContent({ content, className = "" }) {
 
 // src/components/Chat/ToolCall.tsx
 import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-function ToolCall({ name, status, isReceiving = false }) {
+function ToolCall({ name, status, isReceiving = false, inputLength = 0 }) {
   if (status === "preparing") {
-    return /* @__PURE__ */ jsxs8("div", { className: `apteva-tool-card apteva-tool-card-preparing ${isReceiving ? "apteva-tool-receiving" : ""}`, children: [
+    return /* @__PURE__ */ jsxs8("div", { className: "apteva-tool-card apteva-tool-card-preparing", children: [
       /* @__PURE__ */ jsxs8("svg", { className: "apteva-tool-icon apteva-tool-icon-spin", fill: "none", viewBox: "0 0 24 24", children: [
         /* @__PURE__ */ jsx11("circle", { className: "apteva-tool-spinner-track", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
         /* @__PURE__ */ jsx11("path", { className: "apteva-tool-spinner-fill", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
       ] }),
       /* @__PURE__ */ jsxs8("span", { className: "apteva-tool-label", children: [
         /* @__PURE__ */ jsx11("strong", { children: name }),
-        /* @__PURE__ */ jsx11("span", { className: "apteva-tool-status-text", children: " preparing" }),
-        /* @__PURE__ */ jsxs8("span", { className: "apteva-tool-dots", children: [
-          /* @__PURE__ */ jsx11("span", { children: "." }),
-          /* @__PURE__ */ jsx11("span", { children: "." }),
-          /* @__PURE__ */ jsx11("span", { children: "." })
-        ] })
+        /* @__PURE__ */ jsx11("span", { className: "apteva-tool-status-text", children: " preparing..." })
       ] })
     ] });
   }
@@ -1765,7 +1760,8 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
             {
               name: segment.name,
               status: segment.status || (segment.result !== void 0 ? "completed" : "running"),
-              isReceiving: segment.isReceiving
+              isReceiving: segment.isReceiving,
+              inputLength: segment.inputLength
             }
           ) }, segment.id)
         );
@@ -2870,8 +2866,8 @@ ${widgetContext}` : widgetContext;
         let currentTextBuffer = "";
         let accumulatedWidgets = [];
         let responseThreadId = currentThreadId;
-        let toolInputBuffer = "";
-        let receivingTimeout = null;
+        const toolInputBuffers = {};
+        const receivingTimeouts = {};
         const streamingMessageId = `msg-${Date.now()}`;
         const updateMessage = () => {
           const segments = [...contentSegments];
@@ -2949,7 +2945,7 @@ ${widgetContext}` : widgetContext;
                     currentTextBuffer = "";
                   }
                   contentSegments.push({ type: "tool", id: chunk.tool_id, name: displayName, status: "preparing" });
-                  toolInputBuffer = "";
+                  toolInputBuffers[chunk.tool_id] = "";
                   setChatToolName(displayName);
                   onToolCall?.(chunk.tool_name, chunk.tool_id);
                   updateMessage();
@@ -2957,13 +2953,18 @@ ${widgetContext}` : widgetContext;
                 break;
               case "tool_input_delta":
                 if (chunk.tool_id && chunk.content) {
-                  toolInputBuffer += chunk.content;
-                  const toolSegment = contentSegments.find((s) => s.type === "tool" && s.id === chunk.tool_id);
+                  const toolId = chunk.tool_id;
+                  if (toolInputBuffers[toolId] === void 0) {
+                    toolInputBuffers[toolId] = "";
+                  }
+                  toolInputBuffers[toolId] += chunk.content;
+                  const toolSegment = contentSegments.find((s) => s.type === "tool" && s.id === toolId);
                   if (toolSegment) {
                     toolSegment.isReceiving = true;
+                    toolSegment.inputLength = toolInputBuffers[toolId].length;
                     updateMessage();
-                    if (receivingTimeout) clearTimeout(receivingTimeout);
-                    receivingTimeout = setTimeout(() => {
+                    if (receivingTimeouts[toolId]) clearTimeout(receivingTimeouts[toolId]);
+                    receivingTimeouts[toolId] = setTimeout(() => {
                       if (toolSegment.status === "preparing") {
                         toolSegment.isReceiving = false;
                         updateMessage();