sunpeak 0.16.29 → 0.17.2

package/dist/{simulator-url-BDGD4vZD.cjs → simulator-url-CozKF1jf.cjs}

@@ -55,6 +55,8 @@ function createSimulatorUrl(params, basePath = "/") {
 	if (params.safeAreaRight !== void 0) searchParams.set("safeAreaRight", String(params.safeAreaRight));
 	if (params.prodTools !== void 0) searchParams.set("prodTools", String(params.prodTools));
 	if (params.prodResources !== void 0) searchParams.set("prodResources", String(params.prodResources));
+	if (params.serverUrl !== void 0) searchParams.set("serverUrl", params.serverUrl);
+	if (params.tool !== void 0) searchParams.set("tool", params.tool);
 	const queryString = searchParams.toString();
 	return queryString ? `${basePath}?${queryString}` : basePath;
 }
@@ -66,4 +68,4 @@ Object.defineProperty(exports, "createSimulatorUrl", {
 	}
 });
 
-//# sourceMappingURL=simulator-url-BDGD4vZD.cjs.map
+//# sourceMappingURL=simulator-url-CozKF1jf.cjs.map

package/dist/simulator-url-CozKF1jf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"simulator-url-CozKF1jf.cjs","names":[],"sources":["../src/simulator/simulator-url.ts"],"sourcesContent":["import type { Theme, DisplayMode, DeviceType } from '../types/runtime';\n\n/**\n * Strongly-typed URL parameters for the Simulator.\n *\n * Use with `createSimulatorUrl()` to generate type-safe URL paths for e2e tests.\n *\n * @example\n * ```ts\n * import { createSimulatorUrl } from 'sunpeak/chatgpt';\n *\n * // In e2e tests:\n * await page.goto(createSimulatorUrl({\n *   simulation: 'show-albums',\n *   theme: 'dark',\n *   displayMode: 'fullscreen',\n *   host: 'claude',\n * }));\n * ```\n */\nexport interface SimulatorUrlParams {\n  /**\n   * The simulation name to load (e.g., 'show-albums', 'review-diff').\n   * Corresponds to the simulation JSON filename without the `.json` extension.\n   */\n  simulation?: string;\n\n  /**\n   * The host shell to use (e.g., 'chatgpt', 'claude').\n   * Switches conversation chrome, theming, and reported host info/capabilities.\n   * @default 'chatgpt'\n   */\n  host?: string;\n\n  /**\n   * The color theme for the simulator.\n   * @default 'dark'\n   */\n  theme?: Theme;\n\n  /**\n   * The display mode for the widget.\n   * - 'inline': Embedded in the conversation\n   * - 'pip': Picture-in-picture mode with max height\n   * - 'fullscreen': Full screen overlay\n   * @default 'inline'\n   */\n  displayMode?: DisplayMode;\n\n  /**\n   * The locale for the simulator (e.g., 'en-US', 'ja-JP').\n   * @default 'en-US'\n   */\n  locale?: string;\n\n  /**\n   * Maximum height in pixels for PiP mode.\n   * Only applicable when displayMode is 'pip'.\n   */\n  maxHeight?: number;\n\n  /**\n   * The device type to simulate.\n   * Affects default hover/touch capabilities.\n   */\n  deviceType?: DeviceType;\n\n  /**\n   * Whether the device supports hover interactions.\n   * @default true for desktop, false for mobile/tablet\n   */\n  hover?: boolean;\n\n  /**\n   * Whether the device supports touch interactions.\n   * @default false for desktop, true for mobile/tablet\n   */\n  touch?: boolean;\n\n  /**\n   * Safe area inset from the top of the screen (in pixels).\n   * Used for devices with notches or status bars.\n   */\n  safeAreaTop?: number;\n\n  /**\n   * Safe area inset from the bottom of the screen (in pixels).\n   * Used for devices with home indicators.\n   */\n  safeAreaBottom?: number;\n\n  /**\n   * Safe area inset from the left of the screen (in pixels).\n   */\n  safeAreaLeft?: number;\n\n  /**\n   * Safe area inset from the right of the screen (in pixels).\n   */\n  safeAreaRight?: number;\n\n  /**\n   * Enable Prod Tools mode (real tool handlers instead of simulation mocks).\n   */\n  prodTools?: boolean;\n\n  /**\n   * Enable Prod Resources mode (production dist/ bundles instead of HMR).\n   */\n  prodResources?: boolean;\n\n  /**\n   * MCP server URL for inspect mode. Encoded into the URL for informational purposes.\n   */\n  serverUrl?: string;\n\n  /**\n   * Pre-select a tool by name (alternative to the `simulation` param).\n   */\n  tool?: string;\n}\n\n/**\n * Creates a URL path with query parameters for the ChatGPT Simulator.\n *\n * @param params - The simulator parameters to encode\n * @param basePath - The base path for the URL (default: '/')\n * @returns A URL path string with encoded query parameters\n *\n * @example\n * ```ts\n * // Basic usage\n * createSimulatorUrl({ simulation: 'show-albums', theme: 'light' })\n * // Returns: '/?simulation=show-albums&theme=light'\n *\n * // With display mode\n * createSimulatorUrl({\n *   simulation: 'review-diff',\n *   theme: 'dark',\n *   displayMode: 'fullscreen',\n * })\n * // Returns: '/?simulation=review-diff&theme=dark&displayMode=fullscreen'\n *\n * // With device simulation\n * createSimulatorUrl({\n *   simulation: 'show-map',\n *   deviceType: 'mobile',\n *   touch: true,\n *   hover: false,\n * })\n * // Returns: '/?simulation=show-map&deviceType=mobile&touch=true&hover=false'\n *\n * // With safe area insets (for notch simulation)\n * createSimulatorUrl({\n *   simulation: 'show-carousel',\n *   safeAreaTop: 44,\n *   safeAreaBottom: 34,\n * })\n * // Returns: '/?simulation=show-carousel&safeAreaTop=44&safeAreaBottom=34'\n * ```\n */\nexport function createSimulatorUrl(params: SimulatorUrlParams, basePath = '/'): string {\n  const searchParams = new URLSearchParams();\n\n  // Add each defined parameter\n  if (params.simulation !== undefined) {\n    searchParams.set('simulation', params.simulation);\n  }\n  if (params.host !== undefined) {\n    searchParams.set('host', params.host);\n  }\n  if (params.theme !== undefined) {\n    searchParams.set('theme', params.theme);\n  }\n  if (params.displayMode !== undefined) {\n    searchParams.set('displayMode', params.displayMode);\n  }\n  if (params.locale !== undefined) {\n    searchParams.set('locale', params.locale);\n  }\n  if (params.maxHeight !== undefined) {\n    searchParams.set('maxHeight', String(params.maxHeight));\n  }\n  if (params.deviceType !== undefined) {\n    searchParams.set('deviceType', params.deviceType);\n  }\n  if (params.hover !== undefined) {\n    searchParams.set('hover', String(params.hover));\n  }\n  if (params.touch !== undefined) {\n    searchParams.set('touch', String(params.touch));\n  }\n  if (params.safeAreaTop !== undefined) {\n    searchParams.set('safeAreaTop', String(params.safeAreaTop));\n  }\n  if (params.safeAreaBottom !== undefined) {\n    searchParams.set('safeAreaBottom', String(params.safeAreaBottom));\n  }\n  if (params.safeAreaLeft !== undefined) {\n    searchParams.set('safeAreaLeft', String(params.safeAreaLeft));\n  }\n  if (params.safeAreaRight !== undefined) {\n    searchParams.set('safeAreaRight', String(params.safeAreaRight));\n  }\n  if (params.prodTools !== undefined) {\n    searchParams.set('prodTools', String(params.prodTools));\n  }\n  if (params.prodResources !== undefined) {\n    searchParams.set('prodResources', String(params.prodResources));\n  }\n  if (params.serverUrl !== undefined) {\n    searchParams.set('serverUrl', params.serverUrl);\n  }\n  if (params.tool !== undefined) {\n    searchParams.set('tool', params.tool);\n  }\n  const queryString = searchParams.toString();\n  return queryString ? `${basePath}?${queryString}` : basePath;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiKA,SAAgB,mBAAmB,QAA4B,WAAW,KAAa;CACrF,MAAM,eAAe,IAAI,iBAAiB;AAG1C,KAAI,OAAO,eAAe,KAAA,EACxB,cAAa,IAAI,cAAc,OAAO,WAAW;AAEnD,KAAI,OAAO,SAAS,KAAA,EAClB,cAAa,IAAI,QAAQ,OAAO,KAAK;AAEvC,KAAI,OAAO,UAAU,KAAA,EACnB,cAAa,IAAI,SAAS,OAAO,MAAM;AAEzC,KAAI,OAAO,gBAAgB,KAAA,EACzB,cAAa,IAAI,eAAe,OAAO,YAAY;AAErD,KAAI,OAAO,WAAW,KAAA,EACpB,cAAa,IAAI,UAAU,OAAO,OAAO;AAE3C,KAAI,OAAO,cAAc,KAAA,EACvB,cAAa,IAAI,aAAa,OAAO,OAAO,UAAU,CAAC;AAEzD,KAAI,OAAO,eAAe,KAAA,EACxB,cAAa,IAAI,cAAc,OAAO,WAAW;AAEnD,KAAI,OAAO,UAAU,KAAA,EACnB,cAAa,IAAI,SAAS,OAAO,OAAO,MAAM,CAAC;AAEjD,KAAI,OAAO,UAAU,KAAA,EACnB,cAAa,IAAI,SAAS,OAAO,OAAO,MAAM,CAAC;AAEjD,KAAI,OAAO,gBAAgB,KAAA,EACzB,cAAa,IAAI,eAAe,OAAO,OAAO,YAAY,CAAC;AAE7D,KAAI,OAAO,mBAAmB,KAAA,EAC5B,cAAa,IAAI,kBAAkB,OAAO,OAAO,eAAe,CAAC;AAEnE,KAAI,OAAO,iBAAiB,KAAA,EAC1B,cAAa,IAAI,gBAAgB,OAAO,OAAO,aAAa,CAAC;AAE/D,KAAI,OAAO,kBAAkB,KAAA,EAC3B,cAAa,IAAI,iBAAiB,OAAO,OAAO,cAAc,CAAC;AAEjE,KAAI,OAAO,cAAc,KAAA,EACvB,cAAa,IAAI,aAAa,OAAO,OAAO,UAAU,CAAC;AAEzD,KAAI,OAAO,kBAAkB,KAAA,EAC3B,cAAa,IAAI,iBAAiB,OAAO,OAAO,cAAc,CAAC;AAEjE,KAAI,OAAO,cAAc,KAAA,EACvB,cAAa,IAAI,aAAa,OAAO,UAAU;AAEjD,KAAI,OAAO,SAAS,KAAA,EAClB,cAAa,IAAI,QAAQ,OAAO,KAAK;CAEvC,MAAM,cAAc,aAAa,UAAU;AAC3C,QAAO,cAAc,GAAG,SAAS,GAAG,gBAAgB"}

package/dist/{simulator-url-Bkxj43yT.js → simulator-url-KoS_ToP6.js}

@@ -55,10 +55,12 @@ function createSimulatorUrl(params, basePath = "/") {
 	if (params.safeAreaRight !== void 0) searchParams.set("safeAreaRight", String(params.safeAreaRight));
 	if (params.prodTools !== void 0) searchParams.set("prodTools", String(params.prodTools));
 	if (params.prodResources !== void 0) searchParams.set("prodResources", String(params.prodResources));
+	if (params.serverUrl !== void 0) searchParams.set("serverUrl", params.serverUrl);
+	if (params.tool !== void 0) searchParams.set("tool", params.tool);
 	const queryString = searchParams.toString();
 	return queryString ? `${basePath}?${queryString}` : basePath;
 }
 //#endregion
 export { createSimulatorUrl as t };
 
-//# sourceMappingURL=simulator-url-Bkxj43yT.js.map
+//# sourceMappingURL=simulator-url-KoS_ToP6.js.map

package/dist/simulator-url-KoS_ToP6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simulator-url-KoS_ToP6.js","names":[],"sources":["../src/simulator/simulator-url.ts"],"sourcesContent":["import type { Theme, DisplayMode, DeviceType } from '../types/runtime';\n\n/**\n * Strongly-typed URL parameters for the Simulator.\n *\n * Use with `createSimulatorUrl()` to generate type-safe URL paths for e2e tests.\n *\n * @example\n * ```ts\n * import { createSimulatorUrl } from 'sunpeak/chatgpt';\n *\n * // In e2e tests:\n * await page.goto(createSimulatorUrl({\n *   simulation: 'show-albums',\n *   theme: 'dark',\n *   displayMode: 'fullscreen',\n *   host: 'claude',\n * }));\n * ```\n */\nexport interface SimulatorUrlParams {\n  /**\n   * The simulation name to load (e.g., 'show-albums', 'review-diff').\n   * Corresponds to the simulation JSON filename without the `.json` extension.\n   */\n  simulation?: string;\n\n  /**\n   * The host shell to use (e.g., 'chatgpt', 'claude').\n   * Switches conversation chrome, theming, and reported host info/capabilities.\n   * @default 'chatgpt'\n   */\n  host?: string;\n\n  /**\n   * The color theme for the simulator.\n   * @default 'dark'\n   */\n  theme?: Theme;\n\n  /**\n   * The display mode for the widget.\n   * - 'inline': Embedded in the conversation\n   * - 'pip': Picture-in-picture mode with max height\n   * - 'fullscreen': Full screen overlay\n   * @default 'inline'\n   */\n  displayMode?: DisplayMode;\n\n  /**\n   * The locale for the simulator (e.g., 'en-US', 'ja-JP').\n   * @default 'en-US'\n   */\n  locale?: string;\n\n  /**\n   * Maximum height in pixels for PiP mode.\n   * Only applicable when displayMode is 'pip'.\n   */\n  maxHeight?: number;\n\n  /**\n   * The device type to simulate.\n   * Affects default hover/touch capabilities.\n   */\n  deviceType?: DeviceType;\n\n  /**\n   * Whether the device supports hover interactions.\n   * @default true for desktop, false for mobile/tablet\n   */\n  hover?: boolean;\n\n  /**\n   * Whether the device supports touch interactions.\n   * @default false for desktop, true for mobile/tablet\n   */\n  touch?: boolean;\n\n  /**\n   * Safe area inset from the top of the screen (in pixels).\n   * Used for devices with notches or status bars.\n   */\n  safeAreaTop?: number;\n\n  /**\n   * Safe area inset from the bottom of the screen (in pixels).\n   * Used for devices with home indicators.\n   */\n  safeAreaBottom?: number;\n\n  /**\n   * Safe area inset from the left of the screen (in pixels).\n   */\n  safeAreaLeft?: number;\n\n  /**\n   * Safe area inset from the right of the screen (in pixels).\n   */\n  safeAreaRight?: number;\n\n  /**\n   * Enable Prod Tools mode (real tool handlers instead of simulation mocks).\n   */\n  prodTools?: boolean;\n\n  /**\n   * Enable Prod Resources mode (production dist/ bundles instead of HMR).\n   */\n  prodResources?: boolean;\n\n  /**\n   * MCP server URL for inspect mode. Encoded into the URL for informational purposes.\n   */\n  serverUrl?: string;\n\n  /**\n   * Pre-select a tool by name (alternative to the `simulation` param).\n   */\n  tool?: string;\n}\n\n/**\n * Creates a URL path with query parameters for the ChatGPT Simulator.\n *\n * @param params - The simulator parameters to encode\n * @param basePath - The base path for the URL (default: '/')\n * @returns A URL path string with encoded query parameters\n *\n * @example\n * ```ts\n * // Basic usage\n * createSimulatorUrl({ simulation: 'show-albums', theme: 'light' })\n * // Returns: '/?simulation=show-albums&theme=light'\n *\n * // With display mode\n * createSimulatorUrl({\n *   simulation: 'review-diff',\n *   theme: 'dark',\n *   displayMode: 'fullscreen',\n * })\n * // Returns: '/?simulation=review-diff&theme=dark&displayMode=fullscreen'\n *\n * // With device simulation\n * createSimulatorUrl({\n *   simulation: 'show-map',\n *   deviceType: 'mobile',\n *   touch: true,\n *   hover: false,\n * })\n * // Returns: '/?simulation=show-map&deviceType=mobile&touch=true&hover=false'\n *\n * // With safe area insets (for notch simulation)\n * createSimulatorUrl({\n *   simulation: 'show-carousel',\n *   safeAreaTop: 44,\n *   safeAreaBottom: 34,\n * })\n * // Returns: '/?simulation=show-carousel&safeAreaTop=44&safeAreaBottom=34'\n * ```\n */\nexport function createSimulatorUrl(params: SimulatorUrlParams, basePath = '/'): string {\n  const searchParams = new URLSearchParams();\n\n  // Add each defined parameter\n  if (params.simulation !== undefined) {\n    searchParams.set('simulation', params.simulation);\n  }\n  if (params.host !== undefined) {\n    searchParams.set('host', params.host);\n  }\n  if (params.theme !== undefined) {\n    searchParams.set('theme', params.theme);\n  }\n  if (params.displayMode !== undefined) {\n    searchParams.set('displayMode', params.displayMode);\n  }\n  if (params.locale !== undefined) {\n    searchParams.set('locale', params.locale);\n  }\n  if (params.maxHeight !== undefined) {\n    searchParams.set('maxHeight', String(params.maxHeight));\n  }\n  if (params.deviceType !== undefined) {\n    searchParams.set('deviceType', params.deviceType);\n  }\n  if (params.hover !== undefined) {\n    searchParams.set('hover', String(params.hover));\n  }\n  if (params.touch !== undefined) {\n    searchParams.set('touch', String(params.touch));\n  }\n  if (params.safeAreaTop !== undefined) {\n    searchParams.set('safeAreaTop', String(params.safeAreaTop));\n  }\n  if (params.safeAreaBottom !== undefined) {\n    searchParams.set('safeAreaBottom', String(params.safeAreaBottom));\n  }\n  if (params.safeAreaLeft !== undefined) {\n    searchParams.set('safeAreaLeft', String(params.safeAreaLeft));\n  }\n  if (params.safeAreaRight !== undefined) {\n    searchParams.set('safeAreaRight', String(params.safeAreaRight));\n  }\n  if (params.prodTools !== undefined) {\n    searchParams.set('prodTools', String(params.prodTools));\n  }\n  if (params.prodResources !== undefined) {\n    searchParams.set('prodResources', String(params.prodResources));\n  }\n  if (params.serverUrl !== undefined) {\n    searchParams.set('serverUrl', params.serverUrl);\n  }\n  if (params.tool !== undefined) {\n    searchParams.set('tool', params.tool);\n  }\n  const queryString = searchParams.toString();\n  return queryString ? `${basePath}?${queryString}` : basePath;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiKA,SAAgB,mBAAmB,QAA4B,WAAW,KAAa;CACrF,MAAM,eAAe,IAAI,iBAAiB;AAG1C,KAAI,OAAO,eAAe,KAAA,EACxB,cAAa,IAAI,cAAc,OAAO,WAAW;AAEnD,KAAI,OAAO,SAAS,KAAA,EAClB,cAAa,IAAI,QAAQ,OAAO,KAAK;AAEvC,KAAI,OAAO,UAAU,KAAA,EACnB,cAAa,IAAI,SAAS,OAAO,MAAM;AAEzC,KAAI,OAAO,gBAAgB,KAAA,EACzB,cAAa,IAAI,eAAe,OAAO,YAAY;AAErD,KAAI,OAAO,WAAW,KAAA,EACpB,cAAa,IAAI,UAAU,OAAO,OAAO;AAE3C,KAAI,OAAO,cAAc,KAAA,EACvB,cAAa,IAAI,aAAa,OAAO,OAAO,UAAU,CAAC;AAEzD,KAAI,OAAO,eAAe,KAAA,EACxB,cAAa,IAAI,cAAc,OAAO,WAAW;AAEnD,KAAI,OAAO,UAAU,KAAA,EACnB,cAAa,IAAI,SAAS,OAAO,OAAO,MAAM,CAAC;AAEjD,KAAI,OAAO,UAAU,KAAA,EACnB,cAAa,IAAI,SAAS,OAAO,OAAO,MAAM,CAAC;AAEjD,KAAI,OAAO,gBAAgB,KAAA,EACzB,cAAa,IAAI,eAAe,OAAO,OAAO,YAAY,CAAC;AAE7D,KAAI,OAAO,mBAAmB,KAAA,EAC5B,cAAa,IAAI,kBAAkB,OAAO,OAAO,eAAe,CAAC;AAEnE,KAAI,OAAO,iBAAiB,KAAA,EAC1B,cAAa,IAAI,gBAAgB,OAAO,OAAO,aAAa,CAAC;AAE/D,KAAI,OAAO,kBAAkB,KAAA,EAC3B,cAAa,IAAI,iBAAiB,OAAO,OAAO,cAAc,CAAC;AAEjE,KAAI,OAAO,cAAc,KAAA,EACvB,cAAa,IAAI,aAAa,OAAO,OAAO,UAAU,CAAC;AAEzD,KAAI,OAAO,kBAAkB,KAAA,EAC3B,cAAa,IAAI,iBAAiB,OAAO,OAAO,cAAc,CAAC;AAEjE,KAAI,OAAO,cAAc,KAAA,EACvB,cAAa,IAAI,aAAa,OAAO,UAAU;AAEjD,KAAI,OAAO,SAAS,KAAA,EAClB,cAAa,IAAI,QAAQ,OAAO,KAAK;CAEvC,MAAM,cAAc,aAAa,UAAU;AAC3C,QAAO,cAAc,GAAG,SAAS,GAAG,gBAAgB"}

package/dist/style.css

@@ -721,6 +721,10 @@
     height: calc(var(--spacing) * 6);
   }
 
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
+
   .h-3 {
     height: calc(var(--spacing) * 3);
   }
@@ -813,6 +817,10 @@
     width: calc(var(--spacing) * 1);
   }
 
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
+
   .w-3 {
     width: calc(var(--spacing) * 3);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunpeak",
-  "version": "0.16.29",
+  "version": "0.17.2",
   "description": "Local-first MCP Apps framework. Quickstart, build, test, and ship your Claude Connector or ChatGPT App!",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -91,6 +91,12 @@
         "default": "./bin/lib/live/chatgpt-config.mjs"
       }
     },
+    "./test/inspect/config": {
+      "import": {
+        "types": "./bin/lib/inspect/inspect-config.d.mts",
+        "default": "./bin/lib/inspect/inspect-config.mjs"
+      }
+    },
     "./package.json": "./package.json"
   },
   "bin": {
@@ -132,9 +138,11 @@
     "@clack/prompts": "^1.1.0",
     "@modelcontextprotocol/ext-apps": "^1.2.2",
     "@modelcontextprotocol/sdk": "^1.27.1",
+    "@vitejs/plugin-react": "^6.0.1",
     "clsx": "^2.1.1",
     "esbuild": "^0.27.4",
     "tailwind-merge": "^3.5.0",
+    "vite": "^8.0.1",
     "zod": "^4.3.6"
   },
   "devDependencies": {
@@ -147,7 +155,6 @@
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.57.1",
     "@typescript-eslint/parser": "^8.57.1",
-    "@vitejs/plugin-react": "^6.0.1",
     "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
@@ -160,8 +167,8 @@
     "ts-node": "^10.9.2",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
-    "vite": "^8.0.1",
     "vite-plugin-dts": "^4.5.4",
+    "@playwright/test": "^1.52.0",
     "vitest": "^4.1.0"
   },
   "repository": {
@@ -179,6 +186,7 @@
     "lint": "eslint . --ext .ts,.tsx --fix",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
+    "test:e2e": "pnpm exec playwright test",
     "generate-examples": "node scripts/generate-examples.mjs",
     "validate": "node scripts/validate.mjs"
   }