sunpeak 0.14.3 → 0.15.1

package/dist/index-CiqvXo8n.js

@@ -0,0 +1,512 @@
+import { C as Conversation, c as createSimulatorUrl } from "./simulator-url-BQ-7SMht.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useMemo, useState, useCallback, useEffect } from "react";
+import { j as extractResourceCSP, T as ThemeProvider, i as SimpleSidebar, d as SidebarControl, f as SidebarSelect, c as SidebarCollapsibleControl, h as SidebarToggle, e as SidebarInput, b as SidebarCheckbox, g as SidebarTextarea, I as IframeResource, M as McpAppHost, a as SCREEN_WIDTHS, S as Simulator, m as useThemeContext } from "./simulator-CMgCGNuD.js";
+import { b as buildDevSimulations, a as buildResourceMap, c as buildSimulations, d as createResourceExports, e as extractResourceKey, f as extractSimulationKey, g as extractSimulationName, h as findResourceDirs, i as findResourceKey, j as findSimulationFiles, k as getComponentName, l as isSimulationFile, t as toPascalCase } from "./discovery-DzV3HLXs.js";
+const DEFAULT_THEME = "dark";
+const DEFAULT_DISPLAY_MODE = "inline";
+const DEFAULT_PLATFORM = "desktop";
+function parseUrlParams() {
+  if (typeof window === "undefined") return {};
+  const params = new URLSearchParams(window.location.search);
+  const simulation = params.get("simulation") ?? void 0;
+  const theme = params.get("theme");
+  const displayMode = params.get("displayMode");
+  const locale = params.get("locale");
+  const maxHeightParam = params.get("maxHeight");
+  const containerMaxHeight = maxHeightParam ? Number(maxHeightParam) : void 0;
+  const deviceType = params.get("deviceType");
+  let platform;
+  if (deviceType === "mobile" || deviceType === "tablet") {
+    platform = "mobile";
+  } else if (deviceType === "desktop") {
+    platform = "desktop";
+  }
+  const hoverParam = params.get("hover");
+  const touchParam = params.get("touch");
+  const hasCapParams = hoverParam || touchParam;
+  const deviceCapabilities = hasCapParams ? {
+    hover: hoverParam === "false" ? false : true,
+    touch: touchParam === "true" ? true : false
+  } : void 0;
+  const safeAreaTop = params.get("safeAreaTop");
+  const safeAreaBottom = params.get("safeAreaBottom");
+  const safeAreaLeft = params.get("safeAreaLeft");
+  const safeAreaRight = params.get("safeAreaRight");
+  const hasSafeAreaParams = safeAreaTop || safeAreaBottom || safeAreaLeft || safeAreaRight;
+  const safeAreaInsets = hasSafeAreaParams ? {
+    top: safeAreaTop ? Number(safeAreaTop) : 0,
+    bottom: safeAreaBottom ? Number(safeAreaBottom) : 0,
+    left: safeAreaLeft ? Number(safeAreaLeft) : 0,
+    right: safeAreaRight ? Number(safeAreaRight) : 0
+  } : void 0;
+  return {
+    simulation,
+    theme: theme ?? void 0,
+    displayMode: displayMode ?? void 0,
+    locale: locale ?? void 0,
+    containerMaxHeight,
+    platform,
+    deviceCapabilities,
+    safeAreaInsets
+  };
+}
+function ChatGPTSimulator({
+  children,
+  simulations = {},
+  appName = "Sunpeak",
+  appIcon
+}) {
+  const simulationNames = Object.keys(simulations);
+  const urlParams = useMemo(() => parseUrlParams(), []);
+  const [screenWidth, setScreenWidth] = React.useState("full");
+  const isMobileWidth = (width) => width === "mobile-s" || width === "mobile-l";
+  const initialSimulationName = useMemo(() => {
+    const defaultName = simulationNames[0] ?? "";
+    if (!urlParams.simulation) return defaultName;
+    return urlParams.simulation in simulations ? urlParams.simulation : defaultName;
+  }, [urlParams.simulation, simulations, simulationNames]);
+  const [selectedSimulationName, setSelectedSimulationName] = React.useState(initialSimulationName);
+  const selectedSim = simulations[selectedSimulationName];
+  const [theme, setTheme] = useState(urlParams.theme ?? DEFAULT_THEME);
+  const [displayMode, _setDisplayMode] = useState(
+    urlParams.displayMode ?? DEFAULT_DISPLAY_MODE
+  );
+  const [locale, setLocale] = useState(urlParams.locale ?? "en-US");
+  const [containerMaxHeight, setContainerMaxHeight] = useState(urlParams.containerMaxHeight ?? 480);
+  const [platform, setPlatform] = useState(urlParams.platform ?? DEFAULT_PLATFORM);
+  const [hover, setHover] = useState(urlParams.deviceCapabilities?.hover ?? true);
+  const [touch, setTouch] = useState(urlParams.deviceCapabilities?.touch ?? false);
+  const [safeAreaInsets, setSafeAreaInsets] = useState(
+    urlParams.safeAreaInsets ?? { top: 0, bottom: 0, left: 0, right: 0 }
+  );
+  const setDisplayMode = (mode) => {
+    if (isMobileWidth(screenWidth) && mode === "pip") {
+      _setDisplayMode("fullscreen");
+    } else {
+      _setDisplayMode(mode);
+    }
+  };
+  const [readyDisplayMode, setReadyDisplayMode] = useState(
+    urlParams.displayMode ?? DEFAULT_DISPLAY_MODE
+  );
+  const handleDisplayModeReady = useCallback((mode) => {
+    setReadyDisplayMode(mode);
+  }, []);
+  const hostContext = useMemo(
+    () => ({
+      theme,
+      displayMode,
+      locale,
+      platform,
+      deviceCapabilities: { hover, touch },
+      safeAreaInsets,
+      ...displayMode === "pip" ? { containerDimensions: { maxHeight: containerMaxHeight } } : {}
+    }),
+    [theme, displayMode, locale, platform, hover, touch, safeAreaInsets, containerMaxHeight]
+  );
+  const [toolInput, setToolInput] = useState(
+    () => selectedSim?.toolInput ?? {}
+  );
+  const [toolResult, setToolResult] = useState(
+    () => selectedSim?.toolResult
+  );
+  const [toolInputJson, setToolInputJson] = useState(() => JSON.stringify(toolInput, null, 2));
+  const [toolResultJson, setToolResultJson] = useState(
+    () => JSON.stringify(toolResult ?? null, null, 2)
+  );
+  const [modelContextJson, setModelContextJson] = useState("null");
+  const [modelContext, setModelContext] = useState(null);
+  const [editingField, setEditingField] = useState(null);
+  const [toolInputError, setToolInputError] = useState("");
+  const [toolResultError, setToolResultError] = useState("");
+  const [modelContextError, setModelContextError] = useState("");
+  useEffect(() => {
+    const newInput = selectedSim?.toolInput ?? {};
+    const newResult = selectedSim?.toolResult ?? void 0;
+    setToolInput(newInput);
+    setToolResult(newResult);
+    if (editingField !== "toolInput") {
+      setToolInputJson(JSON.stringify(newInput, null, 2));
+      setToolInputError("");
+    }
+    if (editingField !== "toolResult") {
+      setToolResultJson(JSON.stringify(newResult ?? null, null, 2));
+      setToolResultError("");
+    }
+    if (editingField !== "modelContext") {
+      setModelContextJson("null");
+      setModelContext(null);
+      setModelContextError("");
+    }
+  }, [selectedSimulationName, selectedSim]);
+  useEffect(() => {
+    if (isMobileWidth(screenWidth) && displayMode === "pip") {
+      _setDisplayMode("fullscreen");
+    }
+  }, [screenWidth, displayMode]);
+  const handleDisplayModeChange = (mode) => {
+    setDisplayMode(mode);
+  };
+  const handleUpdateModelContext = (content2, structuredContent) => {
+    setModelContextJson(JSON.stringify(structuredContent ?? content2, null, 2));
+  };
+  const validateJSON = (json, setJson, setError) => {
+    setJson(json);
+    try {
+      if (json.trim() !== "") JSON.parse(json);
+      setError("");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Invalid JSON");
+    }
+  };
+  const commitJSON = (json, setError, updateFn) => {
+    try {
+      const parsed = json.trim() === "" ? null : JSON.parse(json);
+      setError("");
+      updateFn(parsed);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Invalid JSON");
+    } finally {
+      setEditingField(null);
+    }
+  };
+  const effectiveToolResult = useMemo(() => {
+    if (!toolResult && !modelContext) return void 0;
+    if (!modelContext) return toolResult;
+    const baseResult = toolResult ?? { content: [] };
+    const baseStructured = baseResult.structuredContent ?? {};
+    return {
+      ...baseResult,
+      structuredContent: { ...baseStructured, ...modelContext }
+    };
+  }, [toolResult, modelContext]);
+  const resourceUrl = selectedSim?.resourceUrl;
+  const resourceScript = selectedSim?.resourceScript;
+  const csp = selectedSim ? extractResourceCSP(selectedSim.resource) : void 0;
+  const hasIframeContent = !!(resourceUrl || resourceScript);
+  const isTransitioning = hasIframeContent && displayMode !== readyDisplayMode;
+  let content;
+  if (resourceUrl) {
+    content = /* @__PURE__ */ jsx(
+      IframeResource,
+      {
+        src: resourceUrl,
+        hostContext,
+        toolInput,
+        toolResult: effectiveToolResult,
+        hostOptions: {
+          onDisplayModeChange: handleDisplayModeChange,
+          onUpdateModelContext: handleUpdateModelContext
+        },
+        onDisplayModeReady: handleDisplayModeReady,
+        debugInjectState: modelContext,
+        className: "h-full w-full"
+      }
+    );
+  } else if (resourceScript) {
+    content = /* @__PURE__ */ jsx(
+      IframeResource,
+      {
+        scriptSrc: resourceScript,
+        hostContext,
+        toolInput,
+        toolResult: effectiveToolResult,
+        csp,
+        hostOptions: {
+          onDisplayModeChange: handleDisplayModeChange,
+          onUpdateModelContext: handleUpdateModelContext
+        },
+        onDisplayModeReady: handleDisplayModeReady,
+        debugInjectState: modelContext,
+        className: "h-full w-full"
+      }
+    );
+  } else {
+    content = children;
+  }
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(
+    SimpleSidebar,
+    {
+      controls: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        simulationNames.length > 1 && /* @__PURE__ */ jsx(SidebarControl, { label: "Simulation", children: /* @__PURE__ */ jsx(
+          SidebarSelect,
+          {
+            value: selectedSimulationName,
+            onChange: (value) => setSelectedSimulationName(value),
+            options: simulationNames.map((name) => {
+              const sim = simulations[name];
+              const resourceTitle = sim.resource.title || sim.resource.name;
+              const toolTitle = sim.tool.title || sim.tool.name;
+              return {
+                value: name,
+                label: `${resourceTitle}: ${toolTitle}`
+              };
+            })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(SidebarControl, { label: "Simulation Width", children: /* @__PURE__ */ jsx(
+          SidebarSelect,
+          {
+            value: screenWidth,
+            onChange: (value) => setScreenWidth(value),
+            options: [
+              { value: "mobile-s", label: "Mobile S (375px)" },
+              { value: "mobile-l", label: "Mobile L (425px)" },
+              { value: "tablet", label: "Tablet (768px)" },
+              { value: "full", label: "100% (Full)" }
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(SidebarCollapsibleControl, { label: "Host Context", defaultCollapsed: false, children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(SidebarControl, { label: "Theme", children: /* @__PURE__ */ jsx(
+            SidebarToggle,
+            {
+              value: theme,
+              onChange: (value) => setTheme(value),
+              options: [
+                { value: "light", label: "Light" },
+                { value: "dark", label: "Dark" }
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(SidebarControl, { label: "Display Mode", children: /* @__PURE__ */ jsx(
+            SidebarToggle,
+            {
+              value: displayMode,
+              onChange: (value) => setDisplayMode(value),
+              options: [
+                { value: "inline", label: "Inline" },
+                { value: "pip", label: "PiP" },
+                { value: "fullscreen", label: "Full" }
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ jsx(SidebarControl, { label: "Locale", children: /* @__PURE__ */ jsx(
+              SidebarInput,
+              {
+                value: locale,
+                onChange: (value) => setLocale(value),
+                placeholder: "e.g. en-US"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(SidebarControl, { label: "Max Height (PiP)", children: /* @__PURE__ */ jsx(
+              SidebarInput,
+              {
+                type: "number",
+                value: displayMode === "pip" && containerMaxHeight !== void 0 ? String(containerMaxHeight) : "",
+                onChange: (value) => {
+                  if (displayMode === "pip") {
+                    setContainerMaxHeight(value ? Number(value) : 480);
+                  }
+                },
+                placeholder: displayMode === "pip" ? "480" : "-",
+                disabled: displayMode !== "pip"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(SidebarControl, { label: "Platform", children: /* @__PURE__ */ jsx(
+            SidebarSelect,
+            {
+              value: platform,
+              onChange: (value) => {
+                const p = value;
+                setPlatform(p);
+                if (p === "mobile") {
+                  setHover(false);
+                  setTouch(true);
+                } else if (p === "desktop") {
+                  setHover(true);
+                  setTouch(false);
+                } else {
+                  setHover(true);
+                  setTouch(false);
+                }
+              },
+              options: [
+                { value: "mobile", label: "Mobile" },
+                { value: "desktop", label: "Desktop" },
+                { value: "web", label: "Web" }
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "pl-4", children: /* @__PURE__ */ jsx(SidebarControl, { label: "Device Capabilities", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(SidebarCheckbox, { checked: hover, onChange: setHover, label: "Hover" }),
+            /* @__PURE__ */ jsx(SidebarCheckbox, { checked: touch, onChange: setTouch, label: "Touch" })
+          ] }) }) }),
+          /* @__PURE__ */ jsx(SidebarControl, { label: "Safe Area Insets", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-[10px]",
+                  style: { color: "var(--color-text-secondary)" },
+                  children: "↑"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SidebarInput,
+                {
+                  type: "number",
+                  value: String(safeAreaInsets.top),
+                  onChange: (value) => setSafeAreaInsets((prev) => ({ ...prev, top: Number(value) }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-[10px]",
+                  style: { color: "var(--color-text-secondary)" },
+                  children: "↓"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SidebarInput,
+                {
+                  type: "number",
+                  value: String(safeAreaInsets.bottom),
+                  onChange: (value) => setSafeAreaInsets((prev) => ({ ...prev, bottom: Number(value) }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-[10px]",
+                  style: { color: "var(--color-text-secondary)" },
+                  children: "←"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SidebarInput,
+                {
+                  type: "number",
+                  value: String(safeAreaInsets.left),
+                  onChange: (value) => setSafeAreaInsets((prev) => ({ ...prev, left: Number(value) }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-[10px]",
+                  style: { color: "var(--color-text-secondary)" },
+                  children: "→"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SidebarInput,
+                {
+                  type: "number",
+                  value: String(safeAreaInsets.right),
+                  onChange: (value) => setSafeAreaInsets((prev) => ({ ...prev, right: Number(value) }))
+                }
+              )
+            ] })
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(SidebarCollapsibleControl, { label: "App Context", defaultCollapsed: true, children: /* @__PURE__ */ jsx(
+          SidebarTextarea,
+          {
+            value: modelContextJson,
+            onChange: (json) => validateJSON(json, setModelContextJson, setModelContextError),
+            onFocus: () => setEditingField("modelContext"),
+            onBlur: () => commitJSON(modelContextJson, setModelContextError, (parsed) => {
+              setModelContext(parsed);
+            }),
+            error: modelContextError,
+            maxRows: 8
+          }
+        ) }),
+        /* @__PURE__ */ jsx(SidebarCollapsibleControl, { label: "Tool Input (JSON)", children: /* @__PURE__ */ jsx(
+          SidebarTextarea,
+          {
+            value: toolInputJson,
+            onChange: (json) => validateJSON(json, setToolInputJson, setToolInputError),
+            onFocus: () => setEditingField("toolInput"),
+            onBlur: () => commitJSON(
+              toolInputJson,
+              setToolInputError,
+              (parsed) => setToolInput(parsed ?? {})
+            ),
+            error: toolInputError,
+            maxRows: 8
+          }
+        ) }),
+        /* @__PURE__ */ jsx(SidebarCollapsibleControl, { label: "Tool Result (JSON)", children: /* @__PURE__ */ jsx(
+          SidebarTextarea,
+          {
+            value: toolResultJson,
+            onChange: (json) => validateJSON(json, setToolResultJson, setToolResultError),
+            onFocus: () => setEditingField("toolResult"),
+            onBlur: () => commitJSON(toolResultJson, setToolResultError, (parsed) => {
+              if (parsed === null) {
+                setToolResult(void 0);
+              } else {
+                const result = parsed;
+                if ("content" in result || "structuredContent" in result) {
+                  setToolResult(result);
+                } else {
+                  setToolResult({ content: [], structuredContent: result });
+                }
+              }
+            }),
+            error: toolResultError,
+            maxRows: 8
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ jsx(
+        Conversation,
+        {
+          screenWidth,
+          displayMode,
+          platform,
+          onRequestDisplayMode: handleDisplayModeChange,
+          appName,
+          appIcon,
+          userMessage: selectedSim?.userMessage,
+          isTransitioning,
+          children: content
+        },
+        selectedSimulationName
+      )
+    }
+  ) });
+}
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ChatGPTSimulator,
+  IframeResource,
+  McpAppHost,
+  SCREEN_WIDTHS,
+  Simulator,
+  ThemeProvider,
+  buildDevSimulations,
+  buildResourceMap,
+  buildSimulations,
+  createResourceExports,
+  createSimulatorUrl,
+  extractResourceCSP,
+  extractResourceKey,
+  extractSimulationKey,
+  extractSimulationName,
+  findResourceDirs,
+  findResourceKey,
+  findSimulationFiles,
+  getComponentName,
+  isSimulationFile,
+  toPascalCase,
+  useThemeContext
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ChatGPTSimulator as C,
+  index as i
+};
+//# sourceMappingURL=index-CiqvXo8n.js.map

package/dist/index-CiqvXo8n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CiqvXo8n.js","sources":["../src/chatgpt/chatgpt-simulator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  SimpleSidebar,\n  SidebarControl,\n  SidebarCollapsibleControl,\n  SidebarSelect,\n  SidebarInput,\n  SidebarCheckbox,\n  SidebarTextarea,\n  SidebarToggle,\n} from '../simulator/simple-sidebar';\nimport { Conversation } from './chatgpt-conversation';\nimport { IframeResource, extractResourceCSP } from '../simulator/iframe-resource';\nimport { ThemeProvider } from '../simulator/theme-provider';\nimport type {\n  McpUiHostContext,\n  McpUiDisplayMode,\n  McpUiTheme,\n} from '@modelcontextprotocol/ext-apps';\nimport type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';\nimport type { ScreenWidth } from '../simulator/simulator-types';\nimport type { Simulation } from '../types/simulation';\n\ntype Platform = NonNullable<McpUiHostContext['platform']>;\n\nconst DEFAULT_THEME: McpUiTheme = 'dark';\nconst DEFAULT_DISPLAY_MODE: McpUiDisplayMode = 'inline';\nconst DEFAULT_PLATFORM: Platform = 'desktop';\n\ninterface ChatGPTSimulatorProps {\n  children?: React.ReactNode;\n  simulations?: Record<string, Simulation>;\n  appName?: string;\n  appIcon?: string;\n}\n\n/**\n * Parse URL params for initial simulator values.\n * Supported params:\n * - simulation: simulation name (e.g., 'albums-show')\n * - theme: 'light' | 'dark'\n * - displayMode: 'inline' | 'pip' | 'fullscreen'\n * - locale: e.g., 'en-US'\n * - maxHeight: number (for pip mode)\n * - deviceType: 'mobile' | 'tablet' | 'desktop' → maps to platform\n * - hover: 'true' | 'false'\n * - touch: 'true' | 'false'\n * - safeAreaTop, safeAreaBottom, safeAreaLeft, safeAreaRight: number\n * - host: 'chatgpt' | 'claude'\n */\nfunction parseUrlParams(): {\n  simulation?: string;\n  theme?: McpUiTheme;\n  displayMode?: McpUiDisplayMode;\n  locale?: string;\n  containerMaxHeight?: number;\n  platform?: Platform;\n  deviceCapabilities?: { hover?: boolean; touch?: boolean };\n  safeAreaInsets?: { top: number; bottom: number; left: number; right: number };\n} {\n  if (typeof window === 'undefined') return {};\n\n  const params = new URLSearchParams(window.location.search);\n\n  const simulation = params.get('simulation') ?? undefined;\n  const theme = params.get('theme') as McpUiTheme | null;\n  const displayMode = params.get('displayMode') as McpUiDisplayMode | null;\n  const locale = params.get('locale');\n  const maxHeightParam = params.get('maxHeight');\n  const containerMaxHeight = maxHeightParam ? Number(maxHeightParam) : undefined;\n\n  // Map deviceType param to MCP Apps platform\n  const deviceType = params.get('deviceType');\n  let platform: Platform | undefined;\n  if (deviceType === 'mobile' || deviceType === 'tablet') {\n    platform = 'mobile';\n  } else if (deviceType === 'desktop') {\n    platform = 'desktop';\n  }\n\n  // Device capabilities\n  const hoverParam = params.get('hover');\n  const touchParam = params.get('touch');\n  const hasCapParams = hoverParam || touchParam;\n  const deviceCapabilities = hasCapParams\n    ? {\n        hover: hoverParam === 'false' ? false : true,\n        touch: touchParam === 'true' ? true : false,\n      }\n    : undefined;\n\n  // Safe area insets\n  const safeAreaTop = params.get('safeAreaTop');\n  const safeAreaBottom = params.get('safeAreaBottom');\n  const safeAreaLeft = params.get('safeAreaLeft');\n  const safeAreaRight = params.get('safeAreaRight');\n  const hasSafeAreaParams = safeAreaTop || safeAreaBottom || safeAreaLeft || safeAreaRight;\n  const safeAreaInsets = hasSafeAreaParams\n    ? {\n        top: safeAreaTop ? Number(safeAreaTop) : 0,\n        bottom: safeAreaBottom ? Number(safeAreaBottom) : 0,\n        left: safeAreaLeft ? Number(safeAreaLeft) : 0,\n        right: safeAreaRight ? Number(safeAreaRight) : 0,\n      }\n    : undefined;\n\n  return {\n    simulation,\n    theme: theme ?? undefined,\n    displayMode: displayMode ?? undefined,\n    locale: locale ?? undefined,\n    containerMaxHeight,\n    platform,\n    deviceCapabilities,\n    safeAreaInsets,\n  };\n}\n\nexport function ChatGPTSimulator({\n  children,\n  simulations = {},\n  appName = 'Sunpeak',\n  appIcon,\n}: ChatGPTSimulatorProps) {\n  const simulationNames = Object.keys(simulations);\n  const urlParams = useMemo(() => parseUrlParams(), []);\n  const [screenWidth, setScreenWidth] = React.useState<ScreenWidth>('full');\n\n  const isMobileWidth = (width: ScreenWidth) => width === 'mobile-s' || width === 'mobile-l';\n\n  // Find initial simulation from URL params\n  const initialSimulationName = useMemo(() => {\n    const defaultName = simulationNames[0] ?? '';\n    if (!urlParams.simulation) return defaultName;\n    return urlParams.simulation in simulations ? urlParams.simulation : defaultName;\n  }, [urlParams.simulation, simulations, simulationNames]);\n\n  const [selectedSimulationName, setSelectedSimulationName] =\n    React.useState<string>(initialSimulationName);\n\n  const selectedSim = simulations[selectedSimulationName];\n\n  // ── Host context state ──────────────────────────────────────────\n\n  const [theme, setTheme] = useState<McpUiTheme>(urlParams.theme ?? DEFAULT_THEME);\n  const [displayMode, _setDisplayMode] = useState<McpUiDisplayMode>(\n    urlParams.displayMode ?? DEFAULT_DISPLAY_MODE\n  );\n  const [locale, setLocale] = useState(urlParams.locale ?? 'en-US');\n  const [containerMaxHeight, setContainerMaxHeight] = useState(urlParams.containerMaxHeight ?? 480);\n  const [platform, setPlatform] = useState<Platform>(urlParams.platform ?? DEFAULT_PLATFORM);\n  const [hover, setHover] = useState(urlParams.deviceCapabilities?.hover ?? true);\n  const [touch, setTouch] = useState(urlParams.deviceCapabilities?.touch ?? false);\n  const [safeAreaInsets, setSafeAreaInsets] = useState(\n    urlParams.safeAreaInsets ?? { top: 0, bottom: 0, left: 0, right: 0 }\n  );\n\n  // Display mode setter that respects mobile width constraints\n  const setDisplayMode = (mode: McpUiDisplayMode) => {\n    if (isMobileWidth(screenWidth) && mode === 'pip') {\n      _setDisplayMode('fullscreen');\n    } else {\n      _setDisplayMode(mode);\n    }\n  };\n\n  // Track which display mode the iframe has confirmed rendering.\n  // Content is hidden when displayMode !== readyDisplayMode (transition in progress).\n  // Initialized to displayMode so there's no transition on first render.\n  const [readyDisplayMode, setReadyDisplayMode] = useState<McpUiDisplayMode>(\n    urlParams.displayMode ?? DEFAULT_DISPLAY_MODE\n  );\n\n  const handleDisplayModeReady = useCallback((mode: string) => {\n    setReadyDisplayMode(mode as McpUiDisplayMode);\n  }, []);\n\n  // Build host context from state\n  const hostContext = useMemo<McpUiHostContext>(\n    () => ({\n      theme,\n      displayMode,\n      locale,\n      platform,\n      deviceCapabilities: { hover, touch },\n      safeAreaInsets,\n      ...(displayMode === 'pip' ? { containerDimensions: { maxHeight: containerMaxHeight } } : {}),\n    }),\n    [theme, displayMode, locale, platform, hover, touch, safeAreaInsets, containerMaxHeight]\n  );\n\n  // ── Tool data state ─────────────────────────────────────────────\n\n  // Parsed tool data (sent to host/iframe)\n  const [toolInput, setToolInput] = useState<Record<string, unknown>>(\n    () => selectedSim?.toolInput ?? {}\n  );\n  const [toolResult, setToolResult] = useState<CallToolResult | undefined>(\n    () => selectedSim?.toolResult as CallToolResult | undefined\n  );\n\n  // Editable JSON strings for sidebar\n  const [toolInputJson, setToolInputJson] = useState(() => JSON.stringify(toolInput, null, 2));\n  const [toolResultJson, setToolResultJson] = useState(() =>\n    JSON.stringify(toolResult ?? null, null, 2)\n  );\n\n  // Model context - bidirectional: shows what app sends, editable to inject state back\n  // When edited, gets merged into toolResult.structuredContent to send to app\n  const [modelContextJson, setModelContextJson] = useState<string>('null');\n  const [modelContext, setModelContext] = useState<Record<string, unknown> | null>(null);\n\n  // Track which field is being edited to prevent reset loops\n  const [editingField, setEditingField] = useState<string | null>(null);\n\n  // JSON validation errors\n  const [toolInputError, setToolInputError] = useState('');\n  const [toolResultError, setToolResultError] = useState('');\n  const [modelContextError, setModelContextError] = useState('');\n\n  // Reset tool data when simulation changes\n  // Note: editingField is intentionally NOT in deps - we check it inside to guard\n  // against overwriting user edits, but we don't want changes to editingField\n  // to trigger a re-run (which would reset values when editing ends)\n  useEffect(() => {\n    const newInput = selectedSim?.toolInput ?? {};\n    const newResult = (selectedSim?.toolResult as CallToolResult | undefined) ?? undefined;\n    setToolInput(newInput);\n    setToolResult(newResult);\n    if (editingField !== 'toolInput') {\n      setToolInputJson(JSON.stringify(newInput, null, 2));\n      setToolInputError('');\n    }\n    if (editingField !== 'toolResult') {\n      setToolResultJson(JSON.stringify(newResult ?? null, null, 2));\n      setToolResultError('');\n    }\n    if (editingField !== 'modelContext') {\n      setModelContextJson('null');\n      setModelContext(null);\n      setModelContextError('');\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedSimulationName, selectedSim]);\n\n  // Disallow PiP on mobile widths\n  useEffect(() => {\n    if (isMobileWidth(screenWidth) && displayMode === 'pip') {\n      _setDisplayMode('fullscreen');\n    }\n  }, [screenWidth, displayMode]);\n\n  // ── Host callbacks ──────────────────────────────────────────────\n\n  const handleDisplayModeChange = (mode: McpUiDisplayMode) => {\n    setDisplayMode(mode);\n  };\n\n  const handleUpdateModelContext = (content: unknown[], structuredContent?: unknown) => {\n    setModelContextJson(JSON.stringify(structuredContent ?? content, null, 2));\n  };\n\n  // ── JSON helpers ────────────────────────────────────────────────\n\n  const validateJSON = (\n    json: string,\n    setJson: (value: string) => void,\n    setError: (error: string) => void\n  ) => {\n    setJson(json);\n    try {\n      if (json.trim() !== '') JSON.parse(json);\n      setError('');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Invalid JSON');\n    }\n  };\n\n  const commitJSON = (\n    json: string,\n    setError: (error: string) => void,\n    updateFn: (value: Record<string, unknown> | null) => void\n  ) => {\n    try {\n      const parsed = json.trim() === '' ? null : JSON.parse(json);\n      setError('');\n      updateFn(parsed);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Invalid JSON');\n    } finally {\n      setEditingField(null);\n    }\n  };\n\n  // ── Content rendering ───────────────────────────────────────────\n\n  // Merge modelContext into toolResult.structuredContent when sending to app\n  // This simulates a host that round-trips app state (like ChatGPT's widgetState)\n  const effectiveToolResult = useMemo((): CallToolResult | undefined => {\n    if (!toolResult && !modelContext) return undefined;\n    if (!modelContext) return toolResult;\n\n    // Merge modelContext into structuredContent\n    const baseResult = toolResult ?? { content: [] };\n    const baseStructured = (baseResult.structuredContent as Record<string, unknown>) ?? {};\n    return {\n      ...baseResult,\n      structuredContent: { ...baseStructured, ...modelContext },\n    };\n  }, [toolResult, modelContext]);\n\n  // Get resource URL (dev mode) or script URL (production)\n  const resourceUrl = selectedSim?.resourceUrl;\n  const resourceScript = selectedSim?.resourceScript;\n\n  const csp = selectedSim ? extractResourceCSP(selectedSim.resource) : undefined;\n\n  // Build content based on rendering mode.\n  // All rendering goes through IframeResource for consistent behavior with ChatGPT.\n  const hasIframeContent = !!(resourceUrl || resourceScript);\n\n  // Content is transitioning when the display mode has changed but the iframe\n  // hasn't yet confirmed it has rendered with the new mode.\n  // For non-iframe content (children), there's no async rendering so no transition.\n  const isTransitioning = hasIframeContent && displayMode !== readyDisplayMode;\n\n  let content: React.ReactNode;\n  if (resourceUrl) {\n    // Dev mode: load HTML page directly (supports Vite HMR)\n    content = (\n      <IframeResource\n        src={resourceUrl}\n        hostContext={hostContext}\n        toolInput={toolInput}\n        toolResult={effectiveToolResult}\n        hostOptions={{\n          onDisplayModeChange: handleDisplayModeChange,\n          onUpdateModelContext: handleUpdateModelContext,\n        }}\n        onDisplayModeReady={handleDisplayModeReady}\n        debugInjectState={modelContext}\n        className=\"h-full w-full\"\n      />\n    );\n  } else if (resourceScript) {\n    // Production mode: generate HTML wrapper for script\n    content = (\n      <IframeResource\n        scriptSrc={resourceScript}\n        hostContext={hostContext}\n        toolInput={toolInput}\n        toolResult={effectiveToolResult}\n        csp={csp}\n        hostOptions={{\n          onDisplayModeChange: handleDisplayModeChange,\n          onUpdateModelContext: handleUpdateModelContext,\n        }}\n        onDisplayModeReady={handleDisplayModeReady}\n        debugInjectState={modelContext}\n        className=\"h-full w-full\"\n      />\n    );\n  } else {\n    content = children;\n  }\n\n  return (\n    <ThemeProvider theme={theme}>\n      <SimpleSidebar\n        controls={\n          <div className=\"space-y-2\">\n            {simulationNames.length > 1 && (\n              <SidebarControl label=\"Simulation\">\n                <SidebarSelect\n                  value={selectedSimulationName}\n                  onChange={(value) => setSelectedSimulationName(value)}\n                  options={simulationNames.map((name) => {\n                    const sim = simulations[name];\n                    const resourceTitle =\n                      (sim.resource.title as string | undefined) || sim.resource.name;\n                    const toolTitle = (sim.tool.title as string | undefined) || sim.tool.name;\n                    return {\n                      value: name,\n                      label: `${resourceTitle}: ${toolTitle}`,\n                    };\n                  })}\n                />\n              </SidebarControl>\n            )}\n\n            <SidebarControl label=\"Simulation Width\">\n              <SidebarSelect\n                value={screenWidth}\n                onChange={(value) => setScreenWidth(value as ScreenWidth)}\n                options={[\n                  { value: 'mobile-s', label: 'Mobile S (375px)' },\n                  { value: 'mobile-l', label: 'Mobile L (425px)' },\n                  { value: 'tablet', label: 'Tablet (768px)' },\n                  { value: 'full', label: '100% (Full)' },\n                ]}\n              />\n            </SidebarControl>\n\n            <SidebarCollapsibleControl label=\"Host Context\" defaultCollapsed={false}>\n              <div className=\"space-y-2\">\n                <SidebarControl label=\"Theme\">\n                  <SidebarToggle\n                    value={theme}\n                    onChange={(value) => setTheme(value as McpUiTheme)}\n                    options={[\n                      { value: 'light', label: 'Light' },\n                      { value: 'dark', label: 'Dark' },\n                    ]}\n                  />\n                </SidebarControl>\n\n                <SidebarControl label=\"Display Mode\">\n                  <SidebarToggle\n                    value={displayMode}\n                    onChange={(value) => setDisplayMode(value as McpUiDisplayMode)}\n                    options={[\n                      { value: 'inline', label: 'Inline' },\n                      { value: 'pip', label: 'PiP' },\n                      { value: 'fullscreen', label: 'Full' },\n                    ]}\n                  />\n                </SidebarControl>\n\n                <div className=\"grid grid-cols-2 gap-2\">\n                  <SidebarControl label=\"Locale\">\n                    <SidebarInput\n                      value={locale}\n                      onChange={(value) => setLocale(value)}\n                      placeholder=\"e.g. en-US\"\n                    />\n                  </SidebarControl>\n\n                  <SidebarControl label=\"Max Height (PiP)\">\n                    <SidebarInput\n                      type=\"number\"\n                      value={\n                        displayMode === 'pip' && containerMaxHeight !== undefined\n                          ? String(containerMaxHeight)\n                          : ''\n                      }\n                      onChange={(value) => {\n                        if (displayMode === 'pip') {\n                          setContainerMaxHeight(value ? Number(value) : 480);\n                        }\n                      }}\n                      placeholder={displayMode === 'pip' ? '480' : '-'}\n                      disabled={displayMode !== 'pip'}\n                    />\n                  </SidebarControl>\n                </div>\n\n                <SidebarControl label=\"Platform\">\n                  <SidebarSelect\n                    value={platform}\n                    onChange={(value) => {\n                      const p = value as Platform;\n                      setPlatform(p);\n                      // Set appropriate default capabilities based on platform\n                      if (p === 'mobile') {\n                        setHover(false);\n                        setTouch(true);\n                      } else if (p === 'desktop') {\n                        setHover(true);\n                        setTouch(false);\n                      } else {\n                        setHover(true);\n                        setTouch(false);\n                      }\n                    }}\n                    options={[\n                      { value: 'mobile', label: 'Mobile' },\n                      { value: 'desktop', label: 'Desktop' },\n                      { value: 'web', label: 'Web' },\n                    ]}\n                  />\n                </SidebarControl>\n\n                <div className=\"pl-4\">\n                  <SidebarControl label=\"Device Capabilities\">\n                    <div className=\"flex gap-2\">\n                      <SidebarCheckbox checked={hover} onChange={setHover} label=\"Hover\" />\n                      <SidebarCheckbox checked={touch} onChange={setTouch} label=\"Touch\" />\n                    </div>\n                  </SidebarControl>\n                </div>\n\n                <SidebarControl label=\"Safe Area Insets\">\n                  <div className=\"grid grid-cols-4 gap-1\">\n                    <div className=\"flex items-center gap-0.5\">\n                      <span\n                        className=\"text-[10px]\"\n                        style={{ color: 'var(--color-text-secondary)' }}\n                      >\n                        &uarr;\n                      </span>\n                      <SidebarInput\n                        type=\"number\"\n                        value={String(safeAreaInsets.top)}\n                        onChange={(value) =>\n                          setSafeAreaInsets((prev) => ({ ...prev, top: Number(value) }))\n                        }\n                      />\n                    </div>\n                    <div className=\"flex items-center gap-0.5\">\n                      <span\n                        className=\"text-[10px]\"\n                        style={{ color: 'var(--color-text-secondary)' }}\n                      >\n                        &darr;\n                      </span>\n                      <SidebarInput\n                        type=\"number\"\n                        value={String(safeAreaInsets.bottom)}\n                        onChange={(value) =>\n                          setSafeAreaInsets((prev) => ({ ...prev, bottom: Number(value) }))\n                        }\n                      />\n                    </div>\n                    <div className=\"flex items-center gap-0.5\">\n                      <span\n                        className=\"text-[10px]\"\n                        style={{ color: 'var(--color-text-secondary)' }}\n                      >\n                        &larr;\n                      </span>\n                      <SidebarInput\n                        type=\"number\"\n                        value={String(safeAreaInsets.left)}\n                        onChange={(value) =>\n                          setSafeAreaInsets((prev) => ({ ...prev, left: Number(value) }))\n                        }\n                      />\n                    </div>\n                    <div className=\"flex items-center gap-0.5\">\n                      <span\n                        className=\"text-[10px]\"\n                        style={{ color: 'var(--color-text-secondary)' }}\n                      >\n                        &rarr;\n                      </span>\n                      <SidebarInput\n                        type=\"number\"\n                        value={String(safeAreaInsets.right)}\n                        onChange={(value) =>\n                          setSafeAreaInsets((prev) => ({ ...prev, right: Number(value) }))\n                        }\n                      />\n                    </div>\n                  </div>\n                </SidebarControl>\n              </div>\n            </SidebarCollapsibleControl>\n\n            <SidebarCollapsibleControl label=\"App Context\" defaultCollapsed>\n              <SidebarTextarea\n                value={modelContextJson}\n                onChange={(json) => validateJSON(json, setModelContextJson, setModelContextError)}\n                onFocus={() => setEditingField('modelContext')}\n                onBlur={() =>\n                  commitJSON(modelContextJson, setModelContextError, (parsed) => {\n                    setModelContext(parsed as Record<string, unknown> | null);\n                  })\n                }\n                error={modelContextError}\n                maxRows={8}\n              />\n            </SidebarCollapsibleControl>\n\n            <SidebarCollapsibleControl label=\"Tool Input (JSON)\">\n              <SidebarTextarea\n                value={toolInputJson}\n                onChange={(json) => validateJSON(json, setToolInputJson, setToolInputError)}\n                onFocus={() => setEditingField('toolInput')}\n                onBlur={() =>\n                  commitJSON(toolInputJson, setToolInputError, (parsed) =>\n                    setToolInput((parsed as Record<string, unknown>) ?? {})\n                  )\n                }\n                error={toolInputError}\n                maxRows={8}\n              />\n            </SidebarCollapsibleControl>\n\n            <SidebarCollapsibleControl label=\"Tool Result (JSON)\">\n              <SidebarTextarea\n                value={toolResultJson}\n                onChange={(json) => validateJSON(json, setToolResultJson, setToolResultError)}\n                onFocus={() => setEditingField('toolResult')}\n                onBlur={() =>\n                  commitJSON(toolResultJson, setToolResultError, (parsed) => {\n                    if (parsed === null) {\n                      setToolResult(undefined);\n                    } else {\n                      // Wrap raw object as structuredContent in a CallToolResult\n                      const result = parsed as Record<string, unknown>;\n                      if ('content' in result || 'structuredContent' in result) {\n                        setToolResult(result as CallToolResult);\n                      } else {\n                        setToolResult({ content: [], structuredContent: result });\n                      }\n                    }\n                  })\n                }\n                error={toolResultError}\n                maxRows={8}\n              />\n            </SidebarCollapsibleControl>\n          </div>\n        }\n      >\n        <Conversation\n          screenWidth={screenWidth}\n          displayMode={displayMode}\n          platform={platform}\n          onRequestDisplayMode={handleDisplayModeChange}\n          appName={appName}\n          appIcon={appIcon}\n          userMessage={selectedSim?.userMessage}\n          isTransitioning={isTransitioning}\n          key={selectedSimulationName}\n        >\n          {content}\n        </Conversation>\n      </SimpleSidebar>\n    </ThemeProvider>\n  );\n}\n"],"names":["content"],"mappings":"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"}

package/dist/index-Dr-L0Nb3.cjs

@@ -0,0 +1,43 @@
+"use strict";
+const simulatorUrl = require("./simulator-url-uNqOCaPJ.cjs");
+require("./claude-host-C7KPfOM8.cjs");
+const simulator = require("./simulator-BqZmzFVR.cjs");
+const discovery = require("./discovery-CRR3SlyI.cjs");
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  IframeResource: simulator.IframeResource,
+  McpAppHost: simulator.McpAppHost,
+  SCREEN_WIDTHS: simulator.SCREEN_WIDTHS,
+  SidebarCheckbox: simulator.SidebarCheckbox,
+  SidebarCollapsibleControl: simulator.SidebarCollapsibleControl,
+  SidebarControl: simulator.SidebarControl,
+  SidebarInput: simulator.SidebarInput,
+  SidebarSelect: simulator.SidebarSelect,
+  SidebarTextarea: simulator.SidebarTextarea,
+  SidebarToggle: simulator.SidebarToggle,
+  SimpleSidebar: simulator.SimpleSidebar,
+  Simulator: simulator.Simulator,
+  ThemeProvider: simulator.ThemeProvider,
+  buildDevSimulations: discovery.buildDevSimulations,
+  buildResourceMap: discovery.buildResourceMap,
+  buildSimulations: discovery.buildSimulations,
+  createResourceExports: discovery.createResourceExports,
+  createSimulatorUrl: simulatorUrl.createSimulatorUrl,
+  extractResourceCSP: simulator.extractResourceCSP,
+  extractResourceKey: discovery.extractResourceKey,
+  extractSimulationKey: discovery.extractSimulationKey,
+  extractSimulationName: discovery.extractSimulationName,
+  findResourceDirs: discovery.findResourceDirs,
+  findResourceKey: discovery.findResourceKey,
+  findSimulationFiles: discovery.findSimulationFiles,
+  getComponentName: discovery.getComponentName,
+  getHostShell: simulator.getHostShell,
+  getRegisteredHosts: simulator.getRegisteredHosts,
+  isSimulationFile: discovery.isSimulationFile,
+  registerHostShell: simulator.registerHostShell,
+  toPascalCase: discovery.toPascalCase,
+  useSimulatorState: simulator.useSimulatorState,
+  useThemeContext: simulator.useThemeContext
+}, Symbol.toStringTag, { value: "Module" }));
+exports.index = index;
+//# sourceMappingURL=index-Dr-L0Nb3.cjs.map

package/dist/index-Dr-L0Nb3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Dr-L0Nb3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}