bugfixes; research subproc; higher sandbox limits

web/src/App.vue

@@ -9,6 +9,8 @@ import { useShapeStore } from './stores/shapes'
 import { useIndicatorStore } from './stores/indicators'
 import { useIndicatorTypesStore } from './stores/indicatorTypes'
 import { useChannelStore } from './stores/channel'
+import { useResearchTypesStore } from './stores/researchTypes'
+import { useStrategyTypesStore } from './stores/strategyTypes'
 import { useStateSync } from './composables/useStateSync'
 import { wsManager } from './composables/useWebSocket'
 import { authService } from './composables/useAuth'
@@ -44,9 +46,18 @@ function onHDragMove(e: PointerEvent) {
   chartWidth.value = Math.max(CHART_MIN_PX, Math.min(maxWidth, hDragStartWidth + delta))
 }
 
+// Clamp chartWidth so chart + chat always fit within the window
+function clampChartWidth() {
+  const maxWidth = window.innerWidth - CHAT_MIN_PX - 4
+  if (maxWidth >= CHART_MIN_PX) {
+    chartWidth.value = Math.max(CHART_MIN_PX, Math.min(maxWidth, chartWidth.value))
+  }
+}
+
 // Check screen width for mobile layout
 const checkMobile = () => {
   isMobile.value = window.innerWidth < 768
+  if (!isMobile.value) clampChartWidth()
 }
 
 const chartStore = useChartStore()
@@ -108,11 +119,15 @@ const initializeApp = async () => {
   const indicatorStore = useIndicatorStore()
   const indicatorTypesStore = useIndicatorTypesStore()
   const channelStore = useChannelStore()
+  const researchTypesStore = useResearchTypesStore()
+  const strategyTypesStore = useStrategyTypesStore()
   const stateSync = useStateSync({
     chartState: chartStore,
     shapes: shapeStore,
     indicators: indicatorStore,
     indicator_types: indicatorTypesStore,
+    research_types: researchTypesStore,
+    strategy_types: strategyTypesStore,
     channelState: channelStore
   })
   stateSyncCleanup = stateSync.cleanup
@@ -195,7 +210,7 @@ onBeforeUnmount(() => {
 
 .chat-panel {
   flex: 1;
-  min-width: 0;
+  min-width: 240px;
   height: 100%;
   overflow: hidden;
   display: flex;