sunpeak 0.17.7 → 0.18.1

package/README.md

@@ -16,47 +16,48 @@
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.9-blue?style=flat&logo=typescript&label=ts&color=FFB800&logoColor=white&labelColor=000035)](https://www.typescriptlang.org/)
 [![React](https://img.shields.io/badge/React-19-blue?style=flat&logo=react&label=react&color=FFB800&logoColor=white&labelColor=000035)](https://reactjs.org/)
 
-Local-first MCP Apps framework.
+Inspector, testing framework, and app framework for MCP Apps.
 
-Quickstart, build, test, and ship your Claude Connector or ChatGPT App!
-
-[Demo (Hosted)](https://sunpeak.ai/simulator) ~
+[Demo (Hosted)](https://sunpeak.ai/inspector) ~
 [Demo (Video)](https://cdn.sunpeak.ai/sunpeak-demo-prod.mp4) ~
 [Discord](https://discord.gg/FB2QNXqRnw) ~
 [Documentation](https://sunpeak.ai/docs) ~
 [GitHub](https://github.com/Sunpeak-AI/sunpeak)
 
-<div align="center">
-  <a href="https://sunpeak.ai/docs/library/simulator">
-    <picture>
-      <img alt="Simulator" src="https://cdn.sunpeak.ai/chatgpt-simulator.png">
-    </picture>
-  </a>
-</div>
+## sunpeak is three things
 
-## Quickstart
+### 1. Inspector
 
-Requirements: Node (20+), pnpm (10+)
+Test any MCP server in replicated ChatGPT and Claude runtimes — no sunpeak project required.
 
 ```bash
-pnpm add -g sunpeak
-sunpeak new
+sunpeak inspect --server http://localhost:8000/mcp
 ```
 
-## Overview
+<div align="center">
+  <a href="https://sunpeak.ai/docs/mcp-apps-inspector">
+    <picture>
+      <img alt="Inspector" src="https://cdn.sunpeak.ai/chatgpt-simulator.png">
+    </picture>
+  </a>
+</div>
+
+- Multi-host inspector replicating ChatGPT and Claude runtimes
+- Toggle themes, display modes, device types from the sidebar or URL params
+- Call real tool handlers or use simulation fixtures for mock data
+- Built into `sunpeak dev` for framework users
 
-`sunpeak` is an npm package that helps you build MCP Apps (interactive UI [resources](https://sunpeak.ai/docs/mcp-apps/mcp/resources)) while keeping your [MCP server](https://sunpeak.ai/docs/mcp-apps/mcp/overview) client-agnostic. Built on the [MCP Apps SDK](https://github.com/modelcontextprotocol/ext-apps) (`@modelcontextprotocol/ext-apps`). `sunpeak` consists of:
+### 2. Testing Framework
 
-### The `sunpeak` library
+E2E tests against simulated hosts and live tests against real production hosts.
 
-1. Runtime APIs: Strongly typed React hooks for interacting with the host runtime (`useApp`, `useToolData`, `useAppState`, `useHostContext`, `useUpdateModelContext`, `useAppTools`), architected to **support generic and platform-specific features** (ChatGPT, Claude, etc.). Host-specific hooks like `useUploadFile`, `useRequestModal`, and `useRequestCheckout` are available via `sunpeak/host/chatgpt`, with `isChatGPT()` / `isClaude()` host detection via `sunpeak/host`.
-2. Multi-host simulator: React component replicating host runtimes (ChatGPT, Claude) to **test Apps locally and automatically** via UI, props, or URL parameters.
-3. Live testing: **Automated tests against real ChatGPT** — opens your browser, sends messages, validates your app renders correctly inside the real host. No more manual testing.
-4. MCP server: Serve Resources with mock data to hosts like ChatGPT and Claude with HMR (**no more cache issues or 5-click manual refreshes**).
+- **Simulations**: JSON fixtures defining reproducible tool states ([example below](#simulation))
+- **E2E tests**: Playwright + `createInspectorUrl` against the inspector ([example below](#inspector))
+- **Live tests**: Automated browser tests against real ChatGPT via `sunpeak/test`
 
-### The `sunpeak` framework
+### 3. App Framework
 
-Next.js for MCP Apps. Using an example App `sunpeak-app` with a `Review` UI ([MCP resource](https://sunpeak.ai/docs/mcp-apps/mcp/resources)), `sunpeak` projects look like:
+Next.js for MCP Apps. Convention-over-configuration project structure with the inspector and testing built in.
 
 ```bash
 sunpeak-app/
@@ -76,26 +77,33 @@ sunpeak-app/
 └── package.json
 ```
 
-1. Project scaffold: Complete development setup with the `sunpeak` library.
-2. UI components: Production-ready components following MCP App design guidelines.
-3. Convention over configuration:
-   1. Create a UI by creating a `.tsx` file in `src/resources/{name}/` that exports a `ResourceConfig` and a React component ([example below](#resource-component)).
-   2. Create a tool by creating a `.ts` file in `src/tools/` that exports `tool` (metadata with optional resource link), `schema` (Zod), and a `default` handler ([example below](#tool-file)). Tools without a `resource` field are registered as plain MCP tools (no UI).
-   3. Create test state (`Simulation`s) by creating a `.json` file in `tests/simulations/` ([example below](#simulation)).
+- **Runtime APIs**: Strongly typed React hooks (`useToolData`, `useAppState`, `useHostContext`, etc.)
+- **Convention over configuration**: Resources, tools, and simulations are auto-discovered
+- **Multi-platform**: Build once, deploy to ChatGPT, Claude, and future hosts
+
+## Quickstart
+
+Requirements: Node (20+), pnpm (10+)
 
-### The `sunpeak` CLI
+```bash
+pnpm add -g sunpeak
+sunpeak new
+```
 
-Commands for managing MCP Apps:
+## CLI
 
-- `sunpeak new [name] [resources]` - Create a new project
-- `sunpeak dev` - Start dev server with MCP endpoint and live simulator
-- `sunpeak build` - Build resources and compile tools for production
-- `sunpeak start` - Start the production MCP server (real handlers, auth, Zod validation)
-- `sunpeak upgrade` - Upgrade sunpeak to latest version
+| Command                               | Description                                 |
+| ------------------------------------- | ------------------------------------------- |
+| `sunpeak new [name] [resources]`      | Create a new project                        |
+| `sunpeak dev`                         | Start dev server + inspector + MCP endpoint |
+| `sunpeak inspect --server <url\|cmd>` | Inspect any MCP server (standalone)         |
+| `sunpeak build`                       | Build resources + tools for production      |
+| `sunpeak start`                       | Start production MCP server                 |
+| `sunpeak upgrade`                     | Upgrade sunpeak to latest version           |
 
 ## Example App
 
-Example `Resource`, `Simulation`, and testing file (using the `Simulator`) for an [MCP resource](https://sunpeak.ai/docs/mcp-apps/mcp/resources) called "Review".
+Example `Resource`, `Simulation`, and testing file (using the `Inspector`) for an [MCP resource](https://sunpeak.ai/docs/mcp-apps/mcp/resources) called "Review".
 
 ### `Resource` Component
 
@@ -151,7 +159,7 @@ export default async function (args: Args, extra: ToolHandlerExtra) {
 
 ### `Simulation`
 
-Simulation files provide fixture data for testing. Each references a tool by filename and contains the mock input/output:
+Simulation files provide fixture data for testing UIs. Each references a tool by filename and contains the mock input/output:
 
 ```jsonc
 // tests/simulations/review-diff.json
@@ -172,7 +180,7 @@ Simulation files provide fixture data for testing. Each references a tool by fil
 }
 ```
 
-### `Simulator`
+### `Inspector`
 
 ```bash
 ├── tests/e2e/
@@ -180,15 +188,15 @@ Simulation files provide fixture data for testing. Each references a tool by fil
 └── package.json
 ```
 
-The `Simulator` allows you to set **host state** (like host platform, light/dark mode) via URL params, which can be rendered alongside your `Simulation`s and tested via pre-configured Playwright end-to-end tests (`.spec.ts`).
+The `Inspector` allows you to set **host state** (like host platform, light/dark mode) via URL params, which can be rendered alongside your `Simulation`s and tested via pre-configured Playwright end-to-end tests (`.spec.ts`).
 
-Using the `Simulator` and `Simulation`s, you can test all possible App states locally and automatically across hosts (ChatGPT, Claude)!
+Using the `Inspector` and `Simulation`s, you can test all possible App states locally and automatically across hosts (ChatGPT, Claude)!
 
 ```ts
 // tests/e2e/review.spec.ts
 
 import { test, expect } from '@playwright/test';
-import { createSimulatorUrl } from 'sunpeak/simulator';
+import { createInspectorUrl } from 'sunpeak/inspector';
 
 const hosts = ['chatgpt', 'claude'] as const;
 
@@ -197,7 +205,7 @@ for (const host of hosts) {
     test.describe('Light Mode', () => {
       test('should render review title with correct styles', async ({ page }) => {
         const params = { simulation: 'review-diff', theme: 'light', host }; // Set sim & host state.
-        await page.goto(createSimulatorUrl(params));
+        await page.goto(createInspectorUrl(params));
 
         // Resource content renders inside an iframe
         const iframe = page.frameLocator('iframe');

package/bin/commands/dev.mjs

@@ -128,8 +128,8 @@ function startBuildWatcher(projectRoot, resourcesDir, mcpHandle, { skipInitialBu
  * Start the Vite development server.
  *
  * Starts the MCP server (with Vite HMR for resources) and then launches the
- * inspector UI pointed at it. The inspector handles the simulator UI, tool call
- * proxying, and resource loading — all through the MCP protocol.
+ * inspector pointed at it. The inspector handles the UI, tool call proxying,
+ * and resource loading — all through the MCP protocol.
  */
 export async function dev(projectRoot = process.cwd(), args = []) {
   // Check for package.json
@@ -511,8 +511,8 @@ if (import.meta.hot) {
   startBuildWatcher(projectRoot, resourcesDir, mcpHandle, { skipInitialBuild: isProdResources });
 
   // Launch the inspector UI pointed at the local MCP server.
-  // This serves the simulator UI via Vite, connecting to our MCP server as a client.
-  // In framework mode, the simulator shows prod-tools/prod-resources toggles instead
+  // This serves the inspector UI via Vite, connecting to our MCP server as a client.
+  // In framework mode, the inspector shows prod-tools/prod-resources toggles instead
   // of the server URL input.
   const mcpUrl = `http://localhost:${mcpPort}/mcp`;
   await inspectServer({
@@ -531,9 +531,8 @@ if (import.meta.hot) {
     // The Tailwind plugin is also passed so source CSS (@import "tailwindcss") is processed.
     ...(isTemplate && {
       resolveAlias: {
-        'sunpeak/simulator': resolve(parentSrc, 'simulator/index.ts'),
+        'sunpeak/inspector': resolve(parentSrc, 'inspector/index.ts'),
         'sunpeak/style.css': resolve(parentSrc, 'style.css'),
-        'sunpeak/chatgpt/globals.css': resolve(parentSrc, 'chatgpt/globals.css'),
       },
       vitePlugins: [tailwindcss()],
       viteCssConfig: lightningcssConfig,

package/bin/commands/inspect.mjs

@@ -1,12 +1,12 @@
 /**
- * `sunpeak inspect` — Connect to an external MCP server and launch the simulator.
+ * `sunpeak inspect` — Connect to an external MCP server and launch the inspector.
  *
- * This command lets users test their own MCP server in the sunpeak simulator
+ * This command lets users test their own MCP server in the sunpeak inspector
  * without adopting the sunpeak framework conventions. It connects to the server
- * via MCP protocol, discovers tools and resources, and serves the simulator UI.
+ * via MCP protocol, discovers tools and resources, and serves the inspector UI.
  *
  * The core logic lives in `inspectServer()`, which is also used by `sunpeak dev`
- * to serve the simulator UI pointed at the local MCP server.
+ * to serve the inspector UI pointed at the local MCP server.
  *
  * Usage:
  *   sunpeak inspect --server http://localhost:8000/mcp
@@ -57,7 +57,7 @@ function parseArgs(args) {
 
 function printHelp() {
   console.log(`
-sunpeak inspect — Test an external MCP server in the simulator
+sunpeak inspect — Test an external MCP server in the inspector
 
 Usage:
   sunpeak inspect --server <url-or-command>
@@ -66,7 +66,7 @@ Options:
   --server, -s <url|cmd>     MCP server URL or stdio command (required)
   --simulations <dir>        Simulation JSON directory (opt-in, no default)
   --port, -p <number>        Dev server port (default: 3000)
-  --name <string>            App name in simulator chrome
+  --name <string>            App name in inspector chrome
   --help, -h                 Show this help
 
 Examples:
@@ -210,7 +210,7 @@ function mergeSimulationFixtures(dir, simulations) {
  * @param {string} appName - Display name
  * @param {string|null} appIcon - Icon URL or emoji
  * @param {string} sandboxUrl - Sandbox server URL
- * @param {{ defaultProdResources?: boolean, hideSimulatorModes?: boolean }} [modeFlags] - Mode toggles
+ * @param {{ defaultProdResources?: boolean, hideInspectorModes?: boolean }} [modeFlags] - Mode toggles
  */
 function sunpeakInspectVirtualPlugin(simulations, serverUrl, appName, appIcon, sandboxUrl, modeFlags = {}) {
   const ENTRY_ID = 'virtual:sunpeak-inspect-entry';
@@ -227,16 +227,15 @@ function sunpeakInspectVirtualPlugin(simulations, serverUrl, appName, appIcon, s
       return `
 import { createElement, StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { Simulator } from 'sunpeak/simulator';
+import { Inspector } from 'sunpeak/inspector';
 import 'sunpeak/style.css';
-import 'sunpeak/chatgpt/globals.css';
 
 const simulations = ${JSON.stringify(simulations)};
 const appName = ${JSON.stringify(appName ?? 'MCP Inspector')};
 const appIcon = ${JSON.stringify(appIcon ?? null)};
 const sandboxUrl = ${JSON.stringify(sandboxUrl)};
 const defaultProdResources = ${JSON.stringify(modeFlags.defaultProdResources ?? false)};
-const hideSimulatorModes = ${JSON.stringify(modeFlags.hideSimulatorModes ?? false)};
+const hideInspectorModes = ${JSON.stringify(modeFlags.hideInspectorModes ?? false)};
 
 const onCallTool = async (params) => {
   const res = await fetch('/__sunpeak/call-tool', {
@@ -259,7 +258,7 @@ const onCallToolDirect = async (params) => {
 const root = createRoot(document.getElementById('root'));
 root.render(
   createElement(StrictMode, null,
-    createElement(Simulator, {
+    createElement(Inspector, {
       simulations,
       mcpServerUrl: ${JSON.stringify(serverUrl)},
       appName,
@@ -268,7 +267,7 @@ root.render(
       onCallTool,
       onCallToolDirect,
       defaultProdResources,
-      hideSimulatorModes,
+      hideInspectorModes,
     })
   )
 );
@@ -492,7 +491,7 @@ function readRequestBody(req) {
 
 /**
  * Core inspect server logic. Connects to an MCP server, discovers tools/resources,
- * merges simulation fixtures, and serves the simulator UI via Vite.
+ * merges simulation fixtures, and serves the inspector UI via Vite.
  *
  * Used by both `sunpeak inspect` (CLI) and `sunpeak dev` (programmatic).
  *
@@ -621,7 +620,7 @@ export async function inspectServer(opts) {
 </body>
 </html>`;
 
-  const simulatorServerUrl = serverArg;
+  const inspectorServerUrl = serverArg;
 
   // Create the Vite server.
   // Use the sunpeak package dir as root to avoid scanning the user's project
@@ -636,11 +635,11 @@ export async function inspectServer(opts) {
       ...extraVitePlugins,
       sunpeakInspectVirtualPlugin(
         simulations,
-        simulatorServerUrl,
+        inspectorServerUrl,
         serverAppName,
         serverAppIcon,
         sandbox.url,
-        { defaultProdResources, hideSimulatorModes: !frameworkMode }
+        { defaultProdResources, hideInspectorModes: !frameworkMode }
       ),
       sunpeakInspectEndpointsPlugin(
         () => mcpConnection.client,
@@ -648,9 +647,9 @@ export async function inspectServer(opts) {
         { callToolDirect: opts.callToolDirect, simulationsDir }
       ),
       // Serve /dist/{name}/{name}.html from the project directory (for Prod Resources mode).
-      // The Simulator polls these paths via HEAD to check if built resources exist.
+      // The Inspector polls these paths via HEAD to check if built resources exist.
       // Only intercepts .html files under /dist/ — other /dist/ paths (like sunpeak's
-      // own dist/simulator/index.js) must fall through to Vite's module resolution.
+      // own dist/inspector/index.js) must fall through to Vite's module resolution.
       ...(projectRoot ? [{
         name: 'sunpeak-dist-serve',
         configureServer(server) {

package/bin/lib/inspect/inspect-config.d.mts

@@ -7,7 +7,7 @@ export interface InspectConfigOptions {
   simulationsDir?: string;
   /** Host shells to test (default: ['chatgpt', 'claude']) */
   hosts?: ('chatgpt' | 'claude')[];
-  /** App name in simulator chrome */
+  /** App name in inspector chrome */
   name?: string;
   /** Additional Playwright `use` options */
   use?: Record<string, unknown>;
@@ -15,6 +15,6 @@ export interface InspectConfigOptions {
 
 /**
  * Create a complete Playwright config for testing an external MCP server
- * using the sunpeak simulator.
+ * using the sunpeak inspector.
  */
 export function defineInspectConfig(options: InspectConfigOptions): Record<string, unknown>;

package/bin/lib/inspect/inspect-config.mjs

@@ -2,7 +2,7 @@
  * Playwright config factory for inspect mode (BYOS — Bring Your Own Server).
  *
  * Generates a complete Playwright config that starts `sunpeak inspect` as the
- * webServer and runs e2e tests against the simulator. Follows the same pattern
+ * webServer and runs e2e tests against the inspector. Follows the same pattern
  * as `defineLiveConfig` for live tests.
  *
  * Usage in playwright.config.ts:
@@ -21,7 +21,7 @@ import { getPortSync } from '../get-port.mjs';
  * @param {string} [options.testDir='tests/e2e'] - Test directory
  * @param {string} [options.simulationsDir='tests/simulations'] - Simulation JSON directory
  * @param {string[]} [options.hosts=['chatgpt', 'claude']] - Host shells to test
- * @param {string} [options.name] - App name in simulator chrome
+ * @param {string} [options.name] - App name in inspector chrome
  * @param {Object} [options.use] - Additional Playwright `use` options
  * @returns {import('@playwright/test').PlaywrightTestConfig}
  */

package/bin/lib/live/chatgpt-page.mjs

@@ -11,13 +11,13 @@ import { HostPage } from './host-page.mjs';
 /**
  * All ChatGPT DOM selectors in one place for easy maintenance.
  *
- * Last verified: 2026-03-17 via live Playwright inspection.
+ * Last verified: 2026-03-24 via live Playwright inspection.
  */
 const SELECTORS = {
   // Chat interface
   chatInput: '#prompt-textarea',
   sendButton: '[data-testid="send-button"]',
-  newChatLink: 'a:has-text("New chat")',
+  newChatLink: '[data-testid="create-new-chat-button"]',
 
   // Login detection — ChatGPT renders two profile buttons (sidebar compact + expanded); always use .first().
   loggedInIndicator: '[data-testid="accounts-profile-button"]',

package/bin/lib/live/host-page.mjs

@@ -181,14 +181,9 @@ export class HostPage {
    * Start a new chat conversation.
    */
   async startNewChat() {
-    const newChatLink = this.page.locator(this.selectors.newChatLink).first();
-    const isVisible = await newChatLink.isVisible().catch(() => false);
-    if (isVisible) {
-      await newChatLink.click();
-    } else {
-      await this.page.goto(this.urls.base, { waitUntil: 'domcontentloaded' });
-    }
-
+    // Navigate directly rather than clicking — ChatGPT's sidebar compact
+    // icon can overlay the "New chat" link and intercept pointer events.
+    await this.page.goto(this.urls.base, { waitUntil: 'domcontentloaded' });
     await this.page.locator(this.selectors.chatInput).waitFor({ timeout: 10_000 });
   }
 

package/bin/lib/sandbox-server.mjs

@@ -1,5 +1,5 @@
 /**
- * Separate-origin sandbox server for the simulator's double-iframe architecture.
+ * Separate-origin sandbox server for the inspector's double-iframe architecture.
  *
  * Real hosts (ChatGPT, Claude) run the sandbox proxy iframe on a separate origin
  * (e.g., web-sandbox.oaiusercontent.com). This server replicates that by serving
@@ -10,7 +10,7 @@
  *   - document.referrer is empty (cross-origin navigation)
  *   - The iframe sandbox attribute behaves identically to production
  *
- * The server is started by `sunpeak dev` and its URL is injected into the Simulator
+ * The server is started by `sunpeak dev` and its URL is injected into the Inspector
  * via `__SUNPEAK_SANDBOX_URL__`.
  *
  * NOTE: The proxy HTML and mock openai script are duplicated from sandbox-proxy.ts
@@ -287,18 +287,18 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
  */
 const MOCK_OPENAI_SCRIPT = [
   'window.openai={',
-  'uploadFile:function(f){console.log("[Simulator] uploadFile:",f.name);',
+  'uploadFile:function(f){console.log("[Inspector] uploadFile:",f.name);',
   'return Promise.resolve({fileId:"sim_file_"+Date.now()})},',
-  'getFileDownloadUrl:function(p){console.log("[Simulator] getFileDownloadUrl:",p.fileId);',
-  'return Promise.resolve({downloadUrl:"https://simulator.local/files/"+p.fileId})},',
-  'requestModal:function(p){console.log("[Simulator] requestModal:",JSON.stringify(p));',
+  'getFileDownloadUrl:function(p){console.log("[Inspector] getFileDownloadUrl:",p.fileId);',
+  'return Promise.resolve({downloadUrl:"https://inspector.local/files/"+p.fileId})},',
+  'requestModal:function(p){console.log("[Inspector] requestModal:",JSON.stringify(p));',
   'return Promise.resolve()},',
-  'requestCheckout:function(s){console.log("[Simulator] requestCheckout:",JSON.stringify(s));',
+  'requestCheckout:function(s){console.log("[Inspector] requestCheckout:",JSON.stringify(s));',
   'return Promise.resolve({id:"sim_order_"+Date.now(),checkout_session_id:s.id||"sim_session",status:"completed"})},',
-  'requestClose:function(){console.log("[Simulator] requestClose")},',
-  'requestDisplayMode:function(p){console.log("[Simulator] requestDisplayMode:",p.mode);',
+  'requestClose:function(){console.log("[Inspector] requestClose")},',
+  'requestDisplayMode:function(p){console.log("[Inspector] requestDisplayMode:",p.mode);',
   'return Promise.resolve()},',
-  'sendFollowUpMessage:function(p){console.log("[Simulator] sendFollowUpMessage:",p.prompt)},',
-  'openExternal:function(p){console.log("[Simulator] openExternal:",p.href);window.open(p.href,"_blank")}',
+  'sendFollowUpMessage:function(p){console.log("[Inspector] sendFollowUpMessage:",p.prompt)},',
+  'openExternal:function(p){console.log("[Inspector] openExternal:",p.href);window.open(p.href,"_blank")}',
   '};',
 ].join('');

package/bin/sunpeak.js

@@ -95,19 +95,19 @@ function getVersion() {
       {
         const resources = discoverResources();
         console.log(`
-☀️ 🏔️ sunpeak - The ChatGPT App framework
+☀️ 🏔️ sunpeak - Inspector, testing framework, and app framework for MCP Apps
 
 Install:
   pnpm add -g sunpeak
 
 Usage:
   sunpeak new [name] [resources]  Create a new project
-  sunpeak dev              Start dev server + MCP endpoint
+  sunpeak dev              Start dev server + inspector + MCP endpoint
     --no-begging           Suppress GitHub star message
   sunpeak build            Build resources + tools for production
   sunpeak start            Start production MCP server
     --port, -p             Server port (default: 8000, or PORT env)
-  sunpeak inspect           Test an external MCP server in the simulator
+  sunpeak inspect          Inspect any MCP server in the inspector
     --server, -s <url|cmd> MCP server URL or stdio command (required)
     --simulations <dir>    Simulation JSON directory
   sunpeak upgrade          Upgrade sunpeak to latest version

package/dist/chatgpt/chatgpt-conversation.d.ts

@@ -1,4 +1,4 @@
-import { ScreenWidth } from '../simulator/simulator-types';
+import { ScreenWidth } from '../inspector/inspector-types';
 import { McpUiDisplayMode, McpUiHostContext } from '@modelcontextprotocol/ext-apps';
 import * as React from 'react';
 type Platform = NonNullable<McpUiHostContext['platform']>;

package/dist/chatgpt/index.cjs

@@ -1,48 +1,48 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../chunk-9hOWP6kD.cjs");
 require("../protocol-jbxhzcnS.cjs");
-const require_simulator = require("../simulator-eU6sQTje.cjs");
-const require_simulator_url = require("../simulator-url-3ATCsPOT.cjs");
+const require_inspector = require("../inspector-CByJjmPD.cjs");
+const require_inspector_url = require("../inspector-url-7qhtJwY6.cjs");
 const require_discovery = require("../discovery-Clu4uHp1.cjs");
 //#region src/chatgpt/index.ts
 var chatgpt_exports = /* @__PURE__ */ require_chunk.__exportAll({
-	IframeResource: () => require_simulator.IframeResource,
-	McpAppHost: () => require_simulator.McpAppHost,
-	SCREEN_WIDTHS: () => require_simulator.SCREEN_WIDTHS,
-	Simulator: () => require_simulator.Simulator,
-	ThemeProvider: () => require_simulator.ThemeProvider,
-	createSimulatorUrl: () => require_simulator_url.createSimulatorUrl,
-	extractResourceCSP: () => require_simulator.extractResourceCSP,
+	IframeResource: () => require_inspector.IframeResource,
+	Inspector: () => require_inspector.Inspector,
+	McpAppHost: () => require_inspector.McpAppHost,
+	SCREEN_WIDTHS: () => require_inspector.SCREEN_WIDTHS,
+	ThemeProvider: () => require_inspector.ThemeProvider,
+	createInspectorUrl: () => require_inspector_url.createInspectorUrl,
+	extractResourceCSP: () => require_inspector.extractResourceCSP,
 	extractResourceKey: () => require_discovery.extractResourceKey,
 	extractSimulationKey: () => require_discovery.extractSimulationKey,
 	findResourceDirs: () => require_discovery.findResourceDirs,
 	findResourceKey: () => require_discovery.findResourceKey,
 	getComponentName: () => require_discovery.getComponentName,
-	resolveServerToolResult: () => require_simulator.resolveServerToolResult,
+	resolveServerToolResult: () => require_inspector.resolveServerToolResult,
 	toPascalCase: () => require_discovery.toPascalCase,
-	useThemeContext: () => require_simulator.useThemeContext
+	useThemeContext: () => require_inspector.useThemeContext
 });
 //#endregion
-exports.IframeResource = require_simulator.IframeResource;
-exports.McpAppHost = require_simulator.McpAppHost;
-exports.SCREEN_WIDTHS = require_simulator.SCREEN_WIDTHS;
-exports.Simulator = require_simulator.Simulator;
-exports.ThemeProvider = require_simulator.ThemeProvider;
+exports.IframeResource = require_inspector.IframeResource;
+exports.Inspector = require_inspector.Inspector;
+exports.McpAppHost = require_inspector.McpAppHost;
+exports.SCREEN_WIDTHS = require_inspector.SCREEN_WIDTHS;
+exports.ThemeProvider = require_inspector.ThemeProvider;
 Object.defineProperty(exports, "chatgpt_exports", {
 	enumerable: true,
 	get: function() {
 		return chatgpt_exports;
 	}
 });
-exports.createSimulatorUrl = require_simulator_url.createSimulatorUrl;
-exports.extractResourceCSP = require_simulator.extractResourceCSP;
+exports.createInspectorUrl = require_inspector_url.createInspectorUrl;
+exports.extractResourceCSP = require_inspector.extractResourceCSP;
 exports.extractResourceKey = require_discovery.extractResourceKey;
 exports.extractSimulationKey = require_discovery.extractSimulationKey;
 exports.findResourceDirs = require_discovery.findResourceDirs;
 exports.findResourceKey = require_discovery.findResourceKey;
 exports.getComponentName = require_discovery.getComponentName;
-exports.resolveServerToolResult = require_simulator.resolveServerToolResult;
+exports.resolveServerToolResult = require_inspector.resolveServerToolResult;
 exports.toPascalCase = require_discovery.toPascalCase;
-exports.useThemeContext = require_simulator.useThemeContext;
+exports.useThemeContext = require_inspector.useThemeContext;
 
 //# sourceMappingURL=index.cjs.map

package/dist/chatgpt/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/chatgpt/index.ts"],"sourcesContent":["/**\n * ChatGPT-specific exports for the Sunpeak simulator.\n *\n * @module sunpeak/chatgpt\n */\n\n// Register ChatGPT host shell (side effect)\nimport './chatgpt-host';\n\n// Simulator\nexport { Simulator } from '../simulator/simulator';\n\n// Simulator types\nexport type { Simulation, ServerToolMock } from '../types/simulation';\nexport { resolveServerToolResult } from '../types/simulation';\nexport type { ScreenWidth, SimulatorConfig } from '../simulator/simulator-types';\nexport { SCREEN_WIDTHS } from '../simulator/simulator-types';\n\n// Host bridge (for building custom simulators or test harnesses)\nexport { McpAppHost } from '../simulator/mcp-app-host';\nexport type { McpAppHostOptions } from '../simulator/mcp-app-host';\n\n// Iframe rendering (used internally by simulator)\nexport { IframeResource, extractResourceCSP } from '../simulator/iframe-resource';\nexport type { ResourceCSP } from '../simulator/iframe-resource';\n\n// Theme provider\nexport * from '../simulator/theme-provider';\n\n// URL helpers\nexport { createSimulatorUrl } from '../simulator/simulator-url';\nexport type { SimulatorUrlParams } from '../simulator/simulator-url';\n\n// Discovery utilities\nexport {\n  toPascalCase,\n  extractResourceKey,\n  extractSimulationKey,\n  findResourceKey,\n  getComponentName,\n  findResourceDirs,\n} from '../lib/discovery';\nexport type { ResourceDirInfo, FsOps } from '../lib/discovery';\n"],"mappings":""}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/chatgpt/index.ts"],"sourcesContent":["/**\n * ChatGPT-specific exports for the Sunpeak inspector.\n *\n * @module sunpeak/chatgpt\n */\n\n// Register ChatGPT host shell (side effect)\nimport './chatgpt-host';\n\n// Inspector\nexport { Inspector } from '../inspector/inspector';\n\n// Inspector types\nexport type { Simulation, ServerToolMock } from '../types/simulation';\nexport { resolveServerToolResult } from '../types/simulation';\nexport type { ScreenWidth, InspectorConfig } from '../inspector/inspector-types';\nexport { SCREEN_WIDTHS } from '../inspector/inspector-types';\n\n// Host bridge (for building custom inspectors or test harnesses)\nexport { McpAppHost } from '../inspector/mcp-app-host';\nexport type { McpAppHostOptions } from '../inspector/mcp-app-host';\n\n// Iframe rendering (used internally by inspector)\nexport { IframeResource, extractResourceCSP } from '../inspector/iframe-resource';\nexport type { ResourceCSP } from '../inspector/iframe-resource';\n\n// Theme provider\nexport * from '../inspector/theme-provider';\n\n// URL helpers\nexport { createInspectorUrl } from '../inspector/inspector-url';\nexport type { InspectorUrlParams } from '../inspector/inspector-url';\n\n// Discovery utilities\nexport {\n  toPascalCase,\n  extractResourceKey,\n  extractSimulationKey,\n  findResourceKey,\n  getComponentName,\n  findResourceDirs,\n} from '../lib/discovery';\nexport type { ResourceDirInfo, FsOps } from '../lib/discovery';\n"],"mappings":""}

package/dist/chatgpt/index.d.ts

@@ -1,14 +1,14 @@
-export { Simulator } from '../simulator/simulator';
+export { Inspector } from '../inspector/inspector';
 export type { Simulation, ServerToolMock } from '../types/simulation';
 export { resolveServerToolResult } from '../types/simulation';
-export type { ScreenWidth, SimulatorConfig } from '../simulator/simulator-types';
-export { SCREEN_WIDTHS } from '../simulator/simulator-types';
-export { McpAppHost } from '../simulator/mcp-app-host';
-export type { McpAppHostOptions } from '../simulator/mcp-app-host';
-export { IframeResource, extractResourceCSP } from '../simulator/iframe-resource';
-export type { ResourceCSP } from '../simulator/iframe-resource';
-export * from '../simulator/theme-provider';
-export { createSimulatorUrl } from '../simulator/simulator-url';
-export type { SimulatorUrlParams } from '../simulator/simulator-url';
+export type { ScreenWidth, InspectorConfig } from '../inspector/inspector-types';
+export { SCREEN_WIDTHS } from '../inspector/inspector-types';
+export { McpAppHost } from '../inspector/mcp-app-host';
+export type { McpAppHostOptions } from '../inspector/mcp-app-host';
+export { IframeResource, extractResourceCSP } from '../inspector/iframe-resource';
+export type { ResourceCSP } from '../inspector/iframe-resource';
+export * from '../inspector/theme-provider';
+export { createInspectorUrl } from '../inspector/inspector-url';
+export type { InspectorUrlParams } from '../inspector/inspector-url';
 export { toPascalCase, extractResourceKey, extractSimulationKey, findResourceKey, getComponentName, findResourceDirs, } from '../lib/discovery';
 export type { ResourceDirInfo, FsOps } from '../lib/discovery';

package/dist/chatgpt/index.js

@@ -1,16 +1,16 @@
 import { r as __exportAll } from "../chunk-D6g4UhsZ.js";
 import "../protocol-DJmRaBzO.js";
-import { _ as McpAppHost, d as ThemeProvider, f as useThemeContext, g as extractResourceCSP, h as IframeResource, n as resolveServerToolResult, t as Simulator, v as SCREEN_WIDTHS } from "../simulator-0dAb16Qt.js";
-import { t as createSimulatorUrl } from "../simulator-url-BbuuWa7S.js";
+import { _ as McpAppHost, d as ThemeProvider, f as useThemeContext, g as extractResourceCSP, h as IframeResource, n as resolveServerToolResult, t as Inspector, v as SCREEN_WIDTHS } from "../inspector-ClhpqKLi.js";
+import { t as createInspectorUrl } from "../inspector-url-DuEFmxLP.js";
 import { c as toPascalCase, i as findResourceKey, n as extractSimulationKey, r as findResourceDirs, s as getComponentName, t as extractResourceKey } from "../discovery-Cgoegt62.js";
 //#region src/chatgpt/index.ts
 var chatgpt_exports = /* @__PURE__ */ __exportAll({
 	IframeResource: () => IframeResource,
+	Inspector: () => Inspector,
 	McpAppHost: () => McpAppHost,
 	SCREEN_WIDTHS: () => SCREEN_WIDTHS,
-	Simulator: () => Simulator,
 	ThemeProvider: () => ThemeProvider,
-	createSimulatorUrl: () => createSimulatorUrl,
+	createInspectorUrl: () => createInspectorUrl,
 	extractResourceCSP: () => extractResourceCSP,
 	extractResourceKey: () => extractResourceKey,
 	extractSimulationKey: () => extractSimulationKey,
@@ -22,6 +22,6 @@ var chatgpt_exports = /* @__PURE__ */ __exportAll({
 	useThemeContext: () => useThemeContext
 });
 //#endregion
-export { IframeResource, McpAppHost, SCREEN_WIDTHS, Simulator, ThemeProvider, createSimulatorUrl, extractResourceCSP, extractResourceKey, extractSimulationKey, findResourceDirs, findResourceKey, getComponentName, resolveServerToolResult, chatgpt_exports as t, toPascalCase, useThemeContext };
+export { IframeResource, Inspector, McpAppHost, SCREEN_WIDTHS, ThemeProvider, createInspectorUrl, extractResourceCSP, extractResourceKey, extractSimulationKey, findResourceDirs, findResourceKey, getComponentName, resolveServerToolResult, chatgpt_exports as t, toPascalCase, useThemeContext };
 
 //# sourceMappingURL=index.js.map

package/dist/chatgpt/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/chatgpt/index.ts"],"sourcesContent":["/**\n * ChatGPT-specific exports for the Sunpeak simulator.\n *\n * @module sunpeak/chatgpt\n */\n\n// Register ChatGPT host shell (side effect)\nimport './chatgpt-host';\n\n// Simulator\nexport { Simulator } from '../simulator/simulator';\n\n// Simulator types\nexport type { Simulation, ServerToolMock } from '../types/simulation';\nexport { resolveServerToolResult } from '../types/simulation';\nexport type { ScreenWidth, SimulatorConfig } from '../simulator/simulator-types';\nexport { SCREEN_WIDTHS } from '../simulator/simulator-types';\n\n// Host bridge (for building custom simulators or test harnesses)\nexport { McpAppHost } from '../simulator/mcp-app-host';\nexport type { McpAppHostOptions } from '../simulator/mcp-app-host';\n\n// Iframe rendering (used internally by simulator)\nexport { IframeResource, extractResourceCSP } from '../simulator/iframe-resource';\nexport type { ResourceCSP } from '../simulator/iframe-resource';\n\n// Theme provider\nexport * from '../simulator/theme-provider';\n\n// URL helpers\nexport { createSimulatorUrl } from '../simulator/simulator-url';\nexport type { SimulatorUrlParams } from '../simulator/simulator-url';\n\n// Discovery utilities\nexport {\n  toPascalCase,\n  extractResourceKey,\n  extractSimulationKey,\n  findResourceKey,\n  getComponentName,\n  findResourceDirs,\n} from '../lib/discovery';\nexport type { ResourceDirInfo, FsOps } from '../lib/discovery';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/chatgpt/index.ts"],"sourcesContent":["/**\n * ChatGPT-specific exports for the Sunpeak inspector.\n *\n * @module sunpeak/chatgpt\n */\n\n// Register ChatGPT host shell (side effect)\nimport './chatgpt-host';\n\n// Inspector\nexport { Inspector } from '../inspector/inspector';\n\n// Inspector types\nexport type { Simulation, ServerToolMock } from '../types/simulation';\nexport { resolveServerToolResult } from '../types/simulation';\nexport type { ScreenWidth, InspectorConfig } from '../inspector/inspector-types';\nexport { SCREEN_WIDTHS } from '../inspector/inspector-types';\n\n// Host bridge (for building custom inspectors or test harnesses)\nexport { McpAppHost } from '../inspector/mcp-app-host';\nexport type { McpAppHostOptions } from '../inspector/mcp-app-host';\n\n// Iframe rendering (used internally by inspector)\nexport { IframeResource, extractResourceCSP } from '../inspector/iframe-resource';\nexport type { ResourceCSP } from '../inspector/iframe-resource';\n\n// Theme provider\nexport * from '../inspector/theme-provider';\n\n// URL helpers\nexport { createInspectorUrl } from '../inspector/inspector-url';\nexport type { InspectorUrlParams } from '../inspector/inspector-url';\n\n// Discovery utilities\nexport {\n  toPascalCase,\n  extractResourceKey,\n  extractSimulationKey,\n  findResourceKey,\n  getComponentName,\n  findResourceDirs,\n} from '../lib/discovery';\nexport type { ResourceDirInfo, FsOps } from '../lib/discovery';\n"],"mappings":""}