sunpeak 0.16.24 → 0.16.28

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

@@ -87,9 +87,38 @@ export class HostPage {
     return warnings.length === 0;
   }
 
+  /**
+   * Check if truly logged in: profile button visible AND no "Log in" buttons.
+   * The logged-out page can show UI elements that look like a logged-in state
+   * (e.g., sidebar with profile-like elements), so checking just the profile
+   * button isn't enough.
+   */
+  async _isFullyLoggedIn() {
+    const hasProfile = await this.page
+      .locator(this.selectors.loggedInIndicator)
+      .first()
+      .isVisible()
+      .catch(() => false);
+
+    if (!hasProfile) return false;
+
+    const hasLoginButton = await this.page
+      .locator(this.selectors.loginPage)
+      .first()
+      .isVisible()
+      .catch(() => false);
+
+    return !hasLoginButton;
+  }
+
   /**
    * Verify the user is logged into the host.
    * Navigates to the host if not already there.
+   *
+   * If not logged in, waits up to 3 minutes for the user to complete login
+   * in the open browser window, polling every 5 seconds. This handles the
+   * case where storageState doesn't capture Cloudflare's HttpOnly cookies
+   * and the browser needs a fresh login.
    */
   async verifyLoggedIn() {
     const url = this.page.url();
@@ -97,20 +126,43 @@ export class HostPage {
       await this.page.goto(this.urls.base, { waitUntil: 'domcontentloaded' });
     }
 
-    const loggedIn = this.page.locator(this.selectors.loggedInIndicator).first();
-    const loginPage = this.page.locator(this.selectors.loginPage);
+    // Wait for the page to settle (Cloudflare challenge or UI loading)
+    await this.page.waitForTimeout(5_000);
 
-    const result = await Promise.race([
-      loggedIn.waitFor({ timeout: 15_000 }).then(() => 'logged-in'),
-      loginPage.waitFor({ timeout: 15_000 }).then(() => 'login-page'),
-    ]).catch(() => 'timeout');
+    // Quick check: truly logged in? (profile button AND no "Log in" buttons)
+    if (await this._isFullyLoggedIn()) return;
 
-    if (result !== 'logged-in') {
-      throw new Error(
-        `Not logged into ${this.hostName}. Run \`pnpm test:live\` to open a browser and log in.\n` +
-        'Your session is saved for 24 hours after the first login.'
-      );
+    // Not logged in. Wait for the user to authenticate in this browser window.
+    console.log(
+      `\n` +
+      `╔══════════════════════════════════════════════════════════════╗\n` +
+      `║  Not logged into ${this.hostName.padEnd(42)}║\n` +
+      `║                                                            ║\n` +
+      `║  Please log in at: ${this.urls.base.padEnd(39)}║\n` +
+      `║  in the browser window that just opened.                   ║\n` +
+      `║                                                            ║\n` +
+      `║  Waiting up to 3 minutes...                                ║\n` +
+      `╚══════════════════════════════════════════════════════════════╝\n`
+    );
+
+    // Poll for login — the user may need to pass Cloudflare + enter credentials
+    const maxWait = 180_000; // 3 minutes
+    const pollInterval = 5_000;
+    const start = Date.now();
+
+    while (Date.now() - start < maxWait) {
+      if (await this._isFullyLoggedIn()) {
+        console.log(`Logged into ${this.hostName}!\n`);
+        return;
+      }
+      await this.page.waitForTimeout(pollInterval);
     }
+
+    throw new Error(
+      `Login to ${this.hostName} timed out after 3 minutes.\n` +
+      `Please log in at ${this.urls.base} in the browser window and try again.\n` +
+      'If the session expired, delete the .auth/ directory and try again.'
+    );
   }
 
   /**

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

@@ -89,7 +89,7 @@ export function createLiveConfig(hostOptions, options = {}) {
       },
     ],
     webServer: {
-      command: `SUNPEAK_LIVE_TEST=1 pnpm dev -- --prod-resources --port ${vitePort}`,
+      command: `SUNPEAK_LIVE_TEST=1 SUNPEAK_SANDBOX_PORT=${getPortSync(24680)} pnpm dev -- --prod-resources --port ${vitePort}`,
       url: `http://localhost:${vitePort}/health`,
       reuseExistingServer: !process.env.CI,
       timeout: 60_000,

package/bin/lib/sandbox-server.mjs

@@ -0,0 +1,304 @@
+/**
+ * Separate-origin sandbox server for the simulator'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
+ * the proxy HTML on a different localhost port, giving real origin isolation.
+ *
+ * This means:
+ *   - window.top.location access from inside the iframe is blocked (cross-origin)
+ *   - 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
+ * via `__SUNPEAK_SANDBOX_URL__`.
+ *
+ * NOTE: The proxy HTML and mock openai script are duplicated from sandbox-proxy.ts
+ * and mock-openai-runtime.ts because this file runs in Node.js at dev time and
+ * cannot import TypeScript modules. Keep them in sync when making changes.
+ */
+import { createServer } from 'http';
+import { getPort } from './get-port.mjs';
+
+/**
+ * Start the sandbox proxy server on a separate port.
+ *
+ * @param {Object} options
+ * @param {number} [options.preferredPort=24680] - Port to try first
+ * @returns {Promise<{ url: string, port: number, close: () => Promise<void> }>}
+ */
+export async function startSandboxServer({ preferredPort = 24680 } = {}) {
+  const port = await getPort(preferredPort);
+
+  const server = createServer((req, res) => {
+    const url = new URL(req.url, `http://localhost:${port}`);
+
+    if (url.pathname === '/proxy') {
+      const theme = url.searchParams.get('theme') || 'dark';
+      const platform = url.searchParams.get('platform') || '';
+      const html = generateProxyHtml(theme, platform);
+
+      res.writeHead(200, {
+        'Content-Type': 'text/html; charset=utf-8',
+        'Cache-Control': 'no-cache',
+        // No CORS headers needed — iframe src loads don't check CORS.
+        // PostMessage works cross-origin by design.
+      });
+      res.end(html);
+      return;
+    }
+
+    // Health check
+    if (url.pathname === '/health') {
+      res.writeHead(200, { 'Content-Type': 'application/json' });
+      res.end('{"status":"ok"}');
+      return;
+    }
+
+    res.writeHead(404);
+    res.end('Not found');
+  });
+
+  await new Promise((resolve, reject) => {
+    server.listen(port, () => resolve());
+    server.on('error', reject);
+  });
+
+  const sandboxUrl = `http://localhost:${port}`;
+
+  return {
+    url: sandboxUrl,
+    port,
+    close: () => new Promise((resolve) => server.close(resolve)),
+  };
+}
+
+/**
+ * Generate the sandbox proxy HTML.
+ *
+ * This is the same proxy logic as sandbox-proxy.ts but as a plain string
+ * (no TypeScript imports needed at dev server runtime). The proxy:
+ *   1. Signals readiness via `ui/notifications/sandbox-proxy-ready`
+ *   2. Listens for resource content or URL to load into the inner iframe
+ *   3. Relays all PostMessage between parent and inner iframe
+ *   4. Optionally injects platform runtime scripts (e.g., mock window.openai)
+ */
+function generateProxyHtml(theme, platform) {
+  const colorScheme = theme === 'light' ? 'light' : 'dark';
+
+  // Platform-specific runtime script (injected into the inner iframe)
+  let platformScript = 'null';
+  if (platform === 'chatgpt') {
+    platformScript = JSON.stringify(MOCK_OPENAI_SCRIPT);
+  }
+
+  return `<!DOCTYPE html>
+<html style="color-scheme:${colorScheme}">
+<head>
+<meta name="color-scheme" content="${colorScheme}" />
+<style>
+html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
+iframe { border: none; width: 100%; height: 100%; display: block; }
+</style>
+</head>
+<body>
+<script>
+(function() {
+  var innerFrame = null;
+  var innerWindow = null;
+  var platformScript = ${platformScript};
+
+  // Relay messages between parent (host) and inner iframe (app)
+  window.addEventListener('message', function(event) {
+    var data = event.data;
+    if (!data || typeof data !== 'object') return;
+
+    if (event.source === window.parent) {
+      // sandbox-resource-ready: load HTML into inner iframe (scriptSrc/prod mode)
+      if (data.method === 'ui/notifications/sandbox-resource-ready' && data.params) {
+        createInnerFrame(data.params);
+        return;
+      }
+
+      // sunpeak/sandbox-load-src: load URL into inner iframe (src/dev mode)
+      if (data.method === 'sunpeak/sandbox-load-src' && data.params) {
+        createInnerFrameWithSrc(data.params);
+        return;
+      }
+
+      // Handle paint fence. Forward to the inner iframe and wait for its ack.
+      // The inner iframe has a fence responder (injected by the Vite dev page
+      // or embedded in the production HTML). If the ack arrives, relay it to
+      // the host. If not (cross-origin injection failed), fall back to a
+      // timeout-based ack after 150ms.
+      if (data.method === 'sunpeak/fence' && data.params) {
+        var fenceId = data.params.fenceId;
+        var acked = false;
+
+        // Listen for the inner iframe's fence-ack
+        var onAck = function(e) {
+          if (e.source !== innerWindow) return;
+          if (e.data && e.data.method === 'sunpeak/fence-ack' &&
+              e.data.params && e.data.params.fenceId === fenceId) {
+            acked = true;
+            window.removeEventListener('message', onAck);
+            window.parent.postMessage(e.data, '*');
+          }
+        };
+        window.addEventListener('message', onAck);
+
+        // Forward fence to inner iframe
+        if (innerWindow) {
+          try { innerWindow.postMessage(data, '*'); } catch(e) {}
+        }
+
+        // Fallback: if no ack within 150ms (fence responder not available),
+        // ack from the proxy after allowing time for the inner iframe to
+        // process the preceding hostContext change.
+        setTimeout(function() {
+          if (!acked) {
+            window.removeEventListener('message', onAck);
+            window.parent.postMessage({
+              jsonrpc: '2.0',
+              method: 'sunpeak/fence-ack',
+              params: { fenceId: fenceId }
+            }, '*');
+          }
+        }, 150);
+        return;
+      }
+
+      // Forward all other messages to the inner iframe
+      if (innerWindow) {
+        try { innerWindow.postMessage(data, '*'); } catch(e) { /* detached */ }
+      }
+    } else if (innerWindow && event.source === innerWindow) {
+      // Messages from the app -> forward to host
+      try { window.parent.postMessage(data, '*'); } catch(e) { /* detached */ }
+    }
+  });
+
+  function createInnerFrame(params) {
+    if (innerFrame) innerFrame.remove();
+
+    innerFrame = document.createElement('iframe');
+    innerFrame.sandbox = params.sandbox ||
+      'allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox';
+    if (params.allow) innerFrame.allow = params.allow;
+    document.body.appendChild(innerFrame);
+    innerWindow = innerFrame.contentWindow;
+
+    var doc = innerFrame.contentDocument;
+    if (doc && params.html) {
+      doc.open();
+      doc.write(params.html);
+      doc.close();
+    }
+  }
+
+  function createInnerFrameWithSrc(params) {
+    if (innerFrame) innerFrame.remove();
+
+    innerFrame = document.createElement('iframe');
+    innerFrame.sandbox =
+      'allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox';
+    if (params.allow) innerFrame.allow = params.allow;
+    innerFrame.src = params.src;
+    innerFrame.style.height = '100%';
+
+    if (params.theme) {
+      innerFrame.style.colorScheme = params.theme;
+    }
+
+    innerFrame.addEventListener('load', function() {
+      innerWindow = innerFrame.contentWindow;
+
+      // Inject platform runtime (e.g., mock window.openai for ChatGPT)
+      if (platformScript && innerWindow) {
+        try {
+          var pScript = innerFrame.contentDocument.createElement('script');
+          pScript.textContent = platformScript;
+          innerFrame.contentDocument.head.appendChild(pScript);
+        } catch(e) { /* cross-origin */ }
+      }
+
+      // Inject paint fence responder
+      try {
+        var fenceScript = innerFrame.contentDocument.createElement('script');
+        fenceScript.setAttribute('data-sunpeak-fence', '');
+        fenceScript.textContent = PAINT_FENCE_SCRIPT;
+        innerFrame.contentDocument.head.appendChild(fenceScript);
+      } catch(e) { /* cross-origin */ }
+
+      // Inject background rule
+      if (params.theme) {
+        try {
+          innerFrame.contentDocument.documentElement.style.colorScheme = params.theme;
+          var bgStyle = innerFrame.contentDocument.createElement('style');
+          bgStyle.setAttribute('data-sunpeak-bg', '');
+          bgStyle.textContent = 'html { background-color: var(--color-background-primary, Canvas); }';
+          innerFrame.contentDocument.head.appendChild(bgStyle);
+        } catch(e) { /* cross-origin */ }
+      }
+
+      // Inject style variables
+      if (params.styleVars) {
+        try {
+          var root = innerFrame.contentDocument.documentElement;
+          for (var key in params.styleVars) {
+            if (params.styleVars[key]) root.style.setProperty(key, params.styleVars[key]);
+          }
+        } catch(e) { /* cross-origin */ }
+      }
+
+      innerFrame.style.opacity = '1';
+      innerFrame.style.transition = 'opacity 100ms';
+    });
+
+    innerFrame.style.opacity = '0';
+    document.body.appendChild(innerFrame);
+    innerWindow = innerFrame.contentWindow;
+  }
+
+  var PAINT_FENCE_SCRIPT = 'window.addEventListener("message",function(e){' +
+    'if(e.data&&e.data.method==="sunpeak/fence"){' +
+    'var fid=e.data.params&&e.data.params.fenceId;' +
+    'requestAnimationFrame(function(){' +
+    'e.source.postMessage({jsonrpc:"2.0",method:"sunpeak/fence-ack",params:{fenceId:fid}},"*");' +
+    '});}});';
+
+  // Signal readiness to the host
+  setTimeout(function() {
+    window.parent.postMessage({
+      jsonrpc: '2.0',
+      method: 'ui/notifications/sandbox-proxy-ready',
+      params: {}
+    }, '*');
+  }, 0);
+})();
+</script>
+</body>
+</html>`;
+}
+
+/**
+ * Mock OpenAI runtime script — same as mock-openai-runtime.ts MOCK_OPENAI_RUNTIME_SCRIPT.
+ * Duplicated here to avoid TypeScript import in the Node.js dev server.
+ */
+const MOCK_OPENAI_SCRIPT = [
+  'window.openai={',
+  'uploadFile:function(f){console.log("[Simulator] 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));',
+  'return Promise.resolve()},',
+  'requestCheckout:function(s){console.log("[Simulator] 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);',
+  '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")}',
+  '};',
+].join('');

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

@@ -11,14 +11,10 @@ interface ConversationProps {
     appName?: string;
     appIcon?: string;
     userMessage?: string;
-    /**
-     * Whether the content is transitioning between display modes.
-     * When true, the content area is hidden (opacity 0) to prevent the pip
-     * border from flashing at a stale height before the iframe resizes.
-     */
-    isTransitioning?: boolean;
     /** Optional action element rendered in the conversation header (e.g., Run button) */
     headerAction?: React.ReactNode;
+    /** Called when the content container width changes */
+    onContentWidthChange?: (width: number) => void;
 }
 /**
  * Conversation layout that renders children (iframe) at a stable tree position.
@@ -33,5 +29,5 @@ interface ConversationProps {
  * - **fullscreen**: content wrapper becomes `position: fixed` covering the viewport;
  *   fullscreen chrome (header/footer) rendered as a separate fixed overlay
  */
-export declare function Conversation({ children, screenWidth, displayMode, platform, onRequestDisplayMode, appName, appIcon, userMessage, isTransitioning, headerAction, }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Conversation({ children, screenWidth, displayMode, platform, onRequestDisplayMode, appName, appIcon, userMessage, headerAction, onContentWidthChange, }: ConversationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/chatgpt/globals.css

@@ -83,7 +83,7 @@
 }
 
 /* Bundled component styles */
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
@@ -151,6 +151,7 @@
       --tw-backdrop-saturate: initial;
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
+      --tw-ease: initial;
     }
   }
 }
