sunpeak 0.6.5 → 0.6.7

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

@@ -2,13 +2,13 @@ import {
   Button,
   ButtonLink,
   CopyButton
-} from "./chunk-LR7NKCX5.js";
+} from "./chunk-DQAZDQU3.js";
+import "./chunk-XB525PXG.js";
 import "./chunk-YOJ6QPGS.js";
-import "./chunk-QPJAV452.js";
 import "./chunk-BAG6OO6S.js";
+import "./chunk-QPJAV452.js";
 import "./chunk-EGRHWZRV.js";
 import "./chunk-CNYJBM5F.js";
-import "./chunk-XB525PXG.js";
 import "./chunk-PTVT3RFX.js";
 import "./chunk-4TLBUCVB.js";
 import "./chunk-ILHRZGIS.js";

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

@@ -5,11 +5,11 @@ import {
   handlePressableMouseEnter,
   waitForAnimationFrame
 } from "./chunk-BAG6OO6S.js";
-import "./chunk-EGRHWZRV.js";
 import {
   dist_exports4 as dist_exports
 } from "./chunk-SGWD4VEU.js";
 import "./chunk-KFGKZMLK.js";
+import "./chunk-EGRHWZRV.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 {
-  Input
-} from "./chunk-CQ3GYAYB.js";
 import {
   Button,
   LoadingIndicator,
   TransitionGroup
-} from "./chunk-LR7NKCX5.js";
+} from "./chunk-DQAZDQU3.js";
+import {
+  Check_default,
+  ChevronDownVector_default,
+  DropdownVector_default,
+  Info_default,
+  Search_default,
+  X_default
+} from "./chunk-XB525PXG.js";
 import {
   useTimeout
 } from "./chunk-YOJ6QPGS.js";
-import {
-  o
-} from "./chunk-QPJAV452.js";
 import {
   handlePressableMouseEnter,
   preventDefaultHandler,
   toCssVariables,
   waitForAnimationFrame
 } from "./chunk-BAG6OO6S.js";
-import "./chunk-EGRHWZRV.js";
 import {
   dist_exports,
   dist_exports3 as dist_exports2,
   dist_exports5 as dist_exports3
 } from "./chunk-SGWD4VEU.js";
 import "./chunk-KFGKZMLK.js";
+import {
+  Input
+} from "./chunk-CQ3GYAYB.js";
+import {
+  o
+} from "./chunk-QPJAV452.js";
+import "./chunk-EGRHWZRV.js";
 import {
   clsx_default
 } from "./chunk-CNYJBM5F.js";
-import {
-  Check_default,
-  ChevronDownVector_default,
-  DropdownVector_default,
-  Info_default,
-  Search_default,
-  X_default
-} from "./chunk-XB525PXG.js";
 import {
   require_jsx_runtime
 } from "./chunk-PTVT3RFX.js";

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

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

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

@@ -7,149 +7,149 @@
     "react": {
       "src": "../../../../node_modules/.pnpm/react@19.2.0/node_modules/react/index.js",
       "file": "react.js",
-      "fileHash": "a6f63993",
+      "fileHash": "63a1aabd",
       "needsInterop": true
     },
     "react-dom": {
       "src": "../../../../node_modules/.pnpm/react-dom@19.2.0_react@19.2.0/node_modules/react-dom/index.js",
       "file": "react-dom.js",
-      "fileHash": "9f45c691",
+      "fileHash": "39a93d3f",
       "needsInterop": true
     },
     "react/jsx-dev-runtime": {
       "src": "../../../../node_modules/.pnpm/react@19.2.0/node_modules/react/jsx-dev-runtime.js",
       "file": "react_jsx-dev-runtime.js",
-      "fileHash": "2d1fa3b5",
+      "fileHash": "23777ec9",
       "needsInterop": true
     },
     "react/jsx-runtime": {
       "src": "../../../../node_modules/.pnpm/react@19.2.0/node_modules/react/jsx-runtime.js",
       "file": "react_jsx-runtime.js",
-      "fileHash": "6d6cf47a",
+      "fileHash": "22021338",
       "needsInterop": true
     },
     "@openai/apps-sdk-ui/components/Avatar": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/components/Avatar/index.js",
       "file": "@openai_apps-sdk-ui_components_Avatar.js",
