sunpeak 0.8.6 → 0.9.1

package/template/dist/review.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://review-mjt2f5f3"
+  "uri": "ui://review-mk0a1cc5"
 }

package/template/node_modules/.bin/playwright

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/sunpeak/sunpeak/node_modules/.pnpm/@playwright+test@1.57.0/node_modules/@playwright/test/node_modules:/home/runner/work/sunpeak/sunpeak/node_modules/.pnpm/@playwright+test@1.57.0/node_modules/@playwright/node_modules:/home/runner/work/sunpeak/sunpeak/node_modules/.pnpm/@playwright+test@1.57.0/node_modules:/home/runner/work/sunpeak/sunpeak/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/sunpeak/sunpeak/node_modules/.pnpm/@playwright+test@1.57.0/node_modules/@playwright/test/node_modules:/home/runner/work/sunpeak/sunpeak/node_modules/.pnpm/@playwright+test@1.57.0/node_modules/@playwright/node_modules:/home/runner/work/sunpeak/sunpeak/node_modules/.pnpm/@playwright+test@1.57.0/node_modules:/home/runner/work/sunpeak/sunpeak/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../@playwright/test/cli.js" "$@"
+else
+  exec node  "$basedir/../@playwright/test/cli.js" "$@"
+fi

package/template/node_modules/.vite/deps/@openai_apps-sdk-ui_components_Button.js

@@ -2,13 +2,13 @@ import {
   Button,
   ButtonLink,
   CopyButton
-} from "./chunk-SPYXUHEY.js";
-import "./chunk-UM3ZGDFR.js";
+} from "./chunk-N6DVYEXK.js";
 import "./chunk-JAGHY6H6.js";
-import "./chunk-DYQDWJMS.js";
 import "./chunk-QPJAV452.js";
+import "./chunk-DYQDWJMS.js";
 import "./chunk-EGRHWZRV.js";
 import "./chunk-CNYJBM5F.js";
+import "./chunk-UM3ZGDFR.js";
 import "./chunk-JGVISENQ.js";
 import "./chunk-BUOVMFCD.js";
 import "./chunk-ILHRZGIS.js";

package/template/node_modules/.vite/deps/@openai_apps-sdk-ui_components_SegmentedControl.js

@@ -1,7 +1,3 @@
-import {
-  dist_exports4 as dist_exports
-} from "./chunk-TSEQUROC.js";
-import "./chunk-XZTIOEPG.js";
 import {
   useResizeObserver
 } from "./chunk-JAGHY6H6.js";
@@ -10,6 +6,10 @@ import {
   waitForAnimationFrame
 } from "./chunk-DYQDWJMS.js";
 import "./chunk-EGRHWZRV.js";
+import {
+  dist_exports4 as dist_exports
+} from "./chunk-TSEQUROC.js";
+import "./chunk-XZTIOEPG.js";
 import {
   clsx_default
 } from "./chunk-CNYJBM5F.js";

package/template/node_modules/.vite/deps/@openai_apps-sdk-ui_components_Select.js

@@ -1,41 +1,41 @@
 import {
-  dist_exports,
-  dist_exports3 as dist_exports2,
-  dist_exports5 as dist_exports3
-} from "./chunk-TSEQUROC.js";
-import "./chunk-XZTIOEPG.js";
+  Input
+} from "./chunk-2DZGWGIP.js";
 import {
   Button,
   LoadingIndicator,
   TransitionGroup
-} from "./chunk-SPYXUHEY.js";
-import {
-  Check_default,
-  ChevronDownVector_default,
-  DropdownVector_default,
-  Info_default,
-  Search_default,
-  X_default
-} from "./chunk-UM3ZGDFR.js";
+} from "./chunk-N6DVYEXK.js";
 import {
   useTimeout
 } from "./chunk-JAGHY6H6.js";
+import {
+  o
+} from "./chunk-QPJAV452.js";
 import {
   handlePressableMouseEnter,
   preventDefaultHandler,
   toCssVariables,
   waitForAnimationFrame
 } from "./chunk-DYQDWJMS.js";
-import {
-  Input
-} from "./chunk-2DZGWGIP.js";
-import {
-  o
-} from "./chunk-QPJAV452.js";
 import "./chunk-EGRHWZRV.js";
+import {
+  dist_exports,
+  dist_exports3 as dist_exports2,
+  dist_exports5 as dist_exports3
+} from "./chunk-TSEQUROC.js";
+import "./chunk-XZTIOEPG.js";
 import {
   clsx_default
 } from "./chunk-CNYJBM5F.js";
+import {
+  Check_default,
+  ChevronDownVector_default,
+  DropdownVector_default,
+  Info_default,
+  Search_default,
+  X_default
+} from "./chunk-UM3ZGDFR.js";
 import {
   require_jsx_runtime
 } from "./chunk-JGVISENQ.js";

package/template/node_modules/.vite/deps/@openai_apps-sdk-ui_components_Textarea.js

@@ -1,9 +1,9 @@
-import {
-  toCssVariables
-} from "./chunk-DYQDWJMS.js";
 import {
   o
 } from "./chunk-QPJAV452.js";
+import {
+  toCssVariables
+} from "./chunk-DYQDWJMS.js";
 import "./chunk-EGRHWZRV.js";
 import {
   clsx_default

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

@@ -1,155 +1,155 @@
 {
-  "hash": "2f940a3d",
+  "hash": "b74c9763",
   "configHash": "f56e5903",
-  "lockfileHash": "bdba07c2",
-  "browserHash": "0bd02dfa",
+  "lockfileHash": "8ed69ad2",
+  "browserHash": "238bb651",
   "optimized": {
     "react": {
       "src": "../../../../node_modules/.pnpm/react@19.2.3/node_modules/react/index.js",
       "file": "react.js",
-      "fileHash": "c4294f84",
+      "fileHash": "8a2b29af",
       "needsInterop": true
     },
     "react-dom": {
       "src": "../../../../node_modules/.pnpm/react-dom@19.2.3_react@19.2.3/node_modules/react-dom/index.js",
       "file": "react-dom.js",
-      "fileHash": "146a1adb",
+      "fileHash": "02e92ec7",
       "needsInterop": true
     },
     "react/jsx-dev-runtime": {
       "src": "../../../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-dev-runtime.js",
       "file": "react_jsx-dev-runtime.js",
-      "fileHash": "fcc76c2e",
+      "fileHash": "5af9d5c8",
       "needsInterop": true
     },
     "react/jsx-runtime": {
       "src": "../../../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-runtime.js",
       "file": "react_jsx-runtime.js",
-      "fileHash": "dff7cd13",
+      "fileHash": "f58e269f",
       "needsInterop": true
     },
     "@openai/apps-sdk-ui/components/Avatar": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Avatar/index.js",
       "file": "@openai_apps-sdk-ui_components_Avatar.js",
-      "fileHash": "90549264",
+      "fileHash": "0be1731c",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Button": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Button/index.js",
       "file": "@openai_apps-sdk-ui_components_Button.js",
-      "fileHash": "1682d230",
+      "fileHash": "0794a7a4",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Checkbox": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Checkbox/index.js",
       "file": "@openai_apps-sdk-ui_components_Checkbox.js",
-      "fileHash": "29d0dea7",
+      "fileHash": "e9409941",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Icon": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Icon/index.js",
       "file": "@openai_apps-sdk-ui_components_Icon.js",
-      "fileHash": "95e0a6a4",
+      "fileHash": "33cf5a6a",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Input": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Input/index.js",
       "file": "@openai_apps-sdk-ui_components_Input.js",
-      "fileHash": "2ee1f0e9",
+      "fileHash": "6442a396",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/SegmentedControl": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/SegmentedControl/index.js",
       "file": "@openai_apps-sdk-ui_components_SegmentedControl.js",
-      "fileHash": "dc2c1206",
+      "fileHash": "a4bb0813",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Select": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Select/index.js",
       "file": "@openai_apps-sdk-ui_components_Select.js",
-      "fileHash": "a47ecdc0",
+      "fileHash": "b9f54262",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Textarea": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Textarea/index.js",
       "file": "@openai_apps-sdk-ui_components_Textarea.js",
-      "fileHash": "f4d46402",
+      "fileHash": "bdab6c1c",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/theme": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/lib/theme.js",
       "file": "@openai_apps-sdk-ui_theme.js",
-      "fileHash": "dcdfa91c",
+      "fileHash": "78560b8d",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "0fcca76e",
+      "fileHash": "7c6c6e97",
       "needsInterop": false
     },
     "embla-carousel-react": {
       "src": "../../../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.3/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js",
       "file": "embla-carousel-react.js",
-      "fileHash": "067c2552",
+      "fileHash": "a791d56c",
       "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": "e04a6e93",
+      "fileHash": "456a567a",
       "needsInterop": false
     },
     "mapbox-gl": {
       "src": "../../../../node_modules/.pnpm/mapbox-gl@3.17.0/node_modules/mapbox-gl/dist/mapbox-gl.js",
       "file": "mapbox-gl.js",
-      "fileHash": "d775d38f",
+      "fileHash": "f1176d3b",
       "needsInterop": true
     },
     "react-dom/client": {
       "src": "../../../../node_modules/.pnpm/react-dom@19.2.3_react@19.2.3/node_modules/react-dom/client.js",
       "file": "react-dom_client.js",
-      "fileHash": "f7f59ced",
+      "fileHash": "e3385a5d",
       "needsInterop": true
     },
     "tailwind-merge": {
       "src": "../../../../node_modules/.pnpm/tailwind-merge@3.4.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs",
       "file": "tailwind-merge.js",
-      "fileHash": "7c57bcda",
+      "fileHash": "8c12c67d",
       "needsInterop": false
     }
   },
   "chunks": {
-    "chunk-TSEQUROC": {
-      "file": "chunk-TSEQUROC.js"
-    },
-    "chunk-XZTIOEPG": {
-      "file": "chunk-XZTIOEPG.js"
-    },
-    "chunk-SPYXUHEY": {
-      "file": "chunk-SPYXUHEY.js"
+    "chunk-2DZGWGIP": {
+      "file": "chunk-2DZGWGIP.js"
     },
-    "chunk-UM3ZGDFR": {
-      "file": "chunk-UM3ZGDFR.js"
+    "chunk-N6DVYEXK": {
+      "file": "chunk-N6DVYEXK.js"
     },
     "chunk-JAGHY6H6": {
       "file": "chunk-JAGHY6H6.js"
     },
-    "chunk-DYQDWJMS": {
-      "file": "chunk-DYQDWJMS.js"
-    },
-    "chunk-2DZGWGIP": {
-      "file": "chunk-2DZGWGIP.js"
-    },
     "chunk-QPJAV452": {
       "file": "chunk-QPJAV452.js"
     },
+    "chunk-DYQDWJMS": {
+      "file": "chunk-DYQDWJMS.js"
+    },
     "chunk-EGRHWZRV": {
       "file": "chunk-EGRHWZRV.js"
     },
+    "chunk-TSEQUROC": {
+      "file": "chunk-TSEQUROC.js"
+    },
+    "chunk-XZTIOEPG": {
+      "file": "chunk-XZTIOEPG.js"
+    },
     "chunk-CNYJBM5F": {
       "file": "chunk-CNYJBM5F.js"
     },
+    "chunk-UM3ZGDFR": {
+      "file": "chunk-UM3ZGDFR.js"
+    },
     "chunk-JGVISENQ": {
       "file": "chunk-JGVISENQ.js"
     },

package/template/node_modules/.vite/deps/{chunk-SPYXUHEY.js → chunk-N6DVYEXK.js}

@@ -1,10 +1,9 @@
-import {
-  Check_default,
-  Copy_default
-} from "./chunk-UM3ZGDFR.js";
 import {
   useTimeout
 } from "./chunk-JAGHY6H6.js";
+import {
+  o
+} from "./chunk-QPJAV452.js";
 import {
   handlePressableMouseEnter,
   isDev,
@@ -16,12 +15,13 @@ import {
   toTransformProperty,
   waitForAnimationFrame
 } from "./chunk-DYQDWJMS.js";
-import {
-  o
-} from "./chunk-QPJAV452.js";
 import {
   clsx_default
 } from "./chunk-CNYJBM5F.js";
+import {
+  Check_default,
+  Copy_default
+} from "./chunk-UM3ZGDFR.js";
 import {
   require_jsx_runtime
 } from "./chunk-JGVISENQ.js";
@@ -625,4 +625,4 @@ export {
   ButtonLink,
   CopyButton
 };
-//# sourceMappingURL=chunk-SPYXUHEY.js.map
+//# sourceMappingURL=chunk-N6DVYEXK.js.map

package/template/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"version":"4.0.16","results":[[":src/resources/carousel-resource.test.tsx",{"duration":296.55490899999995,"failed":false}],[":src/components/album/albums.test.tsx",{"duration":458.741951,"failed":false}],[":src/resources/counter-resource.test.tsx",{"duration":277.258836,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":81.79789200000005,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":410.6831910000001,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":288.4420110000001,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":146.148862,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":344.8966650000002,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":427.75209400000017,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":73.333216,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":69.63533200000006,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":241.26836400000002,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":446.91730400000006,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":284.9094,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":71.40019499999994,"failed":false}]]}
+{"version":"4.0.16","results":[[":src/resources/carousel-resource.test.tsx",{"duration":240.22361,"failed":false}],[":src/components/album/albums.test.tsx",{"duration":345.88829199999986,"failed":false}],[":src/resources/review-resource.test.tsx",{"duration":536.905929,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":56.95467699999995,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":419.31927799999994,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":230.5613269999999,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":137.19635000000017,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":369.79792799999996,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":451.7971869999999,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":108.27363300000002,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":88.2940570000003,"failed":false}],[":src/resources/map-resource.test.tsx",{"duration":267.9864110000001,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":247.26545199999987,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":302.4231849999999,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":447.1110639999997,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":79.15203599999995,"failed":false}]]}

package/template/package.json

@@ -7,7 +7,8 @@
     "dev": "sunpeak dev",
     "build": "sunpeak build",
     "mcp": "sunpeak mcp",
-    "test": "vitest run"
+    "test": "vitest run",
+    "test:e2e": "playwright test"
   },
   "dependencies": {
     "@openai/apps-sdk-ui": "^0.2.1",
@@ -19,6 +20,7 @@
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
+    "@playwright/test": "^1.57.0",
     "@tailwindcss/vite": "^4.1.18",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/template/playwright.config.ts

@@ -0,0 +1,26 @@
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './tests/e2e',
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: 'list',
+  use: {
+    baseURL: 'http://localhost:6776',
+    trace: 'on-first-retry',
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+  webServer: {
+    command: 'PORT=6776 pnpm dev',
+    url: 'http://localhost:6776',
+    reuseExistingServer: !process.env.CI,
+    timeout: 10000,
+  },
+});

package/template/src/resources/index.ts

@@ -2,11 +2,11 @@
  * Auto-discovers and re-exports all resource components.
  *
  * Discovers all *-resource.tsx files and exports their component
- * with a PascalCase name (e.g., counter-resource.tsx -> CounterResource).
+ * with a PascalCase name (e.g., review-resource.tsx -> ReviewResource).
  *
  * Supports both export styles:
  * - Default export: export default MyComponent
- * - Named export: export const CounterResource = ...
+ * - Named export: export const ReviewResource = ...
  */
 
 // Auto-discover all resource component files
@@ -16,12 +16,12 @@ const resourceModules = import.meta.glob('./*-resource.tsx', { eager: true });
 const resources: Record<string, React.ComponentType> = {};
 
 for (const [path, module] of Object.entries(resourceModules)) {
-  // Extract key from path: './counter-resource.tsx' -> 'counter'
+  // Extract key from path: './review-resource.tsx' -> 'review'
   const match = path.match(/\.\/(.+)-resource\.tsx$/);
   const key = match?.[1];
   if (!key) continue;
 
-  // Convert to PascalCase and append 'Resource': 'counter' -> 'CounterResource'
+  // Convert to PascalCase and append 'Resource': 'review' -> 'ReviewResource'
   const pascalKey = key.charAt(0).toUpperCase() + key.slice(1);
   const exportName = `${pascalKey}Resource`;
 

package/template/src/resources/map-resource.test.tsx

@@ -0,0 +1,95 @@
+import { render } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { MapResource } from './map-resource';
+
+// Mock sunpeak hooks
+let mockSafeArea: { insets: { top: number; bottom: number; left: number; right: number } } | null =
+  {
+    insets: { top: 0, bottom: 0, left: 0, right: 0 },
+  };
+let mockMaxHeight: number | null = 600;
+
+vi.mock('sunpeak', () => ({
+  useSafeArea: () => mockSafeArea,
+  useMaxHeight: () => mockMaxHeight,
+}));
+
+// Mock the Map component
+vi.mock('../components/map/map', () => ({
+  Map: () => <div data-testid="map">Map Component</div>,
+}));
+
+describe('MapResource', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    mockSafeArea = { insets: { top: 0, bottom: 0, left: 0, right: 0 } };
+    mockMaxHeight = 600;
+  });
+
+  it('renders the Map component', () => {
+    const { getByTestId } = render(<MapResource />);
+
+    expect(getByTestId('map')).toBeInTheDocument();
+  });
+
+  it('respects safe area insets', () => {
+    mockSafeArea = { insets: { top: 20, bottom: 30, left: 10, right: 15 } };
+
+    const { container } = render(<MapResource />);
+    const mainDiv = container.firstChild as HTMLElement;
+
+    expect(mainDiv).toHaveStyle({
+      paddingTop: '20px',
+      paddingBottom: '30px',
+      paddingLeft: '10px',
+      paddingRight: '15px',
+    });
+  });
+
+  it('respects maxHeight constraint', () => {
+    mockMaxHeight = 400;
+
+    const { container } = render(<MapResource />);
+    const mainDiv = container.firstChild as HTMLElement;
+
+    expect(mainDiv).toHaveStyle({
+      maxHeight: '400px',
+    });
+  });
+
+  it('handles null safe area', () => {
+    mockSafeArea = null;
+
+    const { container } = render(<MapResource />);
+    const mainDiv = container.firstChild as HTMLElement;
+
+    expect(mainDiv).toHaveStyle({
+      paddingTop: '0px',
+      paddingBottom: '0px',
+      paddingLeft: '0px',
+      paddingRight: '0px',
+    });
+  });
+
+  it('handles null maxHeight', () => {
+    mockMaxHeight = null;
+
+    const { container } = render(<MapResource />);
+    const mainDiv = container.firstChild as HTMLElement;
+
+    // maxHeight should not be set when null
+    expect(mainDiv.style.maxHeight).toBe('');
+  });
+
+  it('forwards ref to the container div', () => {
+    const ref = vi.fn();
+    render(<MapResource ref={ref} />);
+
+    expect(ref).toHaveBeenCalled();
+    expect(ref.mock.calls[0][0]).toBeInstanceOf(HTMLDivElement);
+  });
+
+  it('has the correct displayName', () => {
+    expect(MapResource.displayName).toBe('MapResource');
+  });
+});