root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-2557): expand task stats tab with execution insights

Browse Source 
- Enrich TaskTokenStatsPanel with timing extraction, workflow runtime summaries, and longest-event highlights from task logs and workflow results
- Add an execution details section for mode, runtime status, step progress, retries, recovery state, and runtime links
- Wire TaskDetailModal to pass the working task into the stats panel so the Stats tab renders execution context with token usage
- Extend TaskDetailModal and TaskTokenStatsPanel tests (plus panel CSS) to cover the new stats sections and loading/empty/token states
This commit is contained in:
Fusion
2026-04-25 18:06:36 -07:00
committed by gsxdsm
parent fb3fdf3895
commit d5696110e9
5 changed files with 419 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
packages/dashboard/app/components/TaskTokenStatsPanel.css
View File

@@ -8,6 +8,25 @@
gap: var(--space-md);
}
.task-token-stats-panel h4,
.task-token-stats-panel h5 {
margin: 0;
color: var(--text);
}
.task-token-stats-panel h5 {
font-size: calc(var(--space-sm) + var(--space-xs));
text-transform: uppercase;
letter-spacing: calc(var(--space-xs) / 8);
color: var(--text-muted);
}
.task-token-stats-panel__section {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.task-token-stats-panel__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(calc(var(--space-2xl) * 3), 1fr));
@@ -67,6 +86,35 @@
font-size: calc(var(--space-sm) + var(--space-xs));
}
.task-token-stats-panel__details {
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(calc(var(--space-2xl) * 5), 1fr));
gap: var(--space-sm);
}
.task-token-stats-panel__detail-row {
margin: 0;
border: 1px solid var(--border);
border-radius: var(--radius-sm);
background: color-mix(in srgb, var(--surface) 85%, transparent);
padding: var(--space-sm) var(--space-md);
}
.task-token-stats-panel__detail-row dt {
margin: 0;
font-size: calc(var(--space-sm) + var(--space-xs));
text-transform: uppercase;
letter-spacing: calc(var(--space-xs) / 8);
color: var(--text-muted);
}
.task-token-stats-panel__detail-row dd {
margin: var(--space-xs) 0 0;
color: var(--text);
font-size: calc(var(--space-sm) + var(--space-xs));
}
.task-token-stats-panel__empty,
.task-token-stats-panel__loading {
border: 1px dashed var(--border);
@@ -81,7 +129,8 @@
padding: var(--space-sm);
}
.task-token-stats-panel__timestamps {
.task-token-stats-panel__timestamps,
.task-token-stats-panel__details {
grid-template-columns: 1fr;
}
}