Frontend: sidebar shows hardcoded "3" badge on Jobs forever #113

New issue

Closed

opened 2026-05-26 18:20:13 -04:00 by zgaetano · 1 comment

zgaetano commented

2026-05-26 18:20:13 -04:00

Owner

Duplicate of #130 — fixed there. Sidebar Jobs badge now polls /jobs?status=active every 10s and renders the live count (warning style when > 5, hidden when 0).

Duplicate of #130 — fixed there. Sidebar Jobs badge now polls `/jobs?status=active` every 10s and renders the live count (warning style when > 5, hidden when 0).

~~zgaetano referenced this issue 2026-05-26 18:22:49 -04:00~~

Tracker: 2026-05-26 audit session — 27 bugs logged (#100-#127) #128

zgaetano commented

2026-05-26 19:35:23 -04:00

Author

Owner

Fix Plan — #113 Sidebar shows hardcoded "3" badge on Jobs

Root cause: shell.jsx:19 — badge text is literal "3" sentinel value. Never changes.

Fix — poll for real counts:

// In shell.jsx or shared state:
const [jobCounts, setJobCounts] = useState({ running: 0, failed: 0 });

useEffect(() => {
  const poll = async () => {
    const [running, failed] = await Promise.all([
      fetch("/api/v1/jobs?status=running&limit=0").then(r => r.json()),
      fetch("/api/v1/jobs?status=failed&limit=0").then(r => r.json()),
    ]);
    setJobCounts({ running: running.total, failed: failed.total });
  };
  poll();
  const iv = setInterval(poll, 10000);
  return () => clearInterval(iv);
}, []);

Show badge only when count > 0. Color: red for failed, blue for running.

Files: shell.jsx:19
Effort: ~1h
**Priority: P2 — UX

## Fix Plan — #113 Sidebar shows hardcoded "3" badge on Jobs **Root cause:** `shell.jsx:19` — badge text is literal `"3"` sentinel value. Never changes. **Fix — poll for real counts:** ```js // In shell.jsx or shared state: const [jobCounts, setJobCounts] = useState({ running: 0, failed: 0 }); useEffect(() => { const poll = async () => { const [running, failed] = await Promise.all([ fetch("/api/v1/jobs?status=running&limit=0").then(r => r.json()), fetch("/api/v1/jobs?status=failed&limit=0").then(r => r.json()), ]); setJobCounts({ running: running.total, failed: failed.total }); }; poll(); const iv = setInterval(poll, 10000); return () => clearInterval(iv); }, []); ``` Show badge only when count > 0. Color: red for failed, blue for running. **Files:** `shell.jsx:19` **Effort:** ~1h **Priority: P2 — UX

zgaetano closed this issue

2026-05-26 21:29:47 -04:00

zgaetano referenced this issue from a commit

2026-05-26 22:06:25 -04:00

chore: 1.2 ship-prep sweep — close 38 issues