sunpeak 0.9.12 → 0.10.3

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": "5b44c43c",
+      "fileHash": "fb3e79b3",
       "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": "eb0f27ea",
+      "fileHash": "d6a664e5",
       "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": "47864517",
+      "fileHash": "9e8e545b",
       "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": "56bb8d36",
+      "fileHash": "0c193a8a",
       "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": "0228dba4",
+      "fileHash": "f9dfeee4",
       "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": "666242ff",
+      "fileHash": "ba413346",
       "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": "5c9fd6a4",
+      "fileHash": "c1ffdf3d",
       "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": "a1dd50de",
+      "fileHash": "6e08ea68",
       "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": "127cbf1c",
+      "fileHash": "03cf3a2d",
       "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": "64469fac",
+      "fileHash": "d534dd11",
       "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": "fd54defb",
+      "fileHash": "dcb8661c",
       "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": "5a05b879",
+      "fileHash": "94fda091",
       "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": "058ce1d0",
+      "fileHash": "8ff1f511",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "1984836f",
+      "fileHash": "4d883f36",
       "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": "b19b3602",
+      "fileHash": "111f3da3",
       "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": "60f6c493",
+      "fileHash": "efd9860f",
       "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": "ce2fe792",
+      "fileHash": "f6794d9d",
       "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": "b8065239",
+      "fileHash": "fde7f647",
       "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": "ca0609d8",
+      "fileHash": "657d10b8",
       "needsInterop": false
     }
   },
@@ -123,15 +123,18 @@
     "chunk-2DZGWGIP": {
       "file": "chunk-2DZGWGIP.js"
     },
