dreampiler/kandev
1
0
Fork 0
Code Issues 43 Pull Requests Actions 6 Packages Projects Releases Wiki Activity

feat(stats): show active time and elapsed span per task (#748)

Browse Source 
* feat(stats): show active time and elapsed span per task

* fix(stats): address review feedback on task duration metrics

---------

Co-authored-by: Kandev Agent <agent@kandev.dev>
This commit is contained in:
João Salavisa
2026-05-01 00:57:59 +01:00
committed by GitHub
parent 5d8152ce3f
commit b6c2b5a400
7 changed files with 80 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/app/stats/stats-sections.tsx
+9 -4
View File
@@ -223,6 +223,7 @@ export function WorkloadSection({ task_stats }: WorkloadSectionProps) {
<Card className="rounded-sm">
<CardHeader className="pb-2">
<CardTitle className="text-sm font-medium text-muted-foreground">Longest Tasks</CardTitle>
<p className="text-xs text-muted-foreground">Ranked by elapsed span</p>
</CardHeader>
<CardContent>
<TaskDurationList
@@ -239,6 +240,7 @@ export function WorkloadSection({ task_stats }: WorkloadSectionProps) {
<CardTitle className="text-sm font-medium text-muted-foreground">
Quickest Tasks
</CardTitle>
<p className="text-xs text-muted-foreground">Ranked by elapsed span</p>
</CardHeader>
<CardContent>
<TaskDurationList
@@ -433,11 +435,11 @@ export function RepoLeaders({ repositoryStats }: { repositoryStats: RepositorySt
}
function TaskDurationList({ tasks, sortDirection, emptyLabel }: TaskDurationListProps) {
const filtered = [...tasks].filter((t) => t.total_duration_ms > 0);
const filtered = [...tasks].filter((t) => t.active_duration_ms > 0 || t.elapsed_span_ms > 0);
const sorted =
sortDirection === "desc"
? filtered.sort((a, b) => b.total_duration_ms - a.total_duration_ms)
: filtered.sort((a, b) => a.total_duration_ms - b.total_duration_ms);
? filtered.sort((a, b) => b.elapsed_span_ms - a.elapsed_span_ms)
: filtered.sort((a, b) => a.elapsed_span_ms - b.elapsed_span_ms);
const top3 = sorted.slice(0, 3);
return (
@@ -454,7 +456,10 @@ function TaskDurationList({ tasks, sortDirection, emptyLabel }: TaskDurationList
</div>
</div>
<div className="text-sm font-medium tabular-nums text-right">
{formatDuration(task.total_duration_ms)}
<div>{formatDuration(task.active_duration_ms)}</div>
<div className="text-[11px] text-muted-foreground">
span {formatDuration(task.elapsed_span_ms)}
</div>
</div>
</div>
))}