feat(app): add running status ring and lighten status dots

Keep the animated ring phase-locked across hosts and derive its knockout surface from each host's actual interaction state. Align filled status circles at 6px while preserving the larger needs-input alert.

Co-authored-by: Christoph Leiter <christoph@leiter.io>

packages/app/src/utils/status-dot-color.ts

@@ -32,9 +32,3 @@ export function getStatusDotColor(input: {
   }
   return null;
 }
-
-export function isEmphasizedStatusDotBucket(
-  bucket: SidebarStateBucket | null | undefined,
-): boolean {
-  return bucket === "needs_input" || bucket === "attention";
-}

packages/app/src/utils/status-indicator-geometry.ts

@@ -1,2 +1,3 @@
-export const STATUS_INDICATOR_DOT_SIZE = 8;
+export const STATUS_INDICATOR_FILLED_DOT_SIZE = 6;
+export const STATUS_INDICATOR_DOT_SIZE = STATUS_INDICATOR_FILLED_DOT_SIZE + 2;
 export const STATUS_INDICATOR_ALERT_SIZE = 12;