From 5fec4ba36e7c510775da3c4a5b670c122d8da0fe Mon Sep 17 00:00:00 2001
From: Diego Imbert <diego@windmill.dev>
Date: Mon, 3 Aug 2026 18:20:42 +0200
Subject: [PATCH] fix(frontend): use wall-clock duration for the completed-job
 log viewer chip

---
 frontend/src/lib/components/runs/JobRunsPreview.svelte       | 4 ++--
 .../src/routes/(root)/(logged)/run/[...run]/+page.svelte     | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/runs/JobRunsPreview.svelte b/frontend/src/lib/components/runs/JobRunsPreview.svelte
index 4e45b18f06..e723972d33 100644
--- a/frontend/src/lib/components/runs/JobRunsPreview.svelte
+++ b/frontend/src/lib/components/runs/JobRunsPreview.svelte
@@ -9,7 +9,7 @@
 	import FlowStatusViewer from '../FlowStatusViewer.svelte'
 	import { workspaceStore } from '$lib/stores'
 	import WorkflowTimeline from '../WorkflowTimeline.svelte'
-	import { isFlowPreview, isScriptPreview, type StateStore } from '$lib/utils'
+	import { isFlowPreview, isScriptPreview, jobDisplayDurationMs, type StateStore } from '$lib/utils'
 	import { setContext, untrack, createEventDispatcher } from 'svelte'
 	import { LoaderCircle } from 'lucide-svelte'
 	import FlowAssetsHandler, { initFlowGraphAssetsCtx } from '../flows/FlowAssetsHandler.svelte'
@@ -240,7 +240,7 @@
 								>
 									<LogViewer
 										jobId={job.id}
-										duration={job?.['duration_ms']}
+										duration={jobDisplayDurationMs(job)}
 										mem={job?.['mem_peak']}
 										isLoading={job?.['running'] == false}
 										content={job?.logs}
diff --git a/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte b/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte
index 397394a14e..a0b20d4c7e 100644
--- a/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte
@@ -22,7 +22,8 @@
 		isHubFlowPath,
 		isFlowPreview,
 		isNotFlow,
-		isScriptPreview
+		isScriptPreview,
+		jobDisplayDurationMs
 	} from '$lib/utils'
 	import BarsStaggered from '$lib/components/icons/BarsStaggered.svelte'
 
@@ -1102,7 +1103,7 @@
 								<div class="w-full">
 									<LogViewer
 										jobId={job.id}
-										duration={job?.['duration_ms']}
+										duration={jobDisplayDurationMs(job)}
 										mem={job?.['mem_peak']}
 										isLoading={job?.['running'] == false}
 										content={job?.logs}