From 2c75bb01a08efb33d82088958a6909d1d5e0dcc2 Mon Sep 17 00:00:00 2001
From: JOJO <1498581755@qq.com>
Date: Mon, 27 Apr 2026 01:42:32 +0800
Subject: [PATCH] feat(ui): cap tool toggle menu to five items with hidden
 scrollbar

---
 static/src/components/input/QuickMenu.vue        |  2 +-
 .../src/styles/components/input/_composer.scss   | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/static/src/components/input/QuickMenu.vue b/static/src/components/input/QuickMenu.vue
index 7efc176..9099ce7 100644
--- a/static/src/components/input/QuickMenu.vue
+++ b/static/src/components/input/QuickMenu.vue
@@ -64,7 +64,7 @@
         <div class="quick-submenu tool-submenu" v-if="toolMenuOpen">
           <div class="submenu-status" v-if="toolSettingsLoading">正在同步工具状态...</div>
           <div v-else-if="!toolSettings.length" class="submenu-empty">暂无可控工具</div>
-          <div v-else class="submenu-list">
+          <div v-else class="submenu-list tool-submenu-list">
             <button
               v-for="category in toolSettings"
               :key="category.id"
diff --git a/static/src/styles/components/input/_composer.scss b/static/src/styles/components/input/_composer.scss
index b5751d1..b396ec7 100644
--- a/static/src/styles/components/input/_composer.scss
+++ b/static/src/styles/components/input/_composer.scss
@@ -583,6 +583,22 @@
     color: var(--claude-text-secondary);
 }
 
+.tool-submenu-list {
+    // 显示约 5 条工具项，其余通过滚动查看
+    max-height: calc(44px * 5 + 6px * 4);
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    padding-right: 2px;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+.tool-submenu-list::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    display: none;
+}
+
 .menu-entry.disabled {
     opacity: 0.5;
 }