sunpeak 0.20.28 → 0.20.29

package/dist/chatgpt/index.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../chunk-CoPdw6nB.cjs");
-const require_inspector = require("../inspector-DSX76Z-W.cjs");
+const require_inspector = require("../inspector-CJPO4f12.cjs");
 const require_inspector_url = require("../inspector-url-CCgv8H74.cjs");
 const require_discovery = require("../discovery-C9fQVb1u.cjs");
 //#region src/chatgpt/index.ts

package/dist/chatgpt/index.js

@@ -1,5 +1,5 @@
 import { I as __exportAll } from "../v4-Bvhoa4sV.js";
-import { _ as extractResourceCSP, f as ThemeProvider, g as IframeResource, p as useThemeContext, r as resolveServerToolResult, t as Inspector, v as McpAppHost, y as SCREEN_WIDTHS } from "../inspector-tIphAHtK.js";
+import { _ as extractResourceCSP, f as ThemeProvider, g as IframeResource, p as useThemeContext, r as resolveServerToolResult, t as Inspector, v as McpAppHost, y as SCREEN_WIDTHS } from "../inspector-B1355aXh.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-CoPdw6nB.cjs");
-const require_inspector = require("../inspector-DSX76Z-W.cjs");
+const require_inspector = require("../inspector-CJPO4f12.cjs");
 exports.Inspector = require_inspector.Inspector;

package/dist/claude/index.js

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

package/dist/index.cjs

@@ -3,7 +3,7 @@ const require_chunk = require("./chunk-CoPdw6nB.cjs");
 const require_protocol = require("./protocol-DUYcEQSv.cjs");
 const require_v4 = require("./v4-Bgte15Jv.cjs");
 const require_use_app = require("./use-app-DIWh7-3f.cjs");
-const require_inspector = require("./inspector-DSX76Z-W.cjs");
+const require_inspector = require("./inspector-CJPO4f12.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");

package/dist/index.js

@@ -1,7 +1,7 @@
 import { L as __require, _ as record, a as array, b as unknown, f as never, i as _undefined, m as object, o as boolean, p as number, u as literal, v as string, y as union } from "./v4-Bvhoa4sV.js";
 import { B as ResourceLinkSchema, G as ToolSchema, a as CallToolResultSchema, m as EmbeddedResourceSchema, s as ContentBlockSchema, v as ImplementationSchema, z as RequestIdSchema } from "./protocol-kqfS1G0V.js";
 import { $ as s, A as TQ, B as e, C as PQ, D as RQ, E as R, F as ZQ, G as i, H as f, I as _, J as l, K as j, L as _Q, M as W, N as XQ, O as SQ, P as YQ, Q as r, R as bQ, S as P, T as QY, U as g, V as eX, W as h, X as q, Y as n, Z as qQ, _ as JQ, a as AQ, at as z, b as O, c as CQ, d as F, et as t, f as FQ, g as IQ, h as I, i as A, it as wQ, j as U, k as T, l as DQ, m as HQ, n as AppProvider, nt as v, o as B, ot as zQ, p as H, q as kQ, r as $Q, rt as w, s as C, t as useApp, tt as u, u as E, v as L, w as QQ, x as OQ, y as M, z as d } from "./use-app-C2pGHlnF.js";
-import { C as cn, w as DEFAULT_STYLE_VARIABLES } from "./inspector-tIphAHtK.js";
+import { C as cn, w as DEFAULT_STYLE_VARIABLES } from "./inspector-B1355aXh.js";
 import { detectHost, isChatGPT, isClaude } from "./host/index.js";
 import { t as inspector_exports } from "./inspector/index.js";
 import { t as chatgpt_exports } from "./chatgpt/index.js";

package/dist/inspector/index.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../chunk-CoPdw6nB.cjs");
-const require_inspector = require("../inspector-DSX76Z-W.cjs");
+const require_inspector = require("../inspector-CJPO4f12.cjs");
 const require_inspector_url = require("../inspector-url-CCgv8H74.cjs");
 const require_discovery = require("../discovery-C9fQVb1u.cjs");
 //#region src/inspector/index.ts

package/dist/inspector/index.js

@@ -1,5 +1,5 @@
 import { I as __exportAll } from "../v4-Bvhoa4sV.js";
