From 6ea80801424a29618aae86a7d5990792edabb30e Mon Sep 17 00:00:00 2001
From: youngbeom <youngbeomshin@gmail.com>
Date: Mon, 13 Jul 2026 13:23:08 +0800
Subject: [PATCH] fix(web): restore computer agent status dots

---
 .../ComputerDetailPane/ComputerDetailPane.tsx     |  5 ++++-
 .../components/WorkspaceComponents.css            | 15 +++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx b/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx
index 16656936..3f9c9e65 100644
--- a/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx
+++ b/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx
@@ -106,7 +106,10 @@ export function ComputerDetailPane({
                       · {agentModelID(item)}
                     </small>
                   </span>
-                  <span className={`workspace-status-dot ${isAgentRunning(item) ? "online" : ""}`}></span>
+                  <span
+                    className={`workspace-status-dot ${isAgentRunning(item) ? "online" : ""}`}
+                    aria-hidden="true"
+                  ></span>
                 </button>
                 {SHOW_AGENT_LIFECYCLE_ACTIONS ? (
                   <Button
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceComponents.css b/web/app/src/pages/WorkspacePage/components/WorkspaceComponents.css
index 80c40034..7d5bed8d 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceComponents.css
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceComponents.css
@@ -2952,6 +2952,21 @@ button[disabled],
   color: var(--success-700);
 }
 
+.workspace-status-dot {
+  width: 9px;
+  height: 9px;
+  flex: 0 0 9px;
+  border-radius: 999px;
+  background: var(--muted);
+  opacity: 0.55;
+}
+
+.workspace-status-dot.online {
+  background: currentColor;
+  opacity: 1;
+  box-shadow: 0 0 0 3px rgba(18, 183, 106, 0.14);
+}
+
 .mini-badge.warn,
 .agent-badge.warn {
   color: var(--warning-700);