sunpeak 0.16.28 → 0.17.1

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);
   }
@@ -853,10 +861,6 @@
     width: calc(var(--spacing) * 40);
   }
 
-  .w-56 {
-    width: calc(var(--spacing) * 56);
-  }
-
   .w-\[18px\] {
     width: 18px;
   }
@@ -971,10 +975,6 @@
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
 
-  .grid-cols-\[1fr_auto_1fr\] {
-    grid-template-columns: 1fr auto 1fr;
-  }
-
   .grid-cols-\[2fr_1fr\] {
     grid-template-columns: 2fr 1fr;
   }
@@ -1015,10 +1015,6 @@
     justify-content: flex-end;
   }
 
-  .justify-start {
-    justify-content: flex-start;
-  }
-
   .gap-0\.5 {
     gap: calc(var(--spacing) * .5);
   }
@@ -1139,8 +1135,12 @@
     border-radius: 10px;
   }
 
-  .rounded-\[18px\] {
-    border-radius: 18px;
+  .rounded-\[22px\] {
+    border-radius: 22px;
+  }
+
+  .rounded-\[28px\] {
+    border-radius: 28px;
   }
 
   .rounded-full {
@@ -1385,10 +1385,18 @@
     padding: calc(var(--spacing) * 1.5);
   }
 
+  .p-1\.25 {
+    padding: calc(var(--spacing) * 1.25);
+  }
+
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
 
+  .p-2\.5 {
+    padding: calc(var(--spacing) * 2.5);
+  }
+
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
@@ -1555,6 +1563,11 @@
     font-size: 11px;
   }
 
+  .leading-6 {
+    --tw-leading: calc(var(--spacing) * 6);
+    line-height: calc(var(--spacing) * 6);
+  }
+
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -1665,13 +1678,13 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .shadow-\[0px_0px_0px_1px_\#fff3\,0px_4px_12px_rgba\(0\,0\,0\,0\.12\)\] {
-    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #fff3), 0px 4px 12px var(--tw-shadow-color, #0000001f);
+  .shadow-\[0px_0px_0px_1px_var\(--color-border-primary\)\,0px_4px_12px_rgba\(0\,0\,0\,0\.12\)\] {
+    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, var(--color-border-primary)), 0px 4px 12px var(--tw-shadow-color, #0000001f);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .shadow-\[0px_0px_0px_1px_\#fff3\,0px_6px_20px_rgba\(0\,0\,0\,0\.1\)\] {
-    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #fff3), 0px 6px 20px var(--tw-shadow-color, #0000001a);
+  .shadow-\[0px_0px_0px_1px_var\(--color-border-primary\)\,0px_6px_20px_rgba\(0\,0\,0\,0\.1\)\] {
+    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, var(--color-border-primary)), 0px 6px 20px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
@@ -2004,6 +2017,10 @@
   }
 
   @media (min-width: 48rem) {
+    .md\:-start-6 {
+      inset-inline-start: calc(var(--spacing) * -6);
+    }
+
     .md\:z-20 {
       z-index: 20;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunpeak",
-  "version": "0.16.28",
+  "version": "0.17.1",
   "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": {
@@ -162,6 +168,7 @@
     "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"
   }