sunpeak 0.9.3 → 0.9.8

package/template/dist/review.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://review-mk2r7n4q"
+  "uri": "ui://review-mka17dq6"
 }

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": "16fe6b1d",
+      "fileHash": "bae65c0b",
       "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": "51aae1bd",
+      "fileHash": "74886ad3",
       "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": "ff5a7570",
+      "fileHash": "a0e2a40d",
       "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": "3beaa8db",
+      "fileHash": "9f5507c7",
       "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": "45ef3fc1",
+      "fileHash": "229c083b",
       "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": "45a08a33",
+      "fileHash": "e476a26c",
       "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": "d5dd2181",
+      "fileHash": "6d0f025c",
       "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": "e1858071",
+      "fileHash": "8c546177",
       "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": "336a28c8",
+      "fileHash": "720acc96",
       "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": "18dac619",
+      "fileHash": "4f878572",
       "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": "bebc362b",
+      "fileHash": "25ab4282",
       "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": "d96e1cd8",
+      "fileHash": "e4acd58f",
       "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": "b92ead18",
+      "fileHash": "fb662793",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "5cf92f9f",
+      "fileHash": "e3f6dc91",
       "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": "b5425b87",
+      "fileHash": "2069a900",
       "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": "333b6f95",
+      "fileHash": "cabc97bf",
       "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": "4a0aa065",
+      "fileHash": "3f5f9435",
       "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": "9ec14e81",
+      "fileHash": "db5820fb",
       "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": "29cd9aec",
+      "fileHash": "cc595659",
       "needsInterop": false
     }
   },

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

@@ -1 +1 @@
-{"version":"4.0.16","results":[[":src/resources/carousel-resource.test.tsx",{"duration":204.00628299999994,"failed":false}],[":src/components/album/albums.test.tsx",{"duration":354.172869,"failed":false}],[":src/resources/review-resource.test.tsx",{"duration":595.9101029999999,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":105.68071299999997,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":435.9108799999999,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":261.4708179999998,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":150.6326839999997,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":322.1624179999999,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":473.4562349999999,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":95.72953800000005,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":81.29822799999988,"failed":false}],[":src/resources/map-resource.test.tsx",{"duration":292.5989340000001,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":276.86686799999984,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":446.0441739999999,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":288.73790800000006,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":92.50694299999986,"failed":false}]]}
+{"version":"4.0.16","results":[[":src/components/album/albums.test.tsx",{"duration":342.505504,"failed":false}],[":src/resources/review-resource.test.tsx",{"duration":559.9288019999999,"failed":false}],[":src/resources/carousel-resource.test.tsx",{"duration":254.38066900000013,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":91.34401400000002,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":385.79388100000006,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":266.1306490000002,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":152.96475800000007,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":320.50285599999984,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":410.08972199999994,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":110.96281900000008,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":76.20041800000013,"failed":false}],[":src/resources/map-resource.test.tsx",{"duration":279.0750029999999,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":264.6735470000001,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":447.22358899999995,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":360.988016,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":54.3284020000001,"failed":false}]]}

package/template/src/components/album/album-carousel.tsx

@@ -49,6 +49,9 @@ export const AlbumCarousel = React.forwardRef<HTMLDivElement, AlbumCarouselProps
       if (emblaApi) emblaApi.scrollNext();
     }, [emblaApi]);
 
