sunpeak 0.18.9 → 0.18.13

package/README.md

@@ -230,6 +230,18 @@ Install the `create-sunpeak-app` skill to give your coding agent (Claude Code, C
 npx skills add Sunpeak-AI/sunpeak@create-sunpeak-app
 ```
 
+## Troubleshooting
+
+If your app doesn't render in ChatGPT or Claude:
+
+1. **Check your tunnel** is running and pointing to the correct port
+2. **Restart `sunpeak dev`** to clear stale connections
+3. **Refresh or re-add the MCP server** in the host's settings (Settings > MCP Servers)
+4. **Hard refresh** the host page (`Cmd+Shift+R` / `Ctrl+Shift+R`)
+5. **Open a new chat** in the host (cached iframes persist per-conversation)
+
+Full guide: [sunpeak.ai/docs/guides/troubleshooting](https://sunpeak.ai/docs/guides/troubleshooting)
+
 ## Resources
 
 - [MCP Apps Documentation](https://sunpeak.ai/docs/mcp-apps/introduction)

package/bin/commands/inspect.mjs

@@ -1144,10 +1144,13 @@ export async function inspectServer(opts) {
   server.printUrls();
   server.bindCLIShortcuts({ print: true });
 
+  // Print troubleshooting link (dimmed)
+  console.log('\n  \x1b[2mApp not loading? \u2192 https://sunpeak.ai/docs/guides/troubleshooting\x1b[0m');
+
   // Print star-begging message unless suppressed
   if (!noBegging) {
     // #FFB800 in 24-bit ANSI color
-    console.log('\n\n\x1b[38;2;255;184;0m\u2b50\ufe0f \u2192 \u2764\ufe0f  https://github.com/Sunpeak-AI/sunpeak\x1b[0m\n');
+    console.log('\n\x1b[38;2;255;184;0m\u2b50\ufe0f \u2192 \u2764\ufe0f  https://github.com/Sunpeak-AI/sunpeak\x1b[0m\n');
   }
 
   // Cleanup on exit

package/bin/commands/start.mjs

@@ -44,6 +44,7 @@ export async function start(projectRoot = process.cwd(), args = []) {
   }
 
   const jsonLogs = args.includes('--json-logs');
+  const sse = args.includes('--sse');
 
   // Import production server from sunpeak
   const isTemplate = projectRoot.endsWith('/template') || projectRoot.endsWith('\\template');
@@ -191,7 +192,7 @@ export async function start(projectRoot = process.cwd(), args = []) {
   console.log(`\nStarting ${name} v${version} on ${host}:${port}...`);
 
   startProductionHttpServer(
-    { name, version, serverInfo: serverConfig, tools, resources, auth },
+    { name, version, serverInfo: serverConfig, tools, resources, auth, ...(sse ? { enableJsonResponse: false } : {}) },
     { port, host }
   );
 }

package/bin/lib/sandbox-server.mjs

@@ -208,6 +208,7 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
   });
 
   function createInnerFrame(params) {
+    clearInterval(readyInterval);
     if (innerFrame) innerFrame.remove();
 
     innerFrame = document.createElement('iframe');
@@ -226,6 +227,7 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
   }
 
   function createInnerFrameWithSrc(params) {
+    clearInterval(readyInterval);
     if (innerFrame) innerFrame.remove();
 
     innerFrame = document.createElement('iframe');
@@ -296,7 +298,15 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
     'e.source.postMessage({jsonrpc:"2.0",method:"sunpeak/fence-ack",params:{fenceId:fid}},"*");' +
     '});}});';
 
-  // Signal readiness to the host
+  // Signal readiness to the host. Retry every 200ms in case the host's
+  // PostMessage listener isn't attached yet (srcdoc race with React refs).
+  var readyInterval = setInterval(function() {
+    window.parent.postMessage({
+      jsonrpc: '2.0',
+      method: 'ui/notifications/sandbox-proxy-ready',
+      params: {}
+    }, '*');
+  }, 200);
   setTimeout(function() {
     window.parent.postMessage({
       jsonrpc: '2.0',
@@ -304,6 +314,7 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
       params: {}
     }, '*');
   }, 0);
+  setTimeout(function() { clearInterval(readyInterval); }, 10000);
 })();
 </script>
 </body>

package/dist/chatgpt/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-CTMccsz9.cjs");
+const require_inspector = require("../inspector-8nPV2A-z.cjs");
 const require_inspector_url = require("../inspector-url-C3LTKgXt.cjs");
 const require_discovery = require("../discovery-Clu4uHp1.cjs");
 //#region src/chatgpt/index.ts

package/dist/chatgpt/index.js

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "../chunk-D6g4UhsZ.js";
-import { _ as McpAppHost, d as ThemeProvider, f as useThemeContext, g as extractResourceCSP, h as IframeResource, n as resolveServerToolResult, t as Inspector, v as SCREEN_WIDTHS } from "../inspector-DkS75JCk.js";
+import { _ as McpAppHost, d as ThemeProvider, f as useThemeContext, g as extractResourceCSP, h as IframeResource, n as resolveServerToolResult, t as Inspector, v as SCREEN_WIDTHS } from "../inspector-Cdo5BK2D.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/chatgpt/index.ts

package/dist/claude/index.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../chunk-9hOWP6kD.cjs");
-const require_inspector = require("../inspector-CTMccsz9.cjs");
+const require_inspector = require("../inspector-8nPV2A-z.cjs");
 exports.Inspector = require_inspector.Inspector;

package/dist/claude/index.js

@@ -1,2 +1,2 @@
-import { t as Inspector } from "../inspector-DkS75JCk.js";
+import { t as Inspector } from "../inspector-Cdo5BK2D.js";
 export { Inspector };

package/dist/host/chatgpt/index.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../chunk-9hOWP6kD.cjs");
-const require_use_app = require("../../use-app-Dqh20JPP.cjs");
+const require_use_app = require("../../use-app-CzcYw1Kz.cjs");
 let react = require("react");
 //#region src/host/chatgpt/openai-types.ts
 /**

package/dist/host/chatgpt/index.js

@@ -1,4 +1,4 @@
-import { t as useApp } from "../../use-app-BNbz1uzj.js";
+import { t as useApp } from "../../use-app-CfP9VypY.js";
 import { useCallback } from "react";
 //#region src/host/chatgpt/openai-types.ts
 /**

package/dist/index.cjs

@@ -1,16 +1,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_protocol = require("./protocol-jbxhzcnS.cjs");
-const require_use_app = require("./use-app-Dqh20JPP.cjs");
-const require_inspector = require("./inspector-CTMccsz9.cjs");
+const require_protocol = require("./protocol-C7kTcBr_.cjs");
+const require_use_app = require("./use-app-CzcYw1Kz.cjs");
+const require_inspector = require("./inspector-8nPV2A-z.cjs");
 const require_host_index = require("./host/index.cjs");
 const require_inspector_index = require("./inspector/index.cjs");
 const require_chatgpt_index = require("./chatgpt/index.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-//#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/react/index.js
-var m$1 = require_protocol.union([require_protocol.literal("light"), require_protocol.literal("dark")]).describe("Color theme preference for the host environment."), W$1 = require_protocol.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/react/index.js
+var h = require_protocol.union([require_protocol.literal("light"), require_protocol.literal("dark")]).describe("Color theme preference for the host environment."), j = require_protocol.union([
 	require_protocol.literal("inline"),
 	require_protocol.literal("fullscreen"),
 	require_protocol.literal("pip")
@@ -121,7 +121,7 @@ require_protocol.object({
 	method: require_protocol.literal("ui/notifications/sandbox-proxy-ready"),
 	params: require_protocol.object({})
 });
-var P$1 = require_protocol.object({
+var V$1 = require_protocol.object({
 	connectDomains: require_protocol.array(require_protocol.string()).optional().describe(`Origins for network requests (fetch/XHR/WebSocket).
 
 - Maps to CSP \`connect-src\` directive
@@ -129,7 +129,7 @@ var P$1 = require_protocol.object({
 	resourceDomains: require_protocol.array(require_protocol.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: require_protocol.array(require_protocol.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: require_protocol.array(require_protocol.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'`)")