@@ -191,6 +192,7 @@
     --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
     --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
     --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
+    --ease-out: cubic-bezier(0, 0, .2, 1);
     --animate-spin: spin 1s linear infinite;
     --blur-sm: 8px;
     --default-transition-duration: .15s;
@@ -1010,7 +1012,7 @@
   }
 
   .transform {
-    transform: var(--tw-rotate-x,  ) var(--tw-rotate-y,  ) var(--tw-rotate-z,  ) var(--tw-skew-x,  ) var(--tw-skew-y,  );
+    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
 
   .animate-spin {
@@ -1027,7 +1029,7 @@
 
   .touch-pan-y {
     --tw-pan-y: pan-y;
-    touch-action: var(--tw-pan-x,  ) var(--tw-pan-y,  ) var(--tw-pinch-zoom,  );
+    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
   }
 
   .resize {
@@ -1779,7 +1781,7 @@
   }
 
   .ring {
-    --tw-ring-shadow: var(--tw-ring-inset,  ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
@@ -1800,17 +1802,17 @@
 
   .blur {
     --tw-blur: blur(8px);
-    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
 
   .filter {
-    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
 
   .backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--blur-sm));
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  );
-    backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  );
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
   }
 
   .transition {
@@ -1847,6 +1849,11 @@
     transition-duration: .2s;
   }
 
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -2037,6 +2044,12 @@
     }
   }
 