+    // Track the last index we synced to widget state to avoid redundant updates
+    const lastSyncedIndexRef = React.useRef<number | null>(null);
+
     const onSelect = React.useCallback(() => {
       if (!emblaApi) return;
 
@@ -56,15 +59,22 @@ export const AlbumCarousel = React.forwardRef<HTMLDivElement, AlbumCarouselProps
       setCanScrollNext(emblaApi.canScrollNext());
 
       const currentIndex = emblaApi.selectedScrollSnap();
-      if (widgetState?.currentIndex !== currentIndex) {
+
+      // Only update widget state if the index actually changed from user interaction
+      if (lastSyncedIndexRef.current !== currentIndex) {
+        lastSyncedIndexRef.current = currentIndex;
         setWidgetState((prev) => ({ ...prev, currentIndex }));
       }
-    }, [emblaApi, widgetState?.currentIndex, setWidgetState]);
+    }, [emblaApi, setWidgetState]);
 
     React.useEffect(() => {
       if (!emblaApi) return;
 
-      onSelect();
+      // Initialize scroll state without updating widget state
+      setCanScrollPrev(emblaApi.canScrollPrev());
+      setCanScrollNext(emblaApi.canScrollNext());
+      lastSyncedIndexRef.current = emblaApi.selectedScrollSnap();
+
       emblaApi.on('select', onSelect);
       emblaApi.on('reInit', onSelect);
 
@@ -74,6 +84,21 @@ export const AlbumCarousel = React.forwardRef<HTMLDivElement, AlbumCarouselProps
       };
     }, [emblaApi, onSelect]);
 
+    // Sync external widget state changes to carousel scroll position
+    React.useEffect(() => {
+      if (!emblaApi) return;
+
+      const targetIndex = widgetState?.currentIndex ?? 0;
+      const currentIndex = emblaApi.selectedScrollSnap();
+
+      // Only scroll if the external state differs from carousel position
+      // AND it's not a state we just synced from the carousel
+      if (targetIndex !== currentIndex && lastSyncedIndexRef.current !== targetIndex) {
+        lastSyncedIndexRef.current = targetIndex;
+        emblaApi.scrollTo(targetIndex);
+      }
+    }, [emblaApi, widgetState?.currentIndex]);
+
     const childArray = React.Children.toArray(children);
 
     const getCardWidth = () => {

package/template/src/components/carousel/carousel.tsx

@@ -49,6 +49,9 @@ export const Carousel = React.forwardRef<HTMLDivElement, CarouselProps>(
       if (emblaApi) emblaApi.scrollNext();
     }, [emblaApi]);
 
+    // Track the last index we synced to widget state to avoid redundant updates
+    const lastSyncedIndexRef = React.useRef<number | null>(null);
+
     const onSelect = React.useCallback(() => {
       if (!emblaApi) return;
 
@@ -56,15 +59,22 @@ export const Carousel = React.forwardRef<HTMLDivElement, CarouselProps>(
       setCanScrollNext(emblaApi.canScrollNext());
 
       const currentIndex = emblaApi.selectedScrollSnap();
-      if (widgetState?.currentIndex !== currentIndex) {
+
+      // Only update widget state if the index actually changed from user interaction
+      if (lastSyncedIndexRef.current !== currentIndex) {
+        lastSyncedIndexRef.current = currentIndex;
         setWidgetState((prev) => ({ ...prev, currentIndex }));
       }
-    }, [emblaApi, widgetState?.currentIndex, setWidgetState]);
+    }, [emblaApi, setWidgetState]);
 
     React.useEffect(() => {
       if (!emblaApi) return;
 
-      onSelect();
+      // Initialize scroll state without updating widget state
+      setCanScrollPrev(emblaApi.canScrollPrev());
+      setCanScrollNext(emblaApi.canScrollNext());
+      lastSyncedIndexRef.current = emblaApi.selectedScrollSnap();
+
       emblaApi.on('select', onSelect);
       emblaApi.on('reInit', onSelect);
 
@@ -74,6 +84,21 @@ export const Carousel = React.forwardRef<HTMLDivElement, CarouselProps>(
       };
     }, [emblaApi, onSelect]);
 
+    // Sync external widget state changes to carousel scroll position
+    React.useEffect(() => {
+      if (!emblaApi) return;
+
+      const targetIndex = widgetState?.currentIndex ?? 0;
+      const currentIndex = emblaApi.selectedScrollSnap();
+
+      // Only scroll if the external state differs from carousel position
+      // AND it's not a state we just synced from the carousel
+      if (targetIndex !== currentIndex && lastSyncedIndexRef.current !== targetIndex) {
+        lastSyncedIndexRef.current = targetIndex;
+        emblaApi.scrollTo(targetIndex);
+      }
+    }, [emblaApi, widgetState?.currentIndex]);
+
     const childArray = React.Children.toArray(children);
 
     const getCardWidth = () => {