@syntrologie/adapt-chatbot 2.8.0-canary.293 → 2.8.0-canary.295

package/dist/AdaptiveChatBar.js

@@ -1,8 +1,8 @@
 import {
   AdaptiveChatBar
 } from "./chunk-SCVTTLFJ.js";
-import "./chunk-YQU3O7VK.js";
-import "./chunk-C6K7W3LO.js";
+import "./chunk-3HYMFSO4.js";
+import "./chunk-A4X7HEVE.js";
 import "./chunk-UVKRO5ER.js";
 export {
   AdaptiveChatBar

package/dist/AdaptiveChatTrail.js

@@ -1,7 +1,7 @@
 import {
   AdaptiveChatTrail
-} from "./chunk-YQU3O7VK.js";
-import "./chunk-C6K7W3LO.js";
+} from "./chunk-3HYMFSO4.js";
+import "./chunk-A4X7HEVE.js";
 import "./chunk-UVKRO5ER.js";
 export {
   AdaptiveChatTrail

package/dist/ChatAssistantLit.js

@@ -1,8 +1,8 @@
 import {
   ChatAssistantLitMountable,
   renderFallbackHtml
-} from "./chunk-FLSMUFFX.js";
-import "./chunk-C6K7W3LO.js";
+} from "./chunk-F2INJT5F.js";
+import "./chunk-A4X7HEVE.js";
 import "./chunk-VLJ3WOEX.js";
 import "./chunk-UVKRO5ER.js";
 export {

package/dist/{chunk-YQU3O7VK.js → chunk-3HYMFSO4.js}

@@ -1,6 +1,6 @@
 import {
   renderMarkdown
-} from "./chunk-C6K7W3LO.js";
+} from "./chunk-A4X7HEVE.js";
 
 // src/AdaptiveChatTrail.ts
 import { html, LitElement, nothing } from "lit";
@@ -414,4 +414,4 @@ if (!customElements.get("adaptive-chat-trail")) {
 export {
   AdaptiveChatTrail
 };
-//# sourceMappingURL=chunk-YQU3O7VK.js.map
+//# sourceMappingURL=chunk-3HYMFSO4.js.map

package/dist/{chunk-C6K7W3LO.js → chunk-A4X7HEVE.js}

@@ -2244,7 +2244,9 @@ var stopIcon = html2`<svg width="14" height="14" viewBox="0 0 14 14" fill="none"
 function autoResize(e) {
   const el = e.target;
   el.style.height = "auto";
-  el.style.height = `${Math.min(el.scrollHeight, 150)}px`;
+  const capped = Math.min(el.scrollHeight, 150);
+  el.style.height = `${capped}px`;
+  el.style.overflowY = capped >= 150 ? "auto" : "hidden";
 }
 function renderChatInput(props) {
   const canSend = props.value.trim().length > 0 && !props.isStreaming;
@@ -2284,7 +2286,18 @@ function renderChatInput(props) {
   `;
 }
 function fingerprint(msg) {
-  const tcIds = msg.toolCalls?.map((tc) => `${tc.id}:${tc.status}`).join(",") ?? "";
+  const tcIds = msg.toolCalls?.map((tc) => {
+    let resultKey = "-";
+    if (tc.result !== void 0) {
+      try {
+        const json = JSON.stringify(tc.result);
+        resultKey = json === void 0 ? "u" : String(json.length);
+      } catch {
+        resultKey = String(String(tc.result).length);
+      }
+    }
+    return `${tc.id}:${tc.status}:${tc.interruptId ?? ""}:${resultKey}:${tc.error ?? ""}`;
+  }).join(",") ?? "";
   return `${msg.id}:${msg.role}:${msg.content.length}:${msg.status}:${tcIds}`;
 }
 var marked = new B({ async: false, gfm: true, breaks: true });
@@ -2344,16 +2357,50 @@ function statusIcon(status) {
       return toolIcon;
   }
 }
