@smooai/smooth-operator 1.11.4 → 1.13.0

package/dist/widget/chat-widget.iife.js

@@ -593,9 +593,18 @@ var SmoothAgentChat = (function(exports) {
 		messages = [];
 		status = "idle";
 		seq = 0;
-		constructor(config, events) {
+		/**
+		* requestId → resolver for a pending button prompt. The turn loop parks on
+		* the promise; {@link answerPrompt} (called by the view on a button click)
+		* resolves it and the loop resumes consuming the (now un-paused) stream.
+		*/
+		pendingPrompts = /* @__PURE__ */ new Map();
+		/** Extra client options — a test seam for injecting a mock transport. */
+		clientOptions;
+		constructor(config, events, clientOptions) {
 			this.config = config;
 			this.events = events;
+			this.clientOptions = clientOptions;
 		}
 		get connectionStatus() {
 			return this.status;
@@ -616,7 +625,10 @@ var SmoothAgentChat = (function(exports) {
 			if (this.status === "connecting" || this.status === "ready") return;
 			this.setStatus("connecting");
 			try {
-				this.client = new SmoothAgentClient({ url: this.config.endpoint });
+				this.client = new SmoothAgentClient({
+					url: this.config.endpoint,
+					...this.clientOptions
+				});
 				await this.client.connect();
 				const session = await this.client.createConversationSession({
 					agentId: this.config.agentId,
@@ -665,6 +677,25 @@ var SmoothAgentChat = (function(exports) {
 						assistant.text += token;
 						this.emitMessages();
 					}
+				} else if (event.type === "write_confirmation_required") {
+					const description = event.data?.data?.actionDescription ?? "Approve this action?";
+					const approved = await this.awaitPromptChoice(turn.requestId, {
+						requestId: turn.requestId,
+						kind: "confirm",
+						text: String(description),
+						options: [{
+							label: "Yes",
+							value: true
+						}, {
+							label: "No",
+							value: false
+						}]
+					});
+					this.client?.confirmToolAction({
+						sessionId: this.sessionId,
+						requestId: turn.requestId,
+						approved: approved === true
+					});
 				}
 				const inner = (await turn).data?.data;
 				const finalText = extractFinalText(inner?.response);
@@ -682,8 +713,43 @@ var SmoothAgentChat = (function(exports) {
 				this.setStatus("error", err instanceof Error ? err.message : String(err));
 			}
 		}
+		/**
+		* Attach a pending `prompt` to the current assistant bubble and return a
+		* promise that resolves when the user clicks a button (via
+		* {@link answerPrompt}). The bubble carrying the prompt is the last
+		* assistant message.
+		*/
+		awaitPromptChoice(requestId, prompt) {
+			const last = this.messages[this.messages.length - 1];
+			if (last && last.role === "assistant") {
+				last.prompt = prompt;
+				last.streaming = false;
+			}
+			this.emitMessages();
+			return new Promise((resolve) => {
+				this.pendingPrompts.set(requestId, resolve);
+			});
+		}
+		/**
+		* Resolve a pending button prompt — called by the view when the user clicks
+		* an option. Marks the prompt answered (buttons disable, choice sticks) and
+		* unblocks the turn loop. No-op if the prompt was already answered.
+		*/
+		answerPrompt(requestId, value) {
+			const resolve = this.pendingPrompts.get(requestId);
+			if (!resolve) return;
+			this.pendingPrompts.delete(requestId);
+			const msg = this.messages.find((m) => m.prompt?.requestId === requestId);
+			if (msg?.prompt) msg.prompt.answered = msg.prompt.options.find((o) => o.value === value)?.label ?? String(value);
+			this.emitMessages();
+			resolve(value);
+		}
 		/** Tear down the underlying client. */
 		disconnect() {
+			for (const [requestId, resolve] of this.pendingPrompts) {
+				this.pendingPrompts.delete(requestId);
+				resolve(false);
+			}
 			this.client?.disconnect("widget closed");
 			this.client = null;
 			this.sessionId = null;
@@ -866,6 +932,35 @@ var SmoothAgentChat = (function(exports) {
 
 /* Sources panel — rendered under an assistant bubble whose terminal
    eventual_response carried citations. */
+.prompt {
+    align-self: flex-start;
+    max-width: 80%;
+    margin-top: -2px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+.panel.fullpage .prompt { max-width: 100%; }
+.prompt-text { font-size: 13.5px; color: var(--sac-text); opacity: 0.9; }
+.prompt-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
+.prompt-button {
+    cursor: pointer;
+    border: 1px solid var(--sac-border);
+    background: var(--sac-bg);
+    color: var(--sac-text);
+    border-radius: 999px;
+    padding: 6px 16px;
+    font-size: 13px;
+    font-weight: 600;
+    transition: background 0.15s, color 0.15s, border-color 0.15s;
+}
+.prompt-button:hover {
+    background: var(--sac-primary);
+    color: var(--sac-primary-text);
+    border-color: var(--sac-primary);
+}
+.prompt-answered { font-size: 12.5px; opacity: 0.7; font-style: italic; }
+
 .sources {
     align-self: flex-start;
     max-width: 80%;
@@ -1174,11 +1269,49 @@ var SmoothAgentChat = (function(exports) {
 					el.textContent = msg.text;
 				} else el.textContent = msg.text;
 				this.messagesEl.appendChild(el);
+				if (msg.prompt) this.messagesEl.appendChild(this.renderPrompt(msg.prompt));
 				if (msg.role === "assistant" && !msg.streaming && msg.citations && msg.citations.length > 0) this.messagesEl.appendChild(this.renderSources(msg.citations));
 			}
 			this.messagesEl.scrollTop = this.messagesEl.scrollHeight;
 		}
 		/**
+		* Render a chat-native button prompt (SEP `ui/confirm` / `ui/select`). Each
+		* option is a button; clicking one resumes the paused turn via
+		* {@link ConversationController.answerPrompt}. Once answered the buttons
+		* disable and the chosen label is shown, so the record stays in the
+		* transcript. Built with DOM APIs (no innerHTML) — prompt text is untrusted.
+		*/
+		renderPrompt(prompt) {
+			const wrap = document.createElement("div");
+			wrap.className = "prompt";
+			wrap.setAttribute("part", "prompt");
+			const text = document.createElement("div");
+			text.className = "prompt-text";
+			text.textContent = prompt.text;
+			wrap.appendChild(text);
+			if (prompt.answered) {
+				const chosen = document.createElement("div");
+				chosen.className = "prompt-answered";
+				chosen.textContent = `You chose: ${prompt.answered}`;
+				wrap.appendChild(chosen);
+				return wrap;
+			}
+			const buttons = document.createElement("div");
+			buttons.className = "prompt-buttons";
+			for (const opt of prompt.options) {
+				const btn = document.createElement("button");
+				btn.className = "prompt-button";
+				btn.type = "button";
+				btn.textContent = opt.label;
+				btn.addEventListener("click", () => {
+					this.controller?.answerPrompt(prompt.requestId, opt.value);
+				});
+				buttons.appendChild(btn);
+			}
+			wrap.appendChild(buttons);
+			return wrap;
+		}
+		/**
 		* Build the collapsible "Sources (N)" block for an assistant message's
 		* citations. Each source renders its `title` (linked to `citation.url` when
 		* present — `target=_blank rel=noopener` — plain text otherwise) plus the