sunpeak 0.19.12 → 0.20.2

package/dist/inspector/index.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../chunk-9hOWP6kD.cjs");
-const require_inspector = require("../inspector-jY9O18z9.cjs");
+const require_inspector = require("../inspector-DAA1Wiyh.cjs");
 const require_inspector_url = require("../inspector-url-C3LTKgXt.cjs");
 const require_discovery = require("../discovery-Clu4uHp1.cjs");
 //#region src/inspector/index.ts

package/dist/inspector/index.js

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "../chunk-D6g4UhsZ.js";
-import { _ as McpAppHost, a as SidebarControl, b as getRegisteredHosts, c as SidebarTextarea, d as ThemeProvider, f as useThemeContext, g as extractResourceCSP, h as IframeResource, i as SidebarCollapsibleControl, l as SidebarToggle, m as useInspectorState, n as resolveServerToolResult, o as SidebarInput, p as useMcpConnection, r as SidebarCheckbox, s as SidebarSelect, t as Inspector, u as SimpleSidebar, v as SCREEN_WIDTHS, x as registerHostShell, y as getHostShell } from "../inspector-D5DckQuU.js";
+import { _ as McpAppHost, a as SidebarControl, b as getRegisteredHosts, c as SidebarTextarea, d as ThemeProvider, f as useThemeContext, g as extractResourceCSP, h as IframeResource, i as SidebarCollapsibleControl, l as SidebarToggle, m as useInspectorState, n as resolveServerToolResult, o as SidebarInput, p as useMcpConnection, r as SidebarCheckbox, s as SidebarSelect, t as Inspector, u as SimpleSidebar, v as SCREEN_WIDTHS, x as registerHostShell, y as getHostShell } from "../inspector-BBDa5yCm.js";
 import { t as createInspectorUrl } from "../inspector-url-CyQcuBI9.js";
 import { c as toPascalCase, i as findResourceKey, n as extractSimulationKey, r as findResourceDirs, s as getComponentName, t as extractResourceKey } from "../discovery-Cgoegt62.js";
 //#region src/inspector/index.ts

package/dist/{inspector-D5DckQuU.js → inspector-BBDa5yCm.js}

@@ -808,7 +808,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 Protocol {
 	_registeredMethods = /* @__PURE__ */ new Set();
 	_eventSlots = /* @__PURE__ */ new Map();
@@ -1507,6 +1507,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: {},
@@ -1558,25 +1563,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) => {
@@ -1600,18 +1605,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 = () => {
@@ -1632,8 +1637,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);
@@ -1688,7 +1692,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) {
@@ -1705,7 +1709,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;
 	}
@@ -1714,7 +1718,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;
 	}
@@ -1724,7 +1728,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);
 	}
 	/**
@@ -1733,7 +1737,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);
 	}
 	/**
@@ -2491,6 +2495,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() {
@@ -2498,6 +2504,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");
@@ -2535,6 +2546,7 @@ function parseUrlParams() {
 	return {
 		simulation,
 		tool,
+		toolInput,
 		theme: theme ?? void 0,
 		displayMode: displayMode ?? void 0,
 		locale: locale ?? void 0,
@@ -2654,7 +2666,7 @@ function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 		safeAreaInsets,
 		containerDimensions
 	]);
-	const [toolInput, setToolInput] = useState(() => selectedSim?.toolInput ?? {});
+	const [toolInput, setToolInput] = useState(() => urlParams.toolInput ?? selectedSim?.toolInput ?? {});
 	const [toolResult, setToolResult] = useState(() => selectedSim?.toolResult);
 	const [toolInputJson, setToolInputJson] = useState(() => JSON.stringify(toolInput, null, 2));
 	const [toolResultJson, setToolResultJson] = useState(() => JSON.stringify(toolResult ?? null, null, 2));
@@ -2665,7 +2677,7 @@ function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 	const [toolResultError, setToolResultError] = useState("");
 	const [modelContextError, setModelContextError] = useState("");
 	useEffect(() => {
-		const newInput = selectedSim?.toolInput ?? {};
+		const newInput = urlParams.toolInput ?? selectedSim?.toolInput ?? {};
 		const newResult = selectedSim?.toolResult ?? void 0;
 		setToolInput(newInput);
 		setToolResult(newResult);
@@ -3341,13 +3353,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(() => {
@@ -3623,6 +3637,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;
@@ -3877,10 +3904,10 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 			children: conversationContent
 		})
 	});
-	return /* @__PURE__ */ jsx(ThemeProvider, {
+	return /* @__PURE__ */ jsxs(ThemeProvider, {
 		theme: state.theme,
 		applyTheme,
-		children: /* @__PURE__ */ jsx(SimpleSidebar, {
+		children: [/* @__PURE__ */ jsx(SimpleSidebar, {
 			controls: /* @__PURE__ */ jsxs("div", {
 				className: "space-y-1",
 				children: [
@@ -4410,10 +4437,17 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 				]
 			}),
 			children: conversationContent
-		})
+		}), /* @__PURE__ */ 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
 export { DEFAULT_STYLE_VARIABLES as S, McpAppHost as _, SidebarControl as a, getRegisteredHosts as b, SidebarTextarea as c, ThemeProvider as d, useThemeContext as f, extractResourceCSP as g, IframeResource as h, SidebarCollapsibleControl as i, SidebarToggle as l, useInspectorState as m, resolveServerToolResult as n, SidebarInput as o, useMcpConnection as p, SidebarCheckbox as r, SidebarSelect as s, Inspector as t, SimpleSidebar as u, SCREEN_WIDTHS as v, registerHostShell as x, getHostShell as y };
 
-//# sourceMappingURL=inspector-D5DckQuU.js.map
+//# sourceMappingURL=inspector-BBDa5yCm.js.map