// AUTOMATION — TASKS sub-platform (5 tabs: Dashboard · Kanban · By Matter · By Workflow · Activity) const { useState: useTspState, useMemo: useTspMemo } = React; const Ttsp = window.ArbiterTokens; // ── Kanban view ────────────────────────────────────────────────────────── function AutoTasksKanban({ data }) { const au = window.__au; const columns = ['To Do', 'In Progress', 'Waiting', 'Blocked', 'Scheduled', 'Completed']; const byStatus = {}; columns.forEach(c => byStatus[c] = data.tasks.filter(t => t.status === c)); return (
Drag-and-drop columns across status. {columns.map(c => `${c}: ${byStatus[c].length}`).join(' · ')}.} />
{columns.map(col => { const sc = au.statusColor(col); const items = byStatus[col]; return (
{col} {items.length}
{items.length === 0 && (
No tasks
)} {items.map(t => { const pc = au.priorityColor(t.priority); const overdue = t.dueDate < '2026-04-20' && col !== 'Completed' && col !== 'Cancelled'; return (
{t.id} {t.priority}
{t.title}
{t.matter}
{t.dueDate} {t.assignee}
); })}
); })}
); } // ── By Matter ──────────────────────────────────────────────────────────── function AutoTasksByMatter({ data }) { const au = window.__au; const groups = {}; data.tasks.forEach(t => { const key = t.matter || 'Unassigned'; if (!groups[key]) groups[key] = []; groups[key].push(t); }); const sorted = Object.entries(groups).sort((a, b) => b[1].length - a[1].length); return (
Per-matter task load with hour budget vs. spent. Heaviest: {sorted[0]?.[0] || '—'} with {sorted[0]?.[1].length || 0} tasks.} />
Matters w/ tasks{sorted.length}
Avg tasks / matter{(data.tasks.length / sorted.length).toFixed(1)}
Heaviest matter{sorted[0]?.[1].length || 0}{sorted[0]?.[0] || '—'}
Total hours budgeted{data.tasks.reduce((s, t) => s + t.estHours, 0)}h
{sorted.map(([matter, tasks]) => { const openCount = tasks.filter(t => t.status !== 'Completed' && t.status !== 'Cancelled').length; const overdueCount = tasks.filter(t => t.status !== 'Completed' && t.status !== 'Cancelled' && t.dueDate < '2026-04-20').length; const totalHrs = tasks.reduce((s, t) => s + t.estHours, 0); const spent = tasks.reduce((s, t) => s + t.spentHours, 0); return (
{matter} {tasks.length} tasks {overdueCount > 0 && {overdueCount} overdue} {openCount} open · {spent}/{totalHrs}h
{tasks.sort((a, b) => a.dueDate.localeCompare(b.dueDate)).map(t => { const ss = au.statusColor(t.status); const pc = au.priorityColor(t.priority); const overdue = t.dueDate < '2026-04-20' && t.status !== 'Completed' && t.status !== 'Cancelled'; return ( ); })}
ID Title Assignee Priority Status Due Hrs
{t.id} {t.title} {t.assignee} {t.priority} {t.status} {t.dueDate} {t.spentHours}/{t.estHours}
); })}
); } // ── By Workflow ────────────────────────────────────────────────────────── function AutoTasksByWorkflow({ data }) { const au = window.__au; const groups = {}; data.tasks.forEach(t => { const key = t.workflow || 'Ad-hoc'; if (!groups[key]) groups[key] = []; groups[key].push(t); }); const sorted = Object.entries(groups).sort((a, b) => b[1].length - a[1].length); return (
Automation ratio — share of tasks driven by a named workflow vs. ad-hoc. {Math.round((1 - ((groups['Ad-hoc'] || []).length / data.tasks.length)) * 100)}% are workflow-driven.} />
Workflows w/ tasks{sorted.filter(([k]) => k !== 'Ad-hoc').length}
Ad-hoc tasks{(groups['Ad-hoc'] || []).length}
Most-used workflow{sorted[0]?.[0] || '—'}
Automation ratio{Math.round((1 - ((groups['Ad-hoc'] || []).length / data.tasks.length)) * 100)}%workflow-driven
{sorted.map(([wf, tasks]) => { const openCount = tasks.filter(t => t.status !== 'Completed' && t.status !== 'Cancelled').length; return (
{wf} {tasks.length} tasks {openCount > 0 && {openCount} open}
{tasks.map(t => { const ss = au.statusColor(t.status); const pc = au.priorityColor(t.priority); return ( ); })}
ID Title Matter Assignee Priority Status Due
{t.id} {t.title} {t.matter} {t.assignee} {t.priority} {t.status} {t.dueDate}
); })}
); } // ── Tasks Activity ─────────────────────────────────────────────────────── function AutoTasksActivity({ data }) { const au = window.__au; const taskActivity = data.activity.filter(a => a.action.toLowerCase().includes('task') || a.target.toLowerCase().includes('task') || a.target.match(/^T-/)); const fallback = taskActivity.length > 0 ? taskActivity : data.activity; return (
Task-related events filtered from the platform activity stream. {fallback.length} entries.} />
Task activity stream — {fallback.length} LIVE
{fallback.map(a => { const sev = a.severity === 'warn' ? au.amber : a.severity === 'critical' ? au.crimson : au.lime; return (
{a.time} {a.actor} {a.action} {a.target}
); })}
); } // ── Platform entry ─────────────────────────────────────────────────────── function AutoTasksPlatform() { const [subTab, setSubTab] = useTspState('dashboard'); const au = window.__au; const data = window.AUTO_DATA; const subTabs = [ { id: 'dashboard', label: 'Dashboard' }, { id: 'kanban', label: 'Kanban' }, { id: 'by-matter', label: 'By Matter' }, { id: 'by-workflow', label: 'By Workflow' }, { id: 'activity', label: 'Activity' }, ]; const renderSub = () => { switch (subTab) { case 'dashboard': return ; case 'kanban': return ; case 'by-matter': return ; case 'by-workflow': return ; case 'activity': return ; default: return ; } }; return (
{renderSub()}
); } window.AutoTasksKanban = AutoTasksKanban; window.AutoTasksByMatter = AutoTasksByMatter; window.AutoTasksByWorkflow = AutoTasksByWorkflow; window.AutoTasksActivity = AutoTasksActivity; window.AutoTasksPlatform = AutoTasksPlatform;