diff --git a/frontend/src/lib/components/ModulePreviewResultViewer.svelte b/frontend/src/lib/components/ModulePreviewResultViewer.svelte
index 35e716a92d..a2f18d96ad 100644
--- a/frontend/src/lib/components/ModulePreviewResultViewer.svelte
+++ b/frontend/src/lib/components/ModulePreviewResultViewer.svelte
@@ -46,8 +46,6 @@
 
 	const { stepsInputArgs } = getContext<FlowEditorContext>('FlowEditorContext')
 
-	let jobProgressReset: () => void = $state(() => {})
-
 	let outputPickerInner: OutputPickerInner | undefined = $state(undefined)
 	export function getOutputPickerInner() {
 		return outputPickerInner
@@ -63,12 +61,7 @@
 <Splitpanes horizontal>
 	<Pane size={65} minSize={10} class="text-sm text-tertiary">
 		{#if scriptProgress}
-			<JobProgressBar
-				job={testJob}
-				bind:scriptProgress
-				bind:reset={jobProgressReset}
-				compact={true}
-			/>
+			<JobProgressBar job={testJob} {scriptProgress} compact={true} />
 		{/if}
 
 		<OutputPickerInner
diff --git a/frontend/src/lib/components/ScriptEditor.svelte b/frontend/src/lib/components/ScriptEditor.svelte
index dcf4236397..e95f384a1a 100644
--- a/frontend/src/lib/components/ScriptEditor.svelte
+++ b/frontend/src/lib/components/ScriptEditor.svelte
@@ -124,7 +124,7 @@
 	})
 	let showHistoryDrawer = $state(false)
 
-	let jobProgressReset: (() => void) | undefined = $state(undefined)
+	let jobProgressBar: JobProgressBar | undefined = $state(undefined)
 	let diffMode = $state(false)
 
 	let websocketAlive = $state({
@@ -201,7 +201,7 @@
 
 	export async function runTest() {
 		// Not defined if JobProgressBar not loaded
-		if (jobProgressReset) jobProgressReset()
+		jobProgressBar?.reset()
 		//@ts-ignore
 		let job = await jobLoader.runPreview(
 			path,
@@ -784,8 +784,8 @@
 								<!-- Put to the slot in logpanel -->
 								<JobProgressBar
 									job={testJob}
-									bind:scriptProgress
-									bind:reset={jobProgressReset}
+									{scriptProgress}
+									bind:this={jobProgressBar}
 									compact={true}
 								/>
 							{/if}