default value

apps/editor/app/viewer/[id]/collections-panel.tsx

@@ -10,7 +10,7 @@ import {
   useScene,
 } from '@pascal-app/core'
 import { ChevronDown, ChevronRight } from 'lucide-react'
-import { useState } from 'react'
+import { useMemo, useState } from 'react'
 import { useShallow } from 'zustand/react/shallow'
 import { cn } from '@/lib/utils'
 
@@ -145,10 +145,10 @@ function CollectionRow({ collectionId }: { collectionId: CollectionId }) {
     ),
   )
 
-  const controlValuesByItem = useInteractive(
-    useShallow((s) =>
-      Object.fromEntries(interactiveItems.map((n) => [n.id, s.items[n.id]?.controlValues ?? []])),
-    ),
+  const allItems = useInteractive((s) => s.items)
+  const controlValuesByItem = useMemo(
+    () => Object.fromEntries(interactiveItems.map((n) => [n.id, allItems[n.id]?.controlValues ?? []])),
+    [allItems, interactiveItems],
   )
 
   const setControlValue = useInteractive((s) => s.setControlValue)

apps/editor/components/ui/item-catalog/catalog-items.tsx

@@ -1235,7 +1235,8 @@ export const CATALOG_ITEMS: AssetInput[] = [
           kind: 'toggle',
         }, 
         {
-          kind: 'slider', label: 'Intensity', min: 0, max: 100, unit: '%', displayMode: 'dial' 
+          kind: 'slider', label: 'Intensity', min: 0, max: 100, unit: '%', displayMode: 'dial',
+          default: 100
         }
       ],
       effects: [
@@ -1266,7 +1267,8 @@ export const CATALOG_ITEMS: AssetInput[] = [
           kind: 'toggle',
         }, 
         {
-          kind: 'slider', label: 'Intensity', min: 0, max: 100, unit: '%', displayMode: 'dial' 
+          kind: 'slider', label: 'Intensity', min: 0, max: 100, unit: '%', displayMode: 'dial' ,
+          default: 100
         }
       ],
       effects: [