site-operator 0.2.9 → 0.3.1

package/dist/index.d.ts

@@ -62,6 +62,7 @@ export declare class AgentChat extends LitElement {
     get controller(): ChatController;
     protected firstUpdated(): void;
     connectedCallback(): void;
+    private _injectFonts;
     disconnectedCallback(): void;
     backendUrl: string;
     appName: string;

package/dist/site-operator.es.js

@@ -925,6 +925,8 @@ const styles$4 = i$1`
     color: var(--agent-text-foreground, #09090b);
     line-height: 1.5;
     white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    word-break: break-word;
   }
 
   :host([role="user"]) .bubble {
@@ -996,9 +998,36 @@ const styles$4 = i$1`
       transform: scale(1); 
     }
   }
-`, a2uiService = new class {
+  .debug-id {
+    font-size: 0.65rem;
+    color: var(--agent-text-zinc-400, #a1a1aa);
+    margin-top: 0.25rem;
+    font-family: monospace;
+    opacity: 0.6;
+    user-select: all;
+  }
+`, a2uiService = new class extends EventTarget {
 	constructor() {
-		this.processor = v0_8.Data.createSignalA2uiMessageProcessor();
+		super(), this.processor = v0_8.Data.createSignalA2uiMessageProcessor(), this.surfaceMessageRegistry = /* @__PURE__ */ new Map(), this.processedMessageIds = /* @__PURE__ */ new Set();
+	}
+	clearRegistry() {
+		this.surfaceMessageRegistry.clear(), this.processedMessageIds.clear();
+	}
+	resolveValue(o, O) {
+		if (O) {
+			if (O.literalString !== void 0) return O.literalString;
+			if (O.literalNumber !== void 0) return O.literalNumber;
+			if (O.literalBoolean !== void 0) return O.literalBoolean;
+			if (O.literalArray !== void 0) return O.literalArray;
+			if (O.path) {
+				let M = this.processor.getSurfaces().get(o);
+				if (M) {
+					let o = O.path.startsWith("/") ? O.path.substring(1) : O.path, F = M.dataModel.get(o);
+					if (F !== void 0) return F;
+				}
+				console.warn(`A2UIService: Could not resolve path ${O.path} for surface ${o}`);
+			}
+		}
 	}
 	mapMessage(o) {
 		if (o.role !== "assistant" || !o.toolCalls) throw Error("Unsupported message type for A2UI processing");
@@ -1074,11 +1103,11 @@ const styles$4 = i$1`
 		return typeof o.path == "string" && (M.path = o.path), M;
 	}
 	normalizeDataModelUpdate(o) {
-		let O = {
-			surfaceId: o.surfaceId,
+		let O = o.surfaceId || o.surface_id, M = {
+			surfaceId: O,
 			contents: this.normalizeValueMapArray(o.contents)
 		};
-		return typeof o.path == "string" && (O.path = o.path), O;
+		return typeof o.path == "string" && (M.path = o.path), console.log(`A2UIService: Normalized DataModelUpdate for ${O}`, M), M;
 	}
 	mapDeleteSurface(o) {
 		let O = this.getSurfaceId(o);
@@ -1093,18 +1122,23 @@ const styles$4 = i$1`
 		return typeof O == "string" && O.trim() ? O : typeof O == "number" ? String(O) : null;
 	}
 	normalizeValueMapArray(o) {
-		return Array.isArray(o) ? o.filter((o) => o && typeof o == "object" && "key" in o).map((o) => this.normalizeValueMapEntry(o)) : [];
+		return Array.isArray(o) ? o.filter((o) => o && typeof o == "object" && ("key" in o || "path" in o)).map((o) => this.normalizeValueMapEntry(o)) : [];
 	}
 	normalizeValueMapEntry(o) {
 		let O = { ...o };
-		"value_string" in o && (O.valueString = o.value_string), "valueString" in o && (O.valueString = o.valueString), "value_number" in o && (O.valueNumber = o.value_number), "valueNumber" in o && (O.valueNumber = o.valueNumber), "value_boolean" in o && (O.valueBoolean = o.value_boolean), "valueBoolean" in o && (O.valueBoolean = o.valueBoolean);
+		if ("value_string" in o && (O.valueString = o.value_string), "valueString" in o && (O.valueString = o.valueString), "value_number" in o && (O.valueNumber = o.value_number), "valueNumber" in o && (O.valueNumber = o.valueNumber), "value_boolean" in o && (O.valueBoolean = o.value_boolean), "valueBoolean" in o && (O.valueBoolean = o.valueBoolean), !("key" in O) && "path" in o && (O.key = o.path), !("valueString" in O) && !("valueNumber" in O) && !("valueBoolean" in O) && "value" in o) {
+			let M = o.value;
+			typeof M == "string" ? O.valueString = M : typeof M == "number" ? O.valueNumber = M : typeof M == "boolean" && (O.valueBoolean = M);
+		}
 		let M = o.valueMap ?? o.value_map;
-		return M !== void 0 && (O.valueMap = this.normalizeValueMapArray(M)), delete O.value_string, delete O.value_number, delete O.value_boolean, delete O.value_map, typeof O.key != "string" && (O.key = String(O.key ?? "")), O;
+		M !== void 0 && (O.valueMap = this.normalizeValueMapArray(M)), delete O.value_string, delete O.value_number, delete O.value_boolean, delete O.value_map, typeof O.key != "string" && (O.key = String(O.key ?? ""));
+		let F = O.key;
+		return F.startsWith("/") && (O.key = F.substring(1)), O;
 	}
 	isServerToClientMessage(o) {
 		if (!o || typeof o != "object") return !1;
-		let O = o;
-		return "beginRendering" in O || "begin_rendering" in O || "surfaceUpdate" in O || "surface_update" in O || "dataModelUpdate" in O || "data_model_update" in O || "deleteSurface" in O || "delete_surface" in O;
+		let O = o, M = O.content, F = typeof M == "object" && !!M && ("beginRendering" in M || "surfaceUpdate" in M);
+		return "beginRendering" in O || "begin_rendering" in O || "surfaceUpdate" in O || "surface_update" in O || "dataModelUpdate" in O || "data_model_update" in O || "deleteSurface" in O || "delete_surface" in O || F;
 	}
 	normalizeServerMessage(o) {
 		let O = o;
@@ -1140,10 +1174,25 @@ const styles$4 = i$1`
 	processMessages(o) {
 		let O = [];
 		for (let M of o) {
+			if (this.processedMessageIds.has(M.id) && !M.isThinking) continue;
 			if (this.isServerToClientMessage(M)) {
 				O.push(this.normalizeServerMessage(M));
 				continue;
 			}
+			if (M.role === "tool" && typeof M.content == "string") {
+				try {
+					let o = JSON.parse(M.content);
+					if (o.role === "activity" && o.activity_type === "a2ui" && o.content) {
+						let M = o.content;
+						if (this.isServerToClientMessage(M)) O.push(this.normalizeServerMessage(M));
+						else {
+							let o = Array.isArray(M) ? M : [M];
+							for (let M of o) this.isServerToClientMessage(M) && O.push(this.normalizeServerMessage(M));
+						}
+					}
+				} catch {}
+				continue;
+			}
 			let o = M;
 			if (o.role === "activity" && o.activityType === "a2ui" && o.content) {
 				if (this.isServerToClientMessage(o.content)) O.push(this.normalizeServerMessage(o.content));
@@ -1155,7 +1204,21 @@ const styles$4 = i$1`
 			}
 			M.role === "assistant" && M.toolCalls && O.push(...this.mapMessage(M));
 		}
