收集远端数据再profiler dockpanel上

packages/editor-app/src/styles/App.css

@@ -33,6 +33,33 @@
   background-color: var(--color-bg-elevated);
   border-bottom: 1px solid var(--color-border-default);
   flex-shrink: 0;
+  transition: all 0.3s ease;
+}
+
+.editor-header.remote-connected {
+  background-color: rgba(16, 185, 129, 0.15);
+  border-bottom-color: rgba(16, 185, 129, 0.5);
+}
+
+.editor-header.remote-connected .status {
+  color: rgb(16, 185, 129);
+  font-weight: 600;
+}
+
+.editor-header.remote-connected .status::before {
+  background-color: rgb(16, 185, 129);
+  animation: pulse-green 1.5s ease-in-out infinite;
+}
+
+@keyframes pulse-green {
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.6;
+    transform: scale(1.2);
+  }
 }
 
 .header-right {