shape editing

web/src/App.vue

@@ -7,6 +7,7 @@ import ChatPanel from './components/ChatPanel.vue'
 import LoginScreen from './components/LoginScreen.vue'
 import { useOrderStore } from './stores/orders'
 import { useChartStore } from './stores/chart'
+import { useShapeStore } from './stores/shapes'
 import { useStateSync } from './composables/useStateSync'
 import { wsManager } from './composables/useWebSocket'
 
@@ -63,9 +64,11 @@ const handleAuthenticate = async (
       // Initialize state sync after successful authentication
       const orderStore = useOrderStore()
       const chartStore = useChartStore()
+      const shapeStore = useShapeStore()
       const stateSync = useStateSync({
         OrderStore: orderStore,
-        ChartStore: chartStore
+        ChartStore: chartStore,
+        ShapeStore: shapeStore
       })
       stateSyncCleanup = stateSync.cleanup
     } else {