sunpeak 0.20.36 → 0.20.42

package/dist/{inspector-CiuT_2yA.js → inspector-C6n8zap3.js}

@@ -6538,6 +6538,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;
@@ -6545,6 +6548,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") {
@@ -6563,6 +6568,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() {
@@ -6575,6 +6584,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 } : {},
@@ -6623,8 +6638,8 @@ function useInspectorState({ simulations, defaultHost = "chatgpt", preserveToolD
 	const [theme, setTheme] = useState(urlParams.theme ?? storedPrefs.theme ?? DEFAULT_THEME);
 	const [displayMode, _setDisplayMode] = useState(urlParams.displayMode ?? storedPrefs.displayMode ?? DEFAULT_DISPLAY_MODE);
 	const [locale, setLocale] = useState(urlParams.locale ?? storedPrefs.locale ?? "en-US");
-	const [containerHeight, setContainerHeight] = useState(void 0);
-	const [containerWidth, setContainerWidth] = useState(void 0);
+	const [containerHeight, setContainerHeight] = useState(storedPrefs.containerHeight);
+	const [containerWidth, setContainerWidth] = useState(storedPrefs.containerWidth);
 	const [containerMaxHeight, setContainerMaxHeight] = useState(urlParams.containerMaxHeight ?? storedPrefs.containerMaxHeight);
 	const [containerMaxWidth, setContainerMaxWidth] = useState(urlParams.containerMaxWidth ?? storedPrefs.containerMaxWidth);
 	const [platform, setPlatform] = useState(urlParams.platform ?? storedPrefs.platform ?? DEFAULT_PLATFORM);
@@ -6636,7 +6651,7 @@ function useInspectorState({ simulations, defaultHost = "chatgpt", preserveToolD
 		left: 0,
 		right: 0
 	});
-	const [timeZone, setTimeZone] = useState(() => Intl.DateTimeFormat().resolvedOptions().timeZone);
+	const [timeZone, setTimeZone] = useState(() => storedPrefs.timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone);
 	const isFirstRender = useRef(true);
 	useEffect(() => {
 		if (isFirstRender.current) {
@@ -6644,29 +6659,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,
@@ -6676,7 +6694,8 @@ function useInspectorState({ simulations, defaultHost = "chatgpt", preserveToolD
 		touch,
 		screenWidth,
 		sidebarWidth,
-		rightSidebarWidth
+		rightSidebarWidth,
+		timeZone
 	]);
 	const [measuredContentWidth, setMeasuredContentWidth] = useState(void 0);
 	const handleContentWidthChange = useCallback((width) => {
@@ -7589,12 +7608,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;
@@ -7687,6 +7710,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) {
@@ -7736,7 +7760,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);
@@ -7758,6 +7782,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 = [
@@ -7769,8 +7802,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);
@@ -7779,6 +7824,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(() => {
@@ -7789,6 +7835,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]);
@@ -7898,6 +7963,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]);
@@ -8158,15 +8230,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
@@ -8177,8 +8252,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
 					})
@@ -8187,6 +8264,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--) {
@@ -8224,6 +8302,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()}`,
@@ -8232,7 +8311,7 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 			}]);
 			setChatStatus(message);
 		} finally {
-			setIsChatting(false);
+			if (requestConversationId === modelConversationIdRef.current) setIsChatting(false);
 		}
 	}, [
 		canUseModelChat,
@@ -8846,33 +8925,69 @@ function Inspector({ children, app, simulations: initialSimulationsProp = EMPTY_
 						children: /* @__PURE__ */ jsxs("div", {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ jsxs("div", {
-								className: "grid grid-cols-2 gap-2",
-								children: [/* @__PURE__ */ jsx(SidebarControl, {
-									label: "Provider",
-									children: /* @__PURE__ */ jsx(SidebarSelect, {
-										value: modelProvider,
-										onChange: handleModelProviderChange,
-										options: modelProviderOptions.map((provider) => ({
-											value: provider.id,
-											label: provider.label ?? provider.id
-										}))
-									})
-								}), /* @__PURE__ */ jsx(SidebarControl, {
-									label: "Model",
-									children: selectedProviderModelOptions.length > 0 ? /* @__PURE__ */ jsx(SidebarSelect, {
-										value: modelId,
-										onChange: setModelId,
-										options: selectedProviderModelOptions.map((model) => ({
-											value: model,
-											label: model
-										}))
-									}) : /* @__PURE__ */ 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__ */ jsx(SidebarControl, {
+										label: "Provider",
+										children: /* @__PURE__ */ jsx(SidebarSelect, {
+											value: modelProvider,
+											onChange: handleModelProviderChange,
+											options: modelProviderOptions.map((provider) => ({
+												value: provider.id,
+												label: provider.label ?? provider.id
+											}))
+										})
+									}),
+									/* @__PURE__ */ jsx(SidebarControl, {
+										label: "Model",
+										children: selectedProviderModelOptions.length > 0 ? /* @__PURE__ */ jsx(SidebarSelect, {
+											value: modelId,
+											onChange: setModelId,
+											options: selectedProviderModelOptions.map((model) => ({
+												value: model,
+												label: model
+											}))
+										}) : /* @__PURE__ */ jsx(SidebarInput, {
+											value: modelId,
+											onChange: setModelId,
+											applyOnBlur: true,
+											placeholder: getDefaultModelId(modelProvider)
+										})
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "group relative flex h-7 items-center self-end",
+										children: [/* @__PURE__ */ 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__ */ jsx("svg", {
+												width: "18",
+												height: "18",
+												viewBox: "0 0 24 24",
+												fill: "currentColor",
+												"aria-hidden": "true",
+												children: /* @__PURE__ */ 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__ */ 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__ */ jsxs(SidebarControl, {
 								label: "API Key",
 								children: [/* @__PURE__ */ jsxs("div", {
@@ -9260,4 +9375,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-CiuT_2yA.js.map
+//# sourceMappingURL=inspector-C6n8zap3.js.map