sunpeak 0.19.12 → 0.20.2

package/dist/{inspector-jY9O18z9.cjs → inspector-DAA1Wiyh.cjs}

@@ -1,7 +1,7 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
 const require_protocol = require("./protocol-C8pFDmcy.cjs");
 let react = require("react");
-react = require_chunk.__toESM(react);
+react = require_chunk.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/lib/default-style-variables.ts
 var DEFAULT_STYLE_VARIABLES = {
@@ -809,7 +809,7 @@ registerHostShell({
 }`
 });
 //#endregion
-//#region ../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.5.0_@modelcontextprotocol+sdk@1.29.0_zod@4.3.6__react-_f4871531d9cf52c692eb6edc1ee416ef/node_modules/@modelcontextprotocol/ext-apps/dist/src/app-bridge.js
+//#region ../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.5.0_@modelcontextprotocol+sdk@1.29.0_zod@4.3.6__react-_a8a8e071c354e7dd6f62871eadf46f99/node_modules/@modelcontextprotocol/ext-apps/dist/src/app-bridge.js
 var j = class extends require_protocol.Protocol {
 	_registeredMethods = /* @__PURE__ */ new Set();
 	_eventSlots = /* @__PURE__ */ new Map();
@@ -1508,6 +1508,11 @@ var DEFAULT_HOST_INFO = {
 	name: "SunpeakInspector",
 	version: "1.0.0"
 };
+/**
+* Debug logger for MCP bridge messages. Uses CSS-formatted console.log in browsers,
+* no-ops during unit tests (Vitest) where the output is just noise.
+*/
+var debugLog = typeof process !== "undefined" && process.env?.VITEST ? () => {} : console.log;
 var DEFAULT_HOST_CAPABILITIES = {
 	openLinks: {},
 	serverTools: {},
@@ -1559,25 +1564,25 @@ var McpAppHost = class {
 				console.warn("[MCP App] openLink blocked invalid URL:", url);
 			}
 			const ack = {};
-			console.log(`%c[MCP ↓]%c host → app: %copenLink ack`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", ack);
+			debugLog(`%c[MCP ↓]%c host → app: %copenLink ack`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", ack);
 			return ack;
 		};
 		this.bridge.onmessage = async ({ role, content }) => {
 			if (this.options.onMessage) this.options.onMessage(role, content);
 			const ack = {};
-			console.log(`%c[MCP ↓]%c host → app: %csendMessage ack`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", ack);
+			debugLog(`%c[MCP ↓]%c host → app: %csendMessage ack`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", ack);
 			return ack;
 		};
 		this.bridge.onrequestdisplaymode = async ({ mode }) => {
 			this.options.onDisplayModeChange?.(mode);
 			const result = { mode };
-			console.log(`%c[MCP ↓]%c host → app: %crequestDisplayMode result`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", result);
+			debugLog(`%c[MCP ↓]%c host → app: %crequestDisplayMode result`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", result);
 			return result;
 		};
 		this.bridge.onupdatemodelcontext = async ({ content, structuredContent }) => {
 			this.options.onUpdateModelContext?.(content ?? [], structuredContent);
 			const ack = {};
-			console.log(`%c[MCP ↓]%c host → app: %cupdateModelContext ack`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", ack);
+			debugLog(`%c[MCP ↓]%c host → app: %cupdateModelContext ack`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", ack);
 			return ack;
 		};
 		this.bridge.onsizechange = (params) => {
@@ -1601,18 +1606,18 @@ var McpAppHost = class {
 				type: "text",
 				text: `[Inspector] Tool "${params.name}" called (no handler configured)`
 			}] };
-			console.log(`%c[MCP ↓]%c host → app: %ccallServerTool result(${params.name})`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", result);
+			debugLog(`%c[MCP ↓]%c host → app: %ccallServerTool result(${params.name})`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", result);
 			return result;
 		};
 		this.bridge.ondownloadfile = async ({ contents }) => {
 			if (this.options.onDownloadFile) this.options.onDownloadFile(contents);
 			const ack = {};
-			console.log(`%c[MCP ↓]%c host → app: %cdownloadFile ack`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", ack);
+			debugLog(`%c[MCP ↓]%c host → app: %cdownloadFile ack`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", ack);
 			return ack;
 		};
 		this.bridge.onrequestteardown = () => {
 			if (this.options.onRequestTeardown) this.options.onRequestTeardown();
-			else console.log("[MCP App] requestTeardown (app requested close)");
+			else debugLog("[MCP App] requestTeardown (app requested close)");
 		};
 		let sandboxReadyFired = false;
 		this.bridge.onsandboxready = () => {
@@ -1633,8 +1638,7 @@ var McpAppHost = class {
 			if (!data || typeof data !== "object") return;
 			const method = data.method;
 			if (method?.startsWith("sunpeak/") || method === "ui/notifications/sandbox-proxy-ready") return;
-			const label = method ?? (data.id != null ? `response #${data.id}` : "unknown");
-			console.log(`%c[MCP ↑]%c app → host: %c${label}`, "color:#6ee7b7", "color:inherit", "color:#93c5fd", data);
+			debugLog(`%c[MCP ↑]%c app → host: %c${method ?? (data.id != null ? `response #${data.id}` : "unknown")}`, "color:#6ee7b7", "color:inherit", "color:#93c5fd", data);
 		};
 		window.addEventListener("message", this._messageListener);
 		const transport = new z(contentWindow, contentWindow);
@@ -1689,7 +1693,7 @@ var McpAppHost = class {
 	* to commit its DOM before firing onDisplayModeReady.
 	*/
 	setHostContext(context) {
-		console.log(`%c[MCP ↓]%c host → app: %csetHostContext`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", context);
+		debugLog(`%c[MCP ↓]%c host → app: %csetHostContext`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", context);
 		this.bridge.setHostContext(context);
 		const currentMode = context.displayMode;
 		if (currentMode && currentMode !== this._prevDisplayMode) {
@@ -1706,7 +1710,7 @@ var McpAppHost = class {
 	*/
 	sendToolInput(args) {
 		const params = { arguments: args };
-		console.log(`%c[MCP ↓]%c host → app: %csendToolInput`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", params);
+		debugLog(`%c[MCP ↓]%c host → app: %csendToolInput`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", params);
 		if (this._initialized) this.bridge.sendToolInput(params);
 		else this._pendingToolInput = params;
 	}
@@ -1715,7 +1719,7 @@ var McpAppHost = class {
 	* If the app hasn't initialized yet, the result is queued.
 	*/
 	sendToolResult(result) {
-		console.log(`%c[MCP ↓]%c host → app: %csendToolResult`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", result);
+		debugLog(`%c[MCP ↓]%c host → app: %csendToolResult`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", result);
 		if (this._initialized) this.bridge.sendToolResult(result);
 		else this._pendingToolResult = result;
 	}
@@ -1725,7 +1729,7 @@ var McpAppHost = class {
 	*/
 	sendToolInputPartial(args) {
 		const params = { arguments: args };
-		console.log(`%c[MCP ↓]%c host → app: %csendToolInputPartial`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", params);
+		debugLog(`%c[MCP ↓]%c host → app: %csendToolInputPartial`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", params);
 		if (this._initialized) this.bridge.sendToolInputPartial(params);
 	}
 	/**
@@ -1734,7 +1738,7 @@ var McpAppHost = class {
 	*/
 	sendToolCancelled(reason) {
 		const params = reason ? { reason } : {};
-		console.log(`%c[MCP ↓]%c host → app: %csendToolCancelled`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", params);
+		debugLog(`%c[MCP ↓]%c host → app: %csendToolCancelled`, "color:#f9a8d4", "color:inherit", "color:#93c5fd", params);
 		if (this._initialized) this.bridge.sendToolCancelled(params);
 	}
 	/**
@@ -2492,6 +2496,8 @@ var DEFAULT_PLATFORM = "desktop";
 * - safeAreaTop, safeAreaBottom, safeAreaLeft, safeAreaRight: number
 * - host: 'chatgpt' | 'claude'
 * - tool: tool name (e.g., 'show-albums') — selects tool without mock data
+* - toolInput: JSON-encoded tool arguments (overrides simulation fixture data)
+* - autoRun: 'true' — call the tool on load when no fixture data exists (set by test fixtures)
 * - prodResources: 'true' | 'false'
 */
 function parseUrlParams() {
@@ -2499,6 +2505,11 @@ function parseUrlParams() {
 	const params = new URLSearchParams(window.location.search);
 	const simulation = params.get("simulation") ?? void 0;
 	const tool = params.get("tool") ?? void 0;
+	const toolInputParam = params.get("toolInput");
+	let toolInput;
+	if (toolInputParam) try {
+		toolInput = JSON.parse(toolInputParam);
+	} catch {}
 	const theme = params.get("theme");
 	const displayMode = params.get("displayMode");
 	const locale = params.get("locale");
@@ -2536,6 +2547,7 @@ function parseUrlParams() {
 	return {
 		simulation,
 		tool,
+		toolInput,
 		theme: theme ?? void 0,
 		displayMode: displayMode ?? void 0,
 		locale: locale ?? void 0,
@@ -2655,7 +2667,7 @@ function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 		safeAreaInsets,
 		containerDimensions
 	]);
-	const [toolInput, setToolInput] = (0, react.useState)(() => selectedSim?.toolInput ?? {});
+	const [toolInput, setToolInput] = (0, react.useState)(() => urlParams.toolInput ?? selectedSim?.toolInput ?? {});
 	const [toolResult, setToolResult] = (0, react.useState)(() => selectedSim?.toolResult);
 	const [toolInputJson, setToolInputJson] = (0, react.useState)(() => JSON.stringify(toolInput, null, 2));
 	const [toolResultJson, setToolResultJson] = (0, react.useState)(() => JSON.stringify(toolResult ?? null, null, 2));
@@ -2666,7 +2678,7 @@ function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 	const [toolResultError, setToolResultError] = (0, react.useState)("");
 	const [modelContextError, setModelContextError] = (0, react.useState)("");
 	(0, react.useEffect)(() => {
-		const newInput = selectedSim?.toolInput ?? {};
+		const newInput = urlParams.toolInput ?? selectedSim?.toolInput ?? {};
 		const newResult = selectedSim?.toolResult ?? void 0;
 		setToolInput(newInput);
 		setToolResult(newResult);
@@ -3342,13 +3354,15 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 		if (typeof window === "undefined") return {
 			tool: null,
 			simulation: null,
-			noMockData: false
+			noMockData: false,
+			autoRun: false
 		};
 		const params = new URLSearchParams(window.location.search);
 		return {
 			tool: params.get("tool"),
 			simulation: params.get("simulation"),
-			noMockData: false
+			noMockData: false,
+			autoRun: params.get("autoRun") === "true"
 		};
 	}, []);
 	const [selectedToolName, setSelectedToolName] = react.useState(() => {
@@ -3624,6 +3638,19 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 		effectiveSimulationName,
 		state
 	]);
+	const autoRunFired = react.useRef(false);
+	react.useEffect(() => {
+		if (initUrlParams.autoRun && !autoRunFired.current && activeSimulationName === null && (onCallTool || onCallToolDirect)) {
+			autoRunFired.current = true;
+			handleRun();
+		}
+	}, [
+		initUrlParams.autoRun,
+		activeSimulationName,
+		onCallTool,
+		onCallToolDirect,
+		handleRun
+	]);
 	const activeShell = getHostShell(state.activeHost);
 	const registeredHosts = getRegisteredHosts();
 	const ShellConversation = activeShell?.Conversation;
@@ -3878,10 +3905,10 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 			children: conversationContent
 		})
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ThemeProvider, {
 		theme: state.theme,
 		applyTheme,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SimpleSidebar, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SimpleSidebar, {
 			controls: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "space-y-1",
 				children: [
@@ -4411,7 +4438,14 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 				]
 			}),
 			children: conversationContent
-		})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("script", {
+			type: "application/json",
+			id: "__tool-result",
+			dangerouslySetInnerHTML: { __html: JSON.stringify(state.toolResult ? {
+				...state.toolResult,
+				source: activeSimulationName ? "fixture" : "server"
+			} : null).replace(/</g, "\\u003c") }
+		})]
 	});
 }
 //#endregion
@@ -4548,4 +4582,4 @@ Object.defineProperty(exports, "useThemeContext", {
 	}
 });
 
-//# sourceMappingURL=inspector-jY9O18z9.cjs.map
+//# sourceMappingURL=inspector-DAA1Wiyh.cjs.map