From b9b55b4e5bfef2ca48301e57b2f665255513edf7 Mon Sep 17 00:00:00 2001
From: Administrator <admin@example.com>
Date: Fri, 12 Jun 2026 18:48:18 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E6=8F=90=E9=97=AE?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=82=AC=E6=B5=AE=E7=B4=A2=E5=BC=95=E5=88=B0?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E5=B1=85=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/workspace/question-navigator.tsx        | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend-web/src/components/workspace/question-navigator.tsx b/frontend-web/src/components/workspace/question-navigator.tsx
index 3661c30b..459f1da4 100644
--- a/frontend-web/src/components/workspace/question-navigator.tsx
+++ b/frontend-web/src/components/workspace/question-navigator.tsx
@@ -108,8 +108,9 @@ function readCollapsedPreference(): boolean {
  * content area, and pass the inset via `className` (e.g. `top-16 bottom-48
  * left-0 right-0`). The component measures its own width: when the side gutter
  * next to the centered message column is wide enough it floats an expandable
- * panel there; on narrower viewports it degrades to a small pill button that
- * opens a right-side drawer, so it never covers the chat body or input box.
+ * panel there, vertically centered in the available chat area; on narrower
+ * viewports it degrades to a small pill button that opens a right-side drawer,
+ * so it never covers the chat body or input box.
  */
 export function QuestionNavigator({
   messages,
@@ -240,7 +241,7 @@ export function QuestionNavigator({
       ref={rootRef}
       className={cn("pointer-events-none absolute z-20", className)}
     >
-      <div className="absolute inset-y-0 right-3 flex items-start justify-end">
+      <div className="absolute inset-y-0 right-3 flex items-center justify-end">
         {panelFits ? (
           collapsed ? (
             pillButton("展开问题导航", toggleCollapsed)