sunpeak 0.20.28 → 0.20.29

package/dist/{inspector-DSX76Z-W.cjs → inspector-CJPO4f12.cjs}

@@ -6574,6 +6574,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.
@@ -6586,7 +6620,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] = (0, react.useState)(initialServerUrl ? "connecting" : "disconnected");
 	const [error, setError] = (0, react.useState)();
 	const [simulations, setSimulations] = (0, react.useState)();
@@ -6598,7 +6632,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)
@@ -6606,7 +6641,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.";
@@ -6614,9 +6649,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?";
@@ -6624,20 +6659,21 @@ function useMcpConnection(initialServerUrl) {
 			setStatus("error");
 			setSimulations(void 0);
 		}
-	}, []);
+	}, [inspectorApiBaseUrl]);
 	const setConnected = (0, react.useCallback)((sims) => {
 		setHasReconnected(true);
 		setStatus("connected");
 		setError(void 0);
-		setSimulations(sims);
-	}, []);
+		setSimulations(resolveInspectorResourceUrls(sims, inspectorApiBaseUrl));
+	}, [inspectorApiBaseUrl]);
 	(0, react.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.`;
@@ -7137,7 +7173,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;
@@ -7233,13 +7269,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(() => {
@@ -7275,7 +7312,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({
@@ -7285,15 +7323,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);
@@ -7374,11 +7409,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,
@@ -7700,7 +7738,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__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "h-full w-full",
@@ -8468,4 +8506,4 @@ Object.defineProperty(exports, "useThemeContext", {
 	}
 });
 
-//# sourceMappingURL=inspector-DSX76Z-W.cjs.map
+//# sourceMappingURL=inspector-CJPO4f12.cjs.map