FILL · {item.side}
{item.qty} @ ${item.price?.toFixed?.(2) || '?'}
{ts}
);
}
return null;
}
window.LiveFeed = LiveFeed;
// Topbar "Live" badge — small counter showing items NEW since last visit.
// Polls /api/personas/memos every 60s in the background even when the
// panel is closed, so the trader sees "8 new" when they walk back to
// their desk and decides whether to drill in.
function LiveFeedBadge({ onClick }) {
const [newCount, setNewCount] = lfUseState(0);
// Original document.title — preserve so we can restore when count hits zero.
const baseTitleRef = lfUseRef(typeof document !== 'undefined' ? document.title : 'Tibeb');
lfUseEffect(() => {
const refresh = async () => {
try {
const lastSeen = Number(localStorage.getItem('jarvis.livefeed.lastSeen') || 0);
if (!lastSeen) { setNewCount(0); return; }
const cutoff = new Date(lastSeen).toISOString();
const r = await fetch(`/api/personas/memos?limit=50&since=${encodeURIComponent(cutoff)}`);
if (!r.ok) return;
const j = await r.json();
setNewCount(j.total || 0);
} catch {}
};
refresh();
const id = setInterval(refresh, 60_000);
return () => clearInterval(id);
}, []);
// Mirror the count to the browser tab title so users see new memos
// even when the dashboard is in a background tab. Restores the base
// title when count drops to 0. Common pattern for messaging apps.
lfUseEffect(() => {
if (typeof document === 'undefined') return;
const base = baseTitleRef.current || 'Tibeb';
document.title = newCount > 0 ? `(${newCount}) ${base}` : base;
}, [newCount]);
return (
);
}
window.LiveFeedBadge = LiveFeedBadge;