sunpeak 0.16.28 → 0.16.29

package/dist/chatgpt/globals.css

@@ -938,10 +938,6 @@
     width: calc(var(--spacing) * 40);
   }
 
-  .w-56 {
-    width: calc(var(--spacing) * 56);
-  }
-
   .w-\[18px\] {
     width: 18px;
   }
@@ -1056,10 +1052,6 @@
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
 
-  .grid-cols-\[1fr_auto_1fr\] {
-    grid-template-columns: 1fr auto 1fr;
-  }
-
   .grid-cols-\[2fr_1fr\] {
     grid-template-columns: 2fr 1fr;
   }
@@ -1100,10 +1092,6 @@
     justify-content: flex-end;
   }
 
-  .justify-start {
-    justify-content: flex-start;
-  }
-
   .gap-0\.5 {
     gap: calc(var(--spacing) * .5);
   }
@@ -1224,8 +1212,12 @@
     border-radius: 10px;
   }
 
-  .rounded-\[18px\] {
-    border-radius: 18px;
+  .rounded-\[22px\] {
+    border-radius: 22px;
+  }
+
+  .rounded-\[28px\] {
+    border-radius: 28px;
   }
 
   .rounded-full {
@@ -1470,10 +1462,18 @@
     padding: calc(var(--spacing) * 1.5);
   }
 
+  .p-1\.25 {
+    padding: calc(var(--spacing) * 1.25);
+  }
+
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
 
+  .p-2\.5 {
+    padding: calc(var(--spacing) * 2.5);
+  }
+
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
@@ -1640,6 +1640,11 @@
     font-size: 11px;
   }
 