-    "chunk-N6DVYEXK": {
-      "file": "chunk-N6DVYEXK.js"
+    "chunk-LVZJNEGE": {
+      "file": "chunk-LVZJNEGE.js"
     },
-    "chunk-JAGHY6H6": {
-      "file": "chunk-JAGHY6H6.js"
+    "chunk-UM3ZGDFR": {
+      "file": "chunk-UM3ZGDFR.js"
     },
     "chunk-QPJAV452": {
       "file": "chunk-QPJAV452.js"
     },
+    "chunk-JAGHY6H6": {
+      "file": "chunk-JAGHY6H6.js"
+    },
     "chunk-DYQDWJMS": {
       "file": "chunk-DYQDWJMS.js"
     },
@@ -147,9 +150,6 @@
     "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-N6DVYEXK.js → chunk-LVZJNEGE.js}

@@ -1,9 +1,13 @@
 import {
-  useTimeout
-} from "./chunk-JAGHY6H6.js";
+  Check_default,
+  Copy_default
+} from "./chunk-UM3ZGDFR.js";
 import {
   o
 } from "./chunk-QPJAV452.js";
+import {
+  useTimeout
+} from "./chunk-JAGHY6H6.js";
 import {
   handlePressableMouseEnter,
   isDev,
@@ -18,10 +22,6 @@ import {
 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-N6DVYEXK.js.map
+//# sourceMappingURL=chunk-LVZJNEGE.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":243.94740899999988,"failed":false}],[":src/resources/review-resource.test.tsx",{"duration":567.3163099999999,"failed":false}],[":src/components/album/albums.test.tsx",{"duration":313.3769259999999,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":77.97338500000001,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":428.7963219999997,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":242.1137319999998,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":126.20956799999976,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":348.28797099999974,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":430.4756219999997,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":88.96449000000007,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":87.16689200000019,"failed":false}],[":src/resources/map-resource.test.tsx",{"duration":273.31644100000017,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":260.8579480000001,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":447.70624799999973,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":340.815521,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":68.25215899999989,"failed":false}]]}
+{"version":"4.0.16","results":[[":src/resources/review/review-resource.test.tsx",{"duration":530.608798,"failed":false}],[":src/resources/albums/components/albums.test.tsx",{"duration":348.1831809999999,"failed":false}],[":src/resources/carousel/carousel-resource.test.tsx",{"duration":272.94627400000013,"failed":false}],[":src/resources/map/components/map-view.test.tsx",{"duration":98.39371499999993,"failed":false}],[":src/resources/map/components/place-inspector.test.tsx",{"duration":417.9068080000002,"failed":false}],[":src/resources/albums/components/fullscreen-viewer.test.tsx",{"duration":274.64311,"failed":false}],[":src/resources/map/components/place-list.test.tsx",{"duration":130.8710030000002,"failed":false}],[":src/resources/map/components/place-card.test.tsx",{"duration":352.6335079999999,"failed":false}],[":src/resources/map/components/place-carousel.test.tsx",{"duration":393.43498999999997,"failed":false}],[":src/resources/albums/components/album-carousel.test.tsx",{"duration":90.04754600000001,"failed":false}],[":src/resources/carousel/components/carousel.test.tsx",{"duration":66.88647399999991,"failed":false}],[":src/resources/map/map-resource.test.tsx",{"duration":233.14745900000003,"failed":false}],[":src/resources/albums/albums-resource.test.tsx",{"duration":240.6847640000001,"failed":false}],[":src/resources/albums/components/film-strip.test.tsx",{"duration":466.9771660000001,"failed":false}],[":src/resources/albums/components/album-card.test.tsx",{"duration":293.65612699999974,"failed":false}],[":src/resources/carousel/components/card.test.tsx",{"duration":66.668365,"failed":false}]]}

package/template/src/resources/{albums-resource.test.tsx → albums/albums-resource.test.tsx}

@@ -12,7 +12,7 @@ vi.mock('sunpeak', () => ({
 }));
 
 // Mock Albums component
-vi.mock('../components/album/albums', () => ({
+vi.mock('./components/albums', () => ({
   Albums: () => <div data-testid="albums-component">Albums Component</div>,
 }));
 

package/template/src/resources/{albums-resource.tsx → albums/albums-resource.tsx}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useSafeArea, useMaxHeight } from 'sunpeak';
-import { Albums } from '../components/album/albums';
+import { Albums } from './components/albums';
 
 /**
  * Production-ready Albums Resource

package/template/src/resources/albums/albums-show-simulation.json

@@ -0,0 +1,131 @@
+{
+  "userMessage": "Pizza time",
+  "tool": {
+    "name": "show-albums",
+    "description": "Show photo albums",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Show Albums",
+    "annotations": { "readOnlyHint": true },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Loading albums",
+      "openai/toolInvocation/invoked": "Album loaded",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "callToolResult": {
+    "structuredContent": {
+      "albums": [
+        {
+          "id": "summer-escape",
+          "title": "Summer Slice",
+          "cover": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png",
+          "photos": [
+            {
+              "id": "s1",
+              "title": "Waves",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+            },
+            {
+              "id": "s2",
+              "title": "Palm trees",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-3.png"
+            },
+            {
+              "id": "s3",
+              "title": "Sunset",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-6.png"
+            }
+          ]
+        },
+        {
+          "id": "city-lights",
+          "title": "Pepperoni Nights",
+          "cover": "https://persistent.oaistatic.com/pizzaz/pizzaz-4.png",
+          "photos": [
+            {
+              "id": "c1",
+              "title": "Downtown",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-5.png"
+            },
+            {
+              "id": "c2",
+              "title": "Neon",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png"
+            },
+            {
+              "id": "c3",
+              "title": "Streets",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+            }
+          ]
+        },
+        {
+          "id": "into-the-woods",
+          "title": "Truffle Forest",
+          "cover": "https://persistent.oaistatic.com/pizzaz/pizzaz-3.png",
+          "photos": [
+            {
+              "id": "n1",
+              "title": "Forest path",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-6.png"
+            },
+            {
+              "id": "n2",
+              "title": "Misty",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-4.png"
+            },
+            {
+              "id": "n3",
+              "title": "Waterfall",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-5.png"
+            }
+          ]
+        },
+        {
+          "id": "pizza-tour",
+          "title": "Pizza tour",
+          "cover": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png",
+          "photos": [
+            {
+              "id": "tonys-pizza-napoletana",
+              "title": "Tony's Pizza Napoletana",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+            },
+            {
+              "id": "golden-boy-pizza",
+              "title": "Golden Boy Pizza",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-3.png"
+            },
+            {
+              "id": "pizzeria-delfina-mission",
+              "title": "Pizzeria Delfina (Mission)",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-6.png"
+            },
+            {
+              "id": "ragazza",
+              "title": "Ragazza",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-4.png"
+            },
+            {
+              "id": "del-popolo",
+              "title": "Del Popolo",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-5.png"
+            },
+            {
+              "id": "square-pie-guys",
+              "title": "Square Pie Guys",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png"
+            },
+            {
+              "id": "zero-zero",
+              "title": "Zero Zero",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+            }
+          ]
+        }
+      ]
+    },
+    "_meta": {}
+  }
+}

package/template/src/{components/album → resources/albums/components}/album-card.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import type { Album } from './albums';
 
 export type AlbumCardProps = {

package/template/src/{components/album → resources/albums/components}/album-carousel.tsx

@@ -4,7 +4,7 @@ import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';
 import { ArrowLeft, ArrowRight } from '@openai/apps-sdk-ui/components/Icon';
 import { useWidgetState, useDisplayMode } from 'sunpeak';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 
 export interface AlbumCarouselState extends Record<string, unknown> {
   currentIndex?: number;

package/template/src/{components/album → resources/albums/components}/film-strip.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import type { Album } from './albums';
 
 export type FilmStripProps = {

package/template/src/{components/album → resources/albums/components}/fullscreen-viewer.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useSafeArea } from 'sunpeak';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import { FilmStrip } from './film-strip';
 import type { Album } from './albums';
 

package/template/src/resources/{carousel-resource.test.tsx → carousel/carousel-resource.test.tsx}

@@ -32,7 +32,7 @@ vi.mock('sunpeak', () => ({
 }));
 
 // Mock child components
-vi.mock('../components/carousel', () => ({
+vi.mock('./components', () => ({
   Carousel: ({ children }: { children: React.ReactNode }) => (
     <div data-testid="carousel">{children}</div>
   ),

package/template/src/resources/{carousel-resource.tsx → carousel/carousel-resource.tsx}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useWidgetProps, useSafeArea, useMaxHeight, useUserAgent } from 'sunpeak';
-import { Carousel, Card } from '../components/carousel';
+import { Carousel, Card } from './components';
 
 /**
  * Production-ready Carousel Resource

package/template/src/resources/carousel/carousel-show-simulation.json

@@ -0,0 +1,68 @@
+{
+  "userMessage": "Show me popular places to visit in Austin Texas",
+  "tool": {
+    "name": "show-carousel",
+    "description": "Show popular places to visit",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Show Carousel",
+    "annotations": { "readOnlyHint": true },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Loading carousel",
+      "openai/toolInvocation/invoked": "Carousel loaded",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "callToolResult": {
+    "structuredContent": {
+      "places": [
+        {
+          "id": "1",
+          "name": "Lady Bird Lake",
+          "rating": 4.5,
+          "category": "Waterfront",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1520950237264-dfe336995c34?w=400&h=400&fit=crop",
+          "description": "Scenic lake perfect for kayaking, paddleboarding, and trails."
+        },
+        {
+          "id": "2",
+          "name": "Texas State Capitol",
+          "rating": 4.8,
+          "category": "Historic Site",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1664231978322-4d0b45c7027b?w=400&h=400&fit=crop",
+          "description": "Stunning capitol building with free tours and beautiful grounds."
+        },
+        {
+          "id": "3",
+          "name": "The Paramount Theatre",
+          "rating": 4.7,
+          "category": "Architecture",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1583097090970-4d3b940ea1a0?w=400&h=400&fit=crop",
+          "description": "Century-old performance and movie theatre in the heart of downtown Austin."
+        },
+        {
+          "id": "4",
+          "name": "Zilker Park",
+          "rating": 4.7,
+          "category": "Park",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1563828568124-f800803ba13c?w=400&h=400&fit=crop",
+          "description": "Popular park with trails, sports fields, and Barton Springs Pool."
+        },
+        {
+          "id": "5",
+          "name": "South Congress Avenue",
+          "rating": 4.6,
+          "category": "Landmark",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1588993608283-7f0eda4438be?w=400&h=400&fit=crop",
+          "description": "Vibrant street with unique shops, restaurants, and live music."
+        }
+      ]
+    },
+    "_meta": {}
+  }
+}

package/template/src/{components/carousel → resources/carousel/components}/card.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 
 export interface CardButtonProps {
   isPrimary?: boolean;

package/template/src/{components/carousel → resources/carousel/components}/carousel.tsx

@@ -4,7 +4,7 @@ import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';
 import { ArrowLeft, ArrowRight } from '@openai/apps-sdk-ui/components/Icon';
 import { useWidgetState, useDisplayMode } from 'sunpeak';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 
 export interface CarouselState extends Record<string, unknown> {
   currentIndex?: number;

package/template/src/resources/index.ts

@@ -1,17 +1,17 @@
 /**
  * Auto-discovers and re-exports all resource components.
  *
- * Discovers all *-resource.tsx files and exports their component
- * with a PascalCase name (e.g., review-resource.tsx -> ReviewResource).
+ * Discovers all {resource}/{resource}-resource.tsx files and exports their component
+ * with a PascalCase name (e.g., albums/albums-resource.tsx -> AlbumsResource).
  *
  * Supports both export styles:
  * - Default export: export default MyComponent
- * - Named export: export const ReviewResource = ...
+ * - Named export: export const AlbumsResource = ...
  */
 import { createResourceExports } from 'sunpeak';
 
-// Auto-discover all resource component files
-const resourceModules = import.meta.glob('./*-resource.tsx', { eager: true });
+// Auto-discover all resource component files in subdirectories
+const resourceModules = import.meta.glob('./*/*-resource.tsx', { eager: true });
 
 // Build exports object from discovered files using library helper
 export default createResourceExports(resourceModules);

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import mapboxgl from 'mapbox-gl';
 import 'mapbox-gl/dist/mapbox-gl.css';
 import { useMaxHeight } from 'sunpeak';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import type { Place } from './types';
 
 // Public Mapbox token for demo purposes

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

@@ -8,7 +8,7 @@ import {
 } from 'sunpeak';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
 import { ExpandLg } from '@openai/apps-sdk-ui/components/Icon';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import { PlaceList } from './place-list';
 import { PlaceCarousel } from './place-carousel';
 import { PlaceInspector } from './place-inspector';

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Star } from '@openai/apps-sdk-ui/components/Icon';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import type { Place } from './types';
 
 export type PlaceCardProps = {

package/template/src/{components/map → resources/map/components}/place-carousel.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import { PlaceCard } from './place-card';
 import type { Place } from './types';
 

package/template/src/{components/map → resources/map/components}/place-inspector.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
 import { Avatar } from '@openai/apps-sdk-ui/components/Avatar';
 import { X, Star } from '@openai/apps-sdk-ui/components/Icon';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import type { Place } from './types';
 
 export type PlaceInspectorProps = {

package/template/src/{components/map → resources/map/components}/place-list.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Settings } from '@openai/apps-sdk-ui/components/Icon';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import { PlaceCard } from './place-card';
 import type { Place } from './types';
 

package/template/src/resources/{map-resource.test.tsx → map/map-resource.test.tsx}

@@ -15,7 +15,7 @@ vi.mock('sunpeak', () => ({
 }));
 
 // Mock the Map component
-vi.mock('../components/map/map', () => ({
+vi.mock('./components/map', () => ({
   Map: () => <div data-testid="map">Map Component</div>,
 }));
 

package/template/src/resources/{map-resource.tsx → map/map-resource.tsx}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useSafeArea, useMaxHeight } from 'sunpeak';
-import { Map } from '../components/map/map';
+import { Map } from './components/map';
 
 /**
  * Production-ready Map Resource