From e8f35e4e06ad90d493c85d1f07ed3e34eba31917 Mon Sep 17 00:00:00 2001
From: ssongliu <sloooop1x@gmail.com>
Date: Mon, 20 Jul 2026 18:26:00 +0800
Subject: [PATCH] fix: optimize terminal output performance (#13276) (#13312)

---
 frontend/src/components/terminal/index.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/terminal/index.vue b/frontend/src/components/terminal/index.vue
index 083aba9c5..ac367cf9b 100644
--- a/frontend/src/components/terminal/index.vue
+++ b/frontend/src/components/terminal/index.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, onBeforeUnmount, nextTick, computed, onMounted } from 'vue';
+import { ref, shallowRef, watch, onBeforeUnmount, nextTick, computed, onMounted } from 'vue';
 import { Terminal } from '@xterm/xterm';
 import '@xterm/xterm/css/xterm.css';
 import { FitAddon } from '@xterm/addon-fit';
@@ -32,7 +32,7 @@ const terminalElement = ref<HTMLDivElement | null>(null);
 const fitAddon = new FitAddon();
 const termReady = ref(false);
 const webSocketReady = ref(false);
-const term = ref();
+const term = shallowRef<Terminal>();
 const terminalSocket = ref<WebSocket>();
 const heartbeatTimer = ref<NodeJS.Timer>();
 let initWebSocketToken = 0;
@@ -88,9 +88,9 @@ watch([backgroundColor, foregroundColor], ([newBackgroundColor, newForegroundCol
     applyTerminalBackground(newBackgroundColor);
 });
 const cursorStyle = computed(() => terminalStore.cursorStyle);
-watch(cursorStyle, (newCursorStyle) => {
+watch(cursorStyle, () => {
     if (!term.value) return;
-    term.value.options.cursorStyle = newCursorStyle;
+    term.value.options.cursorStyle = getStyle();
 });
 const cursorBlink = computed(() => terminalStore.cursorBlink);
 watch(cursorBlink, (newCursorBlink) => {
@@ -294,6 +294,7 @@ const showWebSocketAuthError = (message: string) => {
 
 const runRealTerminal = () => {
     webSocketReady.value = true;
+    term.value?.focus();
     if (initCmd.value !== '') {
         hideInitCmdEcho.value = true;
         initCmdEchoBuffer.value = '';
@@ -339,7 +340,6 @@ const onWSReceive = (message: MessageEvent) => {
     const wsMsg = JSON.parse(message.data);
     switch (wsMsg.type) {
         case 'cmd': {
-            term.value.element && term.value.focus();
             if (wsMsg.data) {
                 let receiveMsg = decodeBase64(wsMsg.data);
                 if (hideInitCmdEcho.value) {