+var STATUS_TEXT = {
+  "args-streaming": "Running\u2026",
+  running: "Running\u2026",
+  pending: "Needs approval",
+  done: "Done",
+  error: "Failed",
+  cancelled: "Cancelled"
+};
+function humanizeToolName(name) {
+  const words = name.replace(/[_-]+/g, " ").trim();
+  return words ? words.charAt(0).toUpperCase() + words.slice(1) : name;
+}
+var ARGS_SUMMARY_MAX = 90;
+var ARG_VALUE_MAX = 48;
+function summarizeArgs(args) {
+  if (!args) return "";
+  const bits = [];
+  for (const [key, value] of Object.entries(args)) {
+    if (value === null || value === void 0) continue;
+    const t = typeof value;
+    if (t !== "string" && t !== "number" && t !== "boolean") continue;
+    let rendered = String(value);
+    if (rendered.length > ARG_VALUE_MAX) rendered = `${rendered.slice(0, ARG_VALUE_MAX)}\u2026`;
+    bits.push(`${key}: ${rendered}`);
+    if (bits.join(" \xB7 ").length >= ARGS_SUMMARY_MAX) break;
+  }
+  let summary = bits.join(" \xB7 ");
+  if (summary.length > ARGS_SUMMARY_MAX) summary = `${summary.slice(0, ARGS_SUMMARY_MAX)}\u2026`;
+  return summary;
+}
 function renderToolCallCard(props) {
   const { toolCall, toolLabel, approve, deny } = props;
-  const displayName = toolLabel ?? toolCall.name;
+  const displayName = toolLabel ?? humanizeToolName(toolCall.name);
   const isActive = toolCall.status === "args-streaming" || toolCall.status === "running";
+  const statusText = STATUS_TEXT[toolCall.status] ?? "";
+  const argsSummary = summarizeArgs(toolCall.args);
   return html3`
-    <div data-sc-tool-card ?data-sc-active=${isActive}>
+    <div data-sc-tool-card ?data-sc-active=${isActive} data-sc-tool-phase=${toolCall.status}>
       <div data-sc-tool-header>
         <span data-sc-tool-icon data-sc-status=${toolCall.status}>${statusIcon(toolCall.status)}</span>
         <span data-sc-tool-name>${displayName}</span>
+        ${statusText ? html3`<span data-sc-tool-status-text data-sc-status=${toolCall.status}>${statusText}</span>` : nothing2}
       </div>
+      ${argsSummary ? html3`<div data-sc-tool-args>${argsSummary}</div>` : nothing2}
       ${toolCall.status === "error" && toolCall.error ? html3`<div data-sc-tool-error>${toolCall.error}</div>` : nothing2}
       ${toolCall.status === "pending" ? html3`<div data-sc-tool-actions>
             <button data-sc-approve @click=${approve} aria-label="Approve ${displayName}">Approve</button>
@@ -2407,7 +2454,7 @@ function renderMessageBubble(props) {
       ${!isUser ? assistantIcon : nothing3}
       <div data-sc-msg-content>
         ${renderBubbleContent(message)}
-        ${message.status === "error" ? html4`<div data-sc-msg-error>Failed to send</div>` : nothing3}
+        ${message.status === "error" ? html4`<div data-sc-msg-error>${isUser ? "Failed to send" : "Response interrupted"}</div>` : nothing3}
         ${toolCards ?? nothing3}
         ${renderActionBar({
     messageId: message.id,
@@ -2669,7 +2716,7 @@ var STYLE_RULES = `
   max-height: 150px;
   line-height: 1.4;
   transition: border-color 0.2s, box-shadow 0.2s;
-  overflow-y: auto;
+  overflow-y: hidden;
 }
 
 [data-sc-chat] [data-sc-chat-input] textarea:focus {
@@ -2837,7 +2884,50 @@ var STYLE_RULES = `
 }
 
 [data-sc-chat] [data-sc-tool-name] {
+  font-weight: 600;
+}
+
+[data-sc-chat] [data-sc-tool-status-text] {
+  margin-left: auto;
+  font-size: 0.72rem;
   font-weight: 500;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: var(--sc-content-text-secondary-color, #6b6b80);
+  white-space: nowrap;
+}
+
+[data-sc-chat] [data-sc-tool-status-text][data-sc-status="done"] {
+  color: #22c55e;
+}
+
+[data-sc-chat] [data-sc-tool-status-text][data-sc-status="error"] {
+  color: #ef4444;
+}
+
+[data-sc-chat] [data-sc-tool-status-text][data-sc-status="running"],
+[data-sc-chat] [data-sc-tool-status-text][data-sc-status="args-streaming"] {
+  color: #3b82f6;
+}
+
+[data-sc-chat] [data-sc-tool-status-text][data-sc-status="cancelled"] {
+  color: var(--sc-content-text-secondary-color, #6b6b80);
+  text-decoration: line-through;
+}
+
+[data-sc-chat] [data-sc-tool-args] {
+  margin-top: 6px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 0.76rem;
+  color: var(--sc-content-text-secondary-color, #6b6b80);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+[data-sc-chat] [data-sc-tool-card][data-sc-tool-phase="cancelled"] {
+  opacity: 0.65;
+  border-left-color: var(--sc-content-border-color, #e8e8ee);
 }
 
 [data-sc-chat] [data-sc-tool-error] {
@@ -3078,8 +3168,15 @@ var SyntroChat = class extends LitElement {
         }
         case "tool-call-result": {
           let foundToolName;
-          this._messages = this._messages.map((m2) => {
-            if (!m2.toolCalls) return m2;
+          let lastIdx = -1;
+          for (let i = this._messages.length - 1; i >= 0; i--) {
+            if (this._messages[i].toolCalls?.some((tc) => tc.id === event.toolCallId)) {
+              lastIdx = i;
+              break;
+            }
+          }
+          this._messages = this._messages.map((m2, idx) => {
+            if (idx !== lastIdx || !m2.toolCalls) return m2;
             const toolCalls = m2.toolCalls.map((tc) => {
               if (tc.id !== event.toolCallId) return tc;
               foundToolName = tc.name;
@@ -3102,6 +3199,18 @@ var SyntroChat = class extends LitElement {
         }
         case "error":
           this._errorMessage = event.message;
+          this._isStreaming = false;
+          this._messages = this._messages.map((m2) => {
+            const wasStreaming = m2.status === "streaming";
+            const hasLiveTool = m2.toolCalls?.some(
+              (tc) => tc.status === "args-streaming" || tc.status === "running"
+            );
+            if (!wasStreaming && !hasLiveTool) return m2;
+            const toolCalls = hasLiveTool ? m2.toolCalls?.map(
+              (tc) => tc.status === "args-streaming" || tc.status === "running" ? { ...tc, status: "error", error: tc.error ?? event.message } : tc
+            ) : m2.toolCalls;
+            return { ...m2, status: wasStreaming ? "error" : m2.status, toolCalls };
+          });
           break;
         case "a2ui":
           break;
@@ -3148,6 +3257,16 @@ var SyntroChat = class extends LitElement {
         });
         return;
       }
+      if (this._isPendingClientTool(toolCallId)) {
+        this._markToolDone(toolCallId);
+        this.transport.send({
+          type: "tool-result",
+          toolCallId,
+          result: payload?.editedArgs ?? null,
+          approved: true
+        });
+        return;
+      }
       if (_retryCount < 10) {
         setTimeout(() => this._onToolApprove(toolCallId, payload, _retryCount + 1), 200);
         return;
@@ -3171,6 +3290,16 @@ var SyntroChat = class extends LitElement {
         });
         return;
       }
+      if (this._isPendingClientTool(toolCallId)) {
+        this._markToolDone(toolCallId);
+        this.transport.send({
+          type: "tool-result",
+          toolCallId,
+          result: null,
+          approved: false
+        });
+        return;
+      }
       if (_retryCount < 10) {
         setTimeout(() => this._onToolDeny(toolCallId, _retryCount + 1), 200);
         return;
@@ -3250,9 +3379,19 @@ var SyntroChat = class extends LitElement {
     this._unsubscribe?.();
     this._unsubscribe = null;
     this.transport?.disconnect();
+    this._scrollContainer?.removeEventListener("scroll", this._handleScroll);
+    this._scrollContainer = null;
   }
   firstUpdated() {
     this._ensureStylesInRoot();
+    this._attachScrollListener();
+  }
+  /** Attach the scroll listener if not already attached. Called from both
+   * firstUpdated (initial mount) and updated (re-mounts — Lit never
+   * re-fires firstUpdated for the same element instance, and
+   * disconnectedCallback tears the listener down). */
+  _attachScrollListener() {
+    if (this._scrollContainer) return;
     this._scrollContainer = this.querySelector("[data-sc-scroll-area]");
     this._scrollContainer?.addEventListener("scroll", this._handleScroll);
   }
@@ -3289,6 +3428,7 @@ var SyntroChat = class extends LitElement {
     injectChatStyles(this._resolveStyleRoot());
   }
   updated() {
+    this._attachScrollListener();
     this._injectCodeCopyButtons();
   }
   _injectCodeCopyButtons() {
@@ -3330,6 +3470,13 @@ var SyntroChat = class extends LitElement {
     this._messages = [...this._messages, msg];
     this._scrollToBottom();
   }
+  _isPendingClientTool(toolCallId) {
+    for (const m2 of this._messages) {
+      const tc = m2.toolCalls?.find((t) => t.id === toolCallId);
+      if (tc) return tc.status === "pending" && !tc.interruptId;
+    }
+    return false;
+  }
   _findInterruptId(toolCallId) {
     for (const m2 of this._messages) {
       const tc = m2.toolCalls?.find((t) => t.id === toolCallId);
@@ -3555,4 +3702,4 @@ export {
 dompurify/dist/purify.es.mjs:
   (*! @license DOMPurify 3.3.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.1/LICENSE *)
 */
-//# sourceMappingURL=chunk-C6K7W3LO.js.map
+//# sourceMappingURL=chunk-A4X7HEVE.js.map