);
}
// ============================================================
// Task list — ONE row per task (within the active filter range). Each
// row shows the task's total across all of its sessions, a session
// count, and expands to the individual sessions with their dates.
// Click a row to open the full task detail. Sorted by most recent activity.
// ============================================================
function TtTaskList({ sessions, tasksById, projects, cyclesById, settings, filterActive, onResume, onOpenTask, onArchive, onDeleteSession }) {
const [menu, setMenu] = useState(null); // { key, rect }
const [expanded, setExpanded] = useState(() => new Set());
const toggleExpand = (key) => {
setExpanded(prev => {
const next = new Set(prev);
if (next.has(key)) next.delete(key); else next.add(key);
return next;
});
};
const groups = useMemo(() => {
// sessions already sorted desc by startedAt
const map = new Map();
for (const s of sessions) {
if (!map.has(s.taskId)) {
map.set(s.taskId, { taskId: s.taskId, sessions: [], total: 0, lastStop: 0, firstStart: Infinity });
}
const g = map.get(s.taskId);
g.sessions.push(s);
g.total += ttSessionMs(s);
g.lastStop = Math.max(g.lastStop, s.stoppedAt || Date.now());
g.firstStart = Math.min(g.firstStart, s.startedAt);
}
return [...map.values()].sort((a, b) => b.lastStop - a.lastStop);
}, [sessions]);
const total = useMemo(() => groups.reduce((a, g) => a + g.total, 0), [groups]);
if (sessions.length === 0) {
return (
No sessions in this view
{filterActive ? 'Try widening the date range or clearing filters.' : 'Sessions you track will appear here.'}