sunpeak 0.20.11 → 0.20.16

package/dist/{inspector-CjEFyXqc.cjs → inspector-mL_Ysqj6.cjs}

@@ -1,6 +1,6 @@
 const require_chunk = require("./chunk-CoPdw6nB.cjs");
-const require_protocol = require("./protocol-WZSAhsV8.cjs");
-const require_v4 = require("./v4-81B3d_AO.cjs");
+const require_protocol = require("./protocol-CFifOG2U.cjs");
+const require_v4 = require("./v4-BtFbnniV.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -810,7 +810,7 @@ registerHostShell({
 }`
 });
 //#endregion
-//#region ../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.7.0_@modelcontextprotocol+sdk@1.29.0_zod@4.3.6__react-_68ee6585f5c29b7de065f869051c80dc/node_modules/@modelcontextprotocol/ext-apps/dist/src/app-bridge.js
+//#region ../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.7.1_@modelcontextprotocol+sdk@1.29.0_zod@4.4.1__react-_92433c7acac2d73b76b395fab111ea67/node_modules/@modelcontextprotocol/ext-apps/dist/src/app-bridge.js
 ((X) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(X, { get: (Y, Z) => (typeof require < "u" ? require : Y)[Z] }) : X)(function(X) {
 	if (typeof require < "u") return require.apply(this, arguments);
 	throw Error("Dynamic require of \"" + X + "\" is not supported");
@@ -2589,6 +2589,7 @@ function parseUrlParams() {
 		left: safeAreaLeft ? Number(safeAreaLeft) : 0,
 		right: safeAreaRight ? Number(safeAreaRight) : 0
 	} : void 0;
+	const autoRun = params.get("autoRun") === "true" ? true : void 0;
 	return {
 		simulation,
 		tool,
@@ -2604,9 +2605,63 @@ function parseUrlParams() {
 		host: host ?? void 0,
 		prodResources,
 		sidebar,
-		devOverlay
+		devOverlay,
+		autoRun
 	};
 }
+var PREFS_KEY = "sunpeak-inspector-prefs";
+var VALID_THEMES = new Set(["light", "dark"]);
+var VALID_DISPLAY_MODES = new Set([
+	"inline",
+	"pip",
+	"fullscreen"
+]);
+var VALID_PLATFORMS = new Set([
+	"web",
+	"desktop",
+	"mobile"
+]);
+var VALID_SCREEN_WIDTHS = new Set([
+	"mobile-s",
+	"mobile-l",
+	"tablet",
+	"full"
+]);
+function sanitizeStoredPrefs(raw) {
+	if (!raw || typeof raw !== "object") return {};
+	const obj = raw;
+	const prefs = {};
+	if (typeof obj.theme === "string" && VALID_THEMES.has(obj.theme)) prefs.theme = obj.theme;
+	if (typeof obj.locale === "string") prefs.locale = obj.locale;
+	if (typeof obj.displayMode === "string" && VALID_DISPLAY_MODES.has(obj.displayMode)) prefs.displayMode = obj.displayMode;
+	if (typeof obj.containerMaxHeight === "number" && Number.isFinite(obj.containerMaxHeight)) prefs.containerMaxHeight = obj.containerMaxHeight;
+	if (typeof obj.containerMaxWidth === "number" && Number.isFinite(obj.containerMaxWidth)) prefs.containerMaxWidth = obj.containerMaxWidth;
+	if (obj.safeAreaInsets && typeof obj.safeAreaInsets === "object") {
+		const insets = obj.safeAreaInsets;
+		if (typeof insets.top === "number" && typeof insets.bottom === "number" && typeof insets.left === "number" && typeof insets.right === "number") prefs.safeAreaInsets = {
+			top: insets.top,
+			bottom: insets.bottom,
+			left: insets.left,
+			right: insets.right
+		};
+	}
+	if (typeof obj.activeHost === "string") prefs.activeHost = obj.activeHost;
+	if (typeof obj.platform === "string" && VALID_PLATFORMS.has(obj.platform)) prefs.platform = obj.platform;
+	if (typeof obj.hover === "boolean") prefs.hover = obj.hover;
+	if (typeof obj.touch === "boolean") prefs.touch = obj.touch;
+	if (typeof obj.screenWidth === "string" && VALID_SCREEN_WIDTHS.has(obj.screenWidth)) prefs.screenWidth = obj.screenWidth;
+	return prefs;
+}
+function readStoredPrefs() {
+	if (typeof window === "undefined") return {};
+	try {
+		const raw = localStorage.getItem(PREFS_KEY);
+		if (!raw) return {};
+		return sanitizeStoredPrefs(JSON.parse(raw));
+	} catch {
+		return {};
+	}
+}
 function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 	const simulationNames = Object.keys(simulations).filter((name) => simulations[name].resource).sort((a, b) => {
 		const simA = simulations[a];
@@ -2618,9 +2673,11 @@ function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 		return labelA.localeCompare(labelB);
 	});
 	const urlParams = (0, react.useMemo)(() => parseUrlParams(), []);
-	const [screenWidth, setScreenWidth] = (0, react.useState)("full");
+	const autoRun = urlParams.autoRun === true;
+	const storedPrefs = (0, react.useMemo)(() => autoRun ? {} : readStoredPrefs(), [autoRun]);
+	const [screenWidth, setScreenWidth] = (0, react.useState)(storedPrefs.screenWidth ?? "full");
 	const isMobileWidth = (width) => width === "mobile-s" || width === "mobile-l";
-	const [activeHost, setActiveHost] = (0, react.useState)(urlParams.host ?? defaultHost);
+	const [activeHost, setActiveHost] = (0, react.useState)(urlParams.host ?? storedPrefs.activeHost ?? defaultHost);
 	const [selectedSimulationName, setSelectedSimulationName] = (0, react.useState)((0, react.useMemo)(() => {
 		const defaultName = simulationNames[0] ?? "";
 		if (!urlParams.simulation) return defaultName;
@@ -2631,23 +2688,60 @@ function useInspectorState({ simulations, defaultHost = "chatgpt" }) {
 		simulationNames
 	]));
 	const selectedSim = simulations[selectedSimulationName];
-	const [theme, setTheme] = (0, react.useState)(urlParams.theme ?? DEFAULT_THEME);
-	const [displayMode, _setDisplayMode] = (0, react.useState)(urlParams.displayMode ?? DEFAULT_DISPLAY_MODE);
-	const [locale, setLocale] = (0, react.useState)(urlParams.locale ?? "en-US");
+	const [theme, setTheme] = (0, react.useState)(urlParams.theme ?? storedPrefs.theme ?? DEFAULT_THEME);
+	const [displayMode, _setDisplayMode] = (0, react.useState)(urlParams.displayMode ?? storedPrefs.displayMode ?? DEFAULT_DISPLAY_MODE);
+	const [locale, setLocale] = (0, react.useState)(urlParams.locale ?? storedPrefs.locale ?? "en-US");
 	const [containerHeight, setContainerHeight] = (0, react.useState)(void 0);
 	const [containerWidth, setContainerWidth] = (0, react.useState)(void 0);
-	const [containerMaxHeight, setContainerMaxHeight] = (0, react.useState)(urlParams.containerMaxHeight);
-	const [containerMaxWidth, setContainerMaxWidth] = (0, react.useState)(urlParams.containerMaxWidth);
-	const [platform, setPlatform] = (0, react.useState)(urlParams.platform ?? DEFAULT_PLATFORM);
-	const [hover, setHover] = (0, react.useState)(urlParams.deviceCapabilities?.hover ?? true);
-	const [touch, setTouch] = (0, react.useState)(urlParams.deviceCapabilities?.touch ?? false);
-	const [safeAreaInsets, setSafeAreaInsets] = (0, react.useState)(urlParams.safeAreaInsets ?? {
+	const [containerMaxHeight, setContainerMaxHeight] = (0, react.useState)(urlParams.containerMaxHeight ?? storedPrefs.containerMaxHeight);
+	const [containerMaxWidth, setContainerMaxWidth] = (0, react.useState)(urlParams.containerMaxWidth ?? storedPrefs.containerMaxWidth);
+	const [platform, setPlatform] = (0, react.useState)(urlParams.platform ?? storedPrefs.platform ?? DEFAULT_PLATFORM);
+	const [hover, setHover] = (0, react.useState)(urlParams.deviceCapabilities?.hover ?? storedPrefs.hover ?? true);
+	const [touch, setTouch] = (0, react.useState)(urlParams.deviceCapabilities?.touch ?? storedPrefs.touch ?? false);
+	const [safeAreaInsets, setSafeAreaInsets] = (0, react.useState)(urlParams.safeAreaInsets ?? storedPrefs.safeAreaInsets ?? {
 		top: 0,
 		bottom: 0,
 		left: 0,
 		right: 0
 	});
 	const [timeZone, setTimeZone] = (0, react.useState)(() => Intl.DateTimeFormat().resolvedOptions().timeZone);
+	const isFirstRender = (0, react.useRef)(true);
+	(0, react.useEffect)(() => {
+		if (isFirstRender.current) {
+			isFirstRender.current = false;
+			return;
+		}
+		if (autoRun) return;
+		try {
+			const prefs = {
+				theme,
+				locale,
+				displayMode,
+				containerMaxHeight,
+				containerMaxWidth,
+				safeAreaInsets,
+				activeHost,
+				platform,
+				hover,
+				touch,
+				screenWidth
+			};
+			localStorage.setItem(PREFS_KEY, JSON.stringify(prefs));
+		} catch {}
+	}, [
+		autoRun,
+		theme,
+		locale,
+		displayMode,
+		containerMaxHeight,
+		containerMaxWidth,
+		safeAreaInsets,
+		activeHost,
+		platform,
+		hover,
+		touch,
+		screenWidth
+	]);
 	const [measuredContentWidth, setMeasuredContentWidth] = (0, react.useState)(void 0);
 	const handleContentWidthChange = (0, react.useCallback)((width) => {
 		setMeasuredContentWidth(width);
@@ -4627,4 +4721,4 @@ Object.defineProperty(exports, "useThemeContext", {
 	}
 });
 
-//# sourceMappingURL=inspector-CjEFyXqc.cjs.map
+//# sourceMappingURL=inspector-mL_Ysqj6.cjs.map