sunpeak 0.18.9 → 0.18.13

package/dist/{inspector-DkS75JCk.js → inspector-Cdo5BK2D.js}

@@ -1,4 +1,4 @@
-import { $ as literal, C as ListPromptsResultSchema, D as ListResourcesResultSchema, E as ListResourcesRequestSchema, F as ReadResourceRequestSchema, H as ToolListChangedNotificationSchema, I as ReadResourceResultSchema, L as RequestIdSchema, N as PingRequestSchema, P as PromptListChangedNotificationSchema, Q as boolean, R as ResourceLinkSchema, S as ListPromptsRequestSchema, T as ListResourceTemplatesResultSchema, U as ToolSchema, X as _undefined, Z as array, _ as ImplementationSchema, a as CallToolResultSchema, at as unknown, b as JSONRPCMessageSchema, et as number, i as CallToolRequestSchema, it as union, j as LoggingMessageNotificationSchema, nt as record, p as EmbeddedResourceSchema, rt as string, s as ContentBlockSchema, t as Protocol, tt as object, w as ListResourceTemplatesRequestSchema, z as ResourceListChangedNotificationSchema } from "./protocol-DJmRaBzO.js";
+import { $ as literal, C as ListPromptsResultSchema, D as ListResourcesResultSchema, E as ListResourcesRequestSchema, F as ReadResourceRequestSchema, H as ToolListChangedNotificationSchema, I as ReadResourceResultSchema, L as RequestIdSchema, N as PingRequestSchema, P as PromptListChangedNotificationSchema, Q as boolean, R as ResourceLinkSchema, S as ListPromptsRequestSchema, T as ListResourceTemplatesResultSchema, U as ToolSchema, X as _undefined, Z as array, _ as ImplementationSchema, a as CallToolResultSchema, at as unknown, b as JSONRPCMessageSchema, et as number, i as CallToolRequestSchema, it as union, j as LoggingMessageNotificationSchema, nt as record, p as EmbeddedResourceSchema, rt as string, s as ContentBlockSchema, t as Protocol, tt as object, w as ListResourceTemplatesRequestSchema, z as ResourceListChangedNotificationSchema } from "./protocol-BfAACnv0.js";
 import * as React from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -377,7 +377,7 @@ function Conversation({ children, screenWidth, displayMode, platform, onRequestD
 //#region src/chatgpt/chatgpt-host.ts
 /**
 * ChatGPT host version info — matches what ChatGPT reports via the MCP protocol.
-* Verified against production ChatGPT on 2026-03-19.
+* Verified against production ChatGPT on 2026-03-30.
 */
 var CHATGPT_HOST_INFO = {
 	name: "chatgpt",
@@ -409,6 +409,11 @@ registerHostShell({
 	hostCapabilities: CHATGPT_HOST_CAPABILITIES,
 	userAgent: "chatgpt",
 	styleVariables: { ...DEFAULT_STYLE_VARIABLES },
+	safeAreaByDisplayMode: {
+		inline: {},
+		fullscreen: { bottom: 150 },
+		pip: {}
+	},
 	pageStyles: {
 		"--sim-bg-sidebar": "light-dark(#ffffff, #212121)",
 		"--sim-bg-conversation": "light-dark(#ffffff, #212121)",
@@ -664,7 +669,7 @@ function ClaudeConversation({ children, screenWidth, displayMode, platform, onRe
 //#region src/claude/claude-host.ts
 /**
 * Claude host version info — matches what Claude reports via the MCP protocol.
-* Verified against production Claude on 2026-03-25.
+* Verified against production Claude on 2026-03-30.
 */
 var CLAUDE_HOST_INFO = {
 	name: "Claude",
@@ -672,7 +677,7 @@ var CLAUDE_HOST_INFO = {
 };
 /**
 * Claude host capabilities — matches what Claude reports via the MCP protocol.
-* Verified against production Claude on 2026-03-25.
+* Verified against production Claude on 2026-03-30.
 *
 * Notable: Claude supports downloadFile, updateModelContext.image, and
 * message.text. serverTools and serverResources both report listChanged.
@@ -775,6 +780,15 @@ registerHostShell({
 		"--sim-bg-user-bubble": "light-dark(rgb(240, 238, 230), rgb(20, 20, 19))",
 		"--sim-bg-reply-input": "light-dark(rgb(255, 255, 255), rgb(48, 48, 46))"
 	},
+	safeAreaByDisplayMode: {
+		inline: {},
+		fullscreen: {
+			top: 16,
+			right: 16,
+			bottom: 138,
+			left: 16
+		}
+	},
 	availableDisplayModes: ["inline", "fullscreen"],
 	fontCss: `@font-face {
   font-family: "Anthropic Sans";
@@ -794,12 +808,12 @@ registerHostShell({
 }`
 });
 //#endregion
-//#region ../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.3.1_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__react-_cd1fb28fd87e0bddd0a29eba0721855d/node_modules/@modelcontextprotocol/ext-apps/dist/src/app-bridge.js
-var G = "2026-01-26", p = union([literal("light"), literal("dark")]).describe("Color theme preference for the host environment."), D = union([
+//#region ../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.3.2_@modelcontextprotocol+sdk@1.29.0_zod@4.3.6__react-_38e5f6c50a4ca9cf3f1dffc73a60c951/node_modules/@modelcontextprotocol/ext-apps/dist/src/app-bridge.js
+var G = "2026-01-26", m = union([literal("light"), literal("dark")]).describe("Color theme preference for the host environment."), W = union([
 	literal("inline"),
 	literal("fullscreen"),
 	literal("pip")
-]).describe("Display mode for UI presentation."), AQ = record(union([
+]).describe("Display mode for UI presentation."), OQ = record(union([
 	literal("--color-background-primary"),
 	literal("--color-background-secondary"),
 	literal("--color-background-tertiary"),
@@ -904,7 +918,7 @@ object({ isError: boolean().optional().describe("True if the host rejected or fa
 var L = object({
 	method: literal("ui/notifications/sandbox-proxy-ready"),
 	params: object({})
-}), j = object({
+}), N = object({
 	connectDomains: array(string()).optional().describe(`Origins for network requests (fetch/XHR/WebSocket).
 
 - Maps to CSP \`connect-src\` directive
@@ -912,7 +926,7 @@ var L = object({
 	resourceDomains: array(string()).optional().describe("Origins for static resources (images, scripts, stylesheets, fonts, media).\n\n- Maps to CSP `img-src`, `script-src`, `style-src`, `font-src`, `media-src` directives\n- Wildcard subdomains supported: `https://*.example.com`\n- Empty or omitted → no network resources (secure default)"),
 	frameDomains: array(string()).optional().describe("Origins for nested iframes.\n\n- Maps to CSP `frame-src` directive\n- Empty or omitted → no nested iframes allowed (`frame-src 'none'`)"),
 	baseUriDomains: array(string()).optional().describe("Allowed base URIs for the document.\n\n- Maps to CSP `base-uri` directive\n- Empty or omitted → only same origin allowed (`base-uri 'self'`)")
-}), E = object({
+}), j = object({
 	camera: object({}).optional().describe("Request camera access.\n\nMaps to Permission Policy `camera` feature."),
 	microphone: object({}).optional().describe("Request microphone access.\n\nMaps to Permission Policy `microphone` feature."),
 	geolocation: object({}).optional().describe("Request geolocation access.\n\nMaps to Permission Policy `geolocation` feature."),
@@ -936,9 +950,9 @@ object({
 	method: literal("ui/notifications/tool-cancelled"),
 	params: object({ reason: string().optional().describe("Optional reason for the cancellation (e.g., \"user action\", \"timeout\").") })
 });
-var c = object({ fonts: string().optional() }), n = object({
-	variables: AQ.optional().describe("CSS variables for theming the app."),
-	css: c.optional().describe("CSS blocks that apps can inject.")
+var p = object({ fonts: string().optional() }), c = object({
+	variables: OQ.optional().describe("CSS variables for theming the app."),
+	css: p.optional().describe("CSS blocks that apps can inject.")
 });
 object({
 	method: literal("ui/resource-teardown"),
@@ -954,7 +968,7 @@ var H = record(string(), unknown()), O = object({
 }), M = object({
 	method: literal("ui/notifications/request-teardown"),
 	params: object({}).optional()
-}), i = object({
+}), n = object({
 	experimental: object({}).optional().describe("Experimental features (structure TBD)."),
 	openLinks: object({}).optional().describe("Host supports opening external URLs."),
 	downloadFile: object({}).optional().describe("Host supports file downloads via ui/download-file."),
@@ -962,22 +976,22 @@ var H = record(string(), unknown()), O = object({
 	serverResources: object({ listChanged: boolean().optional().describe("Host supports resources/list_changed notifications.") }).optional().describe("Host can proxy resource reads to the MCP server."),
 	logging: object({}).optional().describe("Host accepts log messages."),
 	sandbox: object({
-		permissions: E.optional().describe("Permissions granted by the host (camera, microphone, geolocation)."),
-		csp: j.optional().describe("CSP domains approved by the host.")
+		permissions: j.optional().describe("Permissions granted by the host (camera, microphone, geolocation)."),
+		csp: N.optional().describe("CSP domains approved by the host.")
 	}).optional().describe("Sandbox configuration applied by the host."),
 	updateModelContext: O.optional().describe("Host accepts context updates (ui/update-model-context) to be included in the model's context for future turns."),
 	message: O.optional().describe("Host supports receiving content messages (ui/message) from the view.")
-}), l = object({
+}), i = object({
 	experimental: object({}).optional().describe("Experimental features (structure TBD)."),
 	tools: object({ listChanged: boolean().optional().describe("App supports tools/list_changed notifications.") }).optional().describe("App exposes MCP-style tools that the host can call."),
-	availableDisplayModes: array(D).optional().describe("Display modes the app supports.")
+	availableDisplayModes: array(W).optional().describe("Display modes the app supports.")
 }), v = object({
 	method: literal("ui/notifications/initialized"),
 	params: object({}).optional()
 });
 object({
-	csp: j.optional().describe("Content Security Policy configuration for UI resources."),
-	permissions: E.optional().describe("Sandbox permissions requested by the UI resource."),
+	csp: N.optional().describe("Content Security Policy configuration for UI resources."),
+	permissions: j.optional().describe("Sandbox permissions requested by the UI resource."),
 	domain: string().optional().describe(`Dedicated origin for view sandbox.
 
 Useful when views need stable, dedicated origins for OAuth callbacks, CORS policies, or API key allowlists.
@@ -995,15 +1009,15 @@ Boolean requesting whether a visible border and background is provided by the ho
 - \`false\`: request no visible border + background
 - omitted: host decides border`)
 });
-var W = object({
+var E = object({
 	method: literal("ui/request-display-mode"),
-	params: object({ mode: D.describe("The display mode being requested.") })
+	params: object({ mode: W.describe("The display mode being requested.") })
 });
-object({ mode: D.describe("The display mode that was actually set. May differ from requested if not supported.") }).passthrough();
-var r = union([literal("model"), literal("app")]).describe("Tool visibility scope - who can access the tool.");
+object({ mode: W.describe("The display mode that was actually set. May differ from requested if not supported.") }).passthrough();
+var l = union([literal("model"), literal("app")]).describe("Tool visibility scope - who can access the tool.");
 object({
 	resourceUri: string().optional(),
-	visibility: array(r).optional().describe(`Who can access this tool. Default: ["model", "app"]
+	visibility: array(l).optional().describe(`Who can access this tool. Default: ["model", "app"]
 - "model": Tool visible to and callable by the agent
 - "app": Tool callable by the app from this server only`)
 });
@@ -1023,8 +1037,8 @@ object({
 	params: object({
 		html: string().describe("HTML content to load into the inner iframe."),
 		sandbox: string().optional().describe("Optional override for the inner iframe's sandbox attribute."),
-		csp: j.optional().describe("CSP configuration from resource metadata."),
-		permissions: E.optional().describe("Sandbox permissions from resource metadata.")
+		csp: N.optional().describe("CSP configuration from resource metadata."),
+		permissions: j.optional().describe("Sandbox permissions from resource metadata.")
 	})
 });
 object({
@@ -1036,10 +1050,10 @@ var y = object({
 		id: RequestIdSchema.optional().describe("JSON-RPC id of the tools/call request."),
 		tool: ToolSchema.describe("Tool definition including name, inputSchema, etc.")
 	}).optional().describe("Metadata of the tool call that instantiated this App."),
-	theme: p.optional().describe("Current color theme preference."),
-	styles: n.optional().describe("Style configuration for theming the app."),
-	displayMode: D.optional().describe("How the UI is currently displayed."),
-	availableDisplayModes: array(D).optional().describe("Display modes the host supports."),
+	theme: m.optional().describe("Current color theme preference."),
+	styles: c.optional().describe("Style configuration for theming the app."),
+	displayMode: W.optional().describe("How the UI is currently displayed."),
+	availableDisplayModes: array(W).optional().describe("Display modes the host supports."),
 	containerDimensions: union([object({ height: number().describe("Fixed container height in pixels.") }), object({ maxHeight: union([number(), _undefined()]).optional().describe("Maximum container height in pixels.") })]).and(union([object({ width: number().describe("Fixed container width in pixels.") }), object({ maxWidth: union([number(), _undefined()]).optional().describe("Maximum container width in pixels.") })])).optional().describe(`Container dimensions. Represents the dimensions of the iframe or other
 container holding the app. Specify either width or maxWidth, and either height or maxHeight.`),
 	locale: string().optional().describe("User's language and region preference in BCP 47 format."),
@@ -1075,17 +1089,17 @@ var f = object({
 	method: literal("ui/initialize"),
 	params: object({
 		appInfo: ImplementationSchema.describe("App identification (name and version)."),
-		appCapabilities: l.describe("Features and capabilities this app provides."),
+		appCapabilities: i.describe("Features and capabilities this app provides."),
 		protocolVersion: string().describe("Protocol version this app supports.")
 	})
 });
 object({
 	protocolVersion: string().describe("Negotiated protocol version string (e.g., \"2025-11-21\")."),
 	hostInfo: ImplementationSchema.describe("Host application identification and version."),
-	hostCapabilities: i.describe("Features and capabilities provided by the host."),
+	hostCapabilities: n.describe("Features and capabilities provided by the host."),
 	hostContext: y.describe("Rich context about the host environment.")
 }).passthrough();
-var N = class {
+var D = class {
 	eventTarget;
 	eventSource;
 	messageListener;
@@ -1119,8 +1133,8 @@ var N = class {
 	sessionId;
 	setProtocolVersion;
 };
-var aQ = [G];
-var tQ = class extends Protocol {
+var lQ = [G];
+var rQ = class extends Protocol {
 	_client;
 	_hostInfo;
 	_capabilities;
@@ -1132,9 +1146,9 @@ var tQ = class extends Protocol {
 		this._client = X;
 		this._hostInfo = Y;
 		this._capabilities = Z;
-		this._hostContext = $?.hostContext || {}, this.setRequestHandler(d, (K) => this._oninitialize(K)), this.setRequestHandler(PingRequestSchema, (K, J) => {
-			return this.onping?.(K.params, J), {};
-		}), this.setRequestHandler(W, (K) => {
+		this._hostContext = $?.hostContext || {}, this.setRequestHandler(d, (J) => this._oninitialize(J)), this.setRequestHandler(PingRequestSchema, (J, K) => {
+			return this.onping?.(J.params, K), {};
+		}), this.setRequestHandler(E, (J) => {
 			return { mode: this._hostContext.displayMode ?? "inline" };
 		});
 	}
@@ -1173,7 +1187,7 @@ var tQ = class extends Protocol {
 		this.setNotificationHandler(M, (Y) => X(Y.params));
 	}
 	set onrequestdisplaymode(X) {
-		this.setRequestHandler(W, async (Y, Z) => {
+		this.setRequestHandler(E, async (Y, Z) => {
 			return X(Y.params, Z);
 		});
 	}
@@ -1245,7 +1259,7 @@ var tQ = class extends Protocol {
 	async _oninitialize(X) {
 		let Y = X.params.protocolVersion;
 		return this._appCapabilities = X.params.appCapabilities, this._appInfo = X.params.appInfo, {
-			protocolVersion: aQ.includes(Y) ? Y : G,
+			protocolVersion: lQ.includes(Y) ? Y : G,
 			hostCapabilities: this.getCapabilities(),
 			hostInfo: this._hostInfo,
 			hostContext: this._hostContext
@@ -1254,9 +1268,9 @@ var tQ = class extends Protocol {
 	setHostContext(X) {
 		let Y = {}, Z = !1;
 		for (let $ of Object.keys(X)) {
-			let K = this._hostContext[$], J = X[$];
-			if (sQ(K, J)) continue;
-			Y[$] = J, Z = !0;
+			let J = this._hostContext[$], K = X[$];
+			if (oQ(J, K)) continue;
+			Y[$] = K, Z = !0;
 		}
 		if (Z) this._hostContext = X, this.sendHostContextChange(Y);
 	}
@@ -1346,7 +1360,7 @@ var tQ = class extends Protocol {
 		return super.connect(X);
 	}
 };
-function sQ(X, Y) {
+function oQ(X, Y) {
 	return JSON.stringify(X) === JSON.stringify(Y);
 }
 //#endregion
@@ -1384,7 +1398,7 @@ var McpAppHost = class {
 	constructor(options = {}) {
 		this.options = options;
 		this._prevDisplayMode = options.hostContext?.displayMode;
-		this.bridge = new tQ(null, options.hostInfo ?? DEFAULT_HOST_INFO, options.hostCapabilities ?? DEFAULT_HOST_CAPABILITIES, { hostContext: options.hostContext });
+		this.bridge = new rQ(null, options.hostInfo ?? DEFAULT_HOST_INFO, options.hostCapabilities ?? DEFAULT_HOST_CAPABILITIES, { hostContext: options.hostContext });
 		this.bridge.oninitialized = () => {
 			this._initialized = true;
 			if (this._pendingToolInput) {
@@ -1461,7 +1475,10 @@ var McpAppHost = class {
 			if (this.options.onRequestTeardown) this.options.onRequestTeardown();
 			else console.log("[MCP App] requestTeardown (app requested close)");
 		};
+		let sandboxReadyFired = false;
 		this.bridge.onsandboxready = () => {
+			if (sandboxReadyFired) return;
+			sandboxReadyFired = true;
 			this.options.onSandboxReady?.();
 		};
 	}
@@ -1481,7 +1498,7 @@ var McpAppHost = class {
 			console.log(`%c[MCP ↑]%c app → host: %c${label}`, "color:#6ee7b7", "color:inherit", "color:#93c5fd", data);
 		};
 		window.addEventListener("message", this._messageListener);
-		const transport = new N(contentWindow, contentWindow);
+		const transport = new D(contentWindow, contentWindow);
 		await this.bridge.connect(transport);
 	}
 	/**
@@ -1800,6 +1817,7 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
   });
 
   function createInnerFrame(params) {
+    clearInterval(readyInterval);
     if (innerFrame) innerFrame.remove();
 
     innerFrame = document.createElement('iframe');
@@ -1819,6 +1837,7 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
   }
 
   function createInnerFrameWithSrc(params) {
+    clearInterval(readyInterval);
     if (innerFrame) innerFrame.remove();
 
     innerFrame = document.createElement('iframe');
@@ -1896,9 +1915,20 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
     '});}});';
 
   // Signal to the host that the proxy is ready.
-  // Use setTimeout to ensure the host's PostMessageTransport listener
-  // is set up before we send the ready notification. The srcdoc is parsed
-  // synchronously by the browser, which can race with React's ref callback.
+  // The srcdoc is parsed synchronously by the browser, which can race with
+  // React's ref callback that sets up the PostMessage listener. To handle
+  // this, we send the ready notification repeatedly until the host
+  // acknowledges it (by sending content to load). The interval is cleared
+  // as soon as we receive any message from the host (createInnerFrame or
+  // createInnerFrameWithSrc), or after 10 seconds as a safety limit.
+  var readyInterval = setInterval(function() {
+    window.parent.postMessage({
+      jsonrpc: '2.0',
+      method: 'ui/notifications/sandbox-proxy-ready',
+      params: {}
+    }, '*');
+  }, 200);
+  // Send the first one immediately (next tick)
   setTimeout(function() {
     window.parent.postMessage({
       jsonrpc: '2.0',
@@ -1906,6 +1936,9 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
       params: {}
     }, '*');
   }, 0);
+  // Stop retrying after 10 seconds — if the host hasn't responded by then,
+  // something else is wrong.
+  setTimeout(function() { clearInterval(readyInterval); }, 10000);
 })();
 <\/script>
 </body>
@@ -2515,6 +2548,15 @@ function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 	useEffect(() => {
 		if (isMobileWidth(screenWidth) && displayMode === "pip") _setDisplayMode("fullscreen");
 	}, [screenWidth, displayMode]);
+	useEffect(() => {
+		const modeInsets = getHostShell(activeHost)?.safeAreaByDisplayMode?.[displayMode];
+		if (modeInsets) setSafeAreaInsets({
+			top: modeInsets.top ?? 0,
+			bottom: modeInsets.bottom ?? 0,
+			left: modeInsets.left ?? 0,
+			right: modeInsets.right ?? 0
+		});
+	}, [displayMode, activeHost]);
 	const handleDisplayModeChange = (mode) => {
 		setDisplayMode(mode);
 	};
@@ -4236,4 +4278,4 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 //#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-DkS75JCk.js.map
+//# sourceMappingURL=inspector-Cdo5BK2D.js.map