@smooai/chat-widget 0.12.0 → 0.13.0

package/dist/index.d.ts

@@ -134,6 +134,16 @@ interface ChatWidgetConfig {
    * `require*` flags are ignored and the pre-chat form is skipped.
    */
   allowAnonymous?: boolean;
+  /**
+   * Show the agent's tool activity (grep / read_file / bash / knowledge_search…)
+   * as inline chips interleaved with its prose, mirroring the smooth daemon SPA.
+   *
+   * Defaults to **`false`**: for a customer-facing support widget, surfacing raw
+   * tool calls to an end-user is usually undesirable, so tool activity is hidden
+   * and only the assistant's prose renders. Enable it for internal / power-user
+   * surfaces where seeing what the agent did mid-turn is valuable.
+   */
+  showToolActivity?: boolean;
   /** Theme overrides. */
   theme?: ChatWidgetTheme;
 }
@@ -219,6 +229,36 @@ declare function createWidgetStore(agentId: string): StoreApi<WidgetStore>;
  */
 declare function httpBaseFromWsEndpoint(endpoint: string): string | null;
 type Role = 'user' | 'assistant';
+/**
+ * One tool invocation within an assistant turn. Mirrors the smooth daemon SPA's
+ * `ToolCall` (`crates/smooth-web/web/src/operator.ts`): opens `done: false` on the
+ * tool call and resolves on the tool result.
+ */
+interface ToolCall {
+  /** Stable id for keyed rendering (assigned when the call opens). */
+  id: string;
+  name: string;
+  /** Raw arguments, JSON-stringified. */
+  args: string;
+  /** Present once the tool resolves. */
+  result?: string;
+  isError?: boolean;
+  done: boolean;
+}
+/**
+ * One ordered segment of an assistant turn: a run of prose, or a tool call.
+ * Preserves the interleave order the model produced (say a bit → call a tool →
+ * say a bit → …) so the UI can render tool chips INLINE where the model called
+ * them. Mirrors the daemon SPA's `MessageBlock`. Only populated when the widget
+ * is configured with `showToolActivity: true`.
+ */
+type MessageBlock = {
+  kind: 'text';
+  text: string;
+} | {
+  kind: 'tool';
+  tool: ToolCall;
+};
 interface ChatMessage {
   id: string;
   role: Role;
@@ -226,6 +266,12 @@ interface ChatMessage {
   text: string;
   /** True while an assistant message is still streaming. */
   streaming: boolean;
+  /**
+   * Ordered text + tool segments, interleaved as the model produced them. Present
+   * only on assistant messages when `showToolActivity` is enabled (absent
+   * otherwise — the default popover renders `text` alone, byte-for-byte unchanged).
+   */
+  blocks?: MessageBlock[];
   /**
    * Sources that grounded an assistant answer, when the terminal
    * `eventual_response` carried any. Optional + back-compatible: absent when
@@ -542,6 +588,10 @@ declare class SmoothAgentChatElement extends HTMLElement {
   /** How many chars of {@link streamTarget} are currently shown. */
   private displayedLength;
   private rafId;
+  /** Block structure signature of the last-rendered streaming message (tool chips
+   *  only — text growth doesn't change it), so a chip add/resolve forces a rebuild
+   *  while plain trailing-text growth stays on the fast reveal path. */
+  private prevBlockSig;
   constructor();
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -605,6 +655,14 @@ declare class SmoothAgentChatElement extends HTMLElement {
    * rebuild via {@link renderMessages}.
    */
   private handleMessages;
+  /** True when an assistant message's turn invoked at least one tool. */
+  private hasToolBlocks;
+  /** Signature that changes only when a tool chip is added or resolved (text growth is 'x'). */
+  private blockSig;
+  /** The live (last) text block for a tool turn, else the whole message text. */
+  private tailText;
+  /** Reveal-binding key — composite for a tool-turn tail (so a new trailing block rebinds), else msg id. */
+  private tailKey;
   private renderMessages;
   /**
    * Render (or clear) the mid-conversation suggested-reply chips under the
@@ -624,6 +682,19 @@ declare class SmoothAgentChatElement extends HTMLElement {
    * doesn't restart the reveal from zero), then resumes the loop.
    */
   private bindReveal;
+  /**
+   * Render a tool-activity assistant turn as an ordered strip: prose bubbles and
+   * inline tool chips in the order the model produced them (mirrors the daemon
+   * SPA's `blocks`). The live trailing text block (while streaming) binds to the
+   * rAF reveal; earlier/finalized text blocks render as sanitized markdown.
+   */
+  private renderAssistantBlocks;
+  /**
+   * A single tool-activity chip: icon + tool name + status (running… / done / error),
+   * with a truncated args preview. Tool name/args are set via `textContent` so a
+   * tool payload can never inject markup.
+   */
+  private buildToolChip;
   /** Start the rAF loop if it isn't already running. */
   private ensureRevealLoop;
   /**
@@ -778,5 +849,5 @@ declare function computeFingerprint(): string;
  */
 declare function getOrCreateFingerprint(get: () => string | null, set: (fp: string) => void): string;
 //#endregion
-export { type ChatMessage, type ChatWidgetConfig, type ChatWidgetMode, type ChatWidgetTheme, type Citation, type ConnectionStatus, type ConsentState, ConversationController, type ConversationEvents, ELEMENT_TAG, type IdentityRestore, type IdentityState, PERSIST_VERSION, type PersistedWidgetState, type RestorableConversation, type Role, SmoothAgentChatElement, type UserInfo, type WidgetStore, computeFingerprint, createWidgetStore, defineChatWidget, getOrCreateFingerprint, httpBaseFromWsEndpoint, initChatWidgetLoader, mountChatWidget, mountFullPageChat, storageKey };
+export { type ChatMessage, type ChatWidgetConfig, type ChatWidgetMode, type ChatWidgetTheme, type Citation, type ConnectionStatus, type ConsentState, ConversationController, type ConversationEvents, ELEMENT_TAG, type IdentityRestore, type IdentityState, type MessageBlock, PERSIST_VERSION, type PersistedWidgetState, type RestorableConversation, type Role, SmoothAgentChatElement, type ToolCall, type UserInfo, type WidgetStore, computeFingerprint, createWidgetStore, defineChatWidget, getOrCreateFingerprint, httpBaseFromWsEndpoint, initChatWidgetLoader, mountChatWidget, mountFullPageChat, storageKey };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/config.ts","../src/persistence.ts","../src/conversation.ts","../src/element.ts","../src/loader-core.ts","../src/fingerprint.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/config.ts","../src/persistence.ts","../src/conversation.ts","../src/element.ts","../src/loader-core.ts","../src/fingerprint.ts"],"mappings":"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"}

package/dist/index.js

@@ -342,6 +342,7 @@ function resolveConfig(config) {
 		collectConsent: config.collectConsent ?? true,
 		allowChatRestore: config.allowChatRestore ?? true,
 		allowAnonymous: config.allowAnonymous ?? false,
+		showToolActivity: config.showToolActivity ?? false,
 		theme: {
 			text: theme.text ?? "#f8fafc",
 			background: theme.background ?? "#040d30",
@@ -807,6 +808,59 @@ function wireMessageToChat(m, idx) {
 		streaming: false
 	};
 }
+let toolSeq = 0;
+const nextToolId = () => `tool-${++toolSeq}`;
+/** Grow the trailing text block, or open a new one if the last block was a tool. */
+function growTextBlock(blocks, text) {
+	if (!text) return;
+	const last = blocks[blocks.length - 1];
+	if (last && last.kind === "text") last.text += text;
+	else blocks.push({
+		kind: "text",
+		text
+	});
+}
+/**
+* Fold a `stream_chunk` node-state into the ordered block list, returning `true`
+* when the chunk carried tool activity.
+*
+* Tool activity rides `state.rawResponse.toolCall` / `state.rawResponse.toolResult`
+* — **NOT** `state.toolResult`. Reading the wrong path leaves every chip stuck on
+* "running…" forever (the exact bug the daemon SPA hit and this mirror avoids).
+*/
+function applyToolChunk(blocks, state) {
+	const raw = state?.rawResponse;
+	if (!raw || typeof raw !== "object") return false;
+	const call = raw.toolCall;
+	const res = raw.toolResult;
+	if (call) {
+		const args = typeof call.arguments === "string" ? call.arguments : JSON.stringify(call.arguments ?? {});
+		blocks.push({
+			kind: "tool",
+			tool: {
+				id: nextToolId(),
+				name: call.name ?? "",
+				args,
+				done: false
+			}
+		});
+		return true;
+	}
+	if (res) {
+		const result = typeof res.result === "string" ? res.result : JSON.stringify(res.result ?? "");
+		for (let i = blocks.length - 1; i >= 0; i--) {
+			const b = blocks[i];
+			if (b && b.kind === "tool" && b.tool.name === (res.name ?? "") && !b.tool.done) {
+				b.tool.done = true;
+				b.tool.isError = !!res.isError;
+				b.tool.result = result;
+				break;
+			}
+		}
+		return true;
+	}
+	return false;
+}
 var ConversationController = class {
 	constructor(config, events, store) {
 		_defineProperty(this, "config", void 0);
@@ -1153,11 +1207,13 @@ var ConversationController = class {
 			text: trimmed,
 			streaming: false
 		});
+		const showTools = this.config.showToolActivity === true;
 		const assistant = {
 			id: this.nextId("a"),
 			role: "assistant",
 			text: "",
-			streaming: true
+			streaming: true,
+			blocks: showTools ? [] : void 0
 		};
 		this.messages.push(assistant);
 		this.emitMessages();
@@ -1172,8 +1228,11 @@ var ConversationController = class {
 				const token = event.token ?? event.data?.token ?? "";
 				if (token) {
 					assistant.text += token;
+					if (showTools && assistant.blocks) growTextBlock(assistant.blocks, token);
 					this.emitMessages();
 				}
+			} else if (showTools && event.type === "stream_chunk") {
+				if (assistant.blocks && applyToolChunk(assistant.blocks, event.data?.state)) this.emitMessages();
 			} else this.handleTurnEvent(event);
 			const inner = (await turn).data?.data;
 			const finalText = extractFinalText(inner?.response);
@@ -1183,6 +1242,7 @@ var ConversationController = class {
 			if (citations.length > 0) assistant.citations = citations;
 			const suggestions = extractSuggestions(inner?.response);
 			if (suggestions.length > 0) assistant.suggestions = suggestions;
+			if (assistant.blocks && !assistant.blocks.some((b) => b.kind === "tool")) assistant.blocks = void 0;
 			assistant.streaming = false;
 			this.emitMessages();
 		} catch (err) {
@@ -1494,6 +1554,7 @@ function buildStyles(theme, mode = "popover") {
     --sac-bg: ${theme.background};
     --sac-primary: ${theme.primary};
     --sac-primary-text: ${theme.primaryText};
+    --sac-secondary: ${theme.secondary};
     --sac-assistant-bubble: ${theme.assistantBubble};
     --sac-assistant-bubble-text: ${theme.assistantBubbleText};
     --sac-user-bubble: ${theme.userBubble};
@@ -1806,6 +1867,47 @@ ${mode === "fullpage" ? `
 }
 @keyframes sac-blink { to { opacity: 0 } }
 
+/* Interleaved tool-activity strip (gated by showToolActivity): prose bubbles
+   and inline tool chips stacked in the order the model produced them. */
+.blocks { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
+.blocks .bubble { align-self: flex-start; }
+.toolchip {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    max-width: 100%;
+    padding: 5px 10px;
+    border-radius: 99px;
+    font-size: 12px;
+    line-height: 1.3;
+    color: color-mix(in srgb, var(--sac-text) 78%, transparent);
+    background: color-mix(in srgb, var(--sac-text) 6%, transparent);
+    border: 1px solid color-mix(in srgb, var(--sac-text) 12%, transparent);
+    animation: sac-msg-in .3s var(--sac-ease) both;
+}
+.toolchip .ti { display: inline-flex; flex: none; opacity: .8; }
+.toolchip .ti svg { width: 13px; height: 13px; }
+.toolchip .tn { font-weight: 600; letter-spacing: .01em; }
+.toolchip .ts { opacity: .7; }
+.toolchip .ta {
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+    font-size: 11px;
+    opacity: .6;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+}
+.toolchip.running { border-color: color-mix(in srgb, var(--sac-primary) 45%, transparent); }
+.toolchip.running .ts { color: var(--sac-primary); opacity: 1; animation: sac-typing 1.3s ease-in-out infinite; }
+.toolchip.done .ts::before { content: '✓ '; }
+.toolchip.error {
+    color: var(--sac-secondary);
+    border-color: color-mix(in srgb, var(--sac-secondary) 50%, transparent);
+    background: color-mix(in srgb, var(--sac-secondary) 10%, transparent);
+}
+.toolchip.error .ts::before { content: '! '; }
+
 /* ─────────────── Rendered markdown (assistant bubbles / snippets) ─────────── */
 /* The renderer (markdown.ts) emits a small allowlisted set of tags; these rules
    keep them legible inside the tight Aurora-Glass bubble + citation card. */
@@ -2248,7 +2350,8 @@ const OBSERVED = [
 	"greeting",
 	"start-open",
 	"mode",
-	"hide-branding"
+	"hide-branding",
+	"show-tool-activity"
 ];
 /**
 * Inline SVG icons (static, trusted strings — never interpolated with user data).
@@ -2270,7 +2373,9 @@ const ICON = {
 	/** Identity-intake interrupt — a person. */
 	user: `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="8.2" r="3.4" stroke="currentColor" stroke-width="1.7"/><path d="M5.5 19.5c.8-3.1 3.4-4.8 6.5-4.8s5.7 1.7 6.5 4.8" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg>`,
 	/** Tool-confirmation interrupt — a shield. */
-	shield: `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 3 5 6v5c0 4.4 3 7.2 7 8.5 4-1.3 7-4.1 7-8.5V6l-7-3Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><path d="m9 11.5 2 2 4-4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>`
+	shield: `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 3 5 6v5c0 4.4 3 7.2 7 8.5 4-1.3 7-4.1 7-8.5V6l-7-3Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><path d="m9 11.5 2 2 4-4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
+	/** Tool-activity chip — a wrench. */
+	tool: `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7 6.3a3.5 3.5 0 0 0-4.6 4.3l-5 5a1.6 1.6 0 0 0 2.3 2.3l5-5a3.5 3.5 0 0 0 4.3-4.6l-2 2-1.7-.3-.3-1.7 2-2Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>`
 };
 /**
 * The identity_intake card: the fields the agent requested (pre-chat form field
@@ -2436,6 +2541,7 @@ var SmoothAgentChatElement = class extends HTMLElement {
 		_defineProperty(this, "streamTarget", "");
 		_defineProperty(this, "displayedLength", 0);
 		_defineProperty(this, "rafId", 0);
+		_defineProperty(this, "prevBlockSig", "");
 		this.root = this.attachShadow({ mode: "open" });
 	}
 	connectedCallback() {
@@ -2507,6 +2613,7 @@ var SmoothAgentChatElement = class extends HTMLElement {
 			collectConsent: this.overrides.collectConsent,
 			allowChatRestore: this.overrides.allowChatRestore,
 			allowAnonymous: this.overrides.allowAnonymous,
+			showToolActivity: this.overrides.showToolActivity ?? this.hasAttribute("show-tool-activity"),
 			theme
 		};
 	}
@@ -3046,15 +3153,38 @@ var SmoothAgentChatElement = class extends HTMLElement {
 		const prev = this.messages;
 		const last = messages[messages.length - 1];
 		const prevLast = prev[prev.length - 1];
-		const structural = messages.length !== prev.length || !last || !prevLast || last.id !== prevLast.id || last.role !== prevLast.role || last.streaming !== prevLast.streaming || !!last.streaming && !prevLast.text && !!last.text;
+		const structural = messages.length !== prev.length || !last || !prevLast || last.id !== prevLast.id || last.role !== prevLast.role || last.streaming !== prevLast.streaming || !!last.streaming && !prevLast.text && !!last.text || this.blockSig(last) !== this.prevBlockSig;
 		this.messages = messages;
-		if (!structural && last && last.streaming && last.id === this.streamMsgId) {
-			this.streamTarget = last.text;
+		this.prevBlockSig = this.blockSig(last);
+		if (!structural && last && last.streaming && this.tailKey(last) === this.streamMsgId) {
+			this.streamTarget = this.tailText(last);
 			this.ensureRevealLoop();
 			return;
 		}
 		this.renderMessages();
 	}
+	/** True when an assistant message's turn invoked at least one tool. */
+	hasToolBlocks(m) {
+		return !!m?.blocks?.some((b) => b.kind === "tool");
+	}
+	/** Signature that changes only when a tool chip is added or resolved (text growth is 'x'). */
+	blockSig(m) {
+		if (!m?.blocks) return "";
+		return m.blocks.map((b) => b.kind === "tool" ? `t:${b.tool.id}:${b.tool.done ? 1 : 0}` : "x").join("|");
+	}
+	/** The live (last) text block for a tool turn, else the whole message text. */
+	tailText(m) {
+		if (this.hasToolBlocks(m) && m.blocks) {
+			const last = m.blocks[m.blocks.length - 1];
+			return last?.kind === "text" ? last.text : "";
+		}
+		return m.text;
+	}
+	/** Reveal-binding key — composite for a tool-turn tail (so a new trailing block rebinds), else msg id. */
+	tailKey(m) {
+		if (this.hasToolBlocks(m) && m.blocks) return `${m.id}#${m.blocks.length - 1}`;
+		return m.id;
+	}
 	renderMessages() {
 		if (!this.messagesEl) return;
 		this.resetReveal();
@@ -3075,6 +3205,11 @@ var SmoothAgentChatElement = class extends HTMLElement {
 			this.messagesEl.appendChild(chips);
 		}
 		for (const msg of this.messages) {
+			if (msg.role === "assistant" && this.hasToolBlocks(msg)) {
+				this.messagesEl.appendChild(this.buildRow("assistant", this.renderAssistantBlocks(msg)));
+				if (!msg.streaming && msg.citations && msg.citations.length > 0) this.messagesEl.appendChild(this.renderSources(msg.citations));
+				continue;
+			}
 			const bubble = document.createElement("div");
 			bubble.className = `bubble ${msg.role}`;
 			if (msg.role === "assistant" && msg.streaming && !msg.text) {
@@ -3132,19 +3267,77 @@ var SmoothAgentChatElement = class extends HTMLElement {
 	* doesn't restart the reveal from zero), then resumes the loop.
 	*/
 	bindReveal(msg, bubble) {
-		const carryOver = msg.id === this.streamMsgId ? Math.min(this.displayedLength, msg.text.length) : 0;
+		const key = this.tailKey(msg);
+		const target = this.tailText(msg);
+		const carryOver = key === this.streamMsgId ? Math.min(this.displayedLength, target.length) : 0;
 		this.streamBubbleEl = bubble;
-		this.streamMsgId = msg.id;
-		this.streamTarget = msg.text;
+		this.streamMsgId = key;
+		this.streamTarget = target;
 		this.displayedLength = carryOver;
 		if (this.prefersReducedMotion()) {
-			this.displayedLength = msg.text.length;
-			bubble.textContent = msg.text;
+			this.displayedLength = target.length;
+			bubble.textContent = target;
 			return;
 		}
-		bubble.textContent = msg.text.slice(0, this.displayedLength);
+		bubble.textContent = target.slice(0, this.displayedLength);
 		this.ensureRevealLoop();
 	}
+	/**
+	* Render a tool-activity assistant turn as an ordered strip: prose bubbles and
+	* inline tool chips in the order the model produced them (mirrors the daemon
+	* SPA's `blocks`). The live trailing text block (while streaming) binds to the
+	* rAF reveal; earlier/finalized text blocks render as sanitized markdown.
+	*/
+	renderAssistantBlocks(msg) {
+		const wrap = document.createElement("div");
+		wrap.className = "blocks";
+		const blocks = msg.blocks ?? [];
+		const lastIdx = blocks.length - 1;
+		blocks.forEach((block, i) => {
+			if (block.kind === "tool") {
+				wrap.appendChild(this.buildToolChip(block.tool));
+				return;
+			}
+			const bubble = document.createElement("div");
+			bubble.className = "bubble assistant";
+			if (msg.streaming && i === lastIdx) {
+				bubble.classList.add("cursor");
+				this.bindReveal(msg, bubble);
+			} else {
+				bubble.classList.add("md");
+				bubble.innerHTML = renderMarkdown(block.text);
+			}
+			wrap.appendChild(bubble);
+		});
+		return wrap;
+	}
+	/**
+	* A single tool-activity chip: icon + tool name + status (running… / done / error),
+	* with a truncated args preview. Tool name/args are set via `textContent` so a
+	* tool payload can never inject markup.
+	*/
+	buildToolChip(tool) {
+		const chip = document.createElement("div");
+		chip.className = `toolchip ${tool.done ? tool.isError ? "error" : "done" : "running"}`;
+		chip.setAttribute("part", "tool-chip");
+		const icon = document.createElement("span");
+		icon.className = "ti";
+		icon.innerHTML = ICON.tool;
+		const name = document.createElement("span");
+		name.className = "tn";
+		name.textContent = tool.name || "tool";
+		const status = document.createElement("span");
+		status.className = "ts";
+		status.textContent = tool.done ? tool.isError ? "error" : "done" : "running…";
+		chip.append(icon, name, status);
+		if (tool.args && tool.args !== "{}" && tool.args !== "\"\"") {
+			const args = document.createElement("span");
+			args.className = "ta";
+			args.textContent = tool.args.length > 80 ? `${tool.args.slice(0, 80)}…` : tool.args;
+			chip.appendChild(args);
+		}
+		return chip;
+	}
 	/** Start the rAF loop if it isn't already running. */
 	ensureRevealLoop() {
 		if (this.prefersReducedMotion() || typeof requestAnimationFrame !== "function") {