sunpeak 0.18.7 → 0.18.12

package/README.md

@@ -230,6 +230,18 @@ Install the `create-sunpeak-app` skill to give your coding agent (Claude Code, C
 npx skills add Sunpeak-AI/sunpeak@create-sunpeak-app
 ```
 
+## Troubleshooting
+
+If your app doesn't render in ChatGPT or Claude:
+
+1. **Check your tunnel** is running and pointing to the correct port
+2. **Restart `sunpeak dev`** to clear stale connections
+3. **Refresh or re-add the MCP server** in the host's settings (Settings > MCP Servers)
+4. **Hard refresh** the host page (`Cmd+Shift+R` / `Ctrl+Shift+R`)
+5. **Open a new chat** in the host (cached iframes persist per-conversation)
+
+Full guide: [sunpeak.ai/docs/guides/troubleshooting](https://sunpeak.ai/docs/guides/troubleshooting)
+
 ## Resources
 
 - [MCP Apps Documentation](https://sunpeak.ai/docs/mcp-apps/introduction)

package/bin/commands/dev.mjs

@@ -239,7 +239,7 @@ export async function dev(projectRoot = process.cwd(), args = []) {
       const { tool } = await extractToolExport(toolPath);
       toolMap.set(toolName, { tool, path: toolPath });
     } catch (err) {
-      console.warn(`Warning: Could not extract metadata from tool ${toolName}: ${err.message}`);
+      console.warn(`Warning: Could not extract metadata from tool "${toolName}" (${toolPath}):\n  ${err.message}\n  Expected: export const tool: AppToolConfig = { ... }`);
     }
   }
 
@@ -271,7 +271,7 @@ export async function dev(projectRoot = process.cwd(), args = []) {
         toolHandlerMap.set(toolName, { handler: mod.default, outputSchema: mod.outputSchema });
       }
     } catch (err) {
-      console.warn(`Warning: Could not load handler for tool "${toolName}": ${err.message}`);
+      console.warn(`Warning: Could not load handler for tool "${toolName}" (${relativePath}):\n  ${err.message}`);
     }
   }
 
@@ -287,7 +287,7 @@ export async function dev(projectRoot = process.cwd(), args = []) {
     const toolEntry = toolMap.get(toolName);
     const tool = toolEntry?.tool;
     if (!tool) {
-      console.warn(`Warning: Tool "${toolName}" not found for simulation "${simName}". Skipping.`);
+      console.warn(`Warning: Tool "${toolName}" not found for simulation "${simName}". Expected file: src/tools/${toolName}.ts`);
       continue;
     }
 

package/bin/commands/inspect.mjs

@@ -1144,10 +1144,13 @@ export async function inspectServer(opts) {
   server.printUrls();
   server.bindCLIShortcuts({ print: true });
 
+  // Print troubleshooting link (dimmed)
+  console.log('\n  \x1b[2mApp not loading? \u2192 https://sunpeak.ai/docs/guides/troubleshooting\x1b[0m');
+
   // Print star-begging message unless suppressed
   if (!noBegging) {
     // #FFB800 in 24-bit ANSI color
-    console.log('\n\n\x1b[38;2;255;184;0m\u2b50\ufe0f \u2192 \u2764\ufe0f  https://github.com/Sunpeak-AI/sunpeak\x1b[0m\n');
+    console.log('\n\x1b[38;2;255;184;0m\u2b50\ufe0f \u2192 \u2764\ufe0f  https://github.com/Sunpeak-AI/sunpeak\x1b[0m\n');
   }
 
   // Cleanup on exit

package/bin/lib/sandbox-server.mjs

@@ -59,6 +59,25 @@ export async function startSandboxServer({ preferredPort = 24680 } = {}) {
     res.end('Not found');
   });
 
+  server.on('clientError', (err, socket) => {
+    if (err.code === 'ECONNRESET') {
+      // Normal when browser tabs close abruptly
+    } else if (
+      err.code === 'HPE_INVALID_METHOD' &&
+      err.rawPacket instanceof Buffer &&
+      err.rawPacket[0] === 0x16
+    ) {
+      console.error(
+        'Received HTTPS request on sandbox server (port ' + port + '). ' +
+        'If you\'re using ngrok, make sure the upstream is http:// (not https://). ' +
+        'Example: ngrok http 8000'
+      );
+    } else {
+      console.error('Sandbox server client error', err);
+    }
+    socket.end('HTTP/1.1 400 Bad Request\r\n\r\n');
+  });
+
   await new Promise((resolve, reject) => {
     server.listen(port, () => resolve());
     server.on('error', reject);
@@ -189,6 +208,7 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
   });
 
   function createInnerFrame(params) {
+    clearInterval(readyInterval);
     if (innerFrame) innerFrame.remove();
 
     innerFrame = document.createElement('iframe');
@@ -207,6 +227,7 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
   }
 
   function createInnerFrameWithSrc(params) {
+    clearInterval(readyInterval);
     if (innerFrame) innerFrame.remove();
 
     innerFrame = document.createElement('iframe');
@@ -277,7 +298,15 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
     'e.source.postMessage({jsonrpc:"2.0",method:"sunpeak/fence-ack",params:{fenceId:fid}},"*");' +
     '});}});';
 
-  // Signal readiness to the host
+  // Signal readiness to the host. Retry every 200ms in case the host's
+  // PostMessage listener isn't attached yet (srcdoc race with React refs).
+  var readyInterval = setInterval(function() {
+    window.parent.postMessage({
+      jsonrpc: '2.0',
+      method: 'ui/notifications/sandbox-proxy-ready',
+      params: {}
+    }, '*');
+  }, 200);
   setTimeout(function() {
     window.parent.postMessage({
       jsonrpc: '2.0',
@@ -285,6 +314,7 @@ iframe { border: none; width: 100%; height: 100%; display: block; }
       params: {}
     }, '*');
   }, 0);
+  setTimeout(function() { clearInterval(readyInterval); }, 10000);
 })();
 </script>
 </body>

package/dist/chatgpt/index.cjs

@@ -1,7 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../chunk-9hOWP6kD.cjs");
-require("../protocol-jbxhzcnS.cjs");
-const require_inspector = require("../inspector-CKc58UuI.cjs");
+const require_inspector = require("../inspector-8nPV2A-z.cjs");
 const require_inspector_url = require("../inspector-url-C3LTKgXt.cjs");
 const require_discovery = require("../discovery-Clu4uHp1.cjs");
 //#region src/chatgpt/index.ts

package/dist/chatgpt/index.js

@@ -1,6 +1,5 @@
 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 Inspector, v as SCREEN_WIDTHS } from "../inspector-DZrN0kej.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-Cdo5BK2D.js";
 import { t as createInspectorUrl } from "../inspector-url-CyQcuBI9.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

package/dist/claude/index.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../chunk-9hOWP6kD.cjs");
-require("../protocol-jbxhzcnS.cjs");
-const require_inspector = require("../inspector-CKc58UuI.cjs");
+const require_inspector = require("../inspector-8nPV2A-z.cjs");
 exports.Inspector = require_inspector.Inspector;

package/dist/claude/index.js

@@ -1,3 +1,2 @@
-import "../protocol-DJmRaBzO.js";
-import { t as Inspector } from "../inspector-DZrN0kej.js";
+import { t as Inspector } from "../inspector-Cdo5BK2D.js";
 export { Inspector };

package/dist/host/chatgpt/index.cjs

@@ -1,7 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../chunk-9hOWP6kD.cjs");
-require("../../protocol-jbxhzcnS.cjs");
-const require_use_app = require("../../use-app-Dqh20JPP.cjs");
+const require_use_app = require("../../use-app-CzcYw1Kz.cjs");
 let react = require("react");
 //#region src/host/chatgpt/openai-types.ts
 /**

package/dist/host/chatgpt/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/host/chatgpt/openai-types.ts","../../../src/host/chatgpt/use-create-file.ts","../../../src/host/chatgpt/use-open-modal.ts","../../../src/host/chatgpt/use-request-checkout.ts"],"sourcesContent":["/**\n * TypeScript declarations for the `window.openai` ChatGPT runtime.\n *\n * These APIs are available inside ChatGPT-hosted iframes and provide\n * platform-specific capabilities beyond the MCP Apps standard.\n *\n * @see https://developers.openai.com/apps-sdk/mcp-apps-in-chatgpt\n */\n\nexport interface OpenAIUploadFileResult {\n  fileId: string;\n}\n\nexport interface OpenAIFileDownloadUrlResult {\n  downloadUrl: string;\n}\n\nexport interface OpenAIRequestModalParams {\n  /** URL of an alternate UI template to load in the modal. Omit to reuse the current UI. */\n  template?: string;\n  /** Arbitrary params forwarded to the modal content. */\n  params?: Record<string, unknown>;\n}\n\nexport interface OpenAICheckoutPaymentProvider {\n  provider: string;\n  merchant_id: string;\n  supported_payment_methods: string[];\n}\n\nexport interface OpenAICheckoutTotal {\n  type: string;\n  display_text: string;\n  amount: number;\n}\n\nexport interface OpenAICheckoutLink {\n  type: 'terms_of_use' | 'privacy_policy' | string;\n  url: string;\n}\n\nexport interface OpenAICheckoutSession {\n  id: string;\n  payment_provider: OpenAICheckoutPaymentProvider;\n  status: 'ready_for_payment';\n  currency: string;\n  totals: OpenAICheckoutTotal[];\n  links: OpenAICheckoutLink[];\n  payment_mode: 'live' | 'test';\n}\n\nexport interface OpenAICheckoutOrder {\n  id: string;\n  checkout_session_id: string;\n  status: 'completed' | string;\n  permalink_url?: string;\n}\n\n/**\n * The `window.openai` runtime object injected by ChatGPT into hosted iframes.\n */\nexport interface OpenAIRuntime {\n  // --- File APIs ---\n  uploadFile?(file: File): Promise<OpenAIUploadFileResult>;\n  getFileDownloadUrl?(params: { fileId: string }): Promise<OpenAIFileDownloadUrlResult>;\n\n  // --- Modal API ---\n  requestModal?(params: OpenAIRequestModalParams): Promise<void>;\n\n  // --- Checkout API ---\n  requestCheckout?(session: OpenAICheckoutSession): Promise<OpenAICheckoutOrder>;\n\n  // --- Display ---\n  requestClose?(): void;\n  requestDisplayMode?(params: { mode: 'inline' | 'PiP' | 'fullscreen' }): Promise<void>;\n\n  // --- Messaging ---\n  sendFollowUpMessage?(params: { prompt: string }): void;\n\n  // --- Other ---\n  openExternal?(params: { href: string }): void;\n}\n\n/**\n * Get the `window.openai` runtime if available.\n * Returns `undefined` outside of ChatGPT or in SSR.\n */\nexport function getOpenAIRuntime(): OpenAIRuntime | undefined {\n  if (typeof window !== 'undefined' && 'openai' in window) {\n    return (window as unknown as { openai: OpenAIRuntime }).openai;\n  }\n  return undefined;\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport { getOpenAIRuntime, type OpenAIUploadFileResult } from './openai-types';\n\nexport type { OpenAIUploadFileResult as CreateFileResult };\n\n/**\n * Upload a file from the app UI into the ChatGPT conversation.\n *\n * Wraps `window.openai.uploadFile` which is only available inside ChatGPT.\n * Supported formats: `image/png`, `image/jpeg`, `image/webp`.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useUploadFile } from 'sunpeak/host/chatgpt';\n *\n * function ImageUploader() {\n *   const uploadFile = useUploadFile();\n *\n *   const handleChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n *     const file = e.currentTarget.files?.[0];\n *     if (!file) return;\n *     const { fileId } = await uploadFile(file);\n *     console.log('Uploaded:', fileId);\n *   };\n *\n *   return <input type=\"file\" accept=\"image/*\" onChange={handleChange} />;\n * }\n * ```\n */\nexport function useUploadFile(): (file: File) => Promise<OpenAIUploadFileResult> {\n  const app = useApp();\n  return useCallback(\n    async (file: File) => {\n      if (!app) {\n        throw new Error('[useUploadFile] App not connected');\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.uploadFile) {\n        throw new Error('[useUploadFile] window.openai.uploadFile not available');\n      }\n      return runtime.uploadFile(file);\n    },\n    [app]\n  );\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport { getOpenAIRuntime, type OpenAIRequestModalParams } from './openai-types';\n\nexport type { OpenAIRequestModalParams as OpenModalParams };\n\n/**\n * Open a host-controlled modal in ChatGPT.\n *\n * Wraps `window.openai.requestModal` which is only available inside ChatGPT.\n * Pass a `template` URL to load alternate UI content in the modal, or omit\n * it to reuse the current UI.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useRequestModal } from 'sunpeak/host/chatgpt';\n *\n * function CheckoutButton() {\n *   const requestModal = useRequestModal();\n *\n *   return (\n *     <button onClick={() => requestModal({ template: 'ui://widget/checkout.html' })}>\n *       Checkout\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useRequestModal(): (params: OpenAIRequestModalParams) => Promise<void> {\n  const app = useApp();\n  return useCallback(\n    async (params: OpenAIRequestModalParams) => {\n      if (!app) {\n        console.warn('[useRequestModal] App not connected');\n        return;\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.requestModal) {\n        throw new Error('[useRequestModal] window.openai.requestModal not available');\n      }\n      return runtime.requestModal(params);\n    },\n    [app]\n  );\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport {\n  getOpenAIRuntime,\n  type OpenAICheckoutSession,\n  type OpenAICheckoutOrder,\n} from './openai-types';\n\nexport type { OpenAICheckoutSession as CheckoutSession };\nexport type { OpenAICheckoutOrder as CheckoutOrder };\n\n/**\n * Trigger the ChatGPT instant checkout flow.\n *\n * Wraps `window.openai.requestCheckout` which is only available inside\n * ChatGPT. Opens the host checkout UI, handles payment display, and\n * resolves with the finalized order. Rejects on error or user cancel.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useRequestCheckout } from 'sunpeak/host/chatgpt';\n *\n * function BuyButton() {\n *   const requestCheckout = useRequestCheckout();\n *\n *   const handleBuy = async () => {\n *     try {\n *       const order = await requestCheckout({\n *         id: 'session-1',\n *         payment_provider: {\n *           provider: 'stripe',\n *           merchant_id: 'acct_xxx',\n *           supported_payment_methods: ['card', 'apple_pay'],\n *         },\n *         status: 'ready_for_payment',\n *         currency: 'USD',\n *         totals: [{ type: 'total', display_text: 'Total', amount: 999 }],\n *         links: [],\n *         payment_mode: 'live',\n *       });\n *       console.log('Order completed:', order.id);\n *     } catch {\n *       console.log('Checkout cancelled or failed');\n *     }\n *   };\n *\n *   return <button onClick={handleBuy}>Buy Now</button>;\n * }\n * ```\n */\nexport function useRequestCheckout(): (\n  session: OpenAICheckoutSession\n) => Promise<OpenAICheckoutOrder> {\n  const app = useApp();\n  return useCallback(\n    async (session: OpenAICheckoutSession) => {\n      if (!app) {\n        throw new Error('[useRequestCheckout] App not connected');\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.requestCheckout) {\n        throw new Error('[useRequestCheckout] window.openai.requestCheckout not available');\n      }\n      return runtime.requestCheckout(session);\n    },\n    [app]\n  );\n}\n"],"mappings":";;;;;;;;;;AAuFA,SAAgB,mBAA8C;AAC5D,KAAI,OAAO,WAAW,eAAe,YAAY,OAC/C,QAAQ,OAAgD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzD5D,SAAgB,gBAAiE;CAC/E,MAAM,MAAM,gBAAA,QAAQ;AACpB,SAAA,GAAA,MAAA,aACE,OAAO,SAAe;AACpB,MAAI,CAAC,IACH,OAAM,IAAI,MAAM,oCAAoC;EAEtD,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,WACZ,OAAM,IAAI,MAAM,yDAAyD;AAE3E,SAAO,QAAQ,WAAW,KAAK;IAEjC,CAAC,IAAI,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChBH,SAAgB,kBAAuE;CACrF,MAAM,MAAM,gBAAA,QAAQ;AACpB,SAAA,GAAA,MAAA,aACE,OAAO,WAAqC;AAC1C,MAAI,CAAC,KAAK;AACR,WAAQ,KAAK,sCAAsC;AACnD;;EAEF,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,aACZ,OAAM,IAAI,MAAM,6DAA6D;AAE/E,SAAO,QAAQ,aAAa,OAAO;IAErC,CAAC,IAAI,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOH,SAAgB,qBAEkB;CAChC,MAAM,MAAM,gBAAA,QAAQ;AACpB,SAAA,GAAA,MAAA,aACE,OAAO,YAAmC;AACxC,MAAI,CAAC,IACH,OAAM,IAAI,MAAM,yCAAyC;EAE3D,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,gBACZ,OAAM,IAAI,MAAM,mEAAmE;AAErF,SAAO,QAAQ,gBAAgB,QAAQ;IAEzC,CAAC,IAAI,CACN"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/host/chatgpt/openai-types.ts","../../../src/host/chatgpt/use-create-file.ts","../../../src/host/chatgpt/use-open-modal.ts","../../../src/host/chatgpt/use-request-checkout.ts"],"sourcesContent":["/**\n * TypeScript declarations for the `window.openai` ChatGPT runtime.\n *\n * These APIs are available inside ChatGPT-hosted iframes and provide\n * platform-specific capabilities beyond the MCP Apps standard.\n *\n * @see https://developers.openai.com/apps-sdk/mcp-apps-in-chatgpt\n */\n\nexport interface OpenAIUploadFileResult {\n  fileId: string;\n}\n\nexport interface OpenAIFileDownloadUrlResult {\n  downloadUrl: string;\n}\n\nexport interface OpenAIRequestModalParams {\n  /** URL of an alternate UI template to load in the modal. Omit to reuse the current UI. */\n  template?: string;\n  /** Arbitrary params forwarded to the modal content. */\n  params?: Record<string, unknown>;\n}\n\nexport interface OpenAICheckoutPaymentProvider {\n  provider: string;\n  merchant_id: string;\n  supported_payment_methods: string[];\n}\n\nexport interface OpenAICheckoutTotal {\n  type: string;\n  display_text: string;\n  amount: number;\n}\n\nexport interface OpenAICheckoutLink {\n  type: 'terms_of_use' | 'privacy_policy' | string;\n  url: string;\n}\n\nexport interface OpenAICheckoutSession {\n  id: string;\n  payment_provider: OpenAICheckoutPaymentProvider;\n  status: 'ready_for_payment';\n  currency: string;\n  totals: OpenAICheckoutTotal[];\n  links: OpenAICheckoutLink[];\n  payment_mode: 'live' | 'test';\n}\n\nexport interface OpenAICheckoutOrder {\n  id: string;\n  checkout_session_id: string;\n  status: 'completed' | string;\n  permalink_url?: string;\n}\n\n/**\n * The `window.openai` runtime object injected by ChatGPT into hosted iframes.\n */\nexport interface OpenAIRuntime {\n  // --- File APIs ---\n  uploadFile?(file: File): Promise<OpenAIUploadFileResult>;\n  getFileDownloadUrl?(params: { fileId: string }): Promise<OpenAIFileDownloadUrlResult>;\n\n  // --- Modal API ---\n  requestModal?(params: OpenAIRequestModalParams): Promise<void>;\n\n  // --- Checkout API ---\n  requestCheckout?(session: OpenAICheckoutSession): Promise<OpenAICheckoutOrder>;\n\n  // --- Display ---\n  requestClose?(): void;\n  requestDisplayMode?(params: { mode: 'inline' | 'PiP' | 'fullscreen' }): Promise<void>;\n\n  // --- Messaging ---\n  sendFollowUpMessage?(params: { prompt: string }): void;\n\n  // --- Other ---\n  openExternal?(params: { href: string }): void;\n}\n\n/**\n * Get the `window.openai` runtime if available.\n * Returns `undefined` outside of ChatGPT or in SSR.\n */\nexport function getOpenAIRuntime(): OpenAIRuntime | undefined {\n  if (typeof window !== 'undefined' && 'openai' in window) {\n    return (window as unknown as { openai: OpenAIRuntime }).openai;\n  }\n  return undefined;\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport { getOpenAIRuntime, type OpenAIUploadFileResult } from './openai-types';\n\nexport type { OpenAIUploadFileResult as CreateFileResult };\n\n/**\n * Upload a file from the app UI into the ChatGPT conversation.\n *\n * Wraps `window.openai.uploadFile` which is only available inside ChatGPT.\n * Supported formats: `image/png`, `image/jpeg`, `image/webp`.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useUploadFile } from 'sunpeak/host/chatgpt';\n *\n * function ImageUploader() {\n *   const uploadFile = useUploadFile();\n *\n *   const handleChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n *     const file = e.currentTarget.files?.[0];\n *     if (!file) return;\n *     const { fileId } = await uploadFile(file);\n *     console.log('Uploaded:', fileId);\n *   };\n *\n *   return <input type=\"file\" accept=\"image/*\" onChange={handleChange} />;\n * }\n * ```\n */\nexport function useUploadFile(): (file: File) => Promise<OpenAIUploadFileResult> {\n  const app = useApp();\n  return useCallback(\n    async (file: File) => {\n      if (!app) {\n        throw new Error('[useUploadFile] App not connected');\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.uploadFile) {\n        throw new Error('[useUploadFile] window.openai.uploadFile not available');\n      }\n      return runtime.uploadFile(file);\n    },\n    [app]\n  );\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport { getOpenAIRuntime, type OpenAIRequestModalParams } from './openai-types';\n\nexport type { OpenAIRequestModalParams as OpenModalParams };\n\n/**\n * Open a host-controlled modal in ChatGPT.\n *\n * Wraps `window.openai.requestModal` which is only available inside ChatGPT.\n * Pass a `template` URL to load alternate UI content in the modal, or omit\n * it to reuse the current UI.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useRequestModal } from 'sunpeak/host/chatgpt';\n *\n * function CheckoutButton() {\n *   const requestModal = useRequestModal();\n *\n *   return (\n *     <button onClick={() => requestModal({ template: 'ui://widget/checkout.html' })}>\n *       Checkout\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useRequestModal(): (params: OpenAIRequestModalParams) => Promise<void> {\n  const app = useApp();\n  return useCallback(\n    async (params: OpenAIRequestModalParams) => {\n      if (!app) {\n        console.warn('[useRequestModal] App not connected');\n        return;\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.requestModal) {\n        throw new Error('[useRequestModal] window.openai.requestModal not available');\n      }\n      return runtime.requestModal(params);\n    },\n    [app]\n  );\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport {\n  getOpenAIRuntime,\n  type OpenAICheckoutSession,\n  type OpenAICheckoutOrder,\n} from './openai-types';\n\nexport type { OpenAICheckoutSession as CheckoutSession };\nexport type { OpenAICheckoutOrder as CheckoutOrder };\n\n/**\n * Trigger the ChatGPT instant checkout flow.\n *\n * Wraps `window.openai.requestCheckout` which is only available inside\n * ChatGPT. Opens the host checkout UI, handles payment display, and\n * resolves with the finalized order. Rejects on error or user cancel.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useRequestCheckout } from 'sunpeak/host/chatgpt';\n *\n * function BuyButton() {\n *   const requestCheckout = useRequestCheckout();\n *\n *   const handleBuy = async () => {\n *     try {\n *       const order = await requestCheckout({\n *         id: 'session-1',\n *         payment_provider: {\n *           provider: 'stripe',\n *           merchant_id: 'acct_xxx',\n *           supported_payment_methods: ['card', 'apple_pay'],\n *         },\n *         status: 'ready_for_payment',\n *         currency: 'USD',\n *         totals: [{ type: 'total', display_text: 'Total', amount: 999 }],\n *         links: [],\n *         payment_mode: 'live',\n *       });\n *       console.log('Order completed:', order.id);\n *     } catch {\n *       console.log('Checkout cancelled or failed');\n *     }\n *   };\n *\n *   return <button onClick={handleBuy}>Buy Now</button>;\n * }\n * ```\n */\nexport function useRequestCheckout(): (\n  session: OpenAICheckoutSession\n) => Promise<OpenAICheckoutOrder> {\n  const app = useApp();\n  return useCallback(\n    async (session: OpenAICheckoutSession) => {\n      if (!app) {\n        throw new Error('[useRequestCheckout] App not connected');\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.requestCheckout) {\n        throw new Error('[useRequestCheckout] window.openai.requestCheckout not available');\n      }\n      return runtime.requestCheckout(session);\n    },\n    [app]\n  );\n}\n"],"mappings":";;;;;;;;;AAuFA,SAAgB,mBAA8C;AAC5D,KAAI,OAAO,WAAW,eAAe,YAAY,OAC/C,QAAQ,OAAgD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzD5D,SAAgB,gBAAiE;CAC/E,MAAM,MAAM,gBAAA,QAAQ;AACpB,SAAA,GAAA,MAAA,aACE,OAAO,SAAe;AACpB,MAAI,CAAC,IACH,OAAM,IAAI,MAAM,oCAAoC;EAEtD,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,WACZ,OAAM,IAAI,MAAM,yDAAyD;AAE3E,SAAO,QAAQ,WAAW,KAAK;IAEjC,CAAC,IAAI,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChBH,SAAgB,kBAAuE;CACrF,MAAM,MAAM,gBAAA,QAAQ;AACpB,SAAA,GAAA,MAAA,aACE,OAAO,WAAqC;AAC1C,MAAI,CAAC,KAAK;AACR,WAAQ,KAAK,sCAAsC;AACnD;;EAEF,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,aACZ,OAAM,IAAI,MAAM,6DAA6D;AAE/E,SAAO,QAAQ,aAAa,OAAO;IAErC,CAAC,IAAI,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOH,SAAgB,qBAEkB;CAChC,MAAM,MAAM,gBAAA,QAAQ;AACpB,SAAA,GAAA,MAAA,aACE,OAAO,YAAmC;AACxC,MAAI,CAAC,IACH,OAAM,IAAI,MAAM,yCAAyC;EAE3D,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,gBACZ,OAAM,IAAI,MAAM,mEAAmE;AAErF,SAAO,QAAQ,gBAAgB,QAAQ;IAEzC,CAAC,IAAI,CACN"}

package/dist/host/chatgpt/index.js

@@ -1,5 +1,4 @@
-import "../../protocol-DJmRaBzO.js";
-import { t as useApp } from "../../use-app-BNbz1uzj.js";
+import { t as useApp } from "../../use-app-CfP9VypY.js";
 import { useCallback } from "react";
 //#region src/host/chatgpt/openai-types.ts
 /**

package/dist/host/chatgpt/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/host/chatgpt/openai-types.ts","../../../src/host/chatgpt/use-create-file.ts","../../../src/host/chatgpt/use-open-modal.ts","../../../src/host/chatgpt/use-request-checkout.ts"],"sourcesContent":["/**\n * TypeScript declarations for the `window.openai` ChatGPT runtime.\n *\n * These APIs are available inside ChatGPT-hosted iframes and provide\n * platform-specific capabilities beyond the MCP Apps standard.\n *\n * @see https://developers.openai.com/apps-sdk/mcp-apps-in-chatgpt\n */\n\nexport interface OpenAIUploadFileResult {\n  fileId: string;\n}\n\nexport interface OpenAIFileDownloadUrlResult {\n  downloadUrl: string;\n}\n\nexport interface OpenAIRequestModalParams {\n  /** URL of an alternate UI template to load in the modal. Omit to reuse the current UI. */\n  template?: string;\n  /** Arbitrary params forwarded to the modal content. */\n  params?: Record<string, unknown>;\n}\n\nexport interface OpenAICheckoutPaymentProvider {\n  provider: string;\n  merchant_id: string;\n  supported_payment_methods: string[];\n}\n\nexport interface OpenAICheckoutTotal {\n  type: string;\n  display_text: string;\n  amount: number;\n}\n\nexport interface OpenAICheckoutLink {\n  type: 'terms_of_use' | 'privacy_policy' | string;\n  url: string;\n}\n\nexport interface OpenAICheckoutSession {\n  id: string;\n  payment_provider: OpenAICheckoutPaymentProvider;\n  status: 'ready_for_payment';\n  currency: string;\n  totals: OpenAICheckoutTotal[];\n  links: OpenAICheckoutLink[];\n  payment_mode: 'live' | 'test';\n}\n\nexport interface OpenAICheckoutOrder {\n  id: string;\n  checkout_session_id: string;\n  status: 'completed' | string;\n  permalink_url?: string;\n}\n\n/**\n * The `window.openai` runtime object injected by ChatGPT into hosted iframes.\n */\nexport interface OpenAIRuntime {\n  // --- File APIs ---\n  uploadFile?(file: File): Promise<OpenAIUploadFileResult>;\n  getFileDownloadUrl?(params: { fileId: string }): Promise<OpenAIFileDownloadUrlResult>;\n\n  // --- Modal API ---\n  requestModal?(params: OpenAIRequestModalParams): Promise<void>;\n\n  // --- Checkout API ---\n  requestCheckout?(session: OpenAICheckoutSession): Promise<OpenAICheckoutOrder>;\n\n  // --- Display ---\n  requestClose?(): void;\n  requestDisplayMode?(params: { mode: 'inline' | 'PiP' | 'fullscreen' }): Promise<void>;\n\n  // --- Messaging ---\n  sendFollowUpMessage?(params: { prompt: string }): void;\n\n  // --- Other ---\n  openExternal?(params: { href: string }): void;\n}\n\n/**\n * Get the `window.openai` runtime if available.\n * Returns `undefined` outside of ChatGPT or in SSR.\n */\nexport function getOpenAIRuntime(): OpenAIRuntime | undefined {\n  if (typeof window !== 'undefined' && 'openai' in window) {\n    return (window as unknown as { openai: OpenAIRuntime }).openai;\n  }\n  return undefined;\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport { getOpenAIRuntime, type OpenAIUploadFileResult } from './openai-types';\n\nexport type { OpenAIUploadFileResult as CreateFileResult };\n\n/**\n * Upload a file from the app UI into the ChatGPT conversation.\n *\n * Wraps `window.openai.uploadFile` which is only available inside ChatGPT.\n * Supported formats: `image/png`, `image/jpeg`, `image/webp`.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useUploadFile } from 'sunpeak/host/chatgpt';\n *\n * function ImageUploader() {\n *   const uploadFile = useUploadFile();\n *\n *   const handleChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n *     const file = e.currentTarget.files?.[0];\n *     if (!file) return;\n *     const { fileId } = await uploadFile(file);\n *     console.log('Uploaded:', fileId);\n *   };\n *\n *   return <input type=\"file\" accept=\"image/*\" onChange={handleChange} />;\n * }\n * ```\n */\nexport function useUploadFile(): (file: File) => Promise<OpenAIUploadFileResult> {\n  const app = useApp();\n  return useCallback(\n    async (file: File) => {\n      if (!app) {\n        throw new Error('[useUploadFile] App not connected');\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.uploadFile) {\n        throw new Error('[useUploadFile] window.openai.uploadFile not available');\n      }\n      return runtime.uploadFile(file);\n    },\n    [app]\n  );\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport { getOpenAIRuntime, type OpenAIRequestModalParams } from './openai-types';\n\nexport type { OpenAIRequestModalParams as OpenModalParams };\n\n/**\n * Open a host-controlled modal in ChatGPT.\n *\n * Wraps `window.openai.requestModal` which is only available inside ChatGPT.\n * Pass a `template` URL to load alternate UI content in the modal, or omit\n * it to reuse the current UI.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useRequestModal } from 'sunpeak/host/chatgpt';\n *\n * function CheckoutButton() {\n *   const requestModal = useRequestModal();\n *\n *   return (\n *     <button onClick={() => requestModal({ template: 'ui://widget/checkout.html' })}>\n *       Checkout\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useRequestModal(): (params: OpenAIRequestModalParams) => Promise<void> {\n  const app = useApp();\n  return useCallback(\n    async (params: OpenAIRequestModalParams) => {\n      if (!app) {\n        console.warn('[useRequestModal] App not connected');\n        return;\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.requestModal) {\n        throw new Error('[useRequestModal] window.openai.requestModal not available');\n      }\n      return runtime.requestModal(params);\n    },\n    [app]\n  );\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport {\n  getOpenAIRuntime,\n  type OpenAICheckoutSession,\n  type OpenAICheckoutOrder,\n} from './openai-types';\n\nexport type { OpenAICheckoutSession as CheckoutSession };\nexport type { OpenAICheckoutOrder as CheckoutOrder };\n\n/**\n * Trigger the ChatGPT instant checkout flow.\n *\n * Wraps `window.openai.requestCheckout` which is only available inside\n * ChatGPT. Opens the host checkout UI, handles payment display, and\n * resolves with the finalized order. Rejects on error or user cancel.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useRequestCheckout } from 'sunpeak/host/chatgpt';\n *\n * function BuyButton() {\n *   const requestCheckout = useRequestCheckout();\n *\n *   const handleBuy = async () => {\n *     try {\n *       const order = await requestCheckout({\n *         id: 'session-1',\n *         payment_provider: {\n *           provider: 'stripe',\n *           merchant_id: 'acct_xxx',\n *           supported_payment_methods: ['card', 'apple_pay'],\n *         },\n *         status: 'ready_for_payment',\n *         currency: 'USD',\n *         totals: [{ type: 'total', display_text: 'Total', amount: 999 }],\n *         links: [],\n *         payment_mode: 'live',\n *       });\n *       console.log('Order completed:', order.id);\n *     } catch {\n *       console.log('Checkout cancelled or failed');\n *     }\n *   };\n *\n *   return <button onClick={handleBuy}>Buy Now</button>;\n * }\n * ```\n */\nexport function useRequestCheckout(): (\n  session: OpenAICheckoutSession\n) => Promise<OpenAICheckoutOrder> {\n  const app = useApp();\n  return useCallback(\n    async (session: OpenAICheckoutSession) => {\n      if (!app) {\n        throw new Error('[useRequestCheckout] App not connected');\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.requestCheckout) {\n        throw new Error('[useRequestCheckout] window.openai.requestCheckout not available');\n      }\n      return runtime.requestCheckout(session);\n    },\n    [app]\n  );\n}\n"],"mappings":";;;;;;;;AAuFA,SAAgB,mBAA8C;AAC5D,KAAI,OAAO,WAAW,eAAe,YAAY,OAC/C,QAAQ,OAAgD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzD5D,SAAgB,gBAAiE;CAC/E,MAAM,MAAM,QAAQ;AACpB,QAAO,YACL,OAAO,SAAe;AACpB,MAAI,CAAC,IACH,OAAM,IAAI,MAAM,oCAAoC;EAEtD,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,WACZ,OAAM,IAAI,MAAM,yDAAyD;AAE3E,SAAO,QAAQ,WAAW,KAAK;IAEjC,CAAC,IAAI,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChBH,SAAgB,kBAAuE;CACrF,MAAM,MAAM,QAAQ;AACpB,QAAO,YACL,OAAO,WAAqC;AAC1C,MAAI,CAAC,KAAK;AACR,WAAQ,KAAK,sCAAsC;AACnD;;EAEF,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,aACZ,OAAM,IAAI,MAAM,6DAA6D;AAE/E,SAAO,QAAQ,aAAa,OAAO;IAErC,CAAC,IAAI,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOH,SAAgB,qBAEkB;CAChC,MAAM,MAAM,QAAQ;AACpB,QAAO,YACL,OAAO,YAAmC;AACxC,MAAI,CAAC,IACH,OAAM,IAAI,MAAM,yCAAyC;EAE3D,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,gBACZ,OAAM,IAAI,MAAM,mEAAmE;AAErF,SAAO,QAAQ,gBAAgB,QAAQ;IAEzC,CAAC,IAAI,CACN"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/host/chatgpt/openai-types.ts","../../../src/host/chatgpt/use-create-file.ts","../../../src/host/chatgpt/use-open-modal.ts","../../../src/host/chatgpt/use-request-checkout.ts"],"sourcesContent":["/**\n * TypeScript declarations for the `window.openai` ChatGPT runtime.\n *\n * These APIs are available inside ChatGPT-hosted iframes and provide\n * platform-specific capabilities beyond the MCP Apps standard.\n *\n * @see https://developers.openai.com/apps-sdk/mcp-apps-in-chatgpt\n */\n\nexport interface OpenAIUploadFileResult {\n  fileId: string;\n}\n\nexport interface OpenAIFileDownloadUrlResult {\n  downloadUrl: string;\n}\n\nexport interface OpenAIRequestModalParams {\n  /** URL of an alternate UI template to load in the modal. Omit to reuse the current UI. */\n  template?: string;\n  /** Arbitrary params forwarded to the modal content. */\n  params?: Record<string, unknown>;\n}\n\nexport interface OpenAICheckoutPaymentProvider {\n  provider: string;\n  merchant_id: string;\n  supported_payment_methods: string[];\n}\n\nexport interface OpenAICheckoutTotal {\n  type: string;\n  display_text: string;\n  amount: number;\n}\n\nexport interface OpenAICheckoutLink {\n  type: 'terms_of_use' | 'privacy_policy' | string;\n  url: string;\n}\n\nexport interface OpenAICheckoutSession {\n  id: string;\n  payment_provider: OpenAICheckoutPaymentProvider;\n  status: 'ready_for_payment';\n  currency: string;\n  totals: OpenAICheckoutTotal[];\n  links: OpenAICheckoutLink[];\n  payment_mode: 'live' | 'test';\n}\n\nexport interface OpenAICheckoutOrder {\n  id: string;\n  checkout_session_id: string;\n  status: 'completed' | string;\n  permalink_url?: string;\n}\n\n/**\n * The `window.openai` runtime object injected by ChatGPT into hosted iframes.\n */\nexport interface OpenAIRuntime {\n  // --- File APIs ---\n  uploadFile?(file: File): Promise<OpenAIUploadFileResult>;\n  getFileDownloadUrl?(params: { fileId: string }): Promise<OpenAIFileDownloadUrlResult>;\n\n  // --- Modal API ---\n  requestModal?(params: OpenAIRequestModalParams): Promise<void>;\n\n  // --- Checkout API ---\n  requestCheckout?(session: OpenAICheckoutSession): Promise<OpenAICheckoutOrder>;\n\n  // --- Display ---\n  requestClose?(): void;\n  requestDisplayMode?(params: { mode: 'inline' | 'PiP' | 'fullscreen' }): Promise<void>;\n\n  // --- Messaging ---\n  sendFollowUpMessage?(params: { prompt: string }): void;\n\n  // --- Other ---\n  openExternal?(params: { href: string }): void;\n}\n\n/**\n * Get the `window.openai` runtime if available.\n * Returns `undefined` outside of ChatGPT or in SSR.\n */\nexport function getOpenAIRuntime(): OpenAIRuntime | undefined {\n  if (typeof window !== 'undefined' && 'openai' in window) {\n    return (window as unknown as { openai: OpenAIRuntime }).openai;\n  }\n  return undefined;\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport { getOpenAIRuntime, type OpenAIUploadFileResult } from './openai-types';\n\nexport type { OpenAIUploadFileResult as CreateFileResult };\n\n/**\n * Upload a file from the app UI into the ChatGPT conversation.\n *\n * Wraps `window.openai.uploadFile` which is only available inside ChatGPT.\n * Supported formats: `image/png`, `image/jpeg`, `image/webp`.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useUploadFile } from 'sunpeak/host/chatgpt';\n *\n * function ImageUploader() {\n *   const uploadFile = useUploadFile();\n *\n *   const handleChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n *     const file = e.currentTarget.files?.[0];\n *     if (!file) return;\n *     const { fileId } = await uploadFile(file);\n *     console.log('Uploaded:', fileId);\n *   };\n *\n *   return <input type=\"file\" accept=\"image/*\" onChange={handleChange} />;\n * }\n * ```\n */\nexport function useUploadFile(): (file: File) => Promise<OpenAIUploadFileResult> {\n  const app = useApp();\n  return useCallback(\n    async (file: File) => {\n      if (!app) {\n        throw new Error('[useUploadFile] App not connected');\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.uploadFile) {\n        throw new Error('[useUploadFile] window.openai.uploadFile not available');\n      }\n      return runtime.uploadFile(file);\n    },\n    [app]\n  );\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport { getOpenAIRuntime, type OpenAIRequestModalParams } from './openai-types';\n\nexport type { OpenAIRequestModalParams as OpenModalParams };\n\n/**\n * Open a host-controlled modal in ChatGPT.\n *\n * Wraps `window.openai.requestModal` which is only available inside ChatGPT.\n * Pass a `template` URL to load alternate UI content in the modal, or omit\n * it to reuse the current UI.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useRequestModal } from 'sunpeak/host/chatgpt';\n *\n * function CheckoutButton() {\n *   const requestModal = useRequestModal();\n *\n *   return (\n *     <button onClick={() => requestModal({ template: 'ui://widget/checkout.html' })}>\n *       Checkout\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useRequestModal(): (params: OpenAIRequestModalParams) => Promise<void> {\n  const app = useApp();\n  return useCallback(\n    async (params: OpenAIRequestModalParams) => {\n      if (!app) {\n        console.warn('[useRequestModal] App not connected');\n        return;\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.requestModal) {\n        throw new Error('[useRequestModal] window.openai.requestModal not available');\n      }\n      return runtime.requestModal(params);\n    },\n    [app]\n  );\n}\n","import { useCallback } from 'react';\nimport { useApp } from '../../hooks/use-app';\nimport {\n  getOpenAIRuntime,\n  type OpenAICheckoutSession,\n  type OpenAICheckoutOrder,\n} from './openai-types';\n\nexport type { OpenAICheckoutSession as CheckoutSession };\nexport type { OpenAICheckoutOrder as CheckoutOrder };\n\n/**\n * Trigger the ChatGPT instant checkout flow.\n *\n * Wraps `window.openai.requestCheckout` which is only available inside\n * ChatGPT. Opens the host checkout UI, handles payment display, and\n * resolves with the finalized order. Rejects on error or user cancel.\n *\n * Import from `sunpeak/host/chatgpt`:\n *\n * @example\n * ```tsx\n * import { useRequestCheckout } from 'sunpeak/host/chatgpt';\n *\n * function BuyButton() {\n *   const requestCheckout = useRequestCheckout();\n *\n *   const handleBuy = async () => {\n *     try {\n *       const order = await requestCheckout({\n *         id: 'session-1',\n *         payment_provider: {\n *           provider: 'stripe',\n *           merchant_id: 'acct_xxx',\n *           supported_payment_methods: ['card', 'apple_pay'],\n *         },\n *         status: 'ready_for_payment',\n *         currency: 'USD',\n *         totals: [{ type: 'total', display_text: 'Total', amount: 999 }],\n *         links: [],\n *         payment_mode: 'live',\n *       });\n *       console.log('Order completed:', order.id);\n *     } catch {\n *       console.log('Checkout cancelled or failed');\n *     }\n *   };\n *\n *   return <button onClick={handleBuy}>Buy Now</button>;\n * }\n * ```\n */\nexport function useRequestCheckout(): (\n  session: OpenAICheckoutSession\n) => Promise<OpenAICheckoutOrder> {\n  const app = useApp();\n  return useCallback(\n    async (session: OpenAICheckoutSession) => {\n      if (!app) {\n        throw new Error('[useRequestCheckout] App not connected');\n      }\n      const runtime = getOpenAIRuntime();\n      if (!runtime?.requestCheckout) {\n        throw new Error('[useRequestCheckout] window.openai.requestCheckout not available');\n      }\n      return runtime.requestCheckout(session);\n    },\n    [app]\n  );\n}\n"],"mappings":";;;;;;;AAuFA,SAAgB,mBAA8C;AAC5D,KAAI,OAAO,WAAW,eAAe,YAAY,OAC/C,QAAQ,OAAgD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzD5D,SAAgB,gBAAiE;CAC/E,MAAM,MAAM,QAAQ;AACpB,QAAO,YACL,OAAO,SAAe;AACpB,MAAI,CAAC,IACH,OAAM,IAAI,MAAM,oCAAoC;EAEtD,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,WACZ,OAAM,IAAI,MAAM,yDAAyD;AAE3E,SAAO,QAAQ,WAAW,KAAK;IAEjC,CAAC,IAAI,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChBH,SAAgB,kBAAuE;CACrF,MAAM,MAAM,QAAQ;AACpB,QAAO,YACL,OAAO,WAAqC;AAC1C,MAAI,CAAC,KAAK;AACR,WAAQ,KAAK,sCAAsC;AACnD;;EAEF,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,aACZ,OAAM,IAAI,MAAM,6DAA6D;AAE/E,SAAO,QAAQ,aAAa,OAAO;IAErC,CAAC,IAAI,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOH,SAAgB,qBAEkB;CAChC,MAAM,MAAM,QAAQ;AACpB,QAAO,YACL,OAAO,YAAmC;AACxC,MAAI,CAAC,IACH,OAAM,IAAI,MAAM,yCAAyC;EAE3D,MAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS,gBACZ,OAAM,IAAI,MAAM,mEAAmE;AAErF,SAAO,QAAQ,gBAAgB,QAAQ;IAEzC,CAAC,IAAI,CACN"}