-import { S as registerHostShell, _ as extractResourceCSP, a as SidebarCollapsibleControl, b as getHostShell, c as SidebarSelect, d as SimpleSidebar, f as ThemeProvider, g as IframeResource, h as useInspectorState, i as SidebarCheckbox, l as SidebarTextarea, m as useMcpConnection, n as flattenAppToSimulations, o as SidebarControl, p as useThemeContext, r as resolveServerToolResult, s as SidebarInput, t as Inspector, u as SidebarToggle, v as McpAppHost, x as getRegisteredHosts, y as SCREEN_WIDTHS } from "../inspector-tIphAHtK.js";
+import { S as registerHostShell, _ as extractResourceCSP, a as SidebarCollapsibleControl, b as getHostShell, c as SidebarSelect, d as SimpleSidebar, f as ThemeProvider, g as IframeResource, h as useInspectorState, i as SidebarCheckbox, l as SidebarTextarea, m as useMcpConnection, n as flattenAppToSimulations, o as SidebarControl, p as useThemeContext, r as resolveServerToolResult, s as SidebarInput, t as Inspector, u as SidebarToggle, v as McpAppHost, x as getRegisteredHosts, y as SCREEN_WIDTHS } from "../inspector-B1355aXh.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/inspector-api.d.ts

@@ -0,0 +1,3 @@
+export declare function inspectorApiEndpoint(path: string, apiBaseUrl?: string): string;
+export declare function readInspectorJson<T>(res: Response, endpoint: string): Promise<T>;
+export declare function resolveInspectorResourceUrls<T>(simulations: T, apiBaseUrl?: string): T;

package/dist/inspector/inspector.d.ts

@@ -56,5 +56,12 @@ export interface InspectorProps {
      * to a different server.
      */
     mcpServerUrl?: string;
+    /**
+     * Base URL for the sunpeak inspector backend endpoints (`/__sunpeak/*`).
+     * Defaults to same-origin. Embedders that serve the React Inspector from
+     * their own app can point this at a same-origin proxy or hosted inspector
+     * backend, for example `/api/sunpeak`.
+     */
+    inspectorApiBaseUrl?: string;
 }
