Merge pull request #1267 from pikasTech/fix/issue-1261-animation-overflow

fix: constrain workbench running animation overflow

web/hwlab-cloud-web/src/styles/workbench.css

@@ -50,7 +50,8 @@
 .platform-content {
   min-height: 0;
   min-width: 0;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
   padding: 12px;
 }
 
@@ -590,7 +591,8 @@
   flex-direction: column;
   align-items: stretch;
   gap: 6px;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
 .session-tab {
@@ -663,18 +665,9 @@
 
 .message-card[data-role="agent"][data-status="running"] {
   border-color: #7dd3fc;
-  background: linear-gradient(180deg, #ffffff 0%, #f8fdff 100%);
-}
-
-.message-card[data-role="agent"][data-status="running"]::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 2px;
-  background: linear-gradient(90deg, transparent, #0891b2, #22c55e, transparent);
-  content: "";
-  transform: translateX(-100%);
+  background:
+    linear-gradient(90deg, transparent, #0891b2, #22c55e, transparent) no-repeat -180px 0 / 180px 2px,
+    linear-gradient(180deg, #ffffff 0%, #f8fdff 100%);
   animation: agent-run-scan 1.6s ease-in-out infinite;
 }
 
@@ -1200,8 +1193,8 @@
 }
 
 @keyframes agent-run-scan {
-  0% { transform: translateX(-100%); }
-  55%, 100% { transform: translateX(100%); }
+  0% { background-position: -180px 0, 0 0; }
+  55%, 100% { background-position: calc(100% + 180px) 0, 0 0; }
 }
 
 @keyframes agent-run-dot {