eec1d6e28f
We've transformed the Social-Dense Hub into a high-fidelity operational surface. - BACKEND: Implemented Global Incursion Engine in agent-sessions.ts (N^2 overlap detection) and added the 60m 'Idle' state. - API: Enriched the sessions payload with full metadata and active conflict arrays. - HEADER: Delivered 4-state agent stations (Active/Stale/Evicted/Idle) with real-time 'time-ago' timers. - FEED: Implemented the 'Fire Map' visuals: * Global Incursion Ticker: High-visibility alerts for agent collisions. * Local Conflict Badges: Pulsing pills on affected task cards. - Refactored components for React-static compliance and strict TypeScript safety. This commit completes the visibility track, allowing the human supervisor to monitor agent presence and friction in real-time. OPERATIVE: silver-castle SESSION: 2026-02-14-1430
56 lines
1.9 KiB
TypeScript
56 lines
1.9 KiB
TypeScript
'use client';
|
|
|
|
import { useCallback, useEffect, useState } from 'react';
|
|
import type { EpicBucket } from '../lib/agent-sessions';
|
|
|
|
export function useSessionFeed(projectRoot: string) {
|
|
const [feed, setFeed] = useState<EpicBucket[]>([]);
|
|
const [livenessMap, setLivenessMap] = useState<Record<string, string>>({});
|
|
const [incursions, setIncursions] = useState<any[]>([]);
|
|
const [loading, setLoading] = useState(true);
|
|
const [error, setError] = useState<string | null>(null);
|
|
|
|
const fetchFeed = useCallback(async (options: { silent?: boolean } = {}) => {
|
|
if (!options.silent) setLoading(true);
|
|
try {
|
|
const res = await fetch(`/api/sessions?projectRoot=${encodeURIComponent(projectRoot)}&_t=${Date.now()}`, {
|
|
cache: 'no-store',
|
|
});
|
|
if (!res.ok) throw new Error('Failed to fetch session feed');
|
|
const data = await res.json();
|
|
if (data.ok) {
|
|
setFeed(data.feed);
|
|
if (data.livenessMap) {
|
|
setLivenessMap(data.livenessMap);
|
|
}
|
|
if (data.incursions) {
|
|
setIncursions(data.incursions);
|
|
}
|
|
} else {
|
|
throw new Error(data.error?.message || 'Failed to fetch session feed');
|
|
}
|
|
} catch (err) {
|
|
if (!options.silent) setError(err instanceof Error ? err.message : String(err));
|
|
} finally {
|
|
if (!options.silent) setLoading(false);
|
|
}
|
|
}, [projectRoot]);
|
|
|
|
useEffect(() => {
|
|
fetchFeed();
|
|
}, [fetchFeed]);
|
|
|
|
return {
|
|
feed,
|
|
livenessMap,
|
|
incursions,
|
|
loading,
|
|
error,
|
|
refresh: fetchFeed,
|
|
stats: {
|
|
active: feed.reduce((acc, b) => acc + b.tasks.filter(t => t.sessionState === 'active').length, 0),
|
|
needsInput: feed.reduce((acc, b) => acc + b.tasks.filter(t => t.sessionState === 'needs_input').length, 0),
|
|
completed: feed.reduce((acc, b) => acc + b.tasks.filter(t => t.sessionState === 'completed').length, 0),
|
|
}
|
|
};
|
|
}
|