-export declare function Inspector({ children, app, simulations: initialSimulationsProp, appName: appNameProp, appIcon: appIconProp, defaultHost, onCallTool, onCallToolDirect, defaultProdResources, hideInspectorModes, demoMode, sandboxUrl, mcpServerUrl, }: InspectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Inspector({ children, app, simulations: initialSimulationsProp, appName: appNameProp, appIcon: appIconProp, defaultHost, onCallTool, onCallToolDirect, defaultProdResources, hideInspectorModes, demoMode, sandboxUrl, mcpServerUrl, inspectorApiBaseUrl, }: InspectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/inspector/use-mcp-connection.d.ts

@@ -29,4 +29,4 @@ export interface McpConnectionState {
  * once (or safely twice with cancellation), while explicit `reconnect()` calls
  * are triggered by the Inspector's URL-change effect.
  */
-export declare function useMcpConnection(initialServerUrl: string | undefined): McpConnectionState;
+export declare function useMcpConnection(initialServerUrl: string | undefined, inspectorApiBaseUrl?: string): McpConnectionState;

package/dist/{inspector-tIphAHtK.js → inspector-B1355aXh.js}

@@ -6573,6 +6573,40 @@ function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 	};
 }
 //#endregion
+//#region src/inspector/inspector-api.ts
+function inspectorApiEndpoint(path, apiBaseUrl) {
+	if (!apiBaseUrl) return path;
+	return `${apiBaseUrl.replace(/\/+$/, "")}${path.startsWith("/") ? path : `/${path}`}`;
+}
+async function readInspectorJson(res, endpoint) {
+	const text = await res.text();
+	if (!text) return {};
+	try {
+		return JSON.parse(text);
+	} catch {
+		const contentType = res.headers.get("content-type");
+		const preview = text.trim().replace(/\s+/g, " ").slice(0, 120);
+		const typeHint = contentType ? ` (${contentType})` : "";
+		throw new Error(`Expected JSON from ${endpoint} but received a non-JSON response${typeHint}: ${preview}`);
+	}
+}
+function resolveInspectorResourceUrls(simulations, apiBaseUrl) {
+	if (!apiBaseUrl || !simulations || typeof simulations !== "object") return simulations;
+	const resolved = {};
+	for (const [key, value] of Object.entries(simulations)) {
+		if (!value || typeof value !== "object") {
+			resolved[key] = value;
+			continue;
+		}
+		const sim = value;
+		resolved[key] = {
+			...sim,
+			resourceUrl: typeof sim.resourceUrl === "string" && sim.resourceUrl.startsWith("/") ? inspectorApiEndpoint(sim.resourceUrl, apiBaseUrl) : sim.resourceUrl
+		};
+	}
+	return resolved;
+}
+//#endregion
 //#region src/inspector/use-mcp-connection.ts
 /**
 * Hook for managing MCP server connection status via the dev server proxy.
@@ -6585,7 +6619,7 @@ function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 * once (or safely twice with cancellation), while explicit `reconnect()` calls
 * are triggered by the Inspector's URL-change effect.
 */
-function useMcpConnection(initialServerUrl) {
+function useMcpConnection(initialServerUrl, inspectorApiBaseUrl) {
 	const [status, setStatus] = useState(initialServerUrl ? "connecting" : "disconnected");
 	const [error, setError] = useState();
 	const [simulations, setSimulations] = useState();
@@ -6597,7 +6631,8 @@ function useMcpConnection(initialServerUrl) {
 		try {
 			const body = { url };
 			if (auth && auth.type !== "none") body.auth = auth;
-			const res = await fetch("/__sunpeak/connect", {
+			const endpoint = inspectorApiEndpoint("/__sunpeak/connect", inspectorApiBaseUrl);
+			const res = await fetch(endpoint, {
 				method: "POST",
 				headers: { "Content-Type": "application/json" },
 				body: JSON.stringify(body)
@@ -6605,7 +6640,7 @@ function useMcpConnection(initialServerUrl) {
 			if (!res.ok) {
 				let message;
 				try {
-					const json = await res.json();
+					const json = await readInspectorJson(res, endpoint);
 					if (json.error) message = json.error;
 				} catch {}
 				if (!message) if (res.status === 404) message = "Server not found at this URL. Check the URL and make sure the server is running.";
@@ -6613,9 +6648,9 @@ function useMcpConnection(initialServerUrl) {
 				else message = `Connection failed (${res.status})`;
 				throw new Error(message);
 			}
-			const data = await res.json();
+			const data = await readInspectorJson(res, endpoint);
 			setStatus("connected");
-			setSimulations(data.simulations ?? void 0);
+			setSimulations(resolveInspectorResourceUrls(data.simulations, inspectorApiBaseUrl));
 		} catch (err) {
 			let message = err instanceof Error ? err.message : String(err);
 			if (err instanceof TypeError && message === "Failed to fetch") message = "Cannot reach MCP server. Is it running?";
@@ -6623,20 +6658,21 @@ function useMcpConnection(initialServerUrl) {
 			setStatus("error");
 			setSimulations(void 0);
 		}
-	}, []);
+	}, [inspectorApiBaseUrl]);
 	const setConnected = useCallback((sims) => {
 		setHasReconnected(true);
 		setStatus("connected");
 		setError(void 0);
-		setSimulations(sims);
-	}, []);
+		setSimulations(resolveInspectorResourceUrls(sims, inspectorApiBaseUrl));
+	}, [inspectorApiBaseUrl]);
 	useEffect(() => {
 		if (!initialServerUrl) return;
 		let cancelled = false;
 		setStatus("connecting");
 		(async () => {
 			try {
-				const res = await fetch("/__sunpeak/list-tools");
+				const endpoint = inspectorApiEndpoint("/__sunpeak/list-tools", inspectorApiBaseUrl);
+				const res = await fetch(endpoint);
 				if (cancelled) return;
 				if (!res.ok) {
 					const msg = res.status === 404 ? "MCP server not reachable. Is it running?" : `Health check failed (${res.status}). Check the MCP server logs.`;
@@ -7136,7 +7172,7 @@ function hasFixtureData(sim) {
 	return sim.toolResult != null || sim.toolInput != null || sim.serverTools != null;
 }
 var EMPTY_SIMULATIONS = Object.freeze({});
-function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_SIMULATIONS, appName: appNameProp, appIcon: appIconProp, defaultHost = "chatgpt", onCallTool, onCallToolDirect, defaultProdResources = false, hideInspectorModes = false, demoMode = false, sandboxUrl, mcpServerUrl }) {
+function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_SIMULATIONS, appName: appNameProp, appIcon: appIconProp, defaultHost = "chatgpt", onCallTool, onCallToolDirect, defaultProdResources = false, hideInspectorModes = false, demoMode = false, sandboxUrl, mcpServerUrl, inspectorApiBaseUrl }) {
 	const initialSimulations = React.useMemo(() => app ? flattenAppToSimulations(app) : initialSimulationsProp, [app, initialSimulationsProp]);
 	const appName = app?.name ?? appNameProp ?? "Sunpeak";
 	const appIcon = app?.icon ?? appIconProp;
@@ -7232,13 +7268,14 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 	const [oauthClientSecret, setOauthClientSecret] = React.useState("");
 	const [oauthStatus, setOauthStatus] = React.useState("none");
 	const [oauthError, setOauthError] = React.useState();
-	const connection = useMcpConnection(isEmbedded ? void 0 : mcpServerUrl || void 0);
+	const connection = useMcpConnection(isEmbedded ? void 0 : mcpServerUrl || void 0, inspectorApiBaseUrl);
 	const [prodResources, setProdResources] = React.useState(state.urlProdResources ?? defaultProdResources);
 	const showSidebar = state.urlSidebar !== false;
 	const showDevOverlay = state.urlDevOverlay !== false;
 	const [isRunning, setIsRunning] = React.useState(false);
 	const [hasRun, setHasRun] = React.useState(false);
 	const [showCheck, setShowCheck] = React.useState(false);
+	const [serverPreviewGeneration, setServerPreviewGeneration] = React.useState(0);
 	const checkTimerRef = React.useRef(void 0);
 	const oauthCleanupRef = React.useRef(void 0);
 	React.useEffect(() => {
@@ -7274,7 +7311,8 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 		setOauthError(void 0);
 		const popup = window.open("about:blank", `sunpeak-oauth-${Date.now()}`, "width=600,height=700,popup=yes");
 		try {
-			const res = await fetch("/__sunpeak/oauth/start", {
+			const endpoint = inspectorApiEndpoint("/__sunpeak/oauth/start", inspectorApiBaseUrl);
+			const res = await fetch(endpoint, {
 				method: "POST",
 				headers: { "Content-Type": "application/json" },
 				body: JSON.stringify({
@@ -7284,15 +7322,12 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 					clientSecret: oauthClientSecret || void 0
 				})
 			});
+			const data = await readInspectorJson(res, endpoint);
 			if (!res.ok) {
 				let message = `OAuth start failed (${res.status})`;
-				try {
-					const json = await res.json();
-					if (json.error) message = json.error;
-				} catch {}
+				if (data.error) message = data.error;
 				throw new Error(message);
 			}
-			const data = await res.json();
 			if (data.error) {
 				popup?.close();
 				setOauthError(data.error);
@@ -7373,11 +7408,14 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 		oauthClientId,
 		oauthClientSecret,
 		demoMode,
-		connection
+		connection,
+		inspectorApiBaseUrl
 	]);
 	React.useEffect(() => {
-		if (connection.simulations) setSimulations(connection.simulations);
-		else if (connection.status === "error" && connection.hasReconnected) setSimulations({});
+		if (connection.simulations) {
+			setSimulations(connection.simulations);
+			setServerPreviewGeneration((generation) => generation + 1);
+		} else if (connection.status === "error" && connection.hasReconnected) setSimulations({});
 	}, [
 		connection.simulations,
 		connection.status,
@@ -7699,7 +7737,7 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 			injectOpenAIRuntime: state.activeHost === "chatgpt",
 			sandboxUrl,
 			className: "h-full w-full"
-		}, `${state.activeHost}-${state.selectedSimulationName}-${effectiveResourceUrl}-${prodResources}-${prodResourcesGeneration}`)
+		}, `${state.activeHost}-${state.selectedSimulationName}-${effectiveResourceUrl}-${prodResources}-${prodResourcesGeneration}-${serverPreviewGeneration}`)
 	});
 	else if (!prodResources && state.resourceScript) content = /* @__PURE__ */ jsx("div", {
 		className: "h-full w-full",
@@ -8324,4 +8362,4 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 //#endregion
 export { cn as C, registerHostShell as S, extractResourceCSP as _, SidebarCollapsibleControl as a, getHostShell as b, SidebarSelect as c, SimpleSidebar as d, ThemeProvider as f, IframeResource as g, useInspectorState as h, SidebarCheckbox as i, SidebarTextarea as l, useMcpConnection as m, flattenAppToSimulations as n, SidebarControl as o, useThemeContext as p, resolveServerToolResult as r, SidebarInput as s, Inspector as t, SidebarToggle as u, McpAppHost as v, DEFAULT_STYLE_VARIABLES as w, getRegisteredHosts as x, SCREEN_WIDTHS as y };
 
-//# sourceMappingURL=inspector-tIphAHtK.js.map
+//# sourceMappingURL=inspector-B1355aXh.js.map