feat(system): instrument worker pipeline stages

apps/control-station/src/styles/system-telemetry.css

@@ -299,7 +299,7 @@
 .worker-stage-list {
   display: grid;
   min-width: 0;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
+  grid-template-columns: minmax(0, 1fr);
   margin: 0;
   padding: 0;
   gap: 0.48rem;
@@ -307,12 +307,15 @@
 }
 
 .worker-stage-list li {
+  position: relative;
   display: grid;
+  overflow: hidden;
   min-width: 0;
-  grid-template-columns: auto minmax(0, 1fr) auto;
+  grid-template-columns: 2rem minmax(0, 1fr) minmax(7.5rem, auto);
   align-items: center;
-  gap: 0.55rem;
-  padding: 0.66rem;
+  gap: 0.75rem;
+  padding: 0.72rem 0.8rem;
+  isolation: isolate;
   border: 1px solid var(--station-hairline);
   border-radius: var(--nodedc-radius-control);
   background: var(--station-panel-soft);
@@ -323,21 +326,53 @@
   background: var(--nodedc-focus-surface);
 }
 
-.worker-stage-list li > span,
-.worker-stage-list li > small {
+.worker-stage-list__fill {
+  position: absolute;
+  z-index: -1;
+  inset: 0 auto 0 0;
+  width: var(--worker-stage-share, 0%);
+  background: color-mix(
+    in srgb,
+    var(--nodedc-text-primary) 9%,
+    transparent
+  );
+  pointer-events: none;
+}
+
+.worker-stage-list li[data-state="active"] .worker-stage-list__fill {
+  background: color-mix(
+    in srgb,
+    var(--nodedc-text-primary) 15%,
+    transparent
+  );
+}
+
+.worker-stage-list__index,
+.worker-stage-list small {
   color: var(--nodedc-text-muted);
   font-size: 0.53rem;
 }
 
-.worker-stage-list li > strong {
+.worker-stage-list li > div {
+  display: grid;
+  min-width: 0;
+  gap: 0.2rem;
+}
+
+.worker-stage-list li strong {
   min-width: 0;
   overflow: hidden;
   color: var(--nodedc-text-primary);
-  font-size: 0.62rem;
+  font-size: 0.65rem;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+.worker-stage-list__value {
+  justify-items: end;
+  text-align: right;
+}
+
 .network-stat-card {
   display: grid;
   align-content: center;
@@ -483,7 +518,6 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .worker-stage-list,
   .network-interface-list {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -522,12 +556,21 @@
   .network-overview-grid,
   .worker-hardware__facts,
   .worker-runtime-grid,
-  .worker-stage-list,
   .network-interface-list,
   .network-profile__security {
     grid-template-columns: 1fr;
   }
 
+  .worker-stage-list li {
+    grid-template-columns: 1.5rem minmax(0, 1fr);
+  }
+
+  .worker-stage-list__value {
+    grid-column: 2;
+    justify-items: start;
+    text-align: left;
+  }
+
   .worker-runtime-card dl,
   .worker-pipeline__summary {
     grid-template-columns: repeat(2, minmax(0, 1fr));