From 4385f17a86c09125d2be540771250fe5a9791507 Mon Sep 17 00:00:00 2001
From: 666ghj <670939375@qq.com>
Date: Tue, 16 Dec 2025 12:26:22 +0800
Subject: [PATCH] Update Step4Report component for improved localization and
 scrollbar styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Changed the label from "Agent Workflow" to "Rport Agent实时活动" for better localization.
- Increased the scrollbar width from 4px to 6px and enhanced the scrollbar thumb styling for improved visibility and user interaction.
---
 frontend/src/components/Step4Report.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Step4Report.vue b/frontend/src/components/Step4Report.vue
index 0290b90..4052f99 100644
--- a/frontend/src/components/Step4Report.vue
+++ b/frontend/src/components/Step4Report.vue
@@ -84,7 +84,7 @@
             <circle cx="12" cy="12" r="10"></circle>
             <polyline points="12 6 12 12 16 14"></polyline>
           </svg>
-          <span>Agent Workflow</span>
+          <span>Rport Agent实时活动</span>
           <span class="log-count" v-if="agentLogs.length > 0">{{ agentLogs.length }}</span>
         </div>
 
@@ -1460,7 +1460,7 @@ watch(() => props.reportId, (newId) => {
 }
 
 .left-panel::-webkit-scrollbar {
-  width: 4px;
+  width: 6px;
 }
 
 .left-panel::-webkit-scrollbar-track {
@@ -1468,8 +1468,17 @@ watch(() => props.reportId, (newId) => {
 }
 
 .left-panel::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: 3px;
+  transition: background 0.3s ease;
+}
+
+.left-panel:hover::-webkit-scrollbar-thumb {
   background: rgba(0, 0, 0, 0.15);
-  border-radius: 2px;
+}
+
+.left-panel::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.25);
 }
 
 /* Report Header */