-		if (O.length !== 0) return this.processor.processMessages(O);
+		if (O.length !== 0 && O.length > 0) {
+			console.log("A2UIService: Processing mapped messages:", JSON.stringify(O, null, 2)), this.processor.processMessages(O);
+			for (let O of o) this.processedMessageIds.add(O.id);
+			this.dispatchEvent(new CustomEvent("processor-update"));
+		}
+	}
+	consolidateStream(o, O) {
+		let M = this.getA2UIPayloads(o);
+		if (M.length === 0) return [...O, o];
+		let F = !1, U = !1;
+		for (let O of M) {
+			let M = (O.beginRendering || O.surfaceUpdate || O.dataModelUpdate || O.deleteSurface)?.surfaceId;
+			M && (O.beginRendering || O.surfaceUpdate || O.dataModelUpdate ? this.surfaceMessageRegistry.has(M) ? F = !0 : (this.surfaceMessageRegistry.set(M, o), U = !0) : O.deleteSurface && this.surfaceMessageRegistry.has(M) && (F = !0));
+		}
+		return this.processor.processMessages(M), this.processedMessageIds.add(o.id), this.dispatchEvent(new CustomEvent("processor-update")), F && !U ? (console.log(`A2UIService: Consolidating update for surface(s). Discarding visual message ${o.id}`), O) : [...O, o];
 	}
 	processMessage(o) {
 		this.processMessages([o]);
@@ -1177,8 +1240,8 @@ const styles$4 = i$1`
 					}
 				}
 				return o;
-			}).flat(), G = [...U, ...W];
-			console.log("A2UIService: Processing messages (fixed)", G), this.processor.processMessages(G);
+			}).flat(), G = [...U, ...W].map((o) => this.normalizeServerMessage(o));
+			console.log("A2UIService: Processing messages (fixed & normalized)", JSON.stringify(G, null, 2)), this.processor.processMessages(G);
 			let K = Array.from(this.processor.getSurfaces().entries());
 			console.log("A2UIService: Estado del procesador tras procesado:", K.map(([o, O]) => ({
 				id: o,
@@ -1196,12 +1259,50 @@ const styles$4 = i$1`
 			M && F.add(M);
 		}), Array.from(F);
 	}
+	isBeginRenderingOnly(o) {
+		let O = this.getA2UIPayloads(o);
+		return O.length === 0 ? !1 : O.every((o) => {
+			let O = !!o.beginRendering, M = !!o.surfaceUpdate || !!o.dataModelUpdate || !!o.deleteSurface;
+			return O && !M;
+		});
+	}
+	isA2UIMessage(o) {
+		return !o || o.role !== "assistant" && o.role !== "activity" ? !1 : o.role === "activity" && o.activityType === "a2ui" ? !0 : o.role === "assistant" && o.toolCalls ? o.toolCalls.some((o) => o.function?.name.startsWith("a2ui_")) : !1;
+	}
+	getA2UIPayloads(o) {
+		let O = [];
+		if (!o) return O;
+		if (o.role === "assistant" && o.toolCalls) O.push(...this.mapMessage(o));
+		else if (o.role === "activity" && o.activityType === "a2ui" && o.content) {
+			let M = o.content;
+			(Array.isArray(M) ? M : [M]).forEach((o) => {
+				this.isServerToClientMessage(o) && O.push(this.normalizeServerMessage(o));
+			});
+		} else if (o.role === "tool" && typeof o.content == "string") try {
+			let M = JSON.parse(o.content);
+			if ((M.role === "activity" || M.activity_type === "a2ui") && M.content) {
+				let o = M.content;
+				(Array.isArray(o) ? o : [o]).forEach((o) => {
+					this.isServerToClientMessage(o) && O.push(this.normalizeServerMessage(o));
+				});
+			} else this.isServerToClientMessage(M) && O.push(this.normalizeServerMessage(M));
+		} catch {}
+		return O;
+	}
 }();
 var ChatMessage = class extends i {
 	constructor(...o) {
-		super(...o), this.isLast = !1, this.isStreaming = !1, this.agentAvatar = "";
+		super(...o), this.isLast = !1, this.isStreaming = !1, this.agentAvatar = "", this._processorUpdated = !1, this._handleProcessorUpdate = () => {
+			a2uiService.isA2UIMessage(this.message) && this.requestUpdate();
+		};
 	}
 	static #e = this.styles = styles$5;
+	connectedCallback() {
+		super.connectedCallback(), a2uiService.addEventListener("processor-update", this._handleProcessorUpdate);
+	}
+	disconnectedCallback() {
+		a2uiService.removeEventListener("processor-update", this._handleProcessorUpdate), super.disconnectedCallback();
+	}
 	updated(o) {
 		o.has("message") && (this.setAttribute("role", this.message.role), this.requestUpdate());
 	}
@@ -1217,21 +1318,22 @@ var ChatMessage = class extends i {
 		}));
 	}
 	render() {
-		let o = this.message.role === "user", O = this.message.role === "activity";
-		if (this.message.role === "assistant" && Array.isArray(this.message.toolCalls) && this.message.toolCalls.length > 0 || O && this.message.activityType === "a2ui") {
-			a2uiService.processMessages([this.message]);
-			let o = Array.from(a2uiService.processor.getSurfaces().entries()), O = a2uiService.processor;
-			if (o.length > 0) return b`
+		let o = this.message.role === "user";
+		if (a2uiService.isA2UIMessage(this.message)) {
+			let o = a2uiService.getA2UIPayloads(this.message), O = new Set(o.map((o) => (o.beginRendering || o.surfaceUpdate || o.dataModelUpdate || o.deleteSurface)?.surfaceId).filter(Boolean)), M = a2uiService.processor, F = Array.from(M.getSurfaces().entries()).filter(([o]) => O.has(o));
+			if (F.length > 0) return b`
           <div class="message-container activity">
+            ${this.agentAvatar ? b`<img src="${this.agentAvatar}" class="avatar-img" alt="AI">` : b`<div class="avatar">C</div>`}
             <div class="content-wrapper">
-              ${o.map(([o, M]) => b`
+              ${F.map(([o, O]) => b`
                   <a2ui-theme-provider
                     .surfaceId="${o}"
-                    .processor="${O}"
-                    .surface="${M}"
+                    .processor="${M}"
+                    .surface="${O}"
                     .enableCustomElements="${!0}"
                   ></a2ui-theme-provider>
                 `)}
+              <div class="debug-id">${this.message.id}</div>
             </div>
           </div>
         `;
@@ -1250,6 +1352,7 @@ var ChatMessage = class extends i {
                   <div class="typing-dot"></div>
                 </div>
               ` : this.message.content}</div>
+          <div class="debug-id">${this.message.id}</div>
 
           ${o ? "" : b`
              <div class="actions">
@@ -1266,14 +1369,14 @@ var ChatMessage = class extends i {
     `;
 	}
 };
-__decorate([n({ type: Object })], ChatMessage.prototype, "message", void 0), __decorate([n({ type: Boolean })], ChatMessage.prototype, "isLast", void 0), __decorate([n({ type: Boolean })], ChatMessage.prototype, "isStreaming", void 0), __decorate([n({ type: String })], ChatMessage.prototype, "agentAvatar", void 0), ChatMessage = __decorate([t("agent-chat-message")], ChatMessage);
+__decorate([n({ type: Object })], ChatMessage.prototype, "message", void 0), __decorate([n({ type: Boolean })], ChatMessage.prototype, "isLast", void 0), __decorate([n({ type: Boolean })], ChatMessage.prototype, "isStreaming", void 0), __decorate([n({ type: String })], ChatMessage.prototype, "agentAvatar", void 0), __decorate([n({ type: Boolean })], ChatMessage.prototype, "_processorUpdated", void 0), ChatMessage = __decorate([t("agent-chat-message")], ChatMessage);
 var ChatThread = class extends i {
 	constructor(...o) {
 		super(...o), this.messages = [], this.isRunning = !1, this.agentAvatar = "", this.emptyText = "";
 	}
 	static #e = this.styles = styles$4;
 	updated(o) {
-		o.has("messages") && this.scrollToBottom();
+		o.has("messages") && (a2uiService.processMessages(this.messages), this.scrollToBottom());
 	}
 	async scrollToBottom() {
 		await this.updateComplete, (this.shadowRoot?.querySelector("agent-chat-message:last-of-type"))?.scrollIntoView({
@@ -1289,7 +1392,7 @@ var ChatThread = class extends i {
             </div>
         ` : b`
       <div class="messages-list">
-        ${this.messages.filter((o) => o.role === "assistant" || o.role === "user" || o.role === "activity" && o.activityType === "a2ui").map((o, O, M) => b`
+        ${this.messages.filter((o) => a2uiService.isA2UIMessage(o) || o.role === "user" || o.role === "assistant" ? !0 : !(o.role === "tool" || o.role === "activity")).map((o, O, M) => b`
           <agent-chat-message 
             .message=${o} 
             .isLast=${O === M.length - 1}
@@ -3135,7 +3238,14 @@ var ChatSubscriber = class {
 	}
 	onMessagesSnapshotEvent(o) {
 		inspectorService.addEvent("onMessagesSnapshotEvent", o.event);
-		let O = o.event.messages.map((o) => ({
+		let O = o.event.messages.filter((o) => {
+			if (o.role === "tool") return !1;
+			if (o.role === "assistant" && o.toolCalls && o.toolCalls.length > 0) {
+				let O = o.toolCalls.some((o) => o.function?.name?.startsWith("a2ui_")), M = typeof o.content == "string" && o.content.trim().length > 0;
+				if (!O && !M) return !1;
+			}
+			return !0;
+		}).map((o) => ({
 			...o,
 			createdAt: o.createdAt || Date.now()
 		}));
@@ -3197,7 +3307,7 @@ var ChatSubscriber = class {
 		inspectorService.addEvent("onStateDeltaEvent", o.event);
 	}
 	onActivitySnapshotEvent(o) {
-		inspectorService.addEvent("onActivitySnapshotEvent", o.event), o.event.activityType == "a2ui" && o.event.content.surfaceUpdate ? this.service.addA2UIMessage(o.event) : o.event.activityType == "a2ui" && o.event.content.beginRendering ? a2uiService.processMessages([o.event.content]) : [
+		inspectorService.addEvent("onActivitySnapshotEvent", o.event), o.event.activityType === "a2ui" ? a2uiService.processSnapshot(o.event) : [
 			"navigation",
 			"click",
 			"setValue",
@@ -3298,7 +3408,7 @@ const chatService = new class extends EventTarget {
 				name: o.appName,
 				locale: window.navigator.language || window.navigator.languages[0] || "en"
 			}
-		}, O && await this.loadConversation(O), inspectorService.setContext(this._appContext), inspectorService.setState(this._appState), inspectorService.setMessages(this.agent?.messages || []);
+		}, O ? await this.loadConversation(O) : a2uiService.clearRegistry(), inspectorService.setContext(this._appContext), inspectorService.setState(this._appState), inspectorService.setMessages(this.agent?.messages || []);
 	}
 	async loadConversation(o) {
 		try {
@@ -3399,9 +3509,9 @@ const chatService = new class extends EventTarget {
 				};
 				break;
 		}
-		this.notify();
+		this.agent.addMessage(U), this.notify();
 		try {
-			this.agent?.threadId == threadIdPlaceHolder && await this._ensureConversation(), this.agent.addMessage(U), this.agent.state = { appState: this._appState }, await this.agent.runAgent({ tools: [] }, this.subscriber);
+			this.agent?.threadId == threadIdPlaceHolder && await this._ensureConversation(), this.agent.state = { appState: this._appState }, await this.agent.runAgent({ tools: [] }, this.subscriber);
 		} catch (o) {
 			console.error("Failed to send message", o);
 		} finally {
@@ -3448,8 +3558,10 @@ const chatService = new class extends EventTarget {
 	}
 	setMessages(o) {
 		if (!this.agent) throw Error("Agent not initialized");
-		let O = this.agent.messages.filter((o) => o.role === "activity"), M = new Set(o.map((o) => o.id)), F = O.filter((o) => !M.has(o.id));
-		console.log("ChatService: setMessages - Preserving activities", F.length), this.agent.messages = [...o, ...F], this.agent.messages.sort((o, O) => (o.createdAt || 0) - (O.createdAt || 0)), this.notify();
+		a2uiService.clearRegistry();
+		let O = [];
+		for (let M of o) O = a2uiService.consolidateStream(M, O);
+		O.sort((o, O) => (o.createdAt || 0) - (O.createdAt || 0)), this.agent.messages = O, this.notify();
 	}
 	addA2UIMessage(o) {
 		if (!this.agent) throw Error("Agent not initialized");
@@ -3465,11 +3577,11 @@ const chatService = new class extends EventTarget {
 			activityType: o.activityType,
 			content: o.content,
 			createdAt: Date.now()
-		}, F = this.agent.messages.filter((O) => O.id !== o.messageId);
-		this.agent.messages = [...F, M], this.notify();
+		}, F = a2uiService.consolidateStream(M, this.agent.messages);
+		this.agent.messages = F, this.notify();
 	}
 	async startNewThread() {
-		localStorage.removeItem(STORAGE_THREAD_ID_KEY), this.agent && (this.agent.threadId = threadIdPlaceHolder, this.agent.messages = [], this.agent.isRunning = !1), this._suggestedPrompts.length > 0 && (this._showPrompts = !0), this.notify();
+		localStorage.removeItem(STORAGE_THREAD_ID_KEY), console.log("ChatService: startNewThread"), this.agent && (this.agent.threadId = threadIdPlaceHolder, this.agent.messages = [], this.agent.isRunning = !1), this._suggestedPrompts.length > 0 && (this._showPrompts = !0), a2uiService.clearRegistry(), this.notify();
 	}
 	async getConversations() {
 		return await this.refreshConversations(), this._conversations;
@@ -3522,7 +3634,7 @@ var ChatController = class {
 		return chatService.sendMessage(o, O);
 	}
 	startNewThread() {
-		return chatService.startNewThread();
+		return console.log("Starting new thread"), chatService.startNewThread();
 	}
 	loadConversation(o) {
 		return chatService.loadConversation(o);
@@ -3567,7 +3679,7 @@ var ChatController = class {
 		window.fetch = async function(O, M) {
 			try {
 				let F = new Headers(M?.headers || {});
-				return F.has("Authorization") || F.append("Authorization", "Bearer eyJhbGciOiJSUzI1NiIsImtpZCI6InhmcDRfR0tObWNBMHl3UUNrZ1BXVkJjTHZmRDVfZXZKOWg3bUhGbExBVWMiLCJ0eXAiOiJKV1QifQ.eyJhdWQiOiIwZWZhNWFhNy04OWRiLTQ5MTYtYmZlNC0wNTM3MjhlZWY2M2QiLCJpc3MiOiJodHRwczovL3NrY290ZXN0LmIyY2xvZ2luLmNvbS8wZGI2ZGJjMy02OTA4LTQ1MTctYTdmMi04MWVhNjg1YTI1ZTIvdjIuMC8iLCJleHAiOjE3NjkxMjA3OTgsIm5iZiI6MTc2OTExOTg5OCwibmFtZSI6IlZpYW5hIFZlbGFzcXVleiwgSm9zZSBTdGV2ZW4iLCJpZHBfYWNjZXNzX3Rva2VuIjoiZXlKMGVYQWlPaUpLVjFRaUxDSnViMjVqWlNJNkltNTFURzV6ZVc1WFFYSTFOa2hNYTFCblRXMUViWFF0UW14YVVsWjBXRFV0TUdSbVlYVk1WRTgxY3pnaUxDSmhiR2NpT2lKU1V6STFOaUlzSW5nMWRDSTZJbEJqV0RrNFIxZzBNakJVTVZnMmMwSkVhM3BvVVcxeFozZE5WU0lzSW10cFpDSTZJbEJqV0RrNFIxZzBNakJVTVZnMmMwSkVhM3BvVVcxeFozZE5WU0o5LmV5SmhkV1FpT2lJd01EQXdNREF3TXkwd01EQXdMVEF3TURBdFl6QXdNQzB3TURBd01EQXdNREF3TURBaUxDSnBjM01pT2lKb2RIUndjem92TDNOMGN5NTNhVzVrYjNkekxtNWxkQzh3T0RJM01XWTBNaTA0TVdWbUxUUTFaRFl0T0RGaFl5MDBPVGMzTm1NMFltVTJNVFV2SWl3aWFXRjBJam94TnpZNU1EazNORGt5TENKdVltWWlPakUzTmprd09UYzBPVElzSW1WNGNDSTZNVGMyT1RFd01UZzRNU3dpWVdOamRDSTZNQ3dpWVdOeUlqb2lNU0lzSW1GamNuTWlPbHNpY0RFaVhTd2lZV2x2SWpvaVFXVlJRVWN2T0dKQlFVRkJUVTQ0YmpFdllqWk9kMVZTTmpGMFpGSlZXSGhNUzJOak5WQnNVREpyYUdvcmVEbDFlWFZXTkVGYU5WRjZUSEo1U0dSTlVVeGpOSHBpVFV0UE9GQTJXRGREVEZVd1luVjFUMGczTml0WlVIUTBOamx1Unk5Q1ZEVjZiMDF5WkRkbmFXTnlXVk12VW5ac1VYaHVTWHBETkc5bE9HMXFTSFUyUkdodmVUUm1RakJGWlcwNGVTdFdLMGhRVEdoSWRraElhVlZUVFdFMWRYRlhaRlJvVTJrNE1WVndlakZzYUUxWFJVaFlZMGhaUjFORGRESkhVR0puWVRoUFNtSjRaVEJNVm5kaFpWTm9MMVZPYkdkU1VHdEdURlZLWlZwWWFURkNVVFJzVldjNU1YSXdTM1ZIY1dNeGMxTkZaSEp4SzJoWlVtTlZNMWRNUkRJd1VqVTJSRVl2WkhkbU1WVjZUVVZqUkRFMlZVa3hZelpXVjBjdlQweElSRzFyUVRkUFMzTkVOMFpGWkZWVlZXdERSbEU5SWl3aVlXMXlJanBiSW5CM1pDSXNJbTFtWVNKZExDSmhjSEJmWkdsemNHeGhlVzVoYldVaU9pSkVZV3hwTFZCeVpDSXNJbUZ3Y0dsa0lqb2laR1prTURrNVlqQXRaV05pT1MwME0yVTFMV0kzWWpjdE5USTVObUk0TUdFME5qSXdJaXdpWVhCd2FXUmhZM0lpT2lJeElpd2labUZ0YVd4NVgyNWhiV1VpT2lKV2FXRnVZU0JXWld4aGMzRjFaWG9pTENKbmFYWmxibDl1WVcxbElqb2lTbTl6WlNCVGRHVjJaVzRpTENKcFpIUjVjQ0k2SW5WelpYSWlMQ0pwY0dGa1pISWlPaUl6T0M0NUxqSXlNQzR4TXpJaUxDSnVZVzFsSWpvaVZtbGhibUVnVm1Wc1lYTnhkV1Y2TENCS2IzTmxJRk4wWlhabGJpSXNJbTlwWkNJNkltVXdNbU0wTmpaakxXVTVaRGd0TkdGa01pMDVaVGhrTFdReFltUTJObUV6TkRNd01pSXNJbTl1Y0hKbGJWOXphV1FpT2lKVExURXROUzB5TVMweU5EZzVPVGM1T1RRd0xUSTFOVEl3TVRnM016RXRNVGN3TWpjeE9UTTFPUzB5TVRrNE1DSXNJbkJzWVhSbUlqb2lPQ0lzSW5CMWFXUWlPaUl4TURBek1qQXdNVUV4UWpCQ016azBJaXdpY21naU9pSXhMa0ZVVVVGUmFEaHVRMDh0UWpGclYwSnlSV3d6WWtWMmJVWlJUVUZCUVVGQlFVRkJRWGRCUVVGQlFVRkJRVUZDVVVGUmF6QkJRUzRpTENKelkzQWlPaUpOWVdsc0xsSmxZV1FnVFdGcGJDNVRaVzVrSUc5d1pXNXBaQ0J3Y205bWFXeGxJRlZ6WlhJdVVtVmhaQ0JsYldGcGJDSXNJbk5wWkNJNklqQXdNVEkxTnpaaExXTmhOVFF0TVdVeVl5MWlZbVEwTFdFNU4yVTBNekUzT1dNeE15SXNJbk5wWjI1cGJsOXpkR0YwWlNJNld5SnJiWE5wSWwwc0luTjFZaUk2SW5GaFNsbFhNelEzT0RWcFdFUktVbDlyYVZCa1NuSm5VWGhoVGs5d1RsaHRhVmhFV0dVM1NVTktaMWtpTENKMFpXNWhiblJmY21WbmFXOXVYM05qYjNCbElqb2lVMEVpTENKMGFXUWlPaUl3T0RJM01XWTBNaTA0TVdWbUxUUTFaRFl0T0RGaFl5MDBPVGMzTm1NMFltVTJNVFVpTENKMWJtbHhkV1ZmYm1GdFpTSTZJbXAyYVdGdVlVQnphMkZ1WkdsaExtTnZiUzVqYnlJc0luVndiaUk2SW1wMmFXRnVZVUJ6YTJGdVpHbGhMbU52YlM1amJ5SXNJblYwYVNJNkluSlVaMVpmZUVWTVJHdFBSMmx3Y210R01tZDVRVUVpTENKMlpYSWlPaUl4TGpBaUxDSjNhV1J6SWpwYkltSTNPV1ppWmpSa0xUTmxaamt0TkRZNE9TMDRNVFF6TFRjMllqRTVOR1U0TlRVd09TSmRMQ0o0YlhOZllXTmtJam94TnpVeU5UZzVNVEk0TENKNGJYTmZZV04wWDJaamRDSTZJak1nT1NJc0luaHRjMTltZEdRaU9pSXRkalJ3UW10NmRXRlFYMjVSUmpkVVZVWnlRVkZtYkdSNlIzTlpjRWxwT1dnMGFrdDZhbU5SVFZaQlFtUllUbXhaV0U0d1RGZFNlbUpZVFNJc0luaHRjMTlwWkhKbGJDSTZJakVnTWpBaUxDSjRiWE5mYzNRaU9uc2ljM1ZpSWpvaWMzUkNiazAzV25FME1td3hVa1l5ZEV0RU1GaEJVbVpoVGtOUlFXOW9WbTFmVUZWWFltSnJSbDlST0NKOUxDSjRiWE5mYzNWaVgyWmpkQ0k2SWpFd0lETWlMQ0o0YlhOZmRHTmtkQ0k2TVRNNU16WXdNek0wTVN3aWVHMXpYM1J1ZEY5bVkzUWlPaUkySURNaWZRLkEyZl9aRHNVcmp3UFh1NFVRMkYxN2tLNzVXTE1lN3lWX09YNHFKYk1zNTQxQmFmdk1GU3pOQnJILVJsR1FTdjEybjlrRm0yTGJ6bzdoMnJzR0JiRWsyOFQzdmtlTW95TVNPVFdfaldELUFHSVZOVVdaYnc3emVZWHVZYmEydUtfblR5cGpwQVNoV3hBNlJkMUV5QUhGZjVQakIxOTlYRGgySkp2bWJfZzVHazhJY2VEZ3QzcEVRRWF0QUdzZzVZRjN0ZlctLTdGT05EY3NTQjJjS2pMdXJwUl8tUG90LVF6TV9CaV9CeHhBZU1tNlAtb2JGRzB4WGRlRnFkUW9lS2pIVFEzN2EzeE9MMkZ2TFg4ZUhjN2x1SWstUkFBQnlmOXhhMnlxS0NkWGFiQkVSejRzeWhCRkpuMzdCeDc1cUlsZk1rQUlTX2NlemZZYndnSEJJWmZEZyIsInN1YiI6Ijg4MjBkNmI2LTcyNWItNDA0NC1hZGNiLWEzZTE4YTM4ZTRmYyIsImdpdmVuX25hbWUiOiJKb3NlIFN0ZXZlbiIsImZhbWlseV9uYW1lIjoiVmlhbmEgVmVsYXNxdWV6IiwiZW1haWwiOiJqdmlhbmFAc2thbmRpYS5jb20uY28iLCJub25jZSI6IjAxOWJlNjcyLTA4NWYtNzkxNi04MmZjLTk0MTA4OTRjODMyNSIsImF6cCI6IjBlZmE1YWE3LTg5ZGItNDkxNi1iZmU0LTA1MzcyOGVlZjYzZCIsInZlciI6IjEuMCIsImlhdCI6MTc2OTExOTg5OH0.TrBEO5lXpR34n7aA7J5LniTPw36mpwR51latCn7whw0s496hSXf7NJl-822mSGlmhShjQXiiIZCodQa-3nh2A4V1ecGDeCdqh_m-BCqlSsEO8LPEQ3-F-tm74J4iiO6NUm7FDQf3tK0jfxHlpFZJaP45T22389B3xVsPmnvDezHxsltOjtFJtv2sN2csF3CgNiJVvQv6xaX_cs7R4PpTxELCVOyUdjJ3NthE7kMKFvFQgz8Okq_buR7-O8ylRq35Ixxqp8He3nCJ3OWuZEj3xGLBCocGwlc8Vwt4_03Fu94UoU_XHmMD9RsjDA4nJY-o43Dkeldyj_1O5Deo7fhjtg"), o.originalFetch(O, {
+				return F.has("Authorization") || F.append("Authorization", "Bearer eyJhbGciOiJSUzI1NiIsImtpZCI6InhmcDRfR0tObWNBMHl3UUNrZ1BXVkJjTHZmRDVfZXZKOWg3bUhGbExBVWMiLCJ0eXAiOiJKV1QifQ.eyJhdWQiOiIwZWZhNWFhNy04OWRiLTQ5MTYtYmZlNC0wNTM3MjhlZWY2M2QiLCJpc3MiOiJodHRwczovL3NrY290ZXN0LmIyY2xvZ2luLmNvbS8wZGI2ZGJjMy02OTA4LTQ1MTctYTdmMi04MWVhNjg1YTI1ZTIvdjIuMC8iLCJleHAiOjE3NzAxNzYyNzUsIm5iZiI6MTc3MDE3NTM3NSwibmFtZSI6IlZpYW5hIFZlbGFzcXVleiwgSm9zZSBTdGV2ZW4iLCJpZHBfYWNjZXNzX3Rva2VuIjoiZXlKMGVYQWlPaUpLVjFRaUxDSnViMjVqWlNJNklrZzRWbmMwWkV4UlowRnBhbnB1V0ZWMldrWkxaRkF4YlVsQ1ZrVXlZMXBGYlVOaVoybExkRXM1TjJNaUxDSmhiR2NpT2lKU1V6STFOaUlzSW5nMWRDSTZJbEJqV0RrNFIxZzBNakJVTVZnMmMwSkVhM3BvVVcxeFozZE5WU0lzSW10cFpDSTZJbEJqV0RrNFIxZzBNakJVTVZnMmMwSkVhM3BvVVcxeFozZE5WU0o5LmV5SmhkV1FpT2lJd01EQXdNREF3TXkwd01EQXdMVEF3TURBdFl6QXdNQzB3TURBd01EQXdNREF3TURBaUxDSnBjM01pT2lKb2RIUndjem92TDNOMGN5NTNhVzVrYjNkekxtNWxkQzh3T0RJM01XWTBNaTA0TVdWbUxUUTFaRFl0T0RGaFl5MDBPVGMzTm1NMFltVTJNVFV2SWl3aWFXRjBJam94Tnpjd01UY3lNREk1TENKdVltWWlPakUzTnpBeE56SXdNamtzSW1WNGNDSTZNVGMzTURFM05qZzNOeXdpWVdOamRDSTZNQ3dpWVdOeUlqb2lNU0lzSW1GamNuTWlPbHNpY0RFaVhTd2lZV2x2SWpvaVFWSlJRall2TkdKQlFVRkJOWGRHUWtRNVQwRldZekU0TUZSSU0xVllOMGR4VkdodU1rNXRTM1ZVZGpaclFtcEZSSHBpZFRsR1lqZ3JlRE5TT1c1Ulp6bHZZV1Z0Vm1OdWJVNHJkVFJtZW1kVVVUZExVMW80WmtSSlVXMDVTekExZVhwRFJsbFFTRFJTTHpaRFJqSXpNR050VTFCd1FWcGtZVGxNWTA4eFRrUXpkV1Y1VjBsQmFXaHhTWFJQWVdKVlJGVnJiRUpaZWpVMVV6ZHZTRmMzTm1Sa1RscHVhMFpyV2s5WFFYaE1NVXhPUmxsbGIyMUVRMUpFU21SYVFVd3ZlVVpVY1Rock4wSlRRbE5OU0VwNVNFdzJkV3AxVlRNMVZqWXJjV3R0WldRemRHYzVWVVYzZEhGM2MzaEJjMDV5YW1oNU1qbG9kazUyUlRGNmNVSm9ORTFTTW5jM1RWUm1TMFF2U2taM2IwaGFWMFpsWVc1cVRqbDVNVEYwVVdJemVUazNOamxzWlZNeFVqQlNVakpDVGxScFUzSkdTa2hRVGxoWFpXSkdiRWhvYWpnMGRDdHNORGRFY0dWalZuQk1Za3gyTlZWdWVqaFBRa0owUkVSUmIzaFllRlozYTNwc01XUTRkVzV1TXpCblJuTnJTWEJOUFNJc0ltRnRjaUk2V3lKd2QyUWlMQ0p0Wm1FaVhTd2lZWEJ3WDJScGMzQnNZWGx1WVcxbElqb2lSR0ZzYVMxUWNtUWlMQ0poY0hCcFpDSTZJbVJtWkRBNU9XSXdMV1ZqWWprdE5ETmxOUzFpTjJJM0xUVXlPVFppT0RCaE5EWXlNQ0lzSW1Gd2NHbGtZV055SWpvaU1TSXNJbVpoYldsc2VWOXVZVzFsSWpvaVZtbGhibUVnVm1Wc1lYTnhkV1Y2SWl3aVoybDJaVzVmYm1GdFpTSTZJa3B2YzJVZ1UzUmxkbVZ1SWl3aWFXUjBlWEFpT2lKMWMyVnlJaXdpYVhCaFpHUnlJam9pTXpndU9TNHlNakF1TVRNeUlpd2libUZ0WlNJNklsWnBZVzVoSUZabGJHRnpjWFZsZWl3Z1NtOXpaU0JUZEdWMlpXNGlMQ0p2YVdRaU9pSmxNREpqTkRZMll5MWxPV1E0TFRSaFpESXRPV1U0WkMxa01XSmtOalpoTXpRek1ESWlMQ0p2Ym5CeVpXMWZjMmxrSWpvaVV5MHhMVFV0TWpFdE1qUTRPVGszT1RrME1DMHlOVFV5TURFNE56TXhMVEUzTURJM01Ua3pOVGt0TWpFNU9EQWlMQ0p3YkdGMFppSTZJamdpTENKd2RXbGtJam9pTVRBd016SXdNREZCTVVJd1FqTTVOQ0lzSW5Kb0lqb2lNUzVCVkZGQlVXZzRia05QTFVJeGExZENja1ZzTTJKRmRtMUdVVTFCUVVGQlFVRkJRVUYzUVVGQlFVRkJRVUZCUWxGQlVXc3dRVUV1SWl3aWMyTndJam9pVFdGcGJDNVNaV0ZrSUUxaGFXd3VVMlZ1WkNCdmNHVnVhV1FnY0hKdlptbHNaU0JWYzJWeUxsSmxZV1FnWlcxaGFXd2lMQ0p6YVdRaU9pSXdNREV5TlRjMllTMWpZVFUwTFRGbE1tTXRZbUprTkMxaE9UZGxORE14Tnpsak1UTWlMQ0p6YVdkdWFXNWZjM1JoZEdVaU9sc2lhMjF6YVNKZExDSnpkV0lpT2lKeFlVcFpWek0wTnpnMWFWaEVTbEpmYTJsUVpFcHlaMUY0WVU1UGNFNVliV2xZUkZobE4wbERTbWRaSWl3aWRHVnVZVzUwWDNKbFoybHZibDl6WTI5d1pTSTZJbE5CSWl3aWRHbGtJam9pTURneU56Rm1OREl0T0RGbFppMDBOV1EyTFRneFlXTXRORGszTnpaak5HSmxOakUxSWl3aWRXNXBjWFZsWDI1aGJXVWlPaUpxZG1saGJtRkFjMnRoYm1ScFlTNWpiMjB1WTI4aUxDSjFjRzRpT2lKcWRtbGhibUZBYzJ0aGJtUnBZUzVqYjIwdVkyOGlMQ0oxZEdraU9pSjNRVTVCUVdSMVltcEZObGxITjBKMlZsQlZXVUZCSWl3aWRtVnlJam9pTVM0d0lpd2lkMmxrY3lJNld5SmlOemxtWW1ZMFpDMHpaV1k1TFRRMk9Ea3RPREUwTXkwM05tSXhPVFJsT0RVMU1Ea2lYU3dpZUcxelgyRmpaQ0k2TVRjMU1qVTRPVEV5T0N3aWVHMXpYMkZqZEY5bVkzUWlPaUl6SURraUxDSjRiWE5mWm5Sa0lqb2laVlZmZVVsMmFXdzNRV1JQUzBOaVluRnVUVTVTZVRGVmVHSlpPSFl5VFROSWFVaE5Wa00yVFcxaU9FSmtXRTR6V2xoT01FMTVNV3RqTWpGNklpd2llRzF6WDJsa2NtVnNJam9pTVNBeUlpd2llRzF6WDNOMElqcDdJbk4xWWlJNkluTjBRbTVOTjFweE5ESnNNVkpHTW5STFJEQllRVkptWVU1RFVVRnZhRlp0WDFCVlYySmlhMFpmVVRnaWZTd2llRzF6WDNOMVlsOW1ZM1FpT2lJeklERXlJaXdpZUcxelgzUmpaSFFpT2pFek9UTTJNRE16TkRFc0luaHRjMTkwYm5SZlptTjBJam9pTXlBMkluMC5oU3JhR3lJWFNmSkpXMWtqUzBucXRHVU9vcjVUQzhBWVlxdHBDbG1xWGVtUGRJY2pCVmFVc2ozNUlMLTIwRmNnV09JS2hSX0gwVVVpNFNILWthX2JDaUdldzlhbTlwV1otbnIxR2pJc01MM3oxNkh3Y21qdzgxeTl1VlNVeGVkMmVjblR4cDdxaU42b3hpcVl1MHpOQ2FMZGhYeEd0dDB6dkhqS201T0pNN0tYdFRkMDlhNHpnVW5Hc29LTDVXVjhIU3hoeVd0LWNWWXkxdzNYMmVXSmFqeXhHVDdhUWhHLUxaaFlKbm0tbFZvbEgtLWhBbmpEVTRSdnAxS2c3WHpTNkFWLWkwSzBpbHdFcXl5OGZ3b2RaSVBDdW95VnppcHlPVUZvb1RlMnU1bG53dVJmSTVGeGdIcUgwdDV2N1pfQ1lJU2RNSjhLV194NTd0Ungwc29EYUEiLCJzdWIiOiI4ODIwZDZiNi03MjViLTQwNDQtYWRjYi1hM2UxOGEzOGU0ZmMiLCJnaXZlbl9uYW1lIjoiSm9zZSBTdGV2ZW4iLCJmYW1pbHlfbmFtZSI6IlZpYW5hIFZlbGFzcXVleiIsImVtYWlsIjoianZpYW5hQHNrYW5kaWEuY29tLmNvIiwibm9uY2UiOiIwMTljMjY3ZS0yODdkLTc3MzYtYWIzYi0zMmQ1MTRiYWE3YWEiLCJhenAiOiIwZWZhNWFhNy04OWRiLTQ5MTYtYmZlNC0wNTM3MjhlZWY2M2QiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE3NzAxNzUzNzV9.iq5_XGYbTzWHs-oOGrC28e_fzBeAtE-jBZJdoCZ4aNNUSZbqUdBpWG260JdchanBnDivCieDiMIVvauN3x23qe4aIXpWZgxan4A05JIcP6Eg-tW_F2T5vckawXwHLto19d4JVwQXsuDd-pWRNNr7DsR3Sn5a6ZMQ6npvw4xFUA2NCY6EAcmTW2HDbjFKZFJBtbFYN7KKBSQCuEhnPJHPsKNEdoUT7JJ-jN_EyC4mxzauwqgFBsphOjxXZvBXkemlbyOsQFndg6mjtShjx6u0EH-g1oHoekzVSHmO7SNBc0bMlZj3dCSWEPMJUTNSTRoUtKdspOgRNLtVt-4KtJjL4g"), o.originalFetch(O, {
 					...M,
 					headers: F
 				});
@@ -3593,7 +3705,15 @@ var AgentChat = class extends i {
 		this.dispatchEvent(new CustomEvent("controller-ready", { detail: this._chatController }));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.addEventListener("a2uiaction", this._handleA2UIAction);
+		super.connectedCallback(), this._injectFonts(), this.addEventListener("a2uiaction", this._handleA2UIAction);
+	}
+	_injectFonts() {
+		["https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200", "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"].forEach((o) => {
+			if (!document.querySelector(`link[href="${o}"]`)) {
+				let O = document.createElement("link");
+				O.rel = "stylesheet", O.href = o, document.head.appendChild(O);
+			}
+		});
 	}
 	disconnectedCallback() {
 		this.removeEventListener("a2uiaction", this._handleA2UIAction), super.disconnectedCallback();
@@ -3691,29 +3811,30 @@ var AgentChat = class extends i {
 		this.setAppContext(o.detail);
 	}
 	_handleA2UIAction(o) {
-		let { action: O } = o.detail;
-		if (O) {
-			if (console.log("AgentChat: A2UI Action received:", O), O.name === "decision") {
-				this._handleAuthDecision(O);
-				return;
-			}
-			this._handleGenericUrlAction(O);
+		let { action: O, surfaceId: M } = o.detail;
+		if (!O) return;
+		console.log("AgentChat: A2UI Action received:", O, "Surface:", M);
+		let F = M || Array.from(a2uiService.processor.getSurfaces().keys())[0] || "root";
+		if (O.name === "decision") {
+			this._handleAuthDecision(O, F);
+			return;
 		}
+		this._handleGenericUrlAction(O, F);
 	}
-	_handleAuthDecision(o) {
-		let O = o.context || [], M = O.find((o) => o.key === "userDecision")?.value?.literalString, F = O.find((o) => [
+	_handleAuthDecision(o, O) {
+		let M = o.context || [], F = M.find((o) => o.key === "userDecision"), U = a2uiService.resolveValue(O, F?.value), W = M.find((o) => [
 			"url",
 			"href",
 			"link",
 			"uri"
-		].includes(o.key?.toLowerCase()))?.value?.literalString;
-		if (console.log(`AgentChat: Specialized decision handler: ${M}`, o), M === "deny") {
+		].includes(o.key?.toLowerCase())), G = a2uiService.resolveValue(O, W?.value);
+		if (console.log(`AgentChat: Specialized decision handler: ${U}`, o), U === "deny") {
 			console.log("AgentChat: User denied the request."), this._chatController.sendMessage(`User selected "Deny" for action "${o.name}".`, "tool");
 			return;
 		}
-		if (M === "approve") if (F) {
-			console.log(`AgentChat: User selected "Approve". Opening auth URL: ${F}`);
-			let O = window.open(F, "_blank");
+		if (U === "approve") if (G) {
+			console.log(`AgentChat: User selected "Approve". Opening auth URL: ${G}`);
+			let O = window.open(G, "_blank");
 			if (O) {
 				let M = setInterval(() => {
 					O.closed && (clearInterval(M), console.log("AgentChat: Auth tab closed. Notifying approval."), this._chatController.sendMessage(`User approved the request "${o.name}" and completed authentication.`, "tool"));
@@ -3721,14 +3842,14 @@ var AgentChat = class extends i {
 			} else console.error("AgentChat: Failed to open auth tab.");
 		} else console.log("AgentChat: User approved (no URL provided)."), this._chatController.sendMessage(`User selected "Approve" for action "${o.name}".`, "tool");
 	}
-	_handleGenericUrlAction(o) {
-		let O = o.context?.find((o) => [
+	_handleGenericUrlAction(o, O) {
+		let M = o.context?.find((o) => [
 			"url",
 			"href",
 			"link",
 			"uri"
-		].includes(o.key?.toLowerCase())), M = O?.value?.literalString || O?.value?.path;
-		M ? (console.log(`AgentChat: Opening generic URL: ${M}`), window.open(M, "_blank")) : console.warn("AgentChat: A2UI Action received without recognizable purpose:", o);
+		].includes(o.key?.toLowerCase())), F = a2uiService.resolveValue(O, M?.value);
+		F ? (console.log(`AgentChat: Opening generic URL: ${F}`), window.open(F, "_blank")) : o.name === "openLink" ? console.warn("AgentChat: openLink action received but no URL could be resolved:", o) : console.warn("AgentChat: A2UI Action received without recognizable purpose:", o);
 	}
 	_handleStateUpdate(o) {
 		this.setAppState(o.detail);