item system controls

apps/editor/app/viewer/[id]/page.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { initSpatialGridSync, useScene } from '@pascal-app/core'
-import { useViewer, Viewer } from '@pascal-app/viewer'
+import { InteractiveSystem, useViewer, Viewer } from '@pascal-app/viewer'
 import Link from 'next/link'
 import { useParams } from 'next/navigation'
 import { useEffect, useState } from 'react'
@@ -180,6 +180,7 @@ export default function ViewerPage() {
             <Viewer>
               <ViewerCameraControls />
               <ViewerZoneSystem />
+              <InteractiveSystem />
             </Viewer>
           </ErrorBoundary>
         </>

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

@@ -612,6 +612,21 @@ export const CATALOG_ITEMS: AssetInput[] = [
     rotation: [0, 0, 0],
     dimensions: [1, 0.5, 1.5],
     attachTo: "ceiling",
+    interactive: {
+      effects: [
+        {
+          kind: 'animation',
+          clips: {
+            on: 'On',
+          },
+        }
+      ],
+      controls: [
+        {
+          kind: 'toggle',
+        }
+      ],
+    }
   },
 
   {