feat(webui): add RunningDot pulsing status component

2026-08-12 12:21:34 +08:00
parent 8fb1f299e6
commit 9cb986eb89
1 changed files with 17 additions and 0 deletions
@@ -0,0 +1,17 @@
+"use client";
+
+/** Pulsing dot marking a conversation with an active run. Blue matches
+ * ThreadList's STATUS_COLORS.busy. */
+export function RunningDot({ label }: { label: string }) {
+  return (
+    <span
+      role="status"
+      aria-label={label}
+      title={label}
+      className="relative inline-flex size-2 flex-shrink-0"
+    >
+      <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75" />
+      <span className="relative inline-flex size-2 rounded-full bg-blue-500" />
+    </span>
+  );
+}