@apteva/apteva-kit 0.1.16 → 0.1.17

package/dist/index.mjs

@@ -1384,26 +1384,6 @@ function CommandComposer({
       /* @__PURE__ */ jsx13("svg", { className: "w-3 h-3 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
       /* @__PURE__ */ jsx13("span", { children: fileError })
     ] }) }),
-    pendingFiles.length > 0 && state === "idle" && /* @__PURE__ */ jsx13("div", { className: "mb-2 flex flex-wrap gap-2", children: pendingFiles.map((pf, index) => /* @__PURE__ */ jsxs9(
-      "div",
-      {
-        className: "relative group flex items-center gap-2 px-2 py-1.5 bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg",
-        children: [
-          pf.preview ? /* @__PURE__ */ jsx13("img", { src: pf.preview, alt: pf.file.name, className: "w-6 h-6 object-cover rounded" }) : /* @__PURE__ */ jsx13("div", { className: "w-6 h-6 flex items-center justify-center bg-gray-200 dark:bg-gray-700 rounded !text-gray-500 dark:!text-gray-400", children: getFileIcon(pf.file.type) }),
-          /* @__PURE__ */ jsx13("span", { className: "text-xs font-medium !text-gray-700 dark:!text-gray-300 truncate max-w-[100px]", children: pf.file.name }),
-          /* @__PURE__ */ jsx13(
-            "button",
-            {
-              onClick: () => removeFile(index),
-              className: "w-4 h-4 bg-gray-500 hover:bg-red-500 text-white rounded-full flex items-center justify-center",
-              title: "Remove file",
-              children: /* @__PURE__ */ jsx13("svg", { className: "w-2.5 h-2.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-            }
-          )
-        ]
-      },
-      index
-    )) }),
     /* @__PURE__ */ jsxs9(
       "div",
       {
@@ -1475,6 +1455,26 @@ function CommandComposer({
             state === "loading" && !toolName && /* @__PURE__ */ jsx13("div", { className: "w-4 h-4 border-2 border-blue-200 border-t-blue-500 rounded-full animate-spin" }),
             state === "loading" && toolName && /* @__PURE__ */ jsx13("div", { className: "w-2 h-2 rounded-full bg-blue-500 animate-pulse" })
           ] }),
+          pendingFiles.length > 0 && state === "idle" && /* @__PURE__ */ jsx13("div", { className: "flex items-center gap-1 flex-shrink-0", children: pendingFiles.map((pf, index) => /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              className: "relative group flex items-center justify-center w-6 h-6 bg-gray-100 dark:bg-gray-800 rounded overflow-hidden",
+              title: pf.file.name,
+              children: [
+                pf.preview ? /* @__PURE__ */ jsx13("img", { src: pf.preview, alt: pf.file.name, className: "w-6 h-6 object-cover" }) : /* @__PURE__ */ jsx13("span", { className: "text-xs !text-gray-500 dark:!text-gray-400", children: getFileIcon(pf.file.type) }),
+                /* @__PURE__ */ jsx13(
+                  "button",
+                  {
+                    onClick: () => removeFile(index),
+                    className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity",
+                    title: "Remove",
+                    children: /* @__PURE__ */ jsx13("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                  }
+                )
+              ]
+            },
+            index
+          )) }),
           state === "idle" ? /* @__PURE__ */ jsx13(
             "textarea",
             {
@@ -1482,7 +1482,7 @@ function CommandComposer({
               value: input,
               onChange: (e) => handleInputChange(e.target.value),
               onKeyDown: handleKeyDown,
-              placeholder,
+              placeholder: pendingFiles.length > 0 ? "Add a message..." : placeholder,
               disabled,
               rows: 1,
               className: cn(
@@ -1768,6 +1768,7 @@ function Chat({
   onFileUpload,
   onComplete,
   onError,
+  onToolResult,
   // UI
   placeholder,
   showHeader = true,
@@ -1935,6 +1936,7 @@ function Chat({
                   const toolSegment = contentSegments.find((s) => s.type === "tool" && s.id === chunk.tool_id);
                   if (toolSegment) {
                     toolSegment.result = chunk.content;
+                    onToolResult?.(toolSegment.name, chunk.content);
                   }
                   updateMessage();
                 }
@@ -2115,6 +2117,7 @@ ${commandInstruction}` : commandInstruction;
         const messagePayload = files && files.length > 0 ? await buildMessageWithAttachments(currentCommand, files) : currentCommand;
         if (enableStreaming) {
           let accumulatedContent = "";
+          let lastToolName = "";
           await aptevaClient.chatStream(
             {
               agent_id: agentId,
@@ -2131,10 +2134,12 @@ ${commandInstruction}` : commandInstruction;
                 const estimatedProgress = Math.min(Math.round(accumulatedContent.length / 10), 90);
                 setProgress(estimatedProgress);
               } else if (chunk.type === "tool_call" && chunk.tool_name) {
+                lastToolName = chunk.tool_name;
                 setCurrentToolName(chunk.tool_name);
                 accumulatedContent = "";
                 setStreamedContent("");
               } else if (chunk.type === "tool_result") {
+                onToolResult?.(lastToolName, chunk.content);
                 setCurrentToolName(null);
               } else if (chunk.type === "thread_id" && chunk.thread_id) {
                 if (!currentThreadId) {