sunpeak 0.9.6 → 0.9.10

package/template/dist/review.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://review-mk8u79b0"
+  "uri": "ui://review-mka2vgl6"
 }

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

@@ -1,3 +1,7 @@
+import {
+  dist_exports4 as dist_exports
+} from "./chunk-TSEQUROC.js";
+import "./chunk-XZTIOEPG.js";
 import {
   useResizeObserver
 } from "./chunk-JAGHY6H6.js";
@@ -6,10 +10,6 @@ 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,6 +1,12 @@
 import {
   Input
 } from "./chunk-2DZGWGIP.js";
+import {
+  dist_exports,
+  dist_exports3 as dist_exports2,
+  dist_exports5 as dist_exports3
+} from "./chunk-TSEQUROC.js";
+import "./chunk-XZTIOEPG.js";
 import {
   Button,
   LoadingIndicator,
@@ -19,12 +25,6 @@ import {
   waitForAnimationFrame
 } from "./chunk-DYQDWJMS.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";

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": "5dce5a83",
+      "fileHash": "e9d7bd7c",
       "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": "f1f9ceb7",
+      "fileHash": "6077638f",
       "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": "6d41e9e9",
+      "fileHash": "d1b53763",
       "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": "76d0ee1e",
+      "fileHash": "7220a079",
       "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": "cc1e3682",
+      "fileHash": "a4018122",
       "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": "ae4fe364",
+      "fileHash": "a08e5fc7",
       "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": "1db3db7f",
+      "fileHash": "568a2156",
       "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": "837c2737",
+      "fileHash": "870168af",
       "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": "062e2a54",
+      "fileHash": "f6d4ad60",
       "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": "6e036e2c",
+      "fileHash": "99bd53a9",
       "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": "6ca9ce17",
+      "fileHash": "849b8549",
       "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": "6bbf0e0f",
+      "fileHash": "1655679b",
       "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": "125dd763",
+      "fileHash": "2d1cd0a4",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "adae7188",
+      "fileHash": "3c893bd9",
       "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": "27e70439",
+      "fileHash": "177240f7",
       "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": "03d5e96c",
+      "fileHash": "1a9092e3",
       "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": "af8061a4",
+      "fileHash": "4acc5784",
       "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": "9add8d51",
+      "fileHash": "0d690983",
       "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": "eaf80d9a",
+      "fileHash": "600e9867",
       "needsInterop": false
     }
   },
@@ -123,6 +123,12 @@
     "chunk-2DZGWGIP": {
       "file": "chunk-2DZGWGIP.js"
     },
+    "chunk-TSEQUROC": {
+      "file": "chunk-TSEQUROC.js"
+    },
+    "chunk-XZTIOEPG": {
+      "file": "chunk-XZTIOEPG.js"
+    },
     "chunk-N6DVYEXK": {
       "file": "chunk-N6DVYEXK.js"
     },
@@ -138,12 +144,6 @@
     "chunk-EGRHWZRV": {
       "file": "chunk-EGRHWZRV.js"
     },
-    "chunk-TSEQUROC": {
-      "file": "chunk-TSEQUROC.js"
-    },
-    "chunk-XZTIOEPG": {
-      "file": "chunk-XZTIOEPG.js"
-    },
     "chunk-CNYJBM5F": {
       "file": "chunk-CNYJBM5F.js"
     },

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

@@ -1 +1 @@
-{"version":"4.0.16","results":[[":src/resources/review-resource.test.tsx",{"duration":559.5211790000001,"failed":false}],[":src/resources/carousel-resource.test.tsx",{"duration":274.45098800000005,"failed":false}],[":src/components/album/albums.test.tsx",{"duration":293.8420480000002,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":419.9698040000003,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":74.87890800000014,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":268.03875199999993,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":144.34349999999995,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":357.63647600000013,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":430.33475,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":88.78069400000004,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":88.54834000000005,"failed":false}],[":src/resources/map-resource.test.tsx",{"duration":280.1168210000001,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":286.3251439999999,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":479.77164000000016,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":331.31021499999997,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":85.36528099999987,"failed":false}]]}
+{"version":"4.0.16","results":[[":src/components/album/albums.test.tsx",{"duration":324.77866399999994,"failed":false}],[":src/resources/review-resource.test.tsx",{"duration":529.694369,"failed":false}],[":src/resources/carousel-resource.test.tsx",{"duration":263.42517499999985,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":85.665119,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":409.3448330000001,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":228.8939330000003,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":147.47323099999994,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":355.5575329999999,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":429.1329959999998,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":79.22797600000013,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":73.47246699999982,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":289.68861300000003,"failed":false}],[":src/resources/map-resource.test.tsx",{"duration":255.71324299999992,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":408.4503480000001,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":321.1045839999997,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":76.67339900000002,"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 = () => {