bugfix; web tabs

web/src/App.vue

@@ -5,6 +5,7 @@ import SplitterPanel from 'primevue/splitterpanel'
 import ChartView from './components/ChartView.vue'
 import ChatPanel from './components/ChatPanel.vue'
 import LoginScreen from './components/LoginScreen.vue'
+import BottomTray from './components/BottomTray.vue'
 import { useChartStore } from './stores/chart'
 import { useShapeStore } from './stores/shapes'
 import { useIndicatorStore } from './stores/indicators'
@@ -137,14 +138,19 @@ onBeforeUnmount(() => {
       :error-message="authError"
       @authenticate="handleAuthenticate"
     />
-    <Splitter v-else-if="!isMobile" class="main-splitter">
-      <SplitterPanel :size="62" :minSize="40" class="chart-panel">
-        <ChartView />
-      </SplitterPanel>
-      <SplitterPanel :size="38" :minSize="20" class="chat-panel">
-        <ChatPanel />
-      </SplitterPanel>
-    </Splitter>
+    <div v-else-if="!isMobile" class="desktop-layout">
+      <div class="top-area">
+        <Splitter class="main-splitter">
+          <SplitterPanel :size="62" :minSize="40" class="chart-panel">
+            <ChartView />
+          </SplitterPanel>
+          <SplitterPanel :size="38" :minSize="20" class="chat-panel">
+            <ChatPanel />
+          </SplitterPanel>
+        </Splitter>
+      </div>
+      <BottomTray />
+    </div>
     <div v-else class="mobile-layout">
       <ChatPanel />
     </div>
@@ -165,8 +171,21 @@ onBeforeUnmount(() => {
   background: #0f0f0f !important;
 }
 
+.desktop-layout {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+.top-area {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+
 .main-splitter {
-  height: 100vh !important;
+  height: 100% !important;
   background: #0f0f0f !important;
 }
 
@@ -200,7 +219,7 @@ onBeforeUnmount(() => {
   right: 0;
   bottom: 0;
   z-index: 9999;
-  cursor: col-resize;
+  cursor: auto;
   background: transparent;
 }