-      "fileHash": "155266ed",
+      "fileHash": "acc568e6",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Button": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/components/Button/index.js",
       "file": "@openai_apps-sdk-ui_components_Button.js",
-      "fileHash": "1cd5ff9e",
+      "fileHash": "4d606162",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Checkbox": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/components/Checkbox/index.js",
       "file": "@openai_apps-sdk-ui_components_Checkbox.js",
-      "fileHash": "e4216059",
+      "fileHash": "fe130d50",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Icon": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/components/Icon/index.js",
       "file": "@openai_apps-sdk-ui_components_Icon.js",
-      "fileHash": "af5a5510",
+      "fileHash": "9c6ad541",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Input": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/components/Input/index.js",
       "file": "@openai_apps-sdk-ui_components_Input.js",
-      "fileHash": "b9e173ab",
+      "fileHash": "6843ec9f",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/SegmentedControl": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/components/SegmentedControl/index.js",
       "file": "@openai_apps-sdk-ui_components_SegmentedControl.js",
-      "fileHash": "55a34be0",
+      "fileHash": "65fb785b",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Select": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/components/Select/index.js",
       "file": "@openai_apps-sdk-ui_components_Select.js",
-      "fileHash": "c1f3f277",
+      "fileHash": "e4d331f8",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Textarea": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/components/Textarea/index.js",
       "file": "@openai_apps-sdk-ui_components_Textarea.js",
-      "fileHash": "116e5d56",
+      "fileHash": "733d2750",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/theme": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/lib/theme.js",
       "file": "@openai_apps-sdk-ui_theme.js",
