feat(terminal): touch scroll, copy mode toggle, and desktop mouse fix

frontend/src/components/TerminalPanel.vue

@@ -1,6 +1,9 @@
 <script setup>
 import { watch } from 'vue'
 import { useTerminal } from '../composables/useTerminal'
+import { useSettingsStore } from '../stores/settings'
+
+const settingsStore = useSettingsStore()
 
 const props = defineProps({
     sessionId: {
@@ -13,7 +16,7 @@ const props = defineProps({
     },
 })
 
-const { containerRef, isConnected, started, start, reconnect } = useTerminal(props.sessionId)
+const { containerRef, isConnected, started, start, reconnect, copyMode } = useTerminal(props.sessionId)
 
 // Lazy init: start the terminal only when the tab becomes active for the first time
 watch(
@@ -29,6 +32,20 @@ watch(
 
 <template>
     <div class="terminal-panel">
+        <!-- Mobile toolbar — copy mode toggle -->
+        <div v-if="settingsStore.isTouchDevice && started" class="mobile-toolbar">
+            <span class="toolbar-spacer"></span>
+            <wa-button
+                size="small"
+                :appearance="copyMode ? 'filled' : 'plain'"
+                :variant="copyMode ? 'brand' : 'neutral'"
+                @click="copyMode = !copyMode"
+            >
+                <wa-icon slot="start" name="copy"></wa-icon>
+                Copy
+            </wa-button>
+        </div>
+
         <div ref="containerRef" class="terminal-container"></div>
 
         <!-- Disconnect overlay -->
@@ -76,6 +93,19 @@ watch(
     overflow-y: auto !important;
 }
 
+.mobile-toolbar {
+    display: flex;
+    align-items: center;
+    gap: var(--wa-space-2xs);
+    padding: var(--wa-space-2xs) var(--wa-space-xs);
+    flex-shrink: 0;
+    border-bottom: 1px solid var(--wa-color-border-default);
+}
+
+.toolbar-spacer {
+    flex: 1;
+}
+
 .disconnect-overlay {
     position: absolute;
     inset: 0;