client-py connected

web/src/App.vue

@@ -5,10 +5,10 @@ import SplitterPanel from 'primevue/splitterpanel'
 import ChartView from './components/ChartView.vue'
 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 { useIndicatorStore } from './stores/indicators'
+import { useChannelStore } from './stores/channel'
 import { useStateSync } from './composables/useStateSync'
 import { wsManager } from './composables/useWebSocket'
 import { authService } from './composables/useAuth'
@@ -30,10 +30,10 @@ const chartStore = useChartStore()
 watch(isMobile, (mobile) => {
   if (mobile) {
     // Set all chart state to null when chart is hidden
-    chartStore.chart_state.symbol = null as any
-    chartStore.chart_state.start_time = null
-    chartStore.chart_state.end_time = null
-    chartStore.chart_state.interval = null as any
+    chartStore.symbol = null as any
+    chartStore.start_time = null
+    chartStore.end_time = null
+    chartStore.period = null as any
   }
 })
 
@@ -90,15 +90,15 @@ const handleAuthenticate = async (email: string, password: string) => {
 
 const initializeApp = async () => {
   // Initialize state sync after successful authentication
-  const orderStore = useOrderStore()
   const chartStore = useChartStore()
   const shapeStore = useShapeStore()
   const indicatorStore = useIndicatorStore()
+  const channelStore = useChannelStore()
   const stateSync = useStateSync({
-    OrderStore: orderStore,
-    ChartStore: chartStore,
-    ShapeStore: shapeStore,
-    IndicatorStore: indicatorStore
+    chartState: chartStore,
+    shapes: shapeStore,
+    indicators: indicatorStore,
+    channelState: channelStore
   })
   stateSyncCleanup = stateSync.cleanup
 }