From 8c9a5259a77582cb6d9a6f684b011404b8333ccb Mon Sep 17 00:00:00 2001
From: Xubin Ren <52506698+Re-bin@users.noreply.github.com>
Date: Fri, 5 Jun 2026 21:14:17 +0800
Subject: [PATCH] style(webui): refine prompt navigator placement

---
 .../src/components/thread/PromptNavigator.tsx | 27 +++++++++----------
 .../src/components/thread/ThreadViewport.tsx  |  1 -
 webui/src/i18n/locales/en/common.json         |  1 -
 webui/src/i18n/locales/es/common.json         |  1 -
 webui/src/i18n/locales/fr/common.json         |  1 -
 webui/src/i18n/locales/id/common.json         |  1 -
 webui/src/i18n/locales/ja/common.json         |  1 -
 webui/src/i18n/locales/ko/common.json         |  1 -
 webui/src/i18n/locales/vi/common.json         |  1 -
 webui/src/i18n/locales/zh-CN/common.json      |  1 -
 webui/src/i18n/locales/zh-TW/common.json      |  1 -
 11 files changed, 13 insertions(+), 24 deletions(-)

diff --git a/webui/src/components/thread/PromptNavigator.tsx b/webui/src/components/thread/PromptNavigator.tsx
index 692524d9d..2e618bd18 100644
--- a/webui/src/components/thread/PromptNavigator.tsx
+++ b/webui/src/components/thread/PromptNavigator.tsx
@@ -6,7 +6,6 @@ import { Button } from "@/components/ui/button";
 import {
   Sheet,
   SheetContent,
-  SheetDescription,
   SheetTitle,
 } from "@/components/ui/sheet";
 import {
@@ -18,13 +17,11 @@ import type { UIMessage } from "@/lib/types";
 import { cn } from "@/lib/utils";
 
 interface PromptNavigatorProps {
-  bottomOffset: number;
   messages: UIMessage[];
   onJumpToPrompt: (promptId: string) => void;
 }
 
 export function PromptNavigator({
-  bottomOffset,
   messages,
   onJumpToPrompt,
 }: PromptNavigatorProps) {
@@ -51,16 +48,15 @@ export function PromptNavigator({
   return (
     <>
       <div
-        className="pointer-events-none absolute right-4 z-20"
-        style={{ bottom: Math.max(104, bottomOffset + 12) }}
+        className="pointer-events-none absolute right-3 top-2 z-20"
       >
         <Button
           type="button"
-          variant="outline"
+          variant="ghost"
           size="icon"
           className={cn(
-            "pointer-events-auto h-8 w-8 rounded-full border-border/70 bg-background/90 shadow-md backdrop-blur",
-            "text-muted-foreground hover:text-foreground",
+            "pointer-events-auto h-8 w-8 rounded-full text-muted-foreground/80",
+            "hover:bg-accent/40 hover:text-foreground",
           )}
           aria-label={t("thread.promptNavigator.open")}
           onClick={() => setOpen(true)}
@@ -72,15 +68,18 @@ export function PromptNavigator({
       <Sheet open={open} onOpenChange={setOpen}>
         <SheetContent
           side="right"
+          aria-describedby={undefined}
           className="w-[min(92vw,24rem)] gap-0 p-0 sm:max-w-[24rem]"
         >
           <div className="border-b px-5 pb-4 pt-5">
-            <SheetTitle className="text-base font-medium">
-              {t("thread.promptNavigator.title")}
-            </SheetTitle>
-            <SheetDescription className="mt-1 text-xs">
-              {t("thread.promptNavigator.description", { count: prompts.length })}
-            </SheetDescription>
+            <div className="flex items-center justify-between gap-3">
+              <SheetTitle className="text-base font-medium">
+                {t("thread.promptNavigator.title")}
+              </SheetTitle>
+              <span className="rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground">
+                {prompts.length}
+              </span>
+            </div>
             <div className="relative mt-4">
               <Search
                 aria-hidden
diff --git a/webui/src/components/thread/ThreadViewport.tsx b/webui/src/components/thread/ThreadViewport.tsx
index 44ea38c4d..2a278f9f7 100644
--- a/webui/src/components/thread/ThreadViewport.tsx
+++ b/webui/src/components/thread/ThreadViewport.tsx
@@ -334,7 +334,6 @@ export function ThreadViewport({
         <PromptNavigator
           messages={messages}
           onJumpToPrompt={jumpToUserPrompt}
-          bottomOffset={scrollButtonBottom}
         />
       ) : null}
 
diff --git a/webui/src/i18n/locales/en/common.json b/webui/src/i18n/locales/en/common.json
index f7e58b9b2..5a474d971 100644
--- a/webui/src/i18n/locales/en/common.json
+++ b/webui/src/i18n/locales/en/common.json
@@ -779,7 +779,6 @@
     "promptNavigator": {
       "open": "Open prompt navigator",
       "title": "Prompts",
-      "description": "{{count}} user prompts",
       "search": "Search prompts",
       "noResults": "No matching prompts.",
       "jumpTo": "Jump to prompt: {{label}}",
diff --git a/webui/src/i18n/locales/es/common.json b/webui/src/i18n/locales/es/common.json
index 7364a0e7f..031af8860 100644
--- a/webui/src/i18n/locales/es/common.json
+++ b/webui/src/i18n/locales/es/common.json
@@ -779,7 +779,6 @@
     "promptNavigator": {
       "open": "Abrir navegador de prompts",
       "title": "Prompts",
-      "description": "{{count}} prompts del usuario",
       "search": "Buscar prompts",
       "noResults": "No hay prompts coincidentes.",
       "jumpTo": "Ir al prompt: {{label}}",
diff --git a/webui/src/i18n/locales/fr/common.json b/webui/src/i18n/locales/fr/common.json
index 2bfb60621..af1d61659 100644
--- a/webui/src/i18n/locales/fr/common.json
+++ b/webui/src/i18n/locales/fr/common.json
@@ -779,7 +779,6 @@
     "promptNavigator": {
       "open": "Ouvrir le navigateur de prompts",
       "title": "Prompts",
-      "description": "{{count}} prompts utilisateur",
       "search": "Rechercher des prompts",
       "noResults": "Aucun prompt correspondant.",
       "jumpTo": "Aller au prompt : {{label}}",
diff --git a/webui/src/i18n/locales/id/common.json b/webui/src/i18n/locales/id/common.json
index 572604212..c413c5630 100644
--- a/webui/src/i18n/locales/id/common.json
+++ b/webui/src/i18n/locales/id/common.json
@@ -779,7 +779,6 @@
     "promptNavigator": {
       "open": "Buka navigator prompt",
       "title": "Prompt",
-      "description": "{{count}} prompt pengguna",
       "search": "Cari prompt",
       "noResults": "Tidak ada prompt yang cocok.",
       "jumpTo": "Lompat ke prompt: {{label}}",
diff --git a/webui/src/i18n/locales/ja/common.json b/webui/src/i18n/locales/ja/common.json
index 3dc516820..ebea72276 100644
--- a/webui/src/i18n/locales/ja/common.json
+++ b/webui/src/i18n/locales/ja/common.json
@@ -779,7 +779,6 @@
     "promptNavigator": {
       "open": "プロンプトナビゲーターを開く",
       "title": "プロンプト",
-      "description": "{{count}} 件のユーザープロンプト",
       "search": "プロンプトを検索",
       "noResults": "一致するプロンプトがありません。",
       "jumpTo": "プロンプトへ移動: {{label}}",
diff --git a/webui/src/i18n/locales/ko/common.json b/webui/src/i18n/locales/ko/common.json
index b6fa630e5..b6bc9b31d 100644
--- a/webui/src/i18n/locales/ko/common.json
+++ b/webui/src/i18n/locales/ko/common.json
@@ -779,7 +779,6 @@
     "promptNavigator": {
       "open": "프롬프트 탐색기 열기",
       "title": "프롬프트",
-      "description": "사용자 프롬프트 {{count}}개",
       "search": "프롬프트 검색",
       "noResults": "일치하는 프롬프트가 없습니다.",
       "jumpTo": "프롬프트로 이동: {{label}}",
diff --git a/webui/src/i18n/locales/vi/common.json b/webui/src/i18n/locales/vi/common.json
index f6d408f8d..a8f061829 100644
--- a/webui/src/i18n/locales/vi/common.json
+++ b/webui/src/i18n/locales/vi/common.json
@@ -779,7 +779,6 @@
     "promptNavigator": {
       "open": "Mở trình điều hướng prompt",
       "title": "Prompt",
-      "description": "{{count}} prompt của người dùng",
       "search": "Tìm prompt",
       "noResults": "Không có prompt phù hợp.",
       "jumpTo": "Nhảy tới prompt: {{label}}",
diff --git a/webui/src/i18n/locales/zh-CN/common.json b/webui/src/i18n/locales/zh-CN/common.json
index 185f41b29..12ce5a0d4 100644
--- a/webui/src/i18n/locales/zh-CN/common.json
+++ b/webui/src/i18n/locales/zh-CN/common.json
@@ -779,7 +779,6 @@
     "promptNavigator": {
       "open": "打开输入导航",
       "title": "输入列表",
-      "description": "{{count}} 条用户输入",
       "search": "搜索输入",
       "noResults": "没有匹配的输入。",
       "jumpTo": "跳转到输入：{{label}}",
diff --git a/webui/src/i18n/locales/zh-TW/common.json b/webui/src/i18n/locales/zh-TW/common.json
index b76ae0319..47efe6bf9 100644
--- a/webui/src/i18n/locales/zh-TW/common.json
+++ b/webui/src/i18n/locales/zh-TW/common.json
@@ -779,7 +779,6 @@
     "promptNavigator": {
       "open": "開啟輸入導覽",
       "title": "輸入列表",
-      "description": "{{count}} 則使用者輸入",
       "search": "搜尋輸入",
       "noResults": "沒有符合的輸入。",
       "jumpTo": "跳到輸入：{{label}}",