+  @media (min-width: 1440px) {
+    .min-\[1440px\]\:max-w-\[48rem\] {
+      max-width: 48rem;
+    }
+  }
+
   @media (min-width: 40rem) {
     .sm\:start-0 {
       inset-inline-start: calc(var(--spacing) * 0);
@@ -2171,7 +2184,7 @@
     }
 
     .xl\:ring {
-      --tw-ring-shadow: var(--tw-ring-inset,  ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
@@ -2679,8 +2692,14 @@
   inherits: false
 }
 
+@property --tw-ease {
+  syntax: "*";
+  inherits: false
+}
+
 @keyframes spin {
   to {
     transform: rotate(360deg);
   }
 }
+/*$vite$:1*/

package/dist/chatgpt/index.cjs

@@ -1,25 +1,56 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const simulator = require("../simulator-DRUsm6IZ.cjs");
-const simulatorUrl = require("../simulator-url-DcSYRl-P.cjs");
-const discovery = require("../discovery-D1gpaVz4.cjs");
-exports.IframeResource = simulator.IframeResource;
-exports.McpAppHost = simulator.McpAppHost;
-exports.SCREEN_WIDTHS = simulator.SCREEN_WIDTHS;
-exports.Simulator = simulator.Simulator;
-exports.ThemeProvider = simulator.ThemeProvider;
-exports.extractResourceCSP = simulator.extractResourceCSP;
-exports.resolveServerToolResult = simulator.resolveServerToolResult;
-exports.useThemeContext = simulator.useThemeContext;
-exports.createSimulatorUrl = simulatorUrl.createSimulatorUrl;
-exports.buildDevSimulations = discovery.buildDevSimulations;
-exports.buildResourceMap = discovery.buildResourceMap;
-exports.buildSimulations = discovery.buildSimulations;
-exports.createResourceExports = discovery.createResourceExports;
-exports.extractResourceKey = discovery.extractResourceKey;
-exports.extractSimulationKey = discovery.extractSimulationKey;
-exports.findResourceDirs = discovery.findResourceDirs;
-exports.findResourceKey = discovery.findResourceKey;
-exports.getComponentName = discovery.getComponentName;
-exports.toPascalCase = discovery.toPascalCase;
-//# sourceMappingURL=index.cjs.map
+const require_chunk = require("../chunk-9hOWP6kD.cjs");
+require("../protocol-jbxhzcnS.cjs");
+const require_simulator = require("../simulator-BYIH-xqQ.cjs");
+const require_discovery = require("../discovery-BxKCIgG5.cjs");
+const require_simulator_url = require("../simulator-url-BDGD4vZD.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,
+	buildDevSimulations: () => require_discovery.buildDevSimulations,
+	buildResourceMap: () => require_discovery.buildResourceMap,
+	buildSimulations: () => require_discovery.buildSimulations,
+	createResourceExports: () => require_discovery.createResourceExports,
+	createSimulatorUrl: () => require_simulator_url.createSimulatorUrl,
+	extractResourceCSP: () => require_simulator.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,
+	toPascalCase: () => require_discovery.toPascalCase,
+	useThemeContext: () => require_simulator.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.buildDevSimulations = require_discovery.buildDevSimulations;
+exports.buildResourceMap = require_discovery.buildResourceMap;
+exports.buildSimulations = require_discovery.buildSimulations;
+Object.defineProperty(exports, "chatgpt_exports", {
+	enumerable: true,
+	get: function() {
+		return chatgpt_exports;
+	}
+});
+exports.createResourceExports = require_discovery.createResourceExports;
+exports.createSimulatorUrl = require_simulator_url.createSimulatorUrl;
+exports.extractResourceCSP = require_simulator.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.toPascalCase = require_discovery.toPascalCase;
+exports.useThemeContext = require_simulator.useThemeContext;
+
+//# sourceMappingURL=index.cjs.map

package/dist/chatgpt/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 for building simulations\nexport {\n  buildDevSimulations,\n  buildSimulations,\n  buildResourceMap,\n  createResourceExports,\n  toPascalCase,\n  extractResourceKey,\n  extractSimulationKey,\n  findResourceKey,\n  getComponentName,\n  findResourceDirs,\n} from '../lib/discovery';\nexport type {\n  BuildSimulationsOptions,\n  BuildDevSimulationsOptions,\n  ResourceMetadata,\n  ResourceDirInfo,\n  FsOps,\n} from '../lib/discovery';\n"],"mappings":""}