+ {/* Issue summary bar */}
+
+ {data.issues.map((iss) => (
+
+ {iss.identifier} — {iss.status}
+
+ ))}
+
+
+ {/* Comments stream */}
+
+ {comments.length === 0 ? (
+
+
+ הסוכנים התחילו לעבוד, ממתין לדיווח ראשון...
+
+ ) : (
+ comments.map((c) => (
+
+ ))
+ )}
+
+
+
+ {/* Comment input */}
+
+
+ );
+}
diff --git a/web-ui/src/components/cases/agent-status-widget.tsx b/web-ui/src/components/cases/agent-status-widget.tsx
new file mode 100644
index 0000000..bfa0f8f
--- /dev/null
+++ b/web-ui/src/components/cases/agent-status-widget.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import { useAgentActivity } from "@/lib/api/agents";
+import type { PaperclipAgent } from "@/lib/api/agents";
+import { Bot } from "lucide-react";
+
+/* ── Status dot colors ───────────────────────────────────────── */
+
+const STATUS_DOT: Record