diff --git a/loop/webui/src/web-components/sketch-tool-card.ts b/loop/webui/src/web-components/sketch-tool-card.ts
index 0144ba0..39fadf8 100644
--- a/loop/webui/src/web-components/sketch-tool-card.ts
+++ b/loop/webui/src/web-components/sketch-tool-card.ts
@@ -147,6 +147,13 @@
       font-style: italic;
       color: #aa0909;
     }
+
+    .elapsed {
+      font-size: 10px;
+      color: #888;
+      font-style: italic;
+      margin-left: 3px;
+    }
   `;
 
   constructor() {
@@ -193,7 +200,7 @@
       ? this.toolCall?.result_message.tool_error
         ? html`❌
             <span class="tool-error-message"
-              >${this.toolCall?.result_message.tool_error}</span
+              >${this.toolCall?.result_message.tool_result}</span
             >`
         : ""
       : "⏳";
@@ -217,12 +224,19 @@
       >${toolCallStatus}</span
     >`;
 
+    const elapsed = html`${this.toolCall?.result_message?.elapsed
+      ? html`<span class="elapsed"
+          >${(this.toolCall?.result_message?.elapsed / 1e9).toFixed(2)}s
+          elapsed</span
+        >`
+      : ""}`;
+
     const ret = html`<div class="tool-call">
       <details ?open=${this.open}>
         <summary>
           <span class="tool-name">${this.toolCall?.name}</span>
           <span class="summary-text"><slot name="summary"></slot></span>
-          ${status} ${cancelButton}
+          ${status} ${cancelButton} ${elapsed}
         </summary>
         <slot name="input"></slot>
         <slot name="result"></slot>