sunpeak 0.8.5 → 0.8.8

package/template/dist/{confirmation.json → review.json}

@@ -1,7 +1,7 @@
 {
-  "name": "confirmation",
-  "title": "Confirmation",
-  "description": "Visualize and confirm a proposed set of changes or actions",
+  "name": "review",
+  "title": "Review",
+  "description": "Visualize and review a proposed set of changes or actions",
   "mimeType": "text/html+skybridge",
   "_meta": {
     "openai/widgetDomain": "https://sunpeak.ai",
@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://confirmation-mjt16aw5"
+  "uri": "ui://review-mjw4w0g9"
 }

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

@@ -7,115 +7,115 @@
     "react": {
       "src": "../../../../node_modules/.pnpm/react@19.2.3/node_modules/react/index.js",
       "file": "react.js",
-      "fileHash": "0e51fec8",
+      "fileHash": "d6aa24ec",
       "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": "4b45983a",
+      "fileHash": "a84166b8",
       "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": "8699c450",
+      "fileHash": "92c4ccf8",
       "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": "651d9e7f",
+      "fileHash": "fee8e947",
       "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": "33128183",
+      "fileHash": "d1d0268f",
       "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": "b929b5a5",
+      "fileHash": "0d815226",
       "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": "097d6898",
+      "fileHash": "e87c4e4e",
       "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": "d4c227fa",
+      "fileHash": "5c946825",
       "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": "e4e68712",
+      "fileHash": "e5d8b16c",
       "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": "b2d42700",
+      "fileHash": "4494f051",
       "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": "2f773d0d",
+      "fileHash": "e67a1bb8",
       "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": "c4149e45",
+      "fileHash": "c9eb4f91",
       "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": "e55a818f",
+      "fileHash": "8d57b3ed",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "7928d437",
+      "fileHash": "e10bef76",
       "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": "1bb217b3",
+      "fileHash": "6d9c07d5",
       "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": "e5d1e192",
+      "fileHash": "3f6f688e",
       "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": "0dca694e",
+      "fileHash": "7f66cd45",
       "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": "36decb8e",
+      "fileHash": "c9a3870a",
       "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": "0aa9c93c",
+      "fileHash": "9262acf9",
       "needsInterop": false
     }
   },

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

@@ -1 +1 @@
-{"version":"4.0.16","results":[[":src/components/album/albums.test.tsx",{"duration":326.520274,"failed":false}],[":src/resources/carousel-resource.test.tsx",{"duration":261.3222820000001,"failed":false}],[":src/resources/counter-resource.test.tsx",{"duration":342.0812799999994,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":73.70137100000011,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":432.93000200000006,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":253.5347079999999,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":161.95495300000016,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":370.12367099999983,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":403.4559099999999,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":85.3357390000001,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":95.43344399999978,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":250.54613099999983,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":484.06368499999985,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":324.16230099999984,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":84.68081699999993,"failed":false}]]}
+{"version":"4.0.16","results":[[":src/components/album/albums.test.tsx",{"duration":334.697216,"failed":false}],[":src/resources/review-resource.test.tsx",{"duration":555.3965230000001,"failed":false}],[":src/resources/carousel-resource.test.tsx",{"duration":255.80494199999998,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":80.3751279999999,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":425.41421500000024,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":254.88947699999972,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":128.85422500000004,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":346.91089099999976,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":450.42473600000017,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":95.884546,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":82.93981499999995,"failed":false}],[":src/resources/map-resource.test.tsx",{"duration":289.9950490000001,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":250.440699,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":397.1800680000001,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":74.95684000000006,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":283.6294740000001,"failed":false}]]}

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');
+  });
+});

package/template/src/resources/{confirmation-resource.json → review-resource.json}

@@ -1,7 +1,7 @@
 {
-  "name": "confirmation",
-  "title": "Confirmation",
-  "description": "Visualize and confirm a proposed set of changes or actions",
+  "name": "review",
+  "title": "Review",
+  "description": "Visualize and review a proposed set of changes or actions",
   "mimeType": "text/html+skybridge",
   "_meta": {
     "openai/widgetDomain": "https://sunpeak.ai",