From 80aaf855a3044da56f43bbd2b72d64a357dc016a Mon Sep 17 00:00:00 2001
From: Nexus Agent <agent@local>
Date: Fri, 12 Jun 2026 05:46:34 +0800
Subject: [PATCH] =?UTF-8?q?feat(terminal):=20=E5=8F=B3=E4=BE=A7=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1=E5=99=A8=E5=88=97=E8=A1=A8=E5=A2=9E=E5=8A=A0=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

侧栏复用 PickerSearch，按名称/域名筛选并支持搜索历史。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 ...26-06-12-terminal-sidebar-server-search.md | 16 ++++++++++
 .../terminal/TerminalServerPicker.vue         | 29 +++++++------------
 frontend/src/pages/TerminalPage.vue           |  4 +++
 3 files changed, 31 insertions(+), 18 deletions(-)
 create mode 100644 docs/changelog/2026-06-12-terminal-sidebar-server-search.md

diff --git a/docs/changelog/2026-06-12-terminal-sidebar-server-search.md b/docs/changelog/2026-06-12-terminal-sidebar-server-search.md
new file mode 100644
index 00000000..598c56bf
--- /dev/null
+++ b/docs/changelog/2026-06-12-terminal-sidebar-server-search.md
@@ -0,0 +1,16 @@
+# 终端页右侧服务器列表搜索
+
+**日期**: 2026-06-12
+
+## 变更摘要
+
+终端页右侧服务器栏增加与空态/弹窗一致的搜索框，支持按名称、域名筛选及搜索历史。
+
+## 涉及文件
+
+- `frontend/src/components/terminal/TerminalServerPicker.vue`
+- `frontend/src/pages/TerminalPage.vue`
+
+## 验证
+
+`npm run type-check`；终端页右侧输入关键词，列表实时过滤。
diff --git a/frontend/src/components/terminal/TerminalServerPicker.vue b/frontend/src/components/terminal/TerminalServerPicker.vue
index 30a05688..f956edd8 100644
--- a/frontend/src/components/terminal/TerminalServerPicker.vue
+++ b/frontend/src/components/terminal/TerminalServerPicker.vue
@@ -4,24 +4,17 @@
       服务器
       <span class="text-caption text-medium-emphasis ml-1">({{ servers.length }})</span>
     </div>
-    <v-skeleton-loader v-if="loading" type="list-item@8" class="px-2 pt-2" />
-    <v-list v-else density="compact" nav class="terminal-server-rail__list flex-grow-1 py-0">
-      <v-list-item
-        v-for="s in servers"
-        :key="s.id"
-        rounded="lg"
-        class="mb-1"
-        @click="$emit('select', s.id)"
-      >
-        <template #prepend>
-          <v-icon :color="s.is_online ? 'success' : 'grey'" size="8">mdi-circle</v-icon>
-        </template>
-        <v-list-item-title class="text-body-2 text-truncate" :title="s.name">{{ s.name }}</v-list-item-title>
-        <v-list-item-subtitle class="text-truncate" :title="s.domain">{{ s.domain }}</v-list-item-subtitle>
-      </v-list-item>
-      <v-list-item v-if="servers.length === 0" class="text-medium-emphasis">
-        暂无匹配的服务器
-      </v-list-item>
+    <div class="terminal-server-rail__search px-2 pt-2 pb-1">
+      <PickerSearch
+        :search="search"
+        :search-history="searchHistory"
+        @update:search="$emit('update:search', $event)"
+        @search-commit="$emit('search-commit')"
+      />
+    </div>
+    <v-skeleton-loader v-if="loading" type="list-item@8" class="px-2 pt-1" />
+    <v-list v-else density="compact" nav class="terminal-server-rail__list flex-grow-1 py-0 px-2">
+      <PickerListItems :servers="servers" @select="$emit('select', $event)" />
     </v-list>
   </aside>
 
diff --git a/frontend/src/pages/TerminalPage.vue b/frontend/src/pages/TerminalPage.vue
index 2c4a1cf8..413ceda3 100644
--- a/frontend/src/pages/TerminalPage.vue
+++ b/frontend/src/pages/TerminalPage.vue
@@ -101,7 +101,11 @@
       <TerminalServerPicker
         mode="sidebar"
         :servers="filteredServers"
+        :search="serverSearch"
+        :search-history="terminalSearchHistory"
         :loading="serversLoading"
+        @update:search="onServerSearchUpdate"
+        @search-commit="commitServerSearch"
         @select="(id) => newSession(id)"
       />
     </div>