@mcp-b/embedded-agent 1.1.1 → 1.2.1

package/dist/web-component.d.ts

@@ -14,6 +14,8 @@ interface DevModeConfig {
   anthropicApiKey: string;
   /** Your OpenAI API key for voice mode (optional) */
   openaiApiKey?: string;
+  /** Use window.location.origin instead of production API (for internal development) */
+  useLocalApi?: boolean;
 }
 /**
  * Props for the EmbeddedAgent component

package/dist/web-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-component.d.ts","names":[],"sources":["../src/web-component.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;UAgEiB,aAAA;;;;;;;;;UAUA,kBAAA;;;;;;;YAQN;;;;;;;;;;;;cAaE,eAAe,GAAG;;;;;;;iBAgDf,mBAAA"}
+{"version":3,"file":"web-component.d.ts","names":[],"sources":["../src/web-component.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;UA8DiB,aAAA;;;;;;;;;;;UAYA,kBAAA;;;;;;;YAQN;;;;;;;;;;;;cAaE,eAAe,GAAG;;;;;;;iBAgDf,mBAAA"}

package/dist/web-component.js

@@ -15,6 +15,7 @@ import { TabClientTransport } from "@mcp-b/transports";
 import { SSEClientTransport } from "@modelcontextprotocol/sdk/client/sse.js";
 import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js";
 import { jsonrepair } from "jsonrepair";
+import { ToolResponse } from "assistant-stream";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { AssistantChatTransport, useChatRuntime } from "@assistant-ui/react-ai-sdk";
@@ -357,7 +358,7 @@ const PillMarkdown = memo((t0) => {
 			a: t5,
 			ul: t6,
 			ol: t7,
-			li: _temp$13,
+			li: _temp$14,
 			blockquote: t8,
 			code: t9,
 			pre: t10,
@@ -415,7 +416,7 @@ const PillMarkdown = memo((t0) => {
 	return t16;
 });
 PillMarkdown.displayName = "PillMarkdown";
-function _temp$13(t0) {
+function _temp$14(t0) {
 	const { className: cn__6, ...props_6 } = t0;
 	return /* @__PURE__ */ jsx("li", {
 		className: cn("aui-md-li", cn__6),
@@ -560,7 +561,7 @@ const SummaryBlock = (t0) => {
 	if ($[24] !== actions) {
 		t15 = actions && actions.length > 0 && /* @__PURE__ */ jsx("div", {
 			className: "flex flex-wrap gap-1.5 mt-2 pt-1.5 border-t border-white/5",
-			children: actions.map(_temp$12)
+			children: actions.map(_temp$13)
 		});
 		$[24] = actions;
 		$[25] = t15;
@@ -665,7 +666,7 @@ const WelcomeMessage = (t0) => {
 	} else t4 = $[5];
 	return t4;
 };
-function _temp$12(action, i) {
+function _temp$13(action, i) {
 	return /* @__PURE__ */ jsx("button", {
 		onClick: (e_0) => {
 			e_0.stopPropagation();
@@ -738,14 +739,25 @@ function formatToolDenialWithReason(reason) {
 //#endregion
 //#region src/hooks/useActions.ts
 /**
+* Type guard to check if an artifact is ToolCallMetadata
+*/
+function isToolCallMetadata(artifact) {
+	if (!artifact || typeof artifact !== "object") return false;
+	const a = artifact;
+	return typeof a.startedAt === "number" && typeof a.duration === "number" && typeof a.sourceId === "string";
+}
+/**
 * Hook to derive actions from the current thread's tool calls
 *
 * Actions are a view of tool calls - not separate state.
 * This maintains compatibility with assistant-ui's data model.
+*
+* Metadata (timing, source info) is extracted from the artifact field
+* which is populated by MCPToolRegistry during tool execution.
 */
 function useActions() {
 	const $ = c(3);
-	const messages = useThread(_temp$11);
+	const messages = useThread(_temp$12);
 	let t0;
 	bb0: {
 		if (!messages || messages.length === 0) {
@@ -766,13 +778,14 @@ function useActions() {
 					if (part.type !== "tool-call") continue;
 					const toolPart = part;
 					const isComplete = toolPart.result !== void 0;
-					const hasError = toolPart.result && typeof toolPart.result === "object" && "error" in toolPart.result;
+					const hasError = toolPart.isError === true || toolPart.result && typeof toolPart.result === "object" && "error" in toolPart.result;
 					const requiresAction = toolPart.status?.type === "requires-action";
 					let status;
 					if (hasError) status = "error";
 					else if (isComplete) status = "success";
 					else if (requiresAction) status = "pending";
 					else status = "running";
+					const metadata = isToolCallMetadata(toolPart.artifact) ? toolPart.artifact : void 0;
 					actions.push({
 						id: toolPart.toolCallId,
 						toolName: toolPart.toolName,
@@ -780,7 +793,11 @@ function useActions() {
 						status,
 						args: toolPart.args,
 						result: toolPart.result,
-						error: hasError ? String(toolPart.result.error) : void 0
+						error: hasError ? String(toolPart.result.error) : void 0,
+						startedAt: metadata?.startedAt,
+						duration: metadata?.duration,
+						sourceId: metadata?.sourceId,
+						wasAborted: metadata?.wasAborted
 					});
 				}
 			}
@@ -794,7 +811,7 @@ function useActions() {
 /**
 * Hook to get the current running action (if any)
 */
-function _temp$11(thread) {
+function _temp$12(thread) {
 	return thread.messages;
 }
 function useCurrentAction() {
@@ -919,10 +936,26 @@ const SOURCE_LOCAL = "local";
 const MCPToolsContext = createContext(null);
 function MCPToolsProvider({ children, autoConnectLocal = true, onToolsChange, onPromptsChange }) {
 	const sourcesRef = useRef(/* @__PURE__ */ new Map());
+	const inflightCallsRef = useRef(/* @__PURE__ */ new Map());
+	const callIdCounterRef = useRef(0);
 	const [, forceUpdate] = useState({});
 	const [toolsList, setToolsList] = useState([]);
 	const [promptsList, setPromptsList] = useState([]);
 	/**
+	* Abort in-flight tool calls for tools that are no longer available.
+	* Called after the tool list changes to clean up orphaned calls.
+	*/
+	const abortOrphanedCalls = useCallback((currentTools) => {
+		const currentToolNames = new Set(currentTools.map((t) => t.name));
+		inflightCallsRef.current.forEach((call, callId) => {
+			if (!currentToolNames.has(call.toolName)) {
+				console.warn(`[MCPToolsProvider] Aborting orphaned tool call: ${call.toolName} (call ID: ${callId})`);
+				call.abortController.abort(/* @__PURE__ */ new Error(`Tool '${call.toolName}' is no longer available`));
+				inflightCallsRef.current.delete(callId);
+			}
+		});
+	}, []);
+	/**
 	* Rebuild tools list from all sources
 	*/
 	const rebuildTools = useCallback(() => {
@@ -935,8 +968,9 @@ function MCPToolsProvider({ children, autoConnectLocal = true, onToolsChange, on
 				});
 			});
 		});
+		abortOrphanedCalls(allTools);
 		setToolsList(allTools);
-	}, []);
+	}, [abortOrphanedCalls]);
 	/**
 	* Rebuild prompts list from all sources
 	*/
@@ -1066,21 +1100,52 @@ function MCPToolsProvider({ children, autoConnectLocal = true, onToolsChange, on
 		return sourcesRef.current.get(id_2)?.state === "connected";
 	}, []);
 	/**
-	* Call a tool on a specific source
+	* Call a tool on a specific source with in-flight tracking and abort support.
+	* If the tool is removed while the call is in progress, the call will be aborted.
 	*/
 	const callToolOnSource = useCallback(async (sourceId, name, args) => {
 		const source_5 = sourcesRef.current.get(sourceId);
 		if (!source_5?.client) throw new Error(`Source '${sourceId}' not connected`);
-		return await source_5.client.callTool({
-			name,
-			arguments: args
+		const callId_0 = `${sourceId}-${name}-${++callIdCounterRef.current}`;
+		const abortController = new AbortController();
+		inflightCallsRef.current.set(callId_0, {
+			toolName: name,
+			sourceId,
+			abortController
 		});
+		try {
+			const abortPromise = new Promise((_, reject) => {
+				const signal = abortController.signal;
+				if (signal.aborted) {
+					reject(signal.reason || /* @__PURE__ */ new Error(`Tool '${name}' call was aborted`));
+					return;
+				}
+				signal.addEventListener("abort", () => {
+					reject(signal.reason || /* @__PURE__ */ new Error(`Tool '${name}' call was aborted`));
+				}, { once: true });
+			});
+			return await Promise.race([source_5.client.callTool({
+				name,
+				arguments: args
+			}), abortPromise]);
+		} catch (error_0) {
+			if (abortController.signal.aborted) return {
+				content: [{
+					type: "text",
+					text: `Tool call aborted: ${error_0 instanceof Error ? error_0.message : String(error_0)}`
+				}],
+				isError: true
+			};
+			throw error_0;
+		} finally {
+			inflightCallsRef.current.delete(callId_0);
+		}
 	}, []);
 	/**
 	* Call a tool (auto-routes based on tool name)
 	*/
 	const callTool = useCallback(async (name_0, args_0) => {
-		const tool_0 = toolsList.find((t) => t.name === name_0);
+		const tool_0 = toolsList.find((t_0) => t_0.name === name_0);
 		if (!tool_0) throw new Error(`Tool '${name_0}' not found`);
 		return callToolOnSource(tool_0._sourceId, name_0, args_0);
 	}, [toolsList, callToolOnSource]);
@@ -1095,7 +1160,13 @@ function MCPToolsProvider({ children, autoConnectLocal = true, onToolsChange, on
 		throw new Error(`Prompt '${name_1}' not found`);
 	}, []);
 	/**
-	* Get sources map for context (public view)
+	* Get sources map for context (public view).
+	*
+	* Note: This useMemo reads from sourcesRef but depends on toolsList/promptsList.
+	* This is intentional - toolsList and promptsList are derived from sourcesRef,
+	* so when they change, it means sourcesRef has changed and we need to rebuild
+	* the public view. This avoids exposing sourcesRef as a dependency while still
+	* triggering recomputation when source data changes.
 	*/
 	const sources = useMemo(() => {
 		const publicSources = /* @__PURE__ */ new Map();
@@ -1124,7 +1195,12 @@ function MCPToolsProvider({ children, autoConnectLocal = true, onToolsChange, on
 	}, [promptsList, onPromptsChange]);
 	useEffect(() => {
 		const sources_0 = sourcesRef;
+		const inflightCalls = inflightCallsRef;
 		return () => {
+			inflightCalls.current.forEach((call_0) => {
+				call_0.abortController.abort(/* @__PURE__ */ new Error("Provider unmounted"));
+			});
+			inflightCalls.current.clear();
 			sources_0.current.forEach((source_8) => {
 				if (source_8.client) source_8.client.close().catch(console.error);
 				if (source_8.transport) source_8.transport.close().catch(console.error);
@@ -3022,6 +3098,9 @@ function useOptionalVoiceToolApproval() {
 * Voice messages are tagged with metadata to distinguish them from text messages:
 * - metadata.source: 'voice'
 * - metadata.voiceSessionId: unique session identifier
+*
+* Tool calls from voice mode are also added to the thread with full metadata
+* (timing, source attribution) matching the text mode behavior.
 */
 const VoiceThreadContext = createContext(null);
 /**
@@ -3047,7 +3126,7 @@ function convertToRegisteredTool(tool) {
 * Internal component that bridges voice events to the thread.
 * Must be used inside both VoiceModeProvider and AssistantRuntimeProvider.
 */
-const VoiceThreadIntegrator = ({ children, sessionId, setSessionId, onConnect, onDisconnect, onError }) => {
+const VoiceThreadIntegrator = ({ children, sessionId, setSessionId, addToolCallRef, onConnect, onDisconnect, onError }) => {
 	const threadRuntime = useThreadRuntime();
 	const voiceMode = useOptionalVoiceModeContext();
 	const lastUserTranscriptRef = useRef("");
@@ -3060,6 +3139,43 @@ const VoiceThreadIntegrator = ({ children, sessionId, setSessionId, onConnect, o
 	onDisconnectRef.current = onDisconnect;
 	onErrorRef.current = onError;
 	/**
+	* Set up the callback for adding tool calls to thread.
+	* This is called by toolExecutor when a voice tool call completes.
+	*/
+	useEffect(() => {
+		addToolCallRef.current = (data) => {
+			if (!sessionId) {
+				console.warn("[VoiceThreadIntegrator] Cannot add tool call - no active session");
+				return;
+			}
+			threadRuntime.append({
+				role: "assistant",
+				content: [{
+					type: "tool-call",
+					toolCallId: data.toolCallId,
+					toolName: data.toolName,
+					args: data.args,
+					argsText: JSON.stringify(data.args),
+					result: data.result,
+					isError: data.isError,
+					artifact: data.artifact
+				}],
+				metadata: { custom: {
+					source: "voice",
+					voiceSessionId: sessionId,
+					timestamp: Date.now()
+				} }
+			});
+		};
+		return () => {
+			addToolCallRef.current = null;
+		};
+	}, [
+		threadRuntime,
+		sessionId,
+		addToolCallRef
+	]);
+	/**
 	* Add a user message to the thread (from voice transcript)
 	*/
 	const addUserMessage = useCallback((text) => {
@@ -3148,8 +3264,8 @@ const VoiceThreadIntegrator = ({ children, sessionId, setSessionId, onConnect, o
 * Must be inside VoiceToolApprovalProvider to access the approval context.
 */
 const ApprovalAwareVoiceBridge = (t0) => {
-	const $ = c(20);
-	const { children, tokenEndpoint, voiceTools, sessionId, setSessionId, onConnect, onDisconnect, onError } = t0;
+	const $ = c(21);
+	const { children, tokenEndpoint, voiceTools, sessionId, setSessionId, addToolCallRef, onConnect, onDisconnect, onError } = t0;
 	const mcpTools = useOptionalMCPTools();
 	const toolApproval = useOptionalToolApproval();
 	const voiceToolApproval = useOptionalVoiceToolApproval();
@@ -3166,7 +3282,7 @@ const ApprovalAwareVoiceBridge = (t0) => {
 				if (!approved) return TOOL_DENIED_MESSAGE;
 			}
 			const result = await mcpTools.callTool(name, args);
-			return (result.content?.find(_temp$10))?.text ?? JSON.stringify(result);
+			return (result.content?.find(_temp$11))?.text ?? JSON.stringify(result);
 		};
 		$[0] = mcpTools;
 		$[1] = threadRuntime;
@@ -3186,37 +3302,39 @@ const ApprovalAwareVoiceBridge = (t0) => {
 		$[7] = t2;
 	} else t2 = $[7];
 	let t3;
-	if ($[8] !== onConnect || $[9] !== onDisconnect || $[10] !== onError || $[11] !== sessionId || $[12] !== setSessionId || $[13] !== t2) {
+	if ($[8] !== addToolCallRef || $[9] !== onConnect || $[10] !== onDisconnect || $[11] !== onError || $[12] !== sessionId || $[13] !== setSessionId || $[14] !== t2) {
 		t3 = /* @__PURE__ */ jsx(VoiceThreadIntegrator, {
 			sessionId,
 			setSessionId,
+			addToolCallRef,
 			onConnect,
 			onDisconnect,
 			onError,
 			children: t2
 		});
-		$[8] = onConnect;
-		$[9] = onDisconnect;
-		$[10] = onError;
-		$[11] = sessionId;
-		$[12] = setSessionId;
-		$[13] = t2;
-		$[14] = t3;
-	} else t3 = $[14];
+		$[8] = addToolCallRef;
+		$[9] = onConnect;
+		$[10] = onDisconnect;
+		$[11] = onError;
+		$[12] = sessionId;
+		$[13] = setSessionId;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
 	let t4;
-	if ($[15] !== t3 || $[16] !== tokenEndpoint || $[17] !== toolExecutor || $[18] !== voiceTools) {
+	if ($[16] !== t3 || $[17] !== tokenEndpoint || $[18] !== toolExecutor || $[19] !== voiceTools) {
 		t4 = /* @__PURE__ */ jsx(VoiceModeProvider, {
 			tokenEndpoint,
 			tools: voiceTools,
 			toolExecutor,
 			children: t3
 		});
-		$[15] = t3;
-		$[16] = tokenEndpoint;
-		$[17] = toolExecutor;
-		$[18] = voiceTools;
-		$[19] = t4;
-	} else t4 = $[19];
+		$[16] = t3;
+		$[17] = tokenEndpoint;
+		$[18] = toolExecutor;
+		$[19] = voiceTools;
+		$[20] = t4;
+	} else t4 = $[20];
 	return t4;
 };
 /**
@@ -3225,9 +3343,9 @@ const ApprovalAwareVoiceBridge = (t0) => {
 * When voice events occur:
 * 1. User transcripts are added as user messages to the thread
 * 2. Assistant transcripts are added as assistant messages
-* 3. Tool calls appear as tool-call parts (handled by MCP registry)
-*
-* This ensures the thread is the single source of truth for all conversation history.
+* 3. Tool calls are added as tool-call parts with full metadata (timing, source)
+* This ensures the thread is the single source of truth for all conversation history,
+* including tool calls from voice mode with the same metadata as text mode.
 *
 * Voice tool approval:
 * When a destructive tool is called during voice mode, the VoiceToolApprovalProvider
@@ -3237,6 +3355,7 @@ const ApprovalAwareVoiceBridge = (t0) => {
 const VoiceThreadBridge = ({ children, tokenEndpoint, onConnect, onDisconnect, onError }) => {
 	const mcpTools = useOptionalMCPTools();
 	const [sessionId, setSessionId] = useState(null);
+	const addToolCallRef = useRef(null);
 	return /* @__PURE__ */ jsx(VoiceToolApprovalProvider, { children: /* @__PURE__ */ jsx(ApprovalAwareVoiceBridge, {
 		tokenEndpoint,
 		voiceTools: useMemo(() => {
@@ -3245,6 +3364,7 @@ const VoiceThreadBridge = ({ children, tokenEndpoint, onConnect, onDisconnect, o
 		}, [mcpTools?.tools]),
 		sessionId,
 		setSessionId,
+		addToolCallRef,
 		onConnect,
 		onDisconnect,
 		onError,
@@ -3361,7 +3481,7 @@ const VoiceThreadContextProvider = (t0) => {
 function useOptionalVoiceThread() {
 	return useContext(VoiceThreadContext);
 }
-function _temp$10(c$1) {
+function _temp$11(c$1) {
 	return c$1.type === "text";
 }
 
@@ -3401,7 +3521,7 @@ function _temp$10(c$1) {
 */
 function useAgent() {
 	const $ = c(35);
-	const threadMessages = useThread(_temp$9);
+	const threadMessages = useThread(_temp$10);
 	const isRunning = useThread(_temp2$7);
 	const actions = useActions();
 	const currentAction = useCurrentAction();
@@ -3522,7 +3642,7 @@ function useAgent() {
 function _temp2$7(thread_0) {
 	return thread_0.isRunning;
 }
-function _temp$9(thread) {
+function _temp$10(thread) {
 	return thread.messages;
 }
 
@@ -3855,7 +3975,7 @@ function useMobileDetect() {
 */
 function usePendingToolCalls() {
 	const $ = c(2);
-	const messages = useThread(_temp$8);
+	const messages = useThread(_temp$9);
 	let result;
 	if ($[0] !== messages) {
 		result = [];
@@ -3883,7 +4003,7 @@ function usePendingToolCalls() {
 * Hook to check if there are any pending tool calls.
 * Optimized for conditional rendering - returns boolean instead of array.
 */
-function _temp$8(t) {
+function _temp$9(t) {
 	return t.messages;
 }
 function useHasPendingToolCalls() {
@@ -4054,7 +4174,7 @@ function getToolIcon(toolName) {
 */
 function useActivityState() {
 	const $ = c(10);
-	const messages = useThread(_temp$7);
+	const messages = useThread(_temp$8);
 	const isRunning = useThread(_temp2$5);
 	let t0;
 	if ($[0] !== isRunning || $[1] !== messages) {
@@ -4148,7 +4268,7 @@ function _temp3$2(m) {
 function _temp2$5(thread_0) {
 	return thread_0.isRunning;
 }
-function _temp$7(thread) {
+function _temp$8(thread) {
 	return thread.messages;
 }
 /**
@@ -4335,6 +4455,12 @@ const IdleIndicator = (t0) => {
 * - Approval mode can be 'ask' (require confirmation) or 'auto' (execute immediately)
 * - Approval UI is handled by UnifiedToolFallback using the HITL pattern
 *
+* Tool execution captures metadata (timing, source info) and stores it in the
+* assistant-ui thread via ToolResponse artifacts. This enables:
+* - Performance monitoring (duration tracking)
+* - Source attribution (which MCP server handled the call)
+* - Error tracking (including abort status)
+*
 * Usage:
 *   <MCPToolRegistry />
 *
@@ -4352,9 +4478,10 @@ function formatToolResult(result) {
 /**
 * Bridge component that registers a single tool with assistant-ui.
 * Executes the tool immediately via MCP.
+* Captures execution metadata (timing, source) and stores in thread artifacts.
 */
 const ToolBridge = (t0) => {
-	const $ = c(10);
+	const $ = c(11);
 	const { tool, callTool } = t0;
 	const t1 = tool.description ?? "";
 	let t2;
@@ -4365,34 +4492,63 @@ const ToolBridge = (t0) => {
 	} else t2 = $[1];
 	const t3 = t2;
 	let t4;
-	if ($[2] !== callTool || $[3] !== tool.name) {
+	if ($[2] !== callTool || $[3] !== tool._sourceId || $[4] !== tool.name) {
 		t4 = async (args) => {
+			const startedAt = Date.now();
+			let isError;
+			let wasAborted;
 			try {
-				return formatToolResult(await callTool(tool.name, args));
+				const result = await callTool(tool.name, args);
+				isError = result.isError === true;
+				wasAborted = result.content.some(_temp$7);
+				const metadata_0 = {
+					startedAt,
+					duration: Date.now() - startedAt,
+					sourceId: tool._sourceId,
+					isError,
+					wasAborted
+				};
+				return new ToolResponse({
+					result: formatToolResult(result),
+					artifact: metadata_0,
+					isError
+				});
 			} catch (t5$1) {
 				const error = t5$1;
 				console.error(`[ToolBridge] Tool '${tool.name}' execution failed:`, error);
-				throw error;
+				const metadata = {
+					startedAt,
+					duration: Date.now() - startedAt,
+					sourceId: tool._sourceId,
+					isError: true,
+					wasAborted: false
+				};
+				return new ToolResponse({
+					result: `Error: ${error instanceof Error ? error.message : String(error)}`,
+					artifact: metadata,
+					isError: true
+				});
 			}
 		};
 		$[2] = callTool;
-		$[3] = tool.name;
-		$[4] = t4;
-	} else t4 = $[4];
+		$[3] = tool._sourceId;
+		$[4] = tool.name;
+		$[5] = t4;
+	} else t4 = $[5];
 	let t5;
-	if ($[5] !== t1 || $[6] !== t3 || $[7] !== t4 || $[8] !== tool.name) {
+	if ($[6] !== t1 || $[7] !== t3 || $[8] !== t4 || $[9] !== tool.name) {
 		t5 = {
 			toolName: tool.name,
 			description: t1,
 			parameters: t3,
 			execute: t4
 		};
-		$[5] = t1;
-		$[6] = t3;
-		$[7] = t4;
-		$[8] = tool.name;
-		$[9] = t5;
-	} else t5 = $[9];
+		$[6] = t1;
+		$[7] = t3;
+		$[8] = t4;
+		$[9] = tool.name;
+		$[10] = t5;
+	} else t5 = $[10];
 	useAssistantTool(t5);
 	return null;
 };
@@ -4467,6 +4623,9 @@ const MCPToolRegistry = () => {
 	} else t1 = $[8];
 	return t1;
 };
+function _temp$7(c$1) {
+	return c$1.type === "text" && typeof c$1.text === "string" && c$1.text.includes("Tool call aborted");
+}
 
 //#endregion
 //#region src/components/pill/ElicitationButtonBar.tsx
@@ -8774,13 +8933,12 @@ function injectStyles() {
 *
 */
 /**
-* Get the default API base URL based on build environment.
-* - Production builds: use the production WebMCP API
-* - Development builds: use current origin (for local dev server)
+* Get the default API base URL.
+* Always uses production unless explicitly overridden with useLocalApi.
 */
-const getDefaultApiBase = () => {
-	if (process.env.NODE_ENV === "production") return WEBMCP_PRODUCTION_API_BASE;
-	return typeof window !== "undefined" ? window.location.origin : WEBMCP_PRODUCTION_API_BASE;
+const getDefaultApiBase = (useLocalApi) => {
+	if (useLocalApi && typeof window !== "undefined") return window.location.origin;
+	return WEBMCP_PRODUCTION_API_BASE;
 };
 /**
 * EmbeddedAgent - Drop-in AI chat widget
@@ -8797,7 +8955,7 @@ const EmbeddedAgent = (t0) => {
 	const { appId, devMode } = t0;
 	let apiBase;
 	if ($[0] !== appId || $[1] !== devMode) {
-		apiBase = getDefaultApiBase();
+		apiBase = getDefaultApiBase(devMode?.useLocalApi);
 		if (typeof window !== "undefined") console.debug("[WebMCP] Initialized", {
 			appId,
 			mode: devMode ? "development" : "production",