sunpeak 0.18.6 → 0.18.9

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

@@ -2337,6 +2337,10 @@ function parseUrlParams() {
 	const host = params.get("host") ?? void 0;
 	const prodResourcesParam = params.get("prodResources");
 	const prodResources = prodResourcesParam === "true" ? true : prodResourcesParam === "false" ? false : void 0;
+	const sidebarParam = params.get("sidebar");
+	const sidebar = sidebarParam === "false" ? false : sidebarParam === "true" ? true : void 0;
+	const devOverlayParam = params.get("devOverlay");
+	const devOverlay = devOverlayParam === "false" ? false : devOverlayParam === "true" ? true : void 0;
 	const deviceType = params.get("deviceType");
 	let platform;
 	if (deviceType === "mobile" || deviceType === "tablet") platform = "mobile";
@@ -2369,7 +2373,9 @@ function parseUrlParams() {
 		deviceCapabilities,
 		safeAreaInsets,
 		host: host ?? void 0,
-		prodResources
+		prodResources,
+		sidebar,
+		devOverlay
 	};
 }
 function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
@@ -2620,7 +2626,9 @@ function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 		permissions: resourceMeta?.permissions,
 		prefersBorder: resourceMeta?.prefersBorder ?? false,
 		urlTool: urlParams.tool,
-		urlProdResources: urlParams.prodResources
+		urlProdResources: urlParams.prodResources,
+		urlSidebar: urlParams.sidebar,
+		urlDevOverlay: urlParams.devOverlay
 	};
 }
 //#endregion
@@ -2654,18 +2662,23 @@ function useMcpConnection(initialServerUrl) {
 				body: JSON.stringify(body)
 			});
 			if (!res.ok) {
-				let message = `Connection failed (${res.status})`;
+				let message;
 				try {
 					const json = await res.json();
 					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.";
+				else if (res.status >= 500) message = `Server error (${res.status}). Check the MCP server logs for details.`;
+				else message = `Connection failed (${res.status})`;
 				throw new Error(message);
 			}
 			const data = await res.json();
 			setStatus("connected");
 			setSimulations(data.simulations ?? void 0);
 		} catch (err) {
-			setError(err instanceof Error ? err.message : String(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?";
+			setError(message);
 			setStatus("error");
 			setSimulations(void 0);
 		}
@@ -2684,7 +2697,10 @@ function useMcpConnection(initialServerUrl) {
 			try {
 				const res = await fetch("/__sunpeak/list-tools");
 				if (cancelled) return;
-				if (!res.ok) throw new Error(`Health check failed (${res.status})`);
+				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.`;
+					throw new Error(msg);
+				}
 				setStatus("connected");
 			} catch (err) {
 				if (cancelled) return;
@@ -3195,6 +3211,8 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 	const [oauthError, setOauthError] = React.useState();
 	const connection = useMcpConnection(mcpServerUrl || void 0);
 	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);
@@ -3365,26 +3383,47 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 		if (!caller || !sim) return;
 		const toolName = sim.tool.name;
 		setIsRunning(true);
+		const startTime = performance.now();
 		try {
 			const result = await caller({
 				name: toolName,
 				arguments: state.toolInput
 			});
-			state.setToolResult(result);
-			state.setToolResultJson(JSON.stringify(result, null, 2));
+			const clientMs = Math.round((performance.now() - startTime) * 10) / 10;
+			const resultMeta = result?._meta;
+			const serverMs = (resultMeta?._sunpeak)?.requestTimeMs;
+			const durationMs = typeof serverMs === "number" ? serverMs : clientMs;
+			const resultWithTiming = {
+				...result,
+				_meta: {
+					...resultMeta,
+					_sunpeak: { requestTimeMs: durationMs }
+				}
+			};
+			state.setToolResult(resultWithTiming);
+			const displayResult = resultMeta?._sunpeak ? (() => {
+				const { _sunpeak: _, ...cleanMeta } = resultMeta;
+				const clean = { ...result };
+				clean._meta = Object.keys(cleanMeta).length > 0 ? cleanMeta : void 0;
+				if (clean._meta === void 0) delete clean._meta;
+				return clean;
+			})() : result;
+			state.setToolResultJson(JSON.stringify(displayResult, null, 2));
 			state.setToolResultError("");
 			setHasRun(true);
 			setShowCheck(true);
 			clearTimeout(checkTimerRef.current);
 			checkTimerRef.current = setTimeout(() => setShowCheck(false), 2e3);
 		} catch (err) {
+			const durationMs = Math.round((performance.now() - startTime) * 10) / 10;
 			const message = err instanceof Error ? err.message : String(err);
 			state.setToolResult({
 				content: [{
 					type: "text",
 					text: `Error: ${message}`
 				}],
-				isError: true
+				isError: true,
+				_meta: { _sunpeak: { requestTimeMs: durationMs } }
 			});
 			state.setToolResultJson(JSON.stringify({
 				content: [{
@@ -3519,7 +3558,8 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 			clearTimeout(timer);
 		};
 	}, [prodResourcesPath]);
-	const effectiveResourceUrl = (prodResourcesPath && prodResourcesReady ? prodResourcesPath : void 0) ?? state.resourceUrl;
+	const baseResourceUrl = (prodResourcesPath && prodResourcesReady ? prodResourcesPath : void 0) ?? state.resourceUrl;
+	const effectiveResourceUrl = baseResourceUrl && !showDevOverlay ? `${baseResourceUrl}${baseResourceUrl.includes("?") ? "&" : "?"}devOverlay=false` : baseResourceUrl;
 	const prodResourcesLoading = !!prodResourcesPath && !prodResourcesReady;
 	const hasTools = toolNames.length > 0;
 	const showEmptyState = !(activeSimulationName !== null && currentSim?.toolResult != null) && !hasRun;
@@ -3637,6 +3677,26 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 			children: /* @__PURE__ */ jsx("path", { d: "M0 0L10 6L0 12V0Z" })
 		}), "Run"]
 	}) : void 0;
+	const conversationContent = ShellConversation ? /* @__PURE__ */ jsx(ShellConversation, {
+		screenWidth: state.screenWidth,
+		displayMode: state.displayMode,
+		platform: state.platform,
+		onRequestDisplayMode: state.handleDisplayModeChange,
+		appName,
+		appIcon,
+		userMessage,
+		onContentWidthChange: state.handleContentWidthChange,
+		headerAction: runButton,
+		children: content
+	}) : content;
+	if (!showSidebar) return /* @__PURE__ */ jsx(ThemeProvider, {
+		theme: state.theme,
+		applyTheme,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex h-screen w-screen",
+			children: conversationContent
+		})
+	});
 	return /* @__PURE__ */ jsx(ThemeProvider, {
 		theme: state.theme,
 		applyTheme,
@@ -4169,22 +4229,11 @@ function Inspector({ children, simulations: initialSimulations = {}, appName = "
 					})
 				]
 			}),
-			children: ShellConversation ? /* @__PURE__ */ jsx(ShellConversation, {
-				screenWidth: state.screenWidth,
-				displayMode: state.displayMode,
-				platform: state.platform,
-				onRequestDisplayMode: state.handleDisplayModeChange,
-				appName,
-				appIcon,
-				userMessage,
-				onContentWidthChange: state.handleContentWidthChange,
-				headerAction: runButton,
-				children: content
-			}) : content
+			children: conversationContent
 		})
 	});
 }
 //#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-CjSoXm6N.js.map
+//# sourceMappingURL=inspector-DkS75JCk.js.map