+  .leading-6 {
+    --tw-leading: calc(var(--spacing) * 6);
+    line-height: calc(var(--spacing) * 6);
+  }
+
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -1750,13 +1755,13 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .shadow-\[0px_0px_0px_1px_\#fff3\,0px_4px_12px_rgba\(0\,0\,0\,0\.12\)\] {
-    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #fff3), 0px 4px 12px var(--tw-shadow-color, #0000001f);
+  .shadow-\[0px_0px_0px_1px_var\(--color-border-primary\)\,0px_4px_12px_rgba\(0\,0\,0\,0\.12\)\] {
+    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, var(--color-border-primary)), 0px 4px 12px var(--tw-shadow-color, #0000001f);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .shadow-\[0px_0px_0px_1px_\#fff3\,0px_6px_20px_rgba\(0\,0\,0\,0\.1\)\] {
-    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #fff3), 0px 6px 20px var(--tw-shadow-color, #0000001a);
+  .shadow-\[0px_0px_0px_1px_var\(--color-border-primary\)\,0px_6px_20px_rgba\(0\,0\,0\,0\.1\)\] {
+    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, var(--color-border-primary)), 0px 6px 20px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
@@ -2089,6 +2094,10 @@
   }
 
   @media (min-width: 48rem) {
+    .md\:-start-6 {
+      inset-inline-start: calc(var(--spacing) * -6);
+    }
+
     .md\:z-20 {
       z-index: 20;
     }

package/dist/chatgpt/index.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../chunk-9hOWP6kD.cjs");
 require("../protocol-jbxhzcnS.cjs");
-const require_simulator = require("../simulator-BYIH-xqQ.cjs");
+const require_simulator = require("../simulator-DIVvI69i.cjs");
 const require_discovery = require("../discovery-BxKCIgG5.cjs");
 const require_simulator_url = require("../simulator-url-BDGD4vZD.cjs");
 //#region src/chatgpt/index.ts

package/dist/chatgpt/index.js

@@ -1,6 +1,6 @@
 import { r as __exportAll } from "../chunk-D6g4UhsZ.js";
 import "../protocol-DJmRaBzO.js";
-import { _ as SCREEN_WIDTHS, d as ThemeProvider, f as useThemeContext, g as McpAppHost, h as extractResourceCSP, m as IframeResource, n as resolveServerToolResult, t as Simulator } from "../simulator-CmgNnWBO.js";
+import { _ as SCREEN_WIDTHS, d as ThemeProvider, f as useThemeContext, g as McpAppHost, h as extractResourceCSP, m as IframeResource, n as resolveServerToolResult, t as Simulator } from "../simulator-C7mkK7Sz.js";
 import { a as extractResourceKey, c as findResourceKey, d as getComponentName, f as toPascalCase, i as createResourceExports, n as buildResourceMap, o as extractSimulationKey, r as buildSimulations, s as findResourceDirs, t as buildDevSimulations } from "../discovery-Du4LHrih.js";
 import { t as createSimulatorUrl } from "../simulator-url-Bkxj43yT.js";
 //#region src/chatgpt/index.ts

package/dist/claude/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../chunk-9hOWP6kD.cjs");
 require("../protocol-jbxhzcnS.cjs");
-const require_simulator = require("../simulator-BYIH-xqQ.cjs");
+const require_simulator = require("../simulator-DIVvI69i.cjs");
 exports.Simulator = require_simulator.Simulator;

package/dist/claude/index.js

@@ -1,3 +1,3 @@
 import "../protocol-DJmRaBzO.js";
-import { t as Simulator } from "../simulator-CmgNnWBO.js";
+import { t as Simulator } from "../simulator-C7mkK7Sz.js";
 export { Simulator };

package/dist/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
 const require_protocol = require("./protocol-jbxhzcnS.cjs");
 const require_use_app = require("./use-app-D2h-aiyr.cjs");
-const require_simulator = require("./simulator-BYIH-xqQ.cjs");
+const require_simulator = require("./simulator-DIVvI69i.cjs");
 const require_discovery = require("./discovery-BxKCIgG5.cjs");
 const require_host_index = require("./host/index.cjs");
 const require_simulator_index = require("./simulator/index.cjs");

package/dist/index.js

@@ -1,6 +1,6 @@
 import { $ as literal, L as RequestIdSchema, Q as boolean, R as ResourceLinkSchema, U as ToolSchema, X as _undefined, Z as array, _ as ImplementationSchema, a as CallToolResultSchema, at as unknown, et as number, it as union, nt as record, p as EmbeddedResourceSchema, rt as string, s as ContentBlockSchema, tt as object } from "./protocol-DJmRaBzO.js";
 import { $ as w, A as UX, B as g, C as PQ, D as T, E as S, F as _Q, G as m, H as jQ, I as a, J as p, K as n, L as b, M as W, N as WQ, O as TQ, P as _, Q as t, R as d, S as P, T as RX, U as k, V as h, W as l, X as r, Y as q, Z as s, _ as K, a as B, b as NQ, c as CQ, d as FQ, et as wQ, f as G, g as J, h as IQ, i as AQ, j as V, k as U, l as EQ, m as I, n as AppProvider, nt as z, o as BQ, p as GQ, q as o, r as A, rt as zQ, s as C, t as useApp, tt as x, u as F, v as L, w as R, x as O, y as LQ, z as e } from "./use-app-X7JbGskk.js";
-import { x as DEFAULT_STYLE_VARIABLES } from "./simulator-CmgNnWBO.js";
+import { x as DEFAULT_STYLE_VARIABLES } from "./simulator-C7mkK7Sz.js";
 import { i as createResourceExports, n as buildResourceMap } from "./discovery-Du4LHrih.js";
 import { detectHost, detectPlatform, isChatGPT, isClaude } from "./host/index.js";
 import { t as simulator_exports } from "./simulator/index.js";

package/dist/simulator/index.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../chunk-9hOWP6kD.cjs");
 require("../protocol-jbxhzcnS.cjs");
-const require_simulator = require("../simulator-BYIH-xqQ.cjs");
+const require_simulator = require("../simulator-DIVvI69i.cjs");
 const require_discovery = require("../discovery-BxKCIgG5.cjs");
 const require_simulator_url = require("../simulator-url-BDGD4vZD.cjs");
 //#region src/simulator/index.ts

package/dist/simulator/index.js

@@ -1,6 +1,6 @@
 import { r as __exportAll } from "../chunk-D6g4UhsZ.js";
 import "../protocol-DJmRaBzO.js";
-import { _ as SCREEN_WIDTHS, a as SidebarControl, b as registerHostShell, c as SidebarTextarea, d as ThemeProvider, f as useThemeContext, g as McpAppHost, h as extractResourceCSP, i as SidebarCollapsibleControl, l as SidebarToggle, m as IframeResource, n as resolveServerToolResult, o as SidebarInput, p as useSimulatorState, r as SidebarCheckbox, s as SidebarSelect, t as Simulator, u as SimpleSidebar, v as getHostShell, y as getRegisteredHosts } from "../simulator-CmgNnWBO.js";
+import { _ as SCREEN_WIDTHS, a as SidebarControl, b as registerHostShell, c as SidebarTextarea, d as ThemeProvider, f as useThemeContext, g as McpAppHost, h as extractResourceCSP, i as SidebarCollapsibleControl, l as SidebarToggle, m as IframeResource, n as resolveServerToolResult, o as SidebarInput, p as useSimulatorState, r as SidebarCheckbox, s as SidebarSelect, t as Simulator, u as SimpleSidebar, v as getHostShell, y as getRegisteredHosts } from "../simulator-C7mkK7Sz.js";
 import { a as extractResourceKey, c as findResourceKey, d as getComponentName, f as toPascalCase, i as createResourceExports, n as buildResourceMap, o as extractSimulationKey, r as buildSimulations, s as findResourceDirs, t as buildDevSimulations } from "../discovery-Du4LHrih.js";
 import { t as createSimulatorUrl } from "../simulator-url-Bkxj43yT.js";
 //#region src/simulator/index.ts

package/dist/{simulator-CmgNnWBO.js → simulator-C7mkK7Sz.js}

@@ -172,21 +172,15 @@ function Conversation({ children, screenWidth, displayMode, platform, onRequestD
 				style: { maxWidth: containerWidth },
 				children: [
 					/* @__PURE__ */ jsxs("div", {
-						className: "z-10 grid h-[3.25rem] grid-cols-[1fr_auto_1fr] border-b px-2 pointer-events-auto",
-						style: {
-							borderColor: "var(--color-border-primary)",
-							backgroundColor: "var(--sim-bg-conversation, var(--color-background-primary))"
-						},
+						className: "z-20 flex h-[3.25rem] items-center justify-between p-2 pointer-events-auto",
+						style: { backgroundColor: "var(--sim-bg-conversation, var(--color-background-primary))" },
 						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: "flex items-center justify-start gap-3",
-								children: /* @__PURE__ */ jsx("button", {
-									onClick: handleClose,
-									"aria-label": "Close",
-									className: "h-7 w-7 flex items-center justify-center rounded-md transition-colors hover:opacity-70",
-									type: "button",
-									children: /* @__PURE__ */ jsx(CloseIcon$1, {})
-								})
+							/* @__PURE__ */ jsx("button", {
+								onClick: handleClose,
+								"aria-label": "Close",
+								className: "h-7 w-7 flex items-center justify-center rounded-lg transition-colors hover:opacity-70",
+								type: "button",
+								children: /* @__PURE__ */ jsx(CloseIcon$1, {})
 							}),
 							isDesktop && /* @__PURE__ */ jsx("div", {
 								className: "flex items-center justify-center text-base",
@@ -203,8 +197,7 @@ function Conversation({ children, screenWidth, displayMode, platform, onRequestD
 							style: {
 								maskImage: "linear-gradient(to bottom, transparent 0%, black 50%)",
 								WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 50%)",
-								backdropFilter: "blur(16px)",
-								WebkitBackdropFilter: "blur(16px)"
+								backgroundColor: "var(--sim-bg-conversation, var(--color-background-primary))"
 							}
 						}), /* @__PURE__ */ jsx("div", {
 							className: "max-w-[40rem] min-[1440px]:max-w-[48rem] mx-auto px-4 pt-4 pb-4 pointer-events-auto",
@@ -215,11 +208,12 @@ function Conversation({ children, screenWidth, displayMode, platform, onRequestD
 									name: "userInput",
 									disabled: true,
 									placeholder: "Message sunpeak.ai",
-									className: "w-full rounded-3xl px-5 py-3 pr-12 shadow-sm",
+									className: "w-full rounded-[28px] p-2.5 shadow-sm",
 									style: {
 										backgroundColor: "var(--sim-bg-reply-input, var(--color-background-secondary))",
 										color: "var(--color-text-primary)",
-										border: "1px solid var(--color-border-tertiary)"
+										border: "none",
+										cornerShape: "superellipse"
 									}
 								})
 							})
@@ -260,8 +254,11 @@ function Conversation({ children, screenWidth, displayMode, platform, onRequestD
 											children: /* @__PURE__ */ jsx("div", {
 												className: "flex w-full flex-col gap-1 empty:hidden items-end",
 												children: /* @__PURE__ */ jsx("div", {
-													className: "relative rounded-[18px] px-4 py-3 max-w-[70%]",
-													style: { backgroundColor: "var(--sim-bg-user-bubble, var(--color-background-tertiary))" },
+													className: "relative rounded-[22px] px-4 py-2.5 leading-6 max-w-[70%]",
+													style: {
+														backgroundColor: "var(--sim-bg-user-bubble, var(--color-background-tertiary))",
+														cornerShape: "superellipse"
+													},
 													children: /* @__PURE__ */ jsx("div", {
 														className: "whitespace-pre-wrap",
 														children: userMessage
@@ -312,17 +309,17 @@ function Conversation({ children, screenWidth, displayMode, platform, onRequestD
 													ref: setContentRef,
 													className: isPip ? "no-scrollbar @w-xl/main:top-4 fixed start-4 end-4 top-12 z-50 mx-auto max-w-[40rem] lg:max-w-[48rem] sm:start-0 sm:end-0 sm:top-[3.25rem] sm:w-full overflow-visible" : isFullscreen ? "no-scrollbar fixed inset-x-0 top-[3.25rem] bottom-0 z-50 mx-auto" : "no-scrollbar relative mb-2 @w-sm/main:w-full mx-0 max-sm:-mx-[1rem] max-sm:w-[100cqw] max-sm:overflow-hidden overflow-visible",
 													style: {
-														...isPip ? { maxHeight: "480px" } : {},
+														...isPip ? { maxHeight: "calc(50dvh - 38px)" } : {},
 														...isFullscreen ? { maxWidth: containerWidth } : {}
 													},
 													children: [isPip && /* @__PURE__ */ jsx("button", {
 														onClick: handleClose,
-														className: "absolute -start-2 -top-1.5 z-10 rounded-full bg-[#3a3a3a] p-1.5 text-white shadow-[0px_0px_0px_1px_#fff3,0px_4px_12px_rgba(0,0,0,0.12)] hover:bg-[#6a6a6a]",
+														className: "absolute -start-2 md:-start-6 -top-1.5 z-10 rounded-full bg-[#3a3a3a] p-1.25 text-white shadow-[0px_0px_0px_1px_var(--color-border-primary),0px_4px_12px_rgba(0,0,0,0.12)] hover:bg-[#6a6a6a]",
 														"aria-label": "Close picture-in-picture",
 														type: "button",
 														children: /* @__PURE__ */ jsx(CloseIcon$1, { className: "h-4 w-4" })
 													}, "pip-close"), /* @__PURE__ */ jsx("div", {
-														className: isPip ? "relative overflow-hidden h-full rounded-2xl sm:rounded-3xl shadow-[0px_0px_0px_1px_#fff3,0px_6px_20px_rgba(0,0,0,0.1)] md:-mx-4" : "relative overflow-hidden h-full",
+														className: isPip ? "relative overflow-hidden h-full rounded-2xl sm:rounded-3xl shadow-[0px_0px_0px_1px_var(--color-border-primary),0px_6px_20px_rgba(0,0,0,0.1)] md:-mx-4" : "relative overflow-hidden h-full",
 														children: /* @__PURE__ */ jsx("div", {
 															className: "h-full w-full max-w-full",
 															style: { ...isPip ? {
@@ -349,8 +346,7 @@ function Conversation({ children, screenWidth, displayMode, platform, onRequestD
 								style: {
 									maskImage: "linear-gradient(to bottom, transparent 0%, black 50%)",
 									WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 50%)",
-									backdropFilter: "blur(16px)",
-									WebkitBackdropFilter: "blur(16px)"
+									backgroundColor: "var(--sim-bg-conversation, var(--color-background-primary))"
 								}
 							}), /* @__PURE__ */ jsx("div", {
 								className: "max-w-[40rem] min-[1440px]:max-w-[48rem] mx-auto px-4 pt-4 pb-4 pointer-events-auto",
@@ -417,7 +413,7 @@ registerHostShell({
 		"--sim-bg-sidebar": "light-dark(#ffffff, #212121)",
 		"--sim-bg-conversation": "light-dark(#ffffff, #212121)",
 		"--sim-bg-user-bubble": "light-dark(rgba(233,233,233,0.5), rgba(50,50,50,0.85))",
-		"--sim-bg-reply-input": "light-dark(#ffffff, #212121)"
+		"--sim-bg-reply-input": "light-dark(#ffffff, #303030)"
 	}
 });
 //#endregion
@@ -2304,10 +2300,13 @@ function useSimulatorState({ simulations, defaultHost = "chatgpt" }) {
 			height: typeof window !== "undefined" ? window.innerHeight - 52 : 800,
 			width: measuredContentWidth ?? (typeof window !== "undefined" ? window.innerWidth : 1280)
 		};
-		if (displayMode === "pip") return {
-			height: 480,
-			...measuredContentWidth != null ? { maxWidth: measuredContentWidth } : {}
-		};
+		if (displayMode === "pip") {
+			const viewportH = typeof window !== "undefined" ? window.innerHeight : 800;
+			return {
+				maxHeight: Math.round(viewportH * .5 - 38),
+				...measuredContentWidth != null ? { maxWidth: measuredContentWidth } : {}
+			};
+		}
 		if (measuredContentWidth != null) return { maxWidth: measuredContentWidth };
 	}, [
 		containerHeight,
@@ -2523,7 +2522,7 @@ var useThemeContext = () => {
 };
 //#endregion
 //#region src/simulator/simple-sidebar.tsx
-var DEFAULT_SIDEBAR_WIDTH = 224;
+var DEFAULT_SIDEBAR_WIDTH = 260;
 function ChevronRightIcon() {
 	return /* @__PURE__ */ jsx("svg", {
 		width: "1em",
@@ -3572,4 +3571,4 @@ function Simulator({ children, simulations = {}, appName = "Sunpeak", appIcon, d
 //#endregion
 export { SCREEN_WIDTHS as _, SidebarControl as a, registerHostShell as b, SidebarTextarea as c, ThemeProvider as d, useThemeContext as f, McpAppHost as g, extractResourceCSP as h, SidebarCollapsibleControl as i, SidebarToggle as l, IframeResource as m, resolveServerToolResult as n, SidebarInput as o, useSimulatorState as p, SidebarCheckbox as r, SidebarSelect as s, Simulator as t, SimpleSidebar as u, getHostShell as v, DEFAULT_STYLE_VARIABLES as x, getRegisteredHosts as y };
 
-//# sourceMappingURL=simulator-CmgNnWBO.js.map
+//# sourceMappingURL=simulator-C7mkK7Sz.js.map