-}), _$1 = require_protocol.object({
+}), P$1 = require_protocol.object({
 	camera: require_protocol.object({}).optional().describe("Request camera access.\n\nMaps to Permission Policy `camera` feature."),
 	microphone: require_protocol.object({}).optional().describe("Request microphone access.\n\nMaps to Permission Policy `microphone` feature."),
 	geolocation: require_protocol.object({}).optional().describe("Request geolocation access.\n\nMaps to Permission Policy `geolocation` feature."),
@@ -154,16 +154,16 @@ require_protocol.object({
 	method: require_protocol.literal("ui/notifications/tool-cancelled"),
 	params: require_protocol.object({ reason: require_protocol.string().optional().describe("Optional reason for the cancellation (e.g., \"user action\", \"timeout\").") })
 });
-var c$1 = require_protocol.object({ fonts: require_protocol.string().optional() }), r$2 = require_protocol.object({
+var m$1 = require_protocol.object({ fonts: require_protocol.string().optional() }), c$1 = require_protocol.object({
 	variables: qJ.optional().describe("CSS variables for theming the app."),
-	css: c$1.optional().describe("CSS blocks that apps can inject.")
+	css: m$1.optional().describe("CSS blocks that apps can inject.")
 });
 require_protocol.object({
 	method: require_protocol.literal("ui/resource-teardown"),
 	params: require_protocol.object({})
 });
 require_protocol.record(require_protocol.string(), require_protocol.unknown());
-var w$1 = require_protocol.object({
+var U$1 = require_protocol.object({
 	text: require_protocol.object({}).optional().describe("Host supports text content blocks."),
 	image: require_protocol.object({}).optional().describe("Host supports image content blocks."),
 	audio: require_protocol.object({}).optional().describe("Host supports audio content blocks."),
@@ -175,7 +175,7 @@ require_protocol.object({
 	method: require_protocol.literal("ui/notifications/request-teardown"),
 	params: require_protocol.object({}).optional()
 });
-var l = require_protocol.object({
+var r$2 = require_protocol.object({
 	experimental: require_protocol.object({}).optional().describe("Experimental features (structure TBD)."),
 	openLinks: require_protocol.object({}).optional().describe("Host supports opening external URLs."),
 	downloadFile: require_protocol.object({}).optional().describe("Host supports file downloads via ui/download-file."),
@@ -183,23 +183,23 @@ var l = require_protocol.object({
 	serverResources: require_protocol.object({ listChanged: require_protocol.boolean().optional().describe("Host supports resources/list_changed notifications.") }).optional().describe("Host can proxy resource reads to the MCP server."),
 	logging: require_protocol.object({}).optional().describe("Host accepts log messages."),
 	sandbox: require_protocol.object({
-		permissions: _$1.optional().describe("Permissions granted by the host (camera, microphone, geolocation)."),
-		csp: P$1.optional().describe("CSP domains approved by the host.")
+		permissions: P$1.optional().describe("Permissions granted by the host (camera, microphone, geolocation)."),
+		csp: V$1.optional().describe("CSP domains approved by the host.")
 	}).optional().describe("Sandbox configuration applied by the host."),
-	updateModelContext: w$1.optional().describe("Host accepts context updates (ui/update-model-context) to be included in the model's context for future turns."),
-	message: w$1.optional().describe("Host supports receiving content messages (ui/message) from the view.")
-}), i = require_protocol.object({
+	updateModelContext: U$1.optional().describe("Host accepts context updates (ui/update-model-context) to be included in the model's context for future turns."),
+	message: U$1.optional().describe("Host supports receiving content messages (ui/message) from the view.")
+}), l$1 = require_protocol.object({
 	experimental: require_protocol.object({}).optional().describe("Experimental features (structure TBD)."),
 	tools: require_protocol.object({ listChanged: require_protocol.boolean().optional().describe("App supports tools/list_changed notifications.") }).optional().describe("App exposes MCP-style tools that the host can call."),
-	availableDisplayModes: require_protocol.array(W$1).optional().describe("Display modes the app supports.")
+	availableDisplayModes: require_protocol.array(j).optional().describe("Display modes the app supports.")
 });
 require_protocol.object({
 	method: require_protocol.literal("ui/notifications/initialized"),
 	params: require_protocol.object({}).optional()
 });
 require_protocol.object({
-	csp: P$1.optional().describe("Content Security Policy configuration for UI resources."),
-	permissions: _$1.optional().describe("Sandbox permissions requested by the UI resource."),
+	csp: V$1.optional().describe("Content Security Policy configuration for UI resources."),
+	permissions: P$1.optional().describe("Sandbox permissions requested by the UI resource."),
 	domain: require_protocol.string().optional().describe(`Dedicated origin for view sandbox.
 
 Useful when views need stable, dedicated origins for OAuth callbacks, CORS policies, or API key allowlists.
@@ -219,13 +219,13 @@ Boolean requesting whether a visible border and background is provided by the ho
 });
 require_protocol.object({
 	method: require_protocol.literal("ui/request-display-mode"),
-	params: require_protocol.object({ mode: W$1.describe("The display mode being requested.") })
+	params: require_protocol.object({ mode: j.describe("The display mode being requested.") })
 });
-require_protocol.object({ mode: W$1.describe("The display mode that was actually set. May differ from requested if not supported.") }).passthrough();
-var p$1 = require_protocol.union([require_protocol.literal("model"), require_protocol.literal("app")]).describe("Tool visibility scope - who can access the tool.");
+require_protocol.object({ mode: j.describe("The display mode that was actually set. May differ from requested if not supported.") }).passthrough();
+var i$1 = require_protocol.union([require_protocol.literal("model"), require_protocol.literal("app")]).describe("Tool visibility scope - who can access the tool.");
 require_protocol.object({
 	resourceUri: require_protocol.string().optional(),
-	visibility: require_protocol.array(p$1).optional().describe(`Who can access this tool. Default: ["model", "app"]
+	visibility: require_protocol.array(i$1).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`)
 });
@@ -246,23 +246,23 @@ require_protocol.object({
 	params: require_protocol.object({
 		html: require_protocol.string().describe("HTML content to load into the inner iframe."),
 		sandbox: require_protocol.string().optional().describe("Optional override for the inner iframe's sandbox attribute."),
-		csp: P$1.optional().describe("CSP configuration from resource metadata."),
-		permissions: _$1.optional().describe("Sandbox permissions from resource metadata.")
+		csp: V$1.optional().describe("CSP configuration from resource metadata."),
+		permissions: P$1.optional().describe("Sandbox permissions from resource metadata.")
 	})
 });
 require_protocol.object({
 	method: require_protocol.literal("ui/notifications/tool-result"),
 	params: require_protocol.CallToolResultSchema.describe("Standard MCP tool execution result.")
 });
-var g$1 = require_protocol.object({
+var C$1 = require_protocol.object({
 	toolInfo: require_protocol.object({
 		id: require_protocol.RequestIdSchema.optional().describe("JSON-RPC id of the tools/call request."),
 		tool: require_protocol.ToolSchema.describe("Tool definition including name, inputSchema, etc.")
 	}).optional().describe("Metadata of the tool call that instantiated this App."),
-	theme: m$1.optional().describe("Current color theme preference."),
-	styles: r$2.optional().describe("Style configuration for theming the app."),
-	displayMode: W$1.optional().describe("How the UI is currently displayed."),
-	availableDisplayModes: require_protocol.array(W$1).optional().describe("Display modes the host supports."),
+	theme: h.optional().describe("Current color theme preference."),
+	styles: c$1.optional().describe("Style configuration for theming the app."),
+	displayMode: j.optional().describe("How the UI is currently displayed."),
+	availableDisplayModes: require_protocol.array(j).optional().describe("Display modes the host supports."),
 	containerDimensions: require_protocol.union([require_protocol.object({ height: require_protocol.number().describe("Fixed container height in pixels.") }), require_protocol.object({ maxHeight: require_protocol.union([require_protocol.number(), require_protocol._undefined()]).optional().describe("Maximum container height in pixels.") })]).and(require_protocol.union([require_protocol.object({ width: require_protocol.number().describe("Fixed container width in pixels.") }), require_protocol.object({ maxWidth: require_protocol.union([require_protocol.number(), require_protocol._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: require_protocol.string().optional().describe("User's language and region preference in BCP 47 format."),
@@ -286,7 +286,7 @@ container holding the app. Specify either width or maxWidth, and either height o
 }).passthrough();
 require_protocol.object({
 	method: require_protocol.literal("ui/notifications/host-context-changed"),
-	params: g$1.describe("Partial context update containing only changed fields.")
+	params: C$1.describe("Partial context update containing only changed fields.")
 });
 require_protocol.object({
 	method: require_protocol.literal("ui/update-model-context"),
@@ -299,29 +299,29 @@ require_protocol.object({
 	method: require_protocol.literal("ui/initialize"),
 	params: require_protocol.object({
 		appInfo: require_protocol.ImplementationSchema.describe("App identification (name and version)."),
-		appCapabilities: i.describe("Features and capabilities this app provides."),
+		appCapabilities: l$1.describe("Features and capabilities this app provides."),
 		protocolVersion: require_protocol.string().describe("Protocol version this app supports.")
 	})
 });
 require_protocol.object({
 	protocolVersion: require_protocol.string().describe("Negotiated protocol version string (e.g., \"2025-11-21\")."),
 	hostInfo: require_protocol.ImplementationSchema.describe("Host application identification and version."),
-	hostCapabilities: l.describe("Features and capabilities provided by the host."),
-	hostContext: g$1.describe("Rich context about the host environment.")
+	hostCapabilities: r$2.describe("Features and capabilities provided by the host."),
+	hostContext: C$1.describe("Rich context about the host environment.")
 }).passthrough();
-function O$1() {
+function _$1() {
 	let K = document.documentElement.getAttribute("data-theme");
 	if (K === "dark" || K === "light") return K;
 	return document.documentElement.classList.contains("dark") ? "dark" : "light";
 }
-function q$1(K) {
+function O$1(K) {
 	let Q = document.documentElement;
 	Q.setAttribute("data-theme", K), Q.style.colorScheme = K;
 }
-function D(K, Q = document.documentElement) {
+function q$1(K, Q = document.documentElement) {
 	for (let [X, Y] of Object.entries(K)) if (Y !== void 0) Q.style.setProperty(X, Y);
 }
-function I$1(K) {
+function D$1(K) {
 	if (document.getElementById("__mcp-host-fonts")) return;
 	let X = document.createElement("style");
 	X.id = "__mcp-host-fonts", X.textContent = K, document.head.appendChild(X);
@@ -333,10 +333,10 @@ function eK(K, Q) {
 	}, [K, Q]);
 }
 function XQ() {
-	let [K, Q] = (0, react.useState)(O$1);
+	let [K, Q] = (0, react.useState)(_$1);
 	return (0, react.useEffect)(() => {
 		let X = new MutationObserver(() => {
-			Q(O$1());
+			Q(_$1());
 		});
 		return X.observe(document.documentElement, {
 			attributes: !0,
@@ -351,14 +351,14 @@ function rJ(K, Q) {
 	let X = (0, react.useRef)(!1);
 	(0, react.useEffect)(() => {
 		if (X.current) return;
-		if (Q?.theme) q$1(Q.theme);
-		if (Q?.styles?.variables) D(Q.styles.variables);
+		if (Q?.theme) O$1(Q.theme);
+		if (Q?.styles?.variables) q$1(Q.styles.variables);
 		if (Q?.theme || Q?.styles?.variables) X.current = !0;
 	}, [Q]), (0, react.useEffect)(() => {
 		if (!K) return;
 		K.onhostcontextchanged = (Y) => {
-			if (Y.theme) q$1(Y.theme);
-			if (Y.styles?.variables) D(Y.styles.variables);
+			if (Y.theme) O$1(Y.theme);
+			if (Y.styles?.variables) q$1(Y.styles.variables);
 		};
 	}, [K]);
 }
@@ -366,15 +366,15 @@ function lJ(K, Q) {
 	let X = (0, react.useRef)(!1);
 	(0, react.useEffect)(() => {
 		if (X.current) return;
-		if (Q?.styles?.css?.fonts) I$1(Q.styles.css.fonts), X.current = !0;
+		if (Q?.styles?.css?.fonts) D$1(Q.styles.css.fonts), X.current = !0;
 	}, [Q]), (0, react.useEffect)(() => {
 		if (!K) return;
 		K.onhostcontextchanged = (Y) => {
-			if (Y.styles?.css?.fonts) I$1(Y.styles.css.fonts);
+			if (Y.styles?.css?.fonts) D$1(Y.styles.css.fonts);
 		};
 	}, [K]);
 }
-function GQ(K, Q) {
+function GQ$1(K, Q) {
 	rJ(K, Q), lJ(K, Q);
 }
 //#endregion
@@ -394,8 +394,8 @@ var registries$1 = /* @__PURE__ */ new WeakMap();
 * Host-provided variables override defaults since they're applied after.
 */
 function applyStyles(variables) {
-	require_use_app.TQ(require_inspector.DEFAULT_STYLE_VARIABLES);
-	if (variables) require_use_app.TQ(variables);
+	require_use_app.FQ(require_inspector.DEFAULT_STYLE_VARIABLES);
+	if (variables) require_use_app.FQ(variables);
 }
 function getRegistry$1(app) {
 	let subs = registries$1.get(app);
@@ -403,15 +403,15 @@ function getRegistry$1(app) {
 		subs = /* @__PURE__ */ new Set();
 		registries$1.set(app, subs);
 		const ctx = app.getHostContext();
-		if (ctx?.theme) require_use_app.qQ(ctx.theme);
+		if (ctx?.theme) require_use_app.AQ(ctx.theme);
 		applyStyles(ctx?.styles?.variables);
-		if (ctx?.styles?.css?.fonts) require_use_app.RQ(ctx.styles.css.fonts);
+		if (ctx?.styles?.css?.fonts) require_use_app.PQ(ctx.styles.css.fonts);
 		let debounceTimer = null;
 		app.onhostcontextchanged = () => {
 			const ctx = app.getHostContext();
-			if (ctx?.theme) require_use_app.qQ(ctx.theme);
+			if (ctx?.theme) require_use_app.AQ(ctx.theme);
 			applyStyles(ctx?.styles?.variables);
-			if (ctx?.styles?.css?.fonts) require_use_app.RQ(ctx.styles.css.fonts);
+			if (ctx?.styles?.css?.fonts) require_use_app.PQ(ctx.styles.css.fonts);
 			if (debounceTimer) clearTimeout(debounceTimer);
 			debounceTimer = setTimeout(() => {
 				debounceTimer = null;
@@ -3207,64 +3207,64 @@ var prefersReducedMotion = createMediaQueryFn("(prefers-reduced-motion: reduce)"
 var isPrimarilyTouchDevice = createMediaQueryFn("(pointer: coarse)");
 var isHoverAvailable = createMediaQueryFn("(hover: hover)");
 //#endregion
-exports.App = require_use_app.gQ;
+exports.App = require_use_app.kQ;
 exports.AppProvider = require_use_app.AppProvider;
-exports.DOWNLOAD_FILE_METHOD = require_use_app.h;
-exports.HOST_CONTEXT_CHANGED_METHOD = require_use_app.a;
-exports.INITIALIZED_METHOD = require_use_app.e;
-exports.INITIALIZE_METHOD = require_use_app.t;
-exports.LATEST_PROTOCOL_VERSION = require_use_app.W;
-exports.MESSAGE_METHOD = require_use_app.m;
-exports.McpUiAppCapabilitiesSchema = require_use_app.g;
-exports.McpUiDisplayModeSchema = require_use_app.J;
-exports.McpUiDownloadFileRequestSchema = require_use_app.OQ;
+exports.DOWNLOAD_FILE_METHOD = require_use_app.u;
+exports.HOST_CONTEXT_CHANGED_METHOD = require_use_app.c;
+exports.INITIALIZED_METHOD = require_use_app.o;
+exports.INITIALIZE_METHOD = require_use_app.a;
+exports.LATEST_PROTOCOL_VERSION = require_use_app.E;
+exports.MESSAGE_METHOD = require_use_app.f;
+exports.McpUiAppCapabilitiesSchema = require_use_app.x;
+exports.McpUiDisplayModeSchema = require_use_app.D;
+exports.McpUiDownloadFileRequestSchema = require_use_app.LQ;
 exports.McpUiDownloadFileResultSchema = require_use_app._;
-exports.McpUiHostCapabilitiesSchema = require_use_app.x;
+exports.McpUiHostCapabilitiesSchema = require_use_app.C;
 exports.McpUiHostContextChangedNotificationSchema = require_use_app.R;
 exports.McpUiHostContextSchema = require_use_app.T;
-exports.McpUiHostCssSchema = require_use_app.k;
-exports.McpUiHostStylesSchema = require_use_app.C;
-exports.McpUiInitializeRequestSchema = require_use_app.FQ;
+exports.McpUiHostCssSchema = require_use_app.b;
+exports.McpUiHostStylesSchema = require_use_app.k;
+exports.McpUiInitializeRequestSchema = require_use_app.IQ;
 exports.McpUiInitializeResultSchema = require_use_app.U;
-exports.McpUiInitializedNotificationSchema = require_use_app.zQ;
-exports.McpUiMessageRequestSchema = require_use_app.IQ;
+exports.McpUiInitializedNotificationSchema = require_use_app.NQ;
+exports.McpUiMessageRequestSchema = require_use_app.BQ;
 exports.McpUiMessageResultSchema = require_use_app.O;
-exports.McpUiOpenLinkRequestSchema = require_use_app.VQ;
+exports.McpUiOpenLinkRequestSchema = require_use_app.JQ;
 exports.McpUiOpenLinkResultSchema = require_use_app.B;
-exports.McpUiRequestDisplayModeRequestSchema = require_use_app.BQ;
+exports.McpUiRequestDisplayModeRequestSchema = require_use_app.EQ;
 exports.McpUiRequestDisplayModeResultSchema = require_use_app.P;
 exports.McpUiRequestTeardownNotificationSchema = require_use_app.WQ;
 exports.McpUiResourceCspSchema = require_use_app.G;
-exports.McpUiResourceMetaSchema = require_use_app.LQ;
+exports.McpUiResourceMetaSchema = require_use_app.jQ;
 exports.McpUiResourcePermissionsSchema = require_use_app.V;
 exports.McpUiResourceTeardownRequestSchema = require_use_app.F;
-exports.McpUiResourceTeardownResultSchema = require_use_app.EQ;
-exports.McpUiSizeChangedNotificationSchema = require_use_app.jQ;
+exports.McpUiResourceTeardownResultSchema = require_use_app.VQ;
+exports.McpUiSizeChangedNotificationSchema = require_use_app.GQ;
 exports.McpUiSupportedContentBlockModalitiesSchema = require_use_app.L;
-exports.McpUiThemeSchema = require_use_app.b;
+exports.McpUiThemeSchema = require_use_app.v;
 exports.McpUiToolCancelledNotificationSchema = require_use_app.A;
 exports.McpUiToolInputNotificationSchema = require_use_app.I;
 exports.McpUiToolInputPartialNotificationSchema = require_use_app.w;
-exports.McpUiToolMetaSchema = require_use_app._Q;
+exports.McpUiToolMetaSchema = require_use_app.zQ;
 exports.McpUiToolResultNotificationSchema = require_use_app.q;
-exports.McpUiToolVisibilitySchema = require_use_app.S;
-exports.McpUiUpdateModelContextRequestSchema = require_use_app.AQ;
-exports.OPEN_LINK_METHOD = require_use_app.d;
+exports.McpUiToolVisibilitySchema = require_use_app.g;
+exports.McpUiUpdateModelContextRequestSchema = require_use_app.OQ;
+exports.OPEN_LINK_METHOD = require_use_app.y;
 exports.PostMessageTransport = require_use_app.K;
-exports.REQUEST_DISPLAY_MODE_METHOD = require_use_app.QQ;
-exports.REQUEST_TEARDOWN_METHOD = require_use_app.o;
-exports.RESOURCE_MIME_TYPE = require_use_app.vX;
-exports.RESOURCE_TEARDOWN_METHOD = require_use_app.s;
-exports.RESOURCE_URI_META_KEY = require_use_app.MX;
-exports.SIZE_CHANGED_METHOD = require_use_app.r;
+exports.REQUEST_DISPLAY_MODE_METHOD = require_use_app.s;
+exports.REQUEST_TEARDOWN_METHOD = require_use_app.p;
+exports.RESOURCE_MIME_TYPE = require_use_app.UX;
+exports.RESOURCE_TEARDOWN_METHOD = require_use_app.n;
+exports.RESOURCE_URI_META_KEY = require_use_app.RX;
+exports.SIZE_CHANGED_METHOD = require_use_app.m;
 exports.SafeArea = SafeArea;
-exports.TOOL_CANCELLED_METHOD = require_use_app.n;
-exports.TOOL_INPUT_METHOD = require_use_app.p;
+exports.TOOL_CANCELLED_METHOD = require_use_app.r;
+exports.TOOL_INPUT_METHOD = require_use_app.i;
 exports.TOOL_INPUT_PARTIAL_METHOD = require_use_app.z;
-exports.TOOL_RESULT_METHOD = require_use_app.c;
-exports.applyDocumentTheme = require_use_app.qQ;
-exports.applyHostFonts = require_use_app.RQ;
-exports.applyHostStyleVariables = require_use_app.TQ;
+exports.TOOL_RESULT_METHOD = require_use_app.l;
+exports.applyDocumentTheme = require_use_app.AQ;
+exports.applyHostFonts = require_use_app.PQ;
+exports.applyHostStyleVariables = require_use_app.FQ;
 Object.defineProperty(exports, "chatgpt", {
 	enumerable: true,
 	get: function() {
@@ -3273,7 +3273,7 @@ Object.defineProperty(exports, "chatgpt", {
 });
 exports.cn = cn;
 exports.detectHost = require_host_index.detectHost;
-exports.getDocumentTheme = require_use_app.PQ;
+exports.getDocumentTheme = require_use_app.wQ;
 Object.defineProperty(exports, "inspector", {
 	enumerable: true,
 	get: function() {
@@ -3298,7 +3298,7 @@ exports.useHostContext = useHostContext;
 exports.useHostFonts = lJ;
 exports.useHostInfo = useHostInfo;
 exports.useHostStyleVariables = rJ;
-exports.useHostStyles = GQ;
+exports.useHostStyles = GQ$1;
 exports.useIsMobile = useIsMobile;
 exports.useListServerResources = useListServerResources;
 exports.useLocale = useLocale;