From 3cf823065eba885e0654feba9bb2e38b2b4deedf Mon Sep 17 00:00:00 2001
From: wsp1911 <mr.wanger2018@outlook.com>
Date: Sat, 1 Aug 2026 11:59:03 +0800
Subject: [PATCH] fix(flow-chat): stabilize turn rail bar rendering

- use 12px rail rows and item targets for consistent pixel alignment
- keep hover and focus states at the base bar thickness while widening them
---
 .../src/flow_chat/components/modern/FlowChatTurnRail.scss    | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/web-ui/src/flow_chat/components/modern/FlowChatTurnRail.scss b/src/web-ui/src/flow_chat/components/modern/FlowChatTurnRail.scss
index c78513b8af..3c0338e5ea 100644
--- a/src/web-ui/src/flow_chat/components/modern/FlowChatTurnRail.scss
+++ b/src/web-ui/src/flow_chat/components/modern/FlowChatTurnRail.scss
@@ -13,7 +13,7 @@
     width: 100%;
     max-height: 100%;
     display: grid;
-    grid-auto-rows: 14px;
+    grid-auto-rows: 12px;
     align-content: start;
     padding: 3px 1px;
     overflow-x: hidden;
@@ -30,7 +30,7 @@
   &__item {
     position: relative;
     width: 26px;
-    height: 14px;
+    height: 12px;
     margin: 0;
     padding: 0;
     border: 0;
@@ -69,7 +69,6 @@
   &__item:hover &__bar,
   &__item:focus-visible &__bar {
     width: 22px;
-    height: 3px;
     background: var(--color-text-primary);
     opacity: 1;
   }