-      "fileHash": "d28c52a6",
+      "fileHash": "86ab9241",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "f5594ba0",
+      "fileHash": "ea30a216",
       "needsInterop": false
     },
     "embla-carousel-react": {
       "src": "../../../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.0/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js",
       "file": "embla-carousel-react.js",
-      "fileHash": "461563cb",
+      "fileHash": "bbac0c24",
       "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": "ec9add1b",
+      "fileHash": "aea80d6b",
       "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": "7520fb75",
+      "fileHash": "94c5be64",
       "needsInterop": true
     },
     "react-dom/client": {
       "src": "../../../../node_modules/.pnpm/react-dom@19.2.0_react@19.2.0/node_modules/react-dom/client.js",
       "file": "react-dom_client.js",
-      "fileHash": "9a7ac990",
+      "fileHash": "8795efae",
       "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": "bc54e38f",
+      "fileHash": "4f935315",
       "needsInterop": false
     }
   },
   "chunks": {
-    "chunk-CQ3GYAYB": {
-      "file": "chunk-CQ3GYAYB.js"
+    "chunk-DQAZDQU3": {
+      "file": "chunk-DQAZDQU3.js"
     },
-    "chunk-LR7NKCX5": {
-      "file": "chunk-LR7NKCX5.js"
+    "chunk-XB525PXG": {
+      "file": "chunk-XB525PXG.js"
     },
     "chunk-YOJ6QPGS": {
       "file": "chunk-YOJ6QPGS.js"
     },
-    "chunk-QPJAV452": {
-      "file": "chunk-QPJAV452.js"
-    },
     "chunk-BAG6OO6S": {
       "file": "chunk-BAG6OO6S.js"
     },
-    "chunk-EGRHWZRV": {
-      "file": "chunk-EGRHWZRV.js"
-    },
     "chunk-SGWD4VEU": {
       "file": "chunk-SGWD4VEU.js"
     },
     "chunk-KFGKZMLK": {
       "file": "chunk-KFGKZMLK.js"
     },
+    "chunk-CQ3GYAYB": {
+      "file": "chunk-CQ3GYAYB.js"
+    },
+    "chunk-QPJAV452": {
+      "file": "chunk-QPJAV452.js"
+    },
+    "chunk-EGRHWZRV": {
+      "file": "chunk-EGRHWZRV.js"
+    },
     "chunk-CNYJBM5F": {
       "file": "chunk-CNYJBM5F.js"
     },
-    "chunk-XB525PXG": {
-      "file": "chunk-XB525PXG.js"
-    },
     "chunk-PTVT3RFX": {
       "file": "chunk-PTVT3RFX.js"
     },

package/template/node_modules/.vite/deps/{chunk-LR7NKCX5.js → chunk-DQAZDQU3.js}

@@ -1,9 +1,10 @@
+import {
+  Check_default,
+  Copy_default
+} from "./chunk-XB525PXG.js";
 import {
   useTimeout
 } from "./chunk-YOJ6QPGS.js";
-import {
-  o
-} from "./chunk-QPJAV452.js";
 import {
   handlePressableMouseEnter,
   isDev,
@@ -15,13 +16,12 @@ import {
   toTransformProperty,
   waitForAnimationFrame
 } from "./chunk-BAG6OO6S.js";
+import {
+  o
+} from "./chunk-QPJAV452.js";
 import {
   clsx_default
 } from "./chunk-CNYJBM5F.js";
-import {
-  Check_default,
-  Copy_default
-} from "./chunk-XB525PXG.js";
 import {
   require_jsx_runtime
 } from "./chunk-PTVT3RFX.js";
@@ -625,4 +625,4 @@ export {
   ButtonLink,
   CopyButton
 };
-//# sourceMappingURL=chunk-LR7NKCX5.js.map
+//# sourceMappingURL=chunk-DQAZDQU3.js.map

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

@@ -1 +1 @@
-{"version":"4.0.13","results":[[":src/resources/carousel-resource.test.tsx",{"duration":268.5257530000001,"failed":false}],[":src/components/album/albums.test.tsx",{"duration":360.95308,"failed":false}],[":src/resources/counter-resource.test.tsx",{"duration":304.96090899999945,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":245.82036500000004,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":80.01594899999964,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":78.85182500000019,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":434.28565300000014,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":222.29475500000012,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":281.053044,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":53.92481799999996,"failed":false}]]}
+{"version":"4.0.13","results":[[":src/resources/carousel-resource.test.tsx",{"duration":257.4971499999999,"failed":false}],[":src/components/album/albums.test.tsx",{"duration":338.6859280000001,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":68.25615300000004,"failed":false}],[":src/resources/counter-resource.test.tsx",{"duration":346.021925,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":415.60394399999996,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":205.53456199999982,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":166.04964100000007,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":333.05097,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":443.04913099999976,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":87.34626800000001,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":86.42935499999999,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":254.2782340000001,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":451.0885719999999,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":332.125442,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":91.10827399999994,"failed":false}]]}

package/template/src/components/index.ts

@@ -1,3 +1,3 @@
 export * from './carousel';
 export * from './album';
-export * from './pizzaz';
+export * from './map';

package/template/src/components/{pizzaz → map}/index.ts

@@ -1,4 +1,4 @@
-export * from './pizzaz';
+export * from './map';
 export * from './place-card';
 export * from './place-list';
 export * from './place-carousel';

package/template/src/components/map/map-view.test.tsx

@@ -0,0 +1,146 @@
+import { render } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { MapView } from './map-view';
+import type { Place } from '../../simulations/map-simulation';
+
+// Mock mapbox-gl
+vi.mock('mapbox-gl', () => ({
+  default: {
+    accessToken: '',
+    Map: class MockMap {
+      on = vi.fn();
+      once = vi.fn();
+      remove = vi.fn();
+      resize = vi.fn();
+      loaded = vi.fn().mockReturnValue(true);
+      flyTo = vi.fn();
+      fitBounds = vi.fn();
+    },
+    Marker: class MockMarker {
+      setLngLat = vi.fn().mockReturnThis();
+      addTo = vi.fn().mockReturnThis();
+      remove = vi.fn();
+      getElement = vi.fn().mockReturnValue(document.createElement('div'));
+    },
+    LngLatBounds: class MockLngLatBounds {
+      extend = vi.fn().mockReturnThis();
+    },
+  },
+}));
+
+// Mock sunpeak hook
+vi.mock('sunpeak', () => ({
+  useMaxHeight: vi.fn().mockReturnValue(600),
+}));
+
+describe('MapView', () => {
+  const mockPlaces: Place[] = [
+    {
+      id: 'place-1',
+      name: 'First Place',
+      coords: [-122.4194, 37.7749],
+      description: 'First test place',
+      city: 'San Francisco',
+      rating: 4.5,
+      price: '$$',
+      thumbnail: 'https://example.com/1.jpg',
+    },
+    {
+      id: 'place-2',
+      name: 'Second Place',
+      coords: [-122.4094, 37.7849],
+      description: 'Second test place',
+      city: 'Oakland',
+      rating: 4.2,
+      price: '$',
+      thumbnail: 'https://example.com/2.jpg',
+    },
+  ];
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders map container', () => {
+    const { container } = render(
+      <MapView
+        places={mockPlaces}
+        selectedPlace={null}
+        isFullscreen={false}
+        onSelectPlace={vi.fn()}
+      />
+    );
+
+    const mapContainer = container.querySelector('div[class*="absolute"]');
+    expect(mapContainer).toBeInTheDocument();
+  });
+
+  it('applies different styles for fullscreen mode', () => {
+    const { container, rerender } = render(
+      <MapView
+        places={mockPlaces}
+        selectedPlace={null}
+        isFullscreen={false}
+        onSelectPlace={vi.fn()}
+      />
+    );
+
+    let mapWrapper = container.firstChild as HTMLElement;
+    expect(mapWrapper.className).not.toContain('left-[340px]');
+
+    rerender(
+      <MapView
+        places={mockPlaces}
+        selectedPlace={null}
+        isFullscreen={true}
+        onSelectPlace={vi.fn()}
+      />
+    );
+
+    mapWrapper = container.firstChild as HTMLElement;
+    expect(mapWrapper.className).toContain('left-[340px]');
+  });
+
+  it('handles empty places array gracefully', () => {
+    const { container } = render(
+      <MapView places={[]} selectedPlace={null} isFullscreen={false} onSelectPlace={vi.fn()} />
+    );
+
+    expect(container.firstChild).toBeInTheDocument();
+  });
+
+  it('handles places with invalid coordinates gracefully', () => {
+    const invalidPlaces: Place[] = [
+      {
+        ...mockPlaces[0],
+        coords: [] as unknown as [number, number],
+      },
+    ];
+
+    const { container } = render(
+      <MapView
+        places={invalidPlaces}
+        selectedPlace={null}
+        isFullscreen={false}
+        onSelectPlace={vi.fn()}
+      />
+    );
+
+    expect(container.firstChild).toBeInTheDocument();
+  });
+
+  it('accepts custom className prop', () => {
+    const { container } = render(
+      <MapView
+        places={mockPlaces}
+        selectedPlace={null}
+        isFullscreen={false}
+        onSelectPlace={vi.fn()}
+        className="custom-class"
+      />
+    );
+
+    const mapWrapper = container.firstChild as HTMLElement;
+    expect(mapWrapper.className).toContain('custom-class');
+  });
+});

package/template/src/components/{pizzaz → map}/map-view.tsx

@@ -3,7 +3,7 @@ import mapboxgl from 'mapbox-gl';
 import 'mapbox-gl/dist/mapbox-gl.css';
 import { useMaxHeight } from 'sunpeak';
 import { cn } from '../../lib/index';
-import type { Place } from '../../simulations/pizzaz-simulation';
+import type { Place } from '../../simulations/map-simulation';
 
 // Public Mapbox token for demo purposes
 mapboxgl.accessToken =
@@ -79,7 +79,7 @@ export const MapView = React.forwardRef<HTMLDivElement, MapViewProps>(
       if (typeof window === 'undefined') return 0;
 
       const isXlUp = window.matchMedia && window.matchMedia('(min-width: 1280px)').matches;
-      const el = document.querySelector('.pizzaz-inspector');
+      const el = document.querySelector('.map-inspector');
       const w = el ? el.getBoundingClientRect().width : 360;
       const half = Math.round(w / 2);
 

package/template/src/components/{pizzaz/pizzaz.tsx → map/map.tsx}

@@ -13,19 +13,19 @@ import { PlaceList } from './place-list';
 import { PlaceCarousel } from './place-carousel';
 import { PlaceInspector } from './place-inspector';
 import { MapView } from './map-view';
-import type { Place, PizzazData } from '../../simulations/pizzaz-simulation';
+import type { Place, MapData } from '../../simulations/map-simulation';
 
-export interface PizzazState extends Record<string, unknown> {
+export interface MapState extends Record<string, unknown> {
   selectedPlaceId?: string | null;
 }
 
-export type PizzazProps = {
+export type MapProps = {
   className?: string;
 };
 
-export const Pizzaz = React.forwardRef<HTMLDivElement, PizzazProps>(({ className }, ref) => {
-  const data = useWidgetProps<PizzazData>(() => ({ places: [] }));
-  const [widgetState, setWidgetState] = useWidgetState<PizzazState>(() => ({
+export const Map = React.forwardRef<HTMLDivElement, MapProps>(({ className }, ref) => {
+  const data = useWidgetProps<MapData>(() => ({ places: [] }));
+  const [widgetState, setWidgetState] = useWidgetState<MapState>(() => ({
     selectedPlaceId: null,
   }));
   const displayMode = useDisplayMode();
@@ -142,4 +142,4 @@ export const Pizzaz = React.forwardRef<HTMLDivElement, PizzazProps>(({ className
     </div>
   );
 });
-Pizzaz.displayName = 'Pizzaz';
+Map.displayName = 'Map';

package/template/src/components/map/place-card.test.tsx

@@ -0,0 +1,76 @@
+import { render, screen, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import { PlaceCard } from './place-card';
+import type { Place } from '../../simulations/map-simulation';
+
+describe('PlaceCard', () => {
+  const mockPlace: Place = {
+    id: 'test-place',
+    name: 'Test Pizza Place',
+    coords: [-122.4194, 37.7749],
+    description: 'Delicious test pizza',
+    city: 'San Francisco',
+    rating: 4.5,
+    price: '$$',
+    thumbnail: 'https://example.com/test.jpg',
+  };
+
+  it('renders place information correctly', () => {
+    render(<PlaceCard place={mockPlace} />);
+
+    expect(screen.getByText('Test Pizza Place')).toBeInTheDocument();
+    expect(screen.getByText('Delicious test pizza')).toBeInTheDocument();
+    expect(screen.getByText('4.5')).toBeInTheDocument();
+    expect(screen.getByText('$$', { exact: false })).toBeInTheDocument();
+  });
+
+  it('renders thumbnail with correct attributes', () => {
+    render(<PlaceCard place={mockPlace} />);
+
+    const image = screen.getByRole('img');
+    expect(image).toHaveAttribute('src', 'https://example.com/test.jpg');
+    expect(image).toHaveAttribute('alt', 'Test Pizza Place');
+    expect(image).toHaveAttribute('loading', 'lazy');
+  });
+
+  it('calls onClick handler when clicked', () => {
+    const onClick = vi.fn();
+    render(<PlaceCard place={mockPlace} onClick={onClick} />);
+
+    const button = screen.getByRole('button');
+    fireEvent.click(button);
+
+    expect(onClick).toHaveBeenCalledTimes(1);
+  });
+
+  it('applies selected styles when isSelected is true', () => {
+    const { container, rerender } = render(<PlaceCard place={mockPlace} isSelected={false} />);
+
+    let card = container.firstChild as HTMLElement;
+    // Should have hover styles but not the active background
+    expect(card.className).toContain('hover:bg-black/5');
+    // Check that it doesn't have the non-hover background class by looking at the full class string
+    const classesWithoutHover = card.className.replace(/hover:[^\s]+/g, '');
+    expect(classesWithoutHover).not.toContain('bg-black/5');
+
+    rerender(<PlaceCard place={mockPlace} isSelected={true} />);
+    card = container.firstChild as HTMLElement;
+    // When selected, should have both hover and non-hover background classes
+    expect(card.className).toContain('bg-black/5 dark:bg-white/5');
+  });
+
+  it('formats rating to one decimal place', () => {
+    const placeWithRating = { ...mockPlace, rating: 4.789 };
+    render(<PlaceCard place={placeWithRating} />);
+
+    expect(screen.getByText('4.8')).toBeInTheDocument();
+    expect(screen.queryByText('4.789')).not.toBeInTheDocument();
+  });
+
+  it('renders price when provided', () => {
+    const placeWithPrice = { ...mockPlace, price: '$$$' };
+    render(<PlaceCard place={placeWithPrice} />);
+
+    expect(screen.getByText('$$$', { exact: false })).toBeInTheDocument();
+  });
+});

package/template/src/components/{pizzaz → map}/place-card.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Star } from '@openai/apps-sdk-ui/components/Icon';
 import { cn } from '../../lib/index';
-import type { Place } from '../../simulations/pizzaz-simulation';
+import type { Place } from '../../simulations/map-simulation';
 
 export type PlaceCardProps = {
   place: Place;