@apteva/apteva-kit 0.1.71 → 0.1.72

package/dist/index.mjs

@@ -1518,7 +1518,7 @@ 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: [
       /* @__PURE__ */ jsxs8("svg", { className: "apteva-tool-icon apteva-tool-icon-spin", fill: "none", viewBox: "0 0 24 24", children: [
@@ -1528,10 +1528,10 @@ function ToolCall({ name, status, isReceiving = false }) {
       /* @__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: "." })
+        inputLength > 0 && /* @__PURE__ */ jsxs8("span", { className: "apteva-tool-char-count", children: [
+          " (",
+          inputLength,
+          " chars)"
         ] })
       ] })
     ] });
@@ -1765,7 +1765,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)
         );
@@ -2961,6 +2962,7 @@ ${widgetContext}` : widgetContext;
                   const toolSegment = contentSegments.find((s) => s.type === "tool" && s.id === chunk.tool_id);
                   if (toolSegment) {
                     toolSegment.isReceiving = true;
+                    toolSegment.inputLength = toolInputBuffer.length;
                     updateMessage();
                     if (receivingTimeout) clearTimeout(receivingTimeout);
                     receivingTimeout = setTimeout(() => {