From 5b1e1693d0ee4349f20699da6cc9599e627fb483 Mon Sep 17 00:00:00 2001
From: bluefish <bluefish_08@qq.com>
Date: Sun, 12 Jul 2026 23:14:22 +0800
Subject: [PATCH 1/4] fix: always show a thin scrollbar instead of revealing it
 on hover

---
 frontend/src/app/globals.css | 40 ++++++++++--------------------------
 1 file changed, 11 insertions(+), 29 deletions(-)

diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 67d5b3cf7..02fab84ad 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -408,49 +408,31 @@ body .hover\:\text-\[\#E6EDF3\]:hover {
   overflow-y: auto;
 }
 
-/* Native scrollbar style optimization */
+/* Native scrollbar: always visible, thin and subtle */
 .overflow-y-auto {
-  scrollbar-width: none;
-  scrollbar-color: transparent transparent;
+  scrollbar-width: thin;
+  scrollbar-color: hsl(var(--muted-foreground) / 0.3) transparent;
 }
 
 .overflow-y-auto::-webkit-scrollbar {
-  width: 6px;
+  width: 8px;
+  height: 8px;
 }
 
 .overflow-y-auto::-webkit-scrollbar-track {
   background: transparent;
-  border-radius: 3px;
 }
 
 .overflow-y-auto::-webkit-scrollbar-thumb {
-  background: transparent;
-  border-radius: 3px;
-}
-
-.overflow-y-auto.scrolling,
-.overflow-y-auto:hover,
-.overflow-y-auto:focus-within {
-  scrollbar-width: thin;
-  scrollbar-color: hsl(var(--muted-foreground) / 0.35) hsl(var(--muted) / 0.18);
-}
-
-.overflow-y-auto.scrolling::-webkit-scrollbar-track,
-.overflow-y-auto:hover::-webkit-scrollbar-track,
-.overflow-y-auto:focus-within::-webkit-scrollbar-track {
-  background: hsl(var(--muted) / 0.18);
-}
-
-.overflow-y-auto.scrolling::-webkit-scrollbar-thumb,
-.overflow-y-auto:hover::-webkit-scrollbar-thumb,
-.overflow-y-auto:focus-within::-webkit-scrollbar-thumb {
-  background: hsl(var(--muted-foreground) / 0.35);
+  background: hsl(var(--muted-foreground) / 0.3);
+  border-radius: 4px;
+  border: 2px solid transparent;
+  background-clip: content-box;
 }
 
-.overflow-y-auto.scrolling::-webkit-scrollbar-thumb:hover,
-.overflow-y-auto:hover::-webkit-scrollbar-thumb:hover,
-.overflow-y-auto:focus-within::-webkit-scrollbar-thumb:hover {
+.overflow-y-auto::-webkit-scrollbar-thumb:hover {
   background: hsl(var(--muted-foreground) / 0.5);
+  background-clip: content-box;
 }
 
 /* Ensure execution log content does not overflow */

From 987776ba3111907c7179a6b347b82d45947859f0 Mon Sep 17 00:00:00 2001
From: bluefish <bluefish_08@qq.com>
Date: Sun, 12 Jul 2026 23:27:29 +0800
Subject: [PATCH 2/4] fix: use background-color for scrollbar thumb to keep
 background-clip

---
 frontend/src/app/globals.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 02fab84ad..5fb2cfa74 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -424,15 +424,14 @@ body .hover\:\text-\[\#E6EDF3\]:hover {
 }
 
 .overflow-y-auto::-webkit-scrollbar-thumb {
-  background: hsl(var(--muted-foreground) / 0.3);
+  background-color: hsl(var(--muted-foreground) / 0.3);
   border-radius: 4px;
   border: 2px solid transparent;
   background-clip: content-box;
 }
 
 .overflow-y-auto::-webkit-scrollbar-thumb:hover {
-  background: hsl(var(--muted-foreground) / 0.5);
-  background-clip: content-box;
+  background-color: hsl(var(--muted-foreground) / 0.5);
 }
 
 /* Ensure execution log content does not overflow */

From c6524fe0b5e35d6d75f89d7a03c45745514fb1bf Mon Sep 17 00:00:00 2001
From: bluefish <bluefish_08@qq.com>
Date: Sun, 12 Jul 2026 23:37:11 +0800
Subject: [PATCH 3/4] fix: remove orphaned scrollbar-visibility-controller
 script

---
 frontend/src/app/layout.tsx | 29 -----------------------------
 1 file changed, 29 deletions(-)

diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 82e6ce3af..2a7a18431 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
 import type { CSSProperties } from "react";
-import Script from "next/script";
 import "./globals.css";
 import { AuthProvider } from "@/contexts/auth-context";
 import { ThemeProvider } from "@/contexts/theme-context";
@@ -128,34 +127,6 @@ export default function RootLayout({
             </AuthProvider>
           </ThemeProvider>
         </I18nProvider>
-        <Script id="scrollbar-visibility-controller" strategy="afterInteractive">
-          {`
-            (() => {
-              const hideTimers = new WeakMap();
-
-              document.addEventListener("scroll", (event) => {
-                const target = event.target;
-                if (!(target instanceof HTMLElement) || !target.classList.contains("overflow-y-auto")) {
-                  return;
-                }
-
-                target.classList.add("scrolling");
-
-                const existingTimer = hideTimers.get(target);
-                if (existingTimer) {
-                  window.clearTimeout(existingTimer);
-                }
-
-                const nextTimer = window.setTimeout(() => {
-                  target.classList.remove("scrolling");
-                  hideTimers.delete(target);
-                }, 700);
-
-                hideTimers.set(target, nextTimer);
-              }, true);
-            })();
-          `}
-        </Script>
       </body>
     </html>
   );

From feb1e8f39398845c93b0d5a99ad66b31dc694a63 Mon Sep 17 00:00:00 2001
From: bluefish <bluefish_08@qq.com>
Date: Mon, 13 Jul 2026 00:19:35 +0800
Subject: [PATCH 4/4] fix: drop unused horizontal scrollbar height on
 vertical-only containers

---
 frontend/src/app/globals.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 5fb2cfa74..df64b94d8 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -416,7 +416,6 @@ body .hover\:\text-\[\#E6EDF3\]:hover {
 
 .overflow-y-auto::-webkit-scrollbar {
   width: 8px;
-  height: 8px;
 }
 
 .overflow-y-auto::-webkit-scrollbar-track {