sunpeak 0.20.36 → 0.20.42

package/dist/{inspector-BNWla95w.cjs → inspector-DOmiG64-.cjs}

@@ -6539,6 +6539,9 @@ var VALID_SCREEN_WIDTHS = new Set([
 	"tablet",
 	"full"
 ]);
+function isSafeStoredString(value) {
+	return typeof value === "string" && value.length <= 200 && !/[\u0000-\u001f\u007f]/.test(value);
+}
 function sanitizeStoredPrefs(raw) {
 	if (!raw || typeof raw !== "object") return {};
 	const obj = raw;
@@ -6546,6 +6549,8 @@ function sanitizeStoredPrefs(raw) {
 	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.containerHeight === "number" && Number.isFinite(obj.containerHeight)) prefs.containerHeight = obj.containerHeight;
+	if (typeof obj.containerWidth === "number" && Number.isFinite(obj.containerWidth)) prefs.containerWidth = obj.containerWidth;
 	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") {
@@ -6564,6 +6569,10 @@ function sanitizeStoredPrefs(raw) {
 	if (typeof obj.screenWidth === "string" && VALID_SCREEN_WIDTHS.has(obj.screenWidth)) prefs.screenWidth = obj.screenWidth;
 	if (typeof obj.sidebarWidth === "number" && Number.isFinite(obj.sidebarWidth)) prefs.sidebarWidth = Math.max(DEFAULT_SIDEBAR_WIDTH$1, Math.round(obj.sidebarWidth));
 	if (typeof obj.rightSidebarWidth === "number" && Number.isFinite(obj.rightSidebarWidth)) prefs.rightSidebarWidth = Math.max(DEFAULT_SIDEBAR_WIDTH$1, Math.round(obj.rightSidebarWidth));
+	if (typeof obj.timeZone === "string") prefs.timeZone = obj.timeZone;
+	if (typeof obj.prodResources === "boolean") prefs.prodResources = obj.prodResources;
+	if (isSafeStoredString(obj.modelProvider)) prefs.modelProvider = obj.modelProvider;
+	if (isSafeStoredString(obj.modelId)) prefs.modelId = obj.modelId;
 	return prefs;
 }
 function readStoredPrefs() {
@@ -6576,6 +6585,12 @@ function readStoredPrefs() {
 		return {};
 	}
 }
+function writeStoredPrefs(prefs) {
+	if (typeof window === "undefined") return;
+	try {
+		localStorage.setItem(PREFS_KEY, JSON.stringify(prefs));
+	} catch {}
+}
 function deriveContainerDimensions({ displayMode, containerHeight, containerWidth, containerMaxHeight, containerMaxWidth, measuredContentWidth, viewportHeight = 800, viewportWidth = 1280 }) {
 	if (containerHeight != null || containerWidth != null || containerMaxHeight != null || containerMaxWidth != null) return {
 		...containerHeight != null ? { height: containerHeight } : {},
@@ -6624,8 +6639,8 @@ function useInspectorState({ simulations, defaultHost = "chatgpt", preserveToolD
 	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 [containerHeight, setContainerHeight] = (0, react.useState)(storedPrefs.containerHeight);
+	const [containerWidth, setContainerWidth] = (0, react.useState)(storedPrefs.containerWidth);
 	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);
@@ -6637,7 +6652,7 @@ function useInspectorState({ simulations, defaultHost = "chatgpt", preserveToolD
 		left: 0,
 		right: 0
 	});
-	const [timeZone, setTimeZone] = (0, react.useState)(() => Intl.DateTimeFormat().resolvedOptions().timeZone);
+	const [timeZone, setTimeZone] = (0, react.useState)(() => storedPrefs.timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone);
 	const isFirstRender = (0, react.useRef)(true);
 	(0, react.useEffect)(() => {
 		if (isFirstRender.current) {
@@ -6645,29 +6660,32 @@ function useInspectorState({ simulations, defaultHost = "chatgpt", preserveToolD
 			return;
 		}
 		if (autoRun) return;
-		try {
-			const prefs = {
-				theme,
-				locale,
-				displayMode,
-				containerMaxHeight,
-				containerMaxWidth,
-				safeAreaInsets,
-				activeHost,
-				platform,
-				hover,
-				touch,
-				screenWidth,
-				sidebarWidth,
-				rightSidebarWidth
-			};
-			localStorage.setItem(PREFS_KEY, JSON.stringify(prefs));
-		} catch {}
+		writeStoredPrefs({
+			...readStoredPrefs(),
+			theme,
+			locale,
+			displayMode,
+			containerHeight,
+			containerWidth,
+			containerMaxHeight,
+			containerMaxWidth,
+			safeAreaInsets,
+			activeHost,
+			platform,
+			hover,
+			touch,
+			screenWidth,
+			sidebarWidth,
+			rightSidebarWidth,
+			timeZone
+		});
 	}, [
 		autoRun,
 		theme,
 		locale,
 		displayMode,
+		containerHeight,
+		containerWidth,
 		containerMaxHeight,
 		containerMaxWidth,
 		safeAreaInsets,
@@ -6677,7 +6695,8 @@ function useInspectorState({ simulations, defaultHost = "chatgpt", preserveToolD
 		touch,
 		screenWidth,
 		sidebarWidth,
-		rightSidebarWidth
+		rightSidebarWidth,
+		timeZone
 	]);
 	const [measuredContentWidth, setMeasuredContentWidth] = (0, react.useState)(void 0);
 	const handleContentWidthChange = (0, react.useCallback)((width) => {
@@ -7590,12 +7609,16 @@ var DOCS_BASE_URL = "https://sunpeak.ai/docs";
 var DEFAULT_MODEL_PROVIDERS = [{
 	id: "openai",
 	label: "OpenAI",
-	defaultModel: "gpt-4o"
+	defaultModel: "gpt-5.5"
 }, {
 	id: "anthropic",
 	label: "Anthropic",
-	defaultModel: "claude-3-5-sonnet-20241022"
+	defaultModel: "claude-sonnet-4-20250514"
 }];
+function createModelConversationId() {
+	const random = typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID() : Math.random().toString(36).slice(2);
+	return `model-chat-${Date.now()}-${random}`;
+}
 function splitCssArgs(value) {
 	const args = [];
 	let depth = 0;
@@ -7688,6 +7711,7 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 			autoRun: params.get("autoRun") === "true"
 		};
 	}, []);
+	const storedPrefs = react.useMemo(() => initUrlParams.autoRun ? {} : readStoredPrefs(), [initUrlParams.autoRun]);
 	const [selectedToolName, setSelectedToolName] = react.useState(() => {
 		if (initUrlParams.tool && toolMap.has(initUrlParams.tool)) return initUrlParams.tool;
 		if (initUrlParams.simulation) {
@@ -7737,7 +7761,7 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 	const [oauthStatus, setOauthStatus] = react.useState("none");
 	const [oauthError, setOauthError] = react.useState();
 	const connection = useMcpConnection(isEmbedded ? void 0 : mcpServerUrl || void 0, inspectorApiBaseUrl);
-	const [prodResources, setProdResources] = react.useState(state.urlProdResources ?? defaultProdResources);
+	const [prodResources, setProdResources] = react.useState(state.urlProdResources ?? storedPrefs.prodResources ?? defaultProdResources);
 	const showSidebar = state.urlSidebar !== false;
 	const showDevOverlay = state.urlDevOverlay !== false;
 	const [isRunning, setIsRunning] = react.useState(false);
@@ -7759,6 +7783,15 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 		if (requested && modelProviderOptions.some((provider) => provider.id === requested)) return requested;
 		return modelProviderOptions[0]?.id ?? "openai";
 	}, [modelChat?.defaultProvider, modelProviderOptions]);
+	const initialModelProvider = react.useMemo(() => {
+		const stored = storedPrefs.modelProvider;
+		if (stored && modelProviderOptions.some((provider) => provider.id === stored)) return stored;
+		return defaultModelProvider;
+	}, [
+		defaultModelProvider,
+		modelProviderOptions,
+		storedPrefs.modelProvider
+	]);
 	const getDefaultModelId = react.useCallback((provider) => {
 		const option = modelProviderOptions.find((item) => item.id === provider);
 		const candidates = [
@@ -7770,8 +7803,20 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 		if (providerModels.length === 0) return candidates.find(Boolean) ?? "";
 		return candidates.find((model) => model && providerModels.includes(model)) ?? providerModels[0];
 	}, [modelChat?.defaultModel, modelProviderOptions]);
-	const [modelProvider, setModelProvider] = react.useState(defaultModelProvider);
-	const [modelId, setModelId] = react.useState(() => getDefaultModelId(defaultModelProvider));
+	const getInitialModelId = react.useCallback((provider) => {
+		const stored = storedPrefs.modelId;
+		if (storedPrefs.modelProvider && storedPrefs.modelProvider !== provider) return getDefaultModelId(provider);
+		const providerModels = modelProviderOptions.find((item) => item.id === provider)?.models ?? [];
+		if (stored && (providerModels.length === 0 || providerModels.includes(stored))) return stored;
+		return getDefaultModelId(provider);
+	}, [
+		getDefaultModelId,
+		modelProviderOptions,
+		storedPrefs.modelId,
+		storedPrefs.modelProvider
+	]);
+	const [modelProvider, setModelProvider] = react.useState(initialModelProvider);
+	const [modelId, setModelId] = react.useState(() => getInitialModelId(initialModelProvider));
 	const [apiKeyDraft, setApiKeyDraft] = react.useState("");
 	const [keyStatus, setKeyStatus] = react.useState({ hasKey: false });
 	const [isKeyStatusLoading, setIsKeyStatusLoading] = react.useState(usesApiKeyUi);
@@ -7780,6 +7825,7 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 	const [chatInput, setChatInput] = react.useState("");
 	const [isChatting, setIsChatting] = react.useState(false);
 	const [chatStatus, setChatStatus] = react.useState("");
+	const modelConversationIdRef = react.useRef(createModelConversationId());
 	const currentModelProvider = react.useMemo(() => modelProviderOptions.find((provider) => provider.id === modelProvider), [modelProvider, modelProviderOptions]);
 	const selectedProviderModelOptions = react.useMemo(() => currentModelProvider?.models ?? [], [currentModelProvider?.models]);
 	const modelCallableTools = react.useMemo(() => {
@@ -7790,6 +7836,25 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 		}
 		return Array.from(map.values());
 	}, [simulations]);
+	const isFirstInspectorPrefsRender = react.useRef(true);
+	react.useEffect(() => {
+		if (isFirstInspectorPrefsRender.current) {
+			isFirstInspectorPrefsRender.current = false;
+			return;
+		}
+		if (initUrlParams.autoRun) return;
+		writeStoredPrefs({
+			...readStoredPrefs(),
+			prodResources,
+			modelProvider,
+			modelId
+		});
+	}, [
+		initUrlParams.autoRun,
+		modelId,
+		modelProvider,
+		prodResources
+	]);
 	react.useEffect(() => {
 		setServerUrl(mcpServerUrl ?? "");
 	}, [mcpServerUrl]);
@@ -7899,6 +7964,13 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 		usesApiKeyUi,
 		usesLocalModelEndpoints
 	]);
+	const handleResetModelConversation = react.useCallback(() => {
+		modelConversationIdRef.current = createModelConversationId();
+		setChatMessages([]);
+		setChatInput("");
+		setChatStatus("");
+		setIsChatting(false);
+	}, []);
 	react.useEffect(() => {
 		state.setSelectedSimulationName(effectiveSimulationName);
 	}, [effectiveSimulationName]);
@@ -8159,15 +8231,18 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 		state.setToolResultJson("");
 		state.setToolResultError("");
 		setHasRun(false);
+		const requestConversationId = modelConversationIdRef.current;
 		try {
 			const messages = nextMessages.map((message) => ({
 				role: message.role,
-				content: message.content
-			}));
+				content: message.content.trim()
+			})).filter((message) => message.content.length > 0);
 			let data;
 			if (modelChatHandler) data = await modelChatHandler({
+				conversationId: requestConversationId,
 				provider: modelProvider,
 				modelId,
+				host: state.activeHost,
 				messages,
 				tools: modelCallableTools,
 				appContext: state.modelAppContext ?? void 0
@@ -8178,8 +8253,10 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 					method: "POST",
 					headers: { "Content-Type": "application/json" },
 					body: JSON.stringify({
+						conversationId: requestConversationId,
 						provider: modelProvider,
 						modelId,
+						host: state.activeHost,
 						messages,
 						appContext: state.modelAppContext ?? void 0
 					})
@@ -8188,6 +8265,7 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 				if (!res.ok || data.error) throw new Error(data.error ?? `Model request failed (${res.status})`);
 			}
 			if (data.error) throw new Error(data.error);
+			if (requestConversationId !== modelConversationIdRef.current) return;
 			let rendersApp = false;
 			const toolCalls = data.toolCalls ?? [];
 			for (let index = toolCalls.length - 1; index >= 0; index--) {
@@ -8225,6 +8303,7 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 			});
 			setChatStatus("");
 		} catch (err) {
+			if (requestConversationId !== modelConversationIdRef.current) return;
 			const message = err instanceof Error ? err.message : String(err);
 			setChatMessages((messages) => [...messages, {
 				id: `assistant-error-${Date.now()}`,
@@ -8233,7 +8312,7 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 			}]);
 			setChatStatus(message);
 		} finally {
-			setIsChatting(false);
+			if (requestConversationId === modelConversationIdRef.current) setIsChatting(false);
 		}
 	}, [
 		canUseModelChat,
@@ -8847,33 +8926,69 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "grid grid-cols-2 gap-2",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarControl, {
-									label: "Provider",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarSelect, {
-										value: modelProvider,
-										onChange: handleModelProviderChange,
-										options: modelProviderOptions.map((provider) => ({
-											value: provider.id,
-											label: provider.label ?? provider.id
-										}))
-									})
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarControl, {
-									label: "Model",
-									children: selectedProviderModelOptions.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarSelect, {
-										value: modelId,
-										onChange: setModelId,
-										options: selectedProviderModelOptions.map((model) => ({
-											value: model,
-											label: model
-										}))
-									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarInput, {
-										value: modelId,
-										onChange: setModelId,
-										applyOnBlur: true,
-										placeholder: getDefaultModelId(modelProvider)
+								className: "grid grid-cols-[0.7fr_minmax(0,1fr)_1.75rem] items-end gap-2",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarControl, {
+										label: "Provider",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarSelect, {
+											value: modelProvider,
+											onChange: handleModelProviderChange,
+											options: modelProviderOptions.map((provider) => ({
+												value: provider.id,
+												label: provider.label ?? provider.id
+											}))
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarControl, {
+										label: "Model",
+										children: selectedProviderModelOptions.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarSelect, {
+											value: modelId,
+											onChange: setModelId,
+											options: selectedProviderModelOptions.map((model) => ({
+												value: model,
+												label: model
+											}))
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarInput, {
+											value: modelId,
+											onChange: setModelId,
+											applyOnBlur: true,
+											placeholder: getDefaultModelId(modelProvider)
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "group relative flex h-7 items-center self-end",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											onClick: handleResetModelConversation,
+											disabled: chatMessages.length === 0 && !isChatting && !chatStatus,
+											"aria-label": "Reset model conversation",
+											"aria-describedby": "reset-model-conversation-tooltip",
+											title: "Reset conversation",
+											className: "flex h-7 w-7 cursor-pointer items-center justify-center rounded-full transition-colors disabled:cursor-not-allowed disabled:opacity-40",
+											style: {
+												backgroundColor: "var(--color-background-primary)",
+												color: "var(--color-text-primary)"
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+												width: "18",
+												height: "18",
+												viewBox: "0 0 24 24",
+												fill: "currentColor",
+												"aria-hidden": "true",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-8 3.58-8 8s3.58 8 8 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h8V3z" })
+											})
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											id: "reset-model-conversation-tooltip",
+											role: "tooltip",
+											className: "pointer-events-none absolute right-0 top-full z-[1000] mt-1 hidden whitespace-nowrap rounded px-2 py-1 text-[11px] font-normal leading-tight group-focus-within:block group-hover:block",
+											style: {
+												backgroundColor: "var(--color-text-primary)",
+												color: "var(--color-background-primary)"
+											},
+											children: "Reset conversation"
+										})]
 									})
-								})]
+								]
 							}), usesApiKeyUi && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SidebarControl, {
 								label: "API Key",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -9404,4 +9519,4 @@ Object.defineProperty(exports, "useThemeContext", {
 	}
 });
 
-//# sourceMappingURL=inspector-BNWla95w.cjs.map
+//# sourceMappingURL=inspector-DOmiG64-.cjs.map