site-operator 0.2.8 → 0.3.0

package/dist/index.d.ts

@@ -34,6 +34,22 @@ export declare type Action = NavigationAction | {
     targetId: string;
     /** Optional reason for the click */
     reason?: string;
+} | {
+    /** Sets a value to an input element (e.g., text, number) */
+    type: "setValue";
+    /** Identifier for the target input element */
+    targetId: string;
+    /** The value to set (string or number) */
+    value: string | number;
+    /** Optional reason for setting the value */
+    reason?: string;
+} | {
+    /** Sequence of actions to be performed in order */
+    type: "plan";
+    /** Ordered list of actions to execute */
+    steps: Action[];
+    /** Description of the plan's overall goal */
+    goal?: string;
 } | {
     /** Generic action type for extension */
     type: string;
@@ -46,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;
@@ -341,6 +358,10 @@ export declare class ChatController implements ReactiveController {
      * Refresca el listado de conversaciones desde el servidor.
      */
     refreshConversations(): Promise<void>;
+    /**
+     * Obtiene el listado de conversaciones desde el servidor.
+     */
+    getConversations(): Promise<ConversationSummary[]>;
     /**
      * Manejador interno para cambios de estado.
      * Llama a requestUpdate() en el host para forzar el renderizado.
@@ -498,11 +519,17 @@ declare class ChatService extends EventTarget {
     sendMessage(content: string, role?: "developer" | "user" | "assistant" | "system" | "tool" | "activity"): Promise<void>;
     _ensureConversation(): Promise<void>;
     addPlaceholderMessage(): void;
+    cleanupThinkingPlaceholder(): void;
     prepareMessageForStreaming(newId: string): void;
     appendMessageContent(id: string, content: string): void;
     setMessages(messages: Message[]): void;
     addA2UIMessage(event: ActivitySnapshotEvent): void;
     startNewThread(): Promise<void>;
+    /**
+     * Obtiene el listado de conversaciones desde el servidor.
+     * @returns Promesa con el listado de conversaciones.
+     */
+    getConversations(): Promise<ConversationSummary[]>;
     /**
      * Refresca la lista de conversaciones desde el servicio de conversaciones.
      */

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 {
@@ -1000,6 +1002,22 @@ const styles$4 = i$1`
 	constructor() {
 		this.processor = v0_8.Data.createSignalA2uiMessageProcessor();
 	}
+	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");
 		let O = [];
@@ -1074,11 +1092,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 +1111,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;
@@ -1144,9 +1167,32 @@ const styles$4 = i$1`
 				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));
+				else {
+					let M = o.content, F = Array.isArray(M) ? M : [M];
+					for (let o of F) this.isServerToClientMessage(o) && O.push(this.normalizeServerMessage(o));
+				}
+				continue;
+			}
 			M.role === "assistant" && M.toolCalls && O.push(...this.mapMessage(M));
 		}
-		if (O.length !== 0) return this.processor.processMessages(O);
+		if (O.length !== 0) return console.log("A2UIService: Processing mapped messages:", JSON.stringify(O, null, 2)), this.processor.processMessages(O);
 	}
 	processMessage(o) {
 		this.processMessages([o]);
@@ -1168,8 +1214,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,
@@ -1187,6 +1233,42 @@ 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) {
+		if (o.role === "activity" && o.activityType === "a2ui" || o.role === "assistant" && o.toolCalls && o.toolCalls.some((o) => o.function?.name.startsWith("a2ui_"))) return !0;
+		if (o.role === "tool" && typeof o.content == "string") try {
+			let O = JSON.parse(o.content);
+			return O.role === "activity" && O.activity_type === "a2ui";
+		} catch {
+			return !1;
+		}
+		return !1;
+	}
+	getA2UIPayloads(o) {
+		let 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));
+				});
+			}
+		} catch {}
+		return O;
+	}
 }();
 var ChatMessage = class extends i {
 	constructor(...o) {
@@ -1209,11 +1291,12 @@ var ChatMessage = class extends i {
 	}
 	render() {
 		let o = this.message.role === "user";
-		if (this.message.role === "assistant" && Array.isArray(this.message.toolCalls) && this.message.toolCalls.length > 0) {
+		if (a2uiService.isA2UIMessage(this.message)) {
 			a2uiService.processMessages([this.message]);
 			let o = Array.from(a2uiService.processor.getSurfaces().entries()), O = a2uiService.processor;
 			if (o.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`
                   <a2ui-theme-provider
@@ -1264,7 +1347,7 @@ var ChatThread = class extends i {
 	}
 	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({
@@ -1280,7 +1363,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").map((o, O, M) => b`
+        ${this.messages.filter((o) => a2uiService.isA2UIMessage(o) ? (console.log("A2UIService: isA2UIMessage", o), !a2uiService.isBeginRenderingOnly(o)) : !0).map((o, O, M) => b`
           <agent-chat-message 
             .message=${o} 
             .isLast=${O === M.length - 1}
@@ -3055,9 +3138,18 @@ var ChatPortalService = class o extends EventTarget {
 		this._visibleTargetIds = new Set(o), this.dispatchEvent(new CustomEvent("targets-updated", { detail: o }));
 	}
 	async executePlan(o) {
-		if (o.type === "click") {
+		if (o.type === "plan") {
+			let O = o.steps;
+			console.log(`ChatPortalService: Executing multi-step plan with ${O.length} steps.`);
+			for (let o of O) {
+				let O = await this.executePlan(o);
+				if (O.status === "error") return O;
+			}
+			return { status: "ok" };
+		}
+		if (o.type === "click" || o.type === "setValue") {
 			let O = o.targetId;
-			if (console.log(`ChatPortalService: Waiting for click target "${O}"...`), !await this._waitForTarget(O)) return {
+			if (console.log(`ChatPortalService: Waiting for target "${O}" for action "${o.type}"...`), !await this._waitForTarget(O)) return {
 				status: "error",
 				details: `Target "${O}" not found or not visible after timeout.`
 			};
@@ -3090,13 +3182,13 @@ var ChatSubscriber = class {
 		this.service = o;
 	}
 	onRunFinishedEvent(o) {
-		inspectorService.addEvent("onRunFinishedEvent", o.event);
+		inspectorService.addEvent("onRunFinishedEvent", o.event), this.service.cleanupThinkingPlaceholder();
 	}
 	onRunStartedEvent(o) {
 		inspectorService.addEvent("onRunStartedEvent", o.event), this.service.addPlaceholderMessage();
 	}
 	onRunErrorEvent(o) {
-		inspectorService.addEvent("onRunErrorEvent", o.event), console.error("ChatSubscriber: Run Error", o.event);
+		inspectorService.addEvent("onRunErrorEvent", o.event), console.error("ChatSubscriber: Run Error", o.event), this.service.cleanupThinkingPlaceholder();
 	}
 	onStepStartedEvent(o) {
 		inspectorService.addEvent("onStepStartedEvent", o.event);
@@ -3117,7 +3209,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()
 		}));
@@ -3153,6 +3252,21 @@ var ChatSubscriber = class {
 			});
 			console.log("ChatSubscriber: click_element result", O);
 		}
+		if (o.toolCallName === "set_value") {
+			console.log("ChatSubscriber: Received set_value tool call", o.toolCallArgs);
+			let O = await chatPortalService.executePlan({
+				type: "setValue",
+				targetId: o.toolCallArgs.target_id,
+				value: o.toolCallArgs.value,
+				reason: o.toolCallArgs.reason
+			});
+			console.log("ChatSubscriber: set_value result", O);
+		}
+		if (o.toolCallName === "execute_ui_plan" || o.toolCallName === "executePlan") {
+			console.log("ChatSubscriber: Received UI plan tool call", o.toolCallArgs);
+			let O = await chatPortalService.executePlan(o.toolCallArgs);
+			console.log("ChatSubscriber: UI plan result", O);
+		}
 	}
 	onToolCallResultEvent(o) {
 		inspectorService.addEvent("onToolCallResultEvent", o.event);
@@ -3164,7 +3278,12 @@ 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]) : (o.event.activityType == "navigation" || o.event.activityType == "click") && chatPortalService.executePlan(o.event.content);
+		inspectorService.addEvent("onActivitySnapshotEvent", o.event), o.event.activityType === "a2ui" ? a2uiService.processSnapshot(o.event) : [
+			"navigation",
+			"click",
+			"setValue",
+			"plan"
+		].includes(o.event.activityType) && chatPortalService.executePlan(o.event.content);
 	}
 	onActivityDeltaEvent(o) {
 		inspectorService.addEvent("onActivityDeltaEvent", o.event);
@@ -3361,12 +3480,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 = {
-				appContext: this._appContext,
-				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 {
@@ -3389,7 +3505,12 @@ const chatService = new class extends EventTarget {
 			createdAt: Date.now(),
 			isThinking: !0
 		};
-		this.agent.messages = [...this.agent.messages, o], this.notify();
+		this.agent.messages = [...this.agent.messages || [], o], this.notify();
+	}
+	cleanupThinkingPlaceholder() {
+		if (!this.agent) return;
+		let o = this.agent.messages.filter((o) => o.id !== "thinking-placeholder");
+		o.length !== this.agent.messages.length && (this.agent.messages = o, this.notify());
 	}
 	prepareMessageForStreaming(o) {
 		if (!this.agent) throw Error("Agent not initialized");
@@ -3429,7 +3550,10 @@ const chatService = new class extends EventTarget {
 		this.agent.messages = [...F, M], 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), this.notify();
+	}
+	async getConversations() {
+		return await this.refreshConversations(), this._conversations;
 	}
 	async refreshConversations() {
 		try {
@@ -3479,7 +3603,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);
@@ -3508,6 +3632,9 @@ var ChatController = class {
 	refreshConversations() {
 		return chatService.refreshConversations();
 	}
+	getConversations() {
+		return chatService.getConversations();
+	}
 }, FetchInterceptorService = class {
 	constructor() {
 		this.originalFetch = window.fetch.bind(window), this._isEnabled = !1;
@@ -3521,7 +3648,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.eyJhdWQiOiIwZWZhNWFhNy04OWRiLTQ5MTYtYmZlNC0wNTM3MjhlZWY2M2QiLCJpc3MiOiJodHRwczovL3NrY290ZXN0LmIyY2xvZ2luLmNvbS8wZGI2ZGJjMy02OTA4LTQ1MTctYTdmMi04MWVhNjg1YTI1ZTIvdjIuMC8iLCJleHAiOjE3Njk3MTc5MjAsIm5iZiI6MTc2OTcxNzAyMCwibmFtZSI6IlZpYW5hIFZlbGFzcXVleiwgSm9zZSBTdGV2ZW4iLCJpZHBfYWNjZXNzX3Rva2VuIjoiZXlKMGVYQWlPaUpLVjFRaUxDSnViMjVqWlNJNkltdDVZM2h1ZGs5TlRtOVJZblpuU2psd1JuTnVMVGs0V1VsQlJVSjNjM1U0VTJjMmIzUmxjVjh3UldjaUxDSmhiR2NpT2lKU1V6STFOaUlzSW5nMWRDSTZJbEJqV0RrNFIxZzBNakJVTVZnMmMwSkVhM3BvVVcxeFozZE5WU0lzSW10cFpDSTZJbEJqV0RrNFIxZzBNakJVTVZnMmMwSkVhM3BvVVcxeFozZE5WU0o5LmV5SmhkV1FpT2lJd01EQXdNREF3TXkwd01EQXdMVEF3TURBdFl6QXdNQzB3TURBd01EQXdNREF3TURBaUxDSnBjM01pT2lKb2RIUndjem92TDNOMGN5NTNhVzVrYjNkekxtNWxkQzh3T0RJM01XWTBNaTA0TVdWbUxUUTFaRFl0T0RGaFl5MDBPVGMzTm1NMFltVTJNVFV2SWl3aWFXRjBJam94TnpZNU5qazFORFkwTENKdVltWWlPakUzTmprMk9UVTBOalFzSW1WNGNDSTZNVGMyT1RZNU9UZ3hPU3dpWVdOamRDSTZNQ3dpWVdOeUlqb2lNU0lzSW1GamNuTWlPbHNpY0RFaVhTd2lZV2x2SWpvaVFWcFJRV0V2T0dKQlFVRkJURWcxV0U1bFVrNXVTMDFxTm1WNlNHb3hjbUZYVWtzNGFqQTBTMGRLVVZVek5tdE9jamR3TldNMFdFNWxlbEpqWlc1WFUzazFWbUppVFdWUlp6UnVVRXBtVGtwS2JtWkNkVEJQZDIxSmRtbFhWazEwZEhGMUswVjVSR3BEWWxBNFppOXlVMUI2YVZCUUsyeEZZbEpYYXk5RGJUWXdkRzFHWldwUVoxQmhNamh0ZWtabWJtNUdjVzVhUzJGNFQwZFNMM2wwWkZOMGVVaFJLMkk1Um01emVqQlNUbmRKV2xGS2VqTnViVzEzVWpWUFlUVjZjV1pWVVRWVVJYaFhTekY2SWl3aVlXMXlJanBiSW5CM1pDSXNJbTFtWVNKZExDSmhjSEJmWkdsemNHeGhlVzVoYldVaU9pSkVZV3hwTFZCeVpDSXNJbUZ3Y0dsa0lqb2laR1prTURrNVlqQXRaV05pT1MwME0yVTFMV0kzWWpjdE5USTVObUk0TUdFME5qSXdJaXdpWVhCd2FXUmhZM0lpT2lJeElpd2labUZ0YVd4NVgyNWhiV1VpT2lKV2FXRnVZU0JXWld4aGMzRjFaWG9pTENKbmFYWmxibDl1WVcxbElqb2lTbTl6WlNCVGRHVjJaVzRpTENKcFpIUjVjQ0k2SW5WelpYSWlMQ0pwY0dGa1pISWlPaUl6T0M0NUxqSXlNQzR4TXpJaUxDSnVZVzFsSWpvaVZtbGhibUVnVm1Wc1lYTnhkV1Y2TENCS2IzTmxJRk4wWlhabGJpSXNJbTlwWkNJNkltVXdNbU0wTmpaakxXVTVaRGd0TkdGa01pMDVaVGhrTFdReFltUTJObUV6TkRNd01pSXNJbTl1Y0hKbGJWOXphV1FpT2lKVExURXROUzB5TVMweU5EZzVPVGM1T1RRd0xUSTFOVEl3TVRnM016RXRNVGN3TWpjeE9UTTFPUzB5TVRrNE1DSXNJbkJzWVhSbUlqb2lPQ0lzSW5CMWFXUWlPaUl4TURBek1qQXdNVUV4UWpCQ016azBJaXdpY21naU9pSXhMa0ZVVVVGUmFEaHVRMDh0UWpGclYwSnlSV3d6WWtWMmJVWlJUVUZCUVVGQlFVRkJRWGRCUVVGQlFVRkJRVUZDVVVGUmF6QkJRUzRpTENKelkzQWlPaUpOWVdsc0xsSmxZV1FnVFdGcGJDNVRaVzVrSUc5d1pXNXBaQ0J3Y205bWFXeGxJRlZ6WlhJdVVtVmhaQ0JsYldGcGJDSXNJbk5wWkNJNklqQXdNVE0yT0dSaExUTTVORFV0WkdSaU55MW1ZVGd6TFRjek16ZzFNVGMxTnpZNU1DSXNJbk5wWjI1cGJsOXpkR0YwWlNJNld5SnJiWE5wSWwwc0luTjFZaUk2SW5GaFNsbFhNelEzT0RWcFdFUktVbDlyYVZCa1NuSm5VWGhoVGs5d1RsaHRhVmhFV0dVM1NVTktaMWtpTENKMFpXNWhiblJmY21WbmFXOXVYM05qYjNCbElqb2lVMEVpTENKMGFXUWlPaUl3T0RJM01XWTBNaTA0TVdWbUxUUTFaRFl0T0RGaFl5MDBPVGMzTm1NMFltVTJNVFVpTENKMWJtbHhkV1ZmYm1GdFpTSTZJbXAyYVdGdVlVQnphMkZ1WkdsaExtTnZiUzVqYnlJc0luVndiaUk2SW1wMmFXRnVZVUJ6YTJGdVpHbGhMbU52YlM1amJ5SXNJblYwYVNJNklrMUlWVnAzTjJSRmJHc3RkRkZGZEcxMmJGVlBRVUVpTENKMlpYSWlPaUl4TGpBaUxDSjNhV1J6SWpwYkltSTNPV1ppWmpSa0xUTmxaamt0TkRZNE9TMDRNVFF6TFRjMllqRTVOR1U0TlRVd09TSmRMQ0o0YlhOZllXTmtJam94TnpVeU5UZzVNVEk0TENKNGJYTmZZV04wWDJaamRDSTZJak1nT1NJc0luaHRjMTltZEdRaU9pSk1halZqUjJ3Mk5YZzNXREJqTWtkMGJtcE5VbXBpY0VRd1IzVmlNbFJRWkZGRVoyRjRSV1JQT0VGSlFtUllUbnBpTTFZd1lVTXhhMk15TVhvaUxDSjRiWE5mYVdSeVpXd2lPaUl4TUNBeElpd2llRzF6WDNOMElqcDdJbk4xWWlJNkluTjBRbTVOTjFweE5ESnNNVkpHTW5STFJEQllRVkptWVU1RFVVRnZhRlp0WDFCVlYySmlhMFpmVVRnaWZTd2llRzF6WDNOMVlsOW1ZM1FpT2lJeklERTRJaXdpZUcxelgzUmpaSFFpT2pFek9UTTJNRE16TkRFc0luaHRjMTkwYm5SZlptTjBJam9pTXlBNEluMC5mSU1udzdwOTlvNzNxY2QtVW9DZ1ZFRVotODI2cTNZNVZaMG1DYWVrdW9pNnR3SmpUdHQyY0JyVFJqQ3ZadE5JOF9FNFNGY0hZQ3hSTm9pY1MzUkd4aGwwdFNvRndCaHNwUDFpREg0SHNrRjFkVWRTTi1XNmNIZDJKMnJFc19GLTJsQkNaR0Z4dTdkTEFpdXR4b2t1amlIUE96MS12MDRfOS01ZWswUUVITVUtcEVfNHlabnNWVERfaFc4ZC04UUVEOVNlN0dWRFFWcUZac1RSMDRSRlFGSGhuN19Sd0hwc2ptYWp1LUFVUlpaVy1KZEpzM1hHT1Flam41NTZMSUpJT01WdzN4T0wtSkVaQlQxRTlKR3NyTjFFSVhJbGJzOVUtNHZfT21JQURZVXlFWnBzV3pIeXpMTHRxUFFjRDhvTEpLZUFYYU1Kbml0czlHVjY0NFBIUUEiLCJzdWIiOiI4ODIwZDZiNi03MjViLTQwNDQtYWRjYi1hM2UxOGEzOGU0ZmMiLCJnaXZlbl9uYW1lIjoiSm9zZSBTdGV2ZW4iLCJmYW1pbHlfbmFtZSI6IlZpYW5hIFZlbGFzcXVleiIsImVtYWlsIjoianZpYW5hQHNrYW5kaWEuY29tLmNvIiwibm9uY2UiOiIwMTljMGExNi01ZGQ0LTdiNTktYjlkOS00MTBhOGRjMzdjM2YiLCJhenAiOiIwZWZhNWFhNy04OWRiLTQ5MTYtYmZlNC0wNTM3MjhlZWY2M2QiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE3Njk3MTcwMjB9.nfO771YIggoRk1Q6VrhEhGL8hSgu_O6_yLgp9MHwPbb2oUuUlclKXq1xdstjs7ERBi8mQtqlmEb2b0JCM5BV-2WIe41RlIErQgACBdoFUPLnBWnOLnffl6Y-Ce88WjoRfSAtj6GUn09aD53ocUkU_t4ca2ozpcpQGgrJxx2QxZpRp7uTB0Wxdt5KzLTpc05JpJe4AdKxLImrKgqMaR2R2IRn8zhZmlLQR2TfEPqPW-tbCVLdWLn2XJx6mWtcKtgCC0O9fNz2WeyyOnxLFV9pEjWm93cUXX9VEBhwmyKD0vReU9fnUwJqL3s09hg3hUMptZr4FjrJsXaoxaxbZhitrg"), o.originalFetch(O, {
 					...M,
 					headers: F
 				});
@@ -3547,7 +3674,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();
@@ -3645,29 +3780,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"));
@@ -3675,14 +3811,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);