agentgui 1.0.703 → 1.0.704

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.703",
+  "version": "1.0.704",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",

package/static/index.html

@@ -2356,6 +2356,27 @@
       color: #4ade80;
     }
 
+    /* --- Tool Result Inlined into Tool Use --- */
+    .folded-tool-status {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      margin-left: auto;
+      width: 1rem;
+      height: 1rem;
+    }
+    .folded-tool-status svg { width: 1rem; height: 1rem; }
+    .block-tool-use.tool-result-success .folded-tool-status { color: #16a34a; }
+    html.dark .block-tool-use.tool-result-success .folded-tool-status { color: #4ade80; }
+    .block-tool-use.tool-result-error .folded-tool-status { color: #ef4444; }
+    html.dark .block-tool-use.tool-result-error .folded-tool-status { color: #f87171; }
+    .folded-tool-result-content {
+      border-top: 1px solid #e5e7eb;
+      padding-top: 0.5rem;
+      margin-top: 0.5rem;
+    }
+    html.dark .folded-tool-result-content { border-top-color: #374151; }
+
     /* --- Consecutive Block Joining --- */
     .streaming-blocks > * + *,
     .message-blocks > * + * {

package/static/js/streaming-renderer.js

@@ -1239,7 +1239,6 @@ class StreamingRenderer {
    * Render tool result as inline content to be merged into preceding tool_use block
    */
   renderBlockToolResult(block, context) {
-    const isError = block.is_error || false;
     const content = block.content || '';
     const toolName = block.tool_name || block.name || '';
 
@@ -1248,6 +1247,7 @@ class StreamingRenderer {
     }
 
     const contentStr = typeof content === 'string' ? content : JSON.stringify(content, null, 2);
+    const isError = (block.is_error || false) && !contentStr.trimStart().startsWith('exec ran successfully.');
 
     const details = document.createElement('details');
     details.className = 'folded-tool' + (isError ? ' folded-tool-error' : ' folded-tool-success');
@@ -2088,8 +2088,35 @@ class StreamingRenderer {
       const toolUseBlock = Array.from(toolUseBlocks).find(b => b.dataset.toolUseId === toolUseId);
 
       if (toolUseBlock && toolUseBlock.parentElement === resultBlock.parentElement) {
-        // Result is a sibling of the tool use block, move it inside
-        toolUseBlock.appendChild(resultBlock);
+        const isError = resultBlock.classList.contains('folded-tool-error');
+        const toolUseSummary = toolUseBlock.querySelector(':scope > summary');
+
+        if (toolUseSummary && !toolUseSummary.querySelector('.folded-tool-status')) {
+          const statusSvg = isError
+            ? '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>'
+            : '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>';
+          const statusSpan = document.createElement('span');
+          statusSpan.className = 'folded-tool-status';
+          statusSpan.innerHTML = statusSvg;
+          toolUseSummary.appendChild(statusSpan);
+          toolUseBlock.classList.add(isError ? 'tool-result-error' : 'tool-result-success');
+        }
+
+        const resultBody = resultBlock.querySelector('.folded-tool-body');
+        if (resultBody && resultBody.innerHTML.trim()) {
+          let toolUseBody = toolUseBlock.querySelector(':scope > .folded-tool-body');
+          if (!toolUseBody) {
+            toolUseBody = document.createElement('div');
+            toolUseBody.className = 'folded-tool-body';
+            toolUseBlock.appendChild(toolUseBody);
+          }
+          const resultContent = document.createElement('div');
+          resultContent.className = 'folded-tool-result-content';
+          resultContent.innerHTML = resultBody.innerHTML;
+          toolUseBody.appendChild(resultContent);
+        }
+
+        resultBlock.remove();
       }
     });
   }