sunpeak 0.18.2 → 0.18.6

package/template/node_modules/.vite-mcp/deps/_metadata.json

@@ -1,103 +1,103 @@
 {
-  "hash": "ea2e52c1",
+  "hash": "1e81f3aa",
   "configHash": "276d46b2",
-  "lockfileHash": "a41e63ba",
-  "browserHash": "9b1eab7b",
+  "lockfileHash": "bd15fa0f",
+  "browserHash": "6e50c791",
   "optimized": {
     "@modelcontextprotocol/ext-apps": {
-      "src": "../../../../../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.2.2_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__react-_e9bf7657371391a829fe8b4e289b253c/node_modules/@modelcontextprotocol/ext-apps/dist/src/app.js",
+      "src": "../../../../../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.3.1_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__react-_cd1fb28fd87e0bddd0a29eba0721855d/node_modules/@modelcontextprotocol/ext-apps/dist/src/app.js",
       "file": "@modelcontextprotocol_ext-apps.js",
-      "fileHash": "c55a9218",
+      "fileHash": "8319477b",
       "needsInterop": false
     },
     "@modelcontextprotocol/ext-apps/app-bridge": {
-      "src": "../../../../../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.2.2_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__react-_e9bf7657371391a829fe8b4e289b253c/node_modules/@modelcontextprotocol/ext-apps/dist/src/app-bridge.js",
+      "src": "../../../../../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.3.1_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__react-_cd1fb28fd87e0bddd0a29eba0721855d/node_modules/@modelcontextprotocol/ext-apps/dist/src/app-bridge.js",
       "file": "@modelcontextprotocol_ext-apps_app-bridge.js",
-      "fileHash": "0846f57f",
+      "fileHash": "42754418",
       "needsInterop": false
     },
     "@modelcontextprotocol/ext-apps/react": {
-      "src": "../../../../../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.2.2_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__react-_e9bf7657371391a829fe8b4e289b253c/node_modules/@modelcontextprotocol/ext-apps/dist/src/react/index.js",
+      "src": "../../../../../../node_modules/.pnpm/@modelcontextprotocol+ext-apps@1.3.1_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__react-_cd1fb28fd87e0bddd0a29eba0721855d/node_modules/@modelcontextprotocol/ext-apps/dist/src/react/index.js",
       "file": "@modelcontextprotocol_ext-apps_react.js",
-      "fileHash": "4117a8f1",
+      "fileHash": "11b48420",
       "needsInterop": false
     },
     "@testing-library/react": {
       "src": "../../../../../../node_modules/.pnpm/@testing-library+react@16.3.2_@testing-library+dom@10.4.1_@types+react-dom@19.2.3_@type_893f466751a7d66081fd06e9edb9241a/node_modules/@testing-library/react/dist/@testing-library/react.esm.js",
       "file": "@testing-library_react.js",
-      "fileHash": "7da1596d",
+      "fileHash": "83450cb2",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "0aaf372b",
+      "fileHash": "9a26b7b9",
       "needsInterop": false
     },
     "embla-carousel-react": {
       "src": "../../../../../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.4/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js",
       "file": "embla-carousel-react.js",
-      "fileHash": "3c5a7c5c",
+      "fileHash": "86a4fd9e",
       "needsInterop": false
     },
     "embla-carousel-wheel-gestures": {
       "src": "../../../../../../node_modules/.pnpm/embla-carousel-wheel-gestures@8.1.0_embla-carousel@8.6.0/node_modules/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.esm.js",
       "file": "embla-carousel-wheel-gestures.js",
-      "fileHash": "ccbdf054",
+      "fileHash": "f08b3fa3",
       "needsInterop": false
     },
     "mapbox-gl": {
       "src": "../../../../../../node_modules/.pnpm/mapbox-gl@3.20.0/node_modules/mapbox-gl/dist/mapbox-gl.js",
       "file": "mapbox-gl.js",
-      "fileHash": "4ffe4afe",
+      "fileHash": "e5b3a894",
       "needsInterop": true
     },
     "react-dom": {
       "src": "../../../../../../node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/index.js",
       "file": "react-dom.js",
-      "fileHash": "4d49f264",
+      "fileHash": "6d145f8d",
       "needsInterop": true
     },
     "react-dom/client": {
       "src": "../../../../../../node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.js",
       "file": "react-dom_client.js",
-      "fileHash": "80eaedf6",
+      "fileHash": "0d5f624a",
       "needsInterop": true
     },
     "react": {
       "src": "../../../../../../node_modules/.pnpm/react@19.2.4/node_modules/react/index.js",
       "file": "react.js",
-      "fileHash": "7e139e48",
+      "fileHash": "b1480ffb",
       "needsInterop": true
     },
     "react/jsx-dev-runtime": {
       "src": "../../../../../../node_modules/.pnpm/react@19.2.4/node_modules/react/jsx-dev-runtime.js",
       "file": "react_jsx-dev-runtime.js",
-      "fileHash": "8fe1fa8e",
+      "fileHash": "f3ecec03",
       "needsInterop": true
     },
     "react/jsx-runtime": {
       "src": "../../../../../../node_modules/.pnpm/react@19.2.4/node_modules/react/jsx-runtime.js",
       "file": "react_jsx-runtime.js",
-      "fileHash": "ba719946",
+      "fileHash": "29b2bae5",
       "needsInterop": true
     },
     "tailwind-merge": {
       "src": "../../../../../../node_modules/.pnpm/tailwind-merge@3.5.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs",
       "file": "tailwind-merge.js",
-      "fileHash": "47ba3d6b",
+      "fileHash": "f6b574af",
       "needsInterop": false
     },
     "vitest": {
       "src": "../../../../../../node_modules/.pnpm/vitest@4.1.0_@types+node@25.5.0_jsdom@29.0.1_vite@8.0.1_@types+node@25.5.0_esbuild@0.27.4_jiti@2.6.1_tsx@4.21.0_/node_modules/vitest/dist/index.js",
       "file": "vitest.js",
-      "fileHash": "258cddf8",
+      "fileHash": "3f78ac14",
       "needsInterop": false
     },
     "zod": {
       "src": "../../../../../../node_modules/.pnpm/zod@4.3.6/node_modules/zod/index.js",
       "file": "zod.js",
-      "fileHash": "d8049871",
+      "fileHash": "b4c71c7b",
       "needsInterop": false
     }
   },

package/template/tests/e2e/albums.spec.ts

@@ -222,21 +222,25 @@ for (const host of hosts) {
         });
       });
 
-      test('should render content after switching from inline to pip', async ({ page }) => {
-        // Start in inline mode
-        await page.goto(createInspectorUrl({ simulation: 'show-albums', theme: 'dark', host }));
-
-        const iframe = page.frameLocator('iframe').frameLocator('iframe');
-        await expect(iframe.locator('button:has-text("Summer Slice")')).toBeVisible();
-
-        // Switch to PiP via sidebar
-        await page.locator('button:has-text("PiP")').click();
-
-        // Content should still be visible after the mode transition
-        await expect(iframe.locator('button:has-text("Summer Slice")')).toBeVisible({
-          timeout: 5000,
-        });
-      });
+      // Claude doesn't support PiP — only run this test for hosts that have the button.
+      (host === 'claude' ? test.skip : test)(
+        'should render content after switching from inline to pip',
+        async ({ page }) => {
+          // Start in inline mode
+          await page.goto(createInspectorUrl({ simulation: 'show-albums', theme: 'dark', host }));
+
+          const iframe = page.frameLocator('iframe').frameLocator('iframe');
+          await expect(iframe.locator('button:has-text("Summer Slice")')).toBeVisible();
+
+          // Switch to PiP via sidebar
+          await page.locator('button:has-text("PiP")').click();
+
+          // Content should still be visible after the mode transition
+          await expect(iframe.locator('button:has-text("Summer Slice")')).toBeVisible({
+            timeout: 5000,
+          });
+        }
+      );
     });
   });
 }

package/template/tests/live/albums.spec.ts

@@ -25,6 +25,16 @@ test('albums tool renders photo grid with correct styles', async ({ live }) => {
   });
   expect(containerStyles.overflow).toBe('hidden');
 
+  // Background: the app's root should have a resolved background color
+  // (from --color-background-primary or the CSS Canvas system color),
+  // not transparent. A transparent root would show the host container
+  // rather than the app's own styled background.
+  const rootBg = await app
+    .locator(':root')
+    .evaluate((el) => window.getComputedStyle(el).backgroundColor);
+  expect(rootBg).not.toBe('rgba(0, 0, 0, 0)');
+  expect(rootBg).toMatch(/^rgb/);
+
   // Theme: text color has appropriate luminance in light mode
   const textColor = await albumCard.evaluate((el) => window.getComputedStyle(el).color);
   assertTextContrast(textColor);