Feat: visualize instance running state in sidebar

assets/gui/css/alas.css

@@ -331,6 +331,20 @@ pre.rich-traceback-code {
     }
 }
 
+/* State animations for aside instance icons */
+.aside-icon-warning {
+    animation: aside-icon-blink 1s ease-in-out infinite;
+}
+
+.aside-icon-updating {
+    animation: aside-icon-blink 1.5s ease-in-out infinite;
+}
+
+@keyframes aside-icon-blink {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.3; }
+}
+
 #pywebio-scope-contents {
     margin-top: 0;
     overflow-y: auto;

assets/gui/css/dark-alas.css

@@ -95,6 +95,19 @@ textarea {
     fill: #c9d1d9;
 }
 
+/* State colors for aside instance icons */
+.aside-icon.aside-icon-run > path {
+    fill: #5cb85c;
+}
+
+.aside-icon.aside-icon-warning > path {
+    fill: #ff6b6b;
+}
+
+.aside-icon.aside-icon-updating > path {
+    fill: #5cb85c;
+}
+
 .container-log {
     background-color: #2f3136 !important;
     border: 1px solid #21262d;

assets/gui/css/light-alas.css

@@ -100,6 +100,19 @@ textarea {
     fill: #2c2c2c;
 }
 
+/* State colors for aside instance icons */
+.aside-icon.aside-icon-run > path {
+    fill: #28a745;
+}
+
+.aside-icon.aside-icon-warning > path {
+    fill: #dc3545;
+}
+
+.aside-icon.aside-icon-updating > path {
+    fill: #28a745;
+}
+
 .container-log {
     background-color: white !important;
     border: 1px solid lightgrey;