windmill-components 1.542.4 → 1.550.0

package/package/components/FlowStatusViewerInner.svelte

@@ -29,8 +29,8 @@ import JobLoader from './JobLoader.svelte';
 import { writable } from 'svelte/store';
 import { AI_TOOL_CALL_PREFIX, AI_TOOL_MESSAGE_PREFIX, getToolCallId } from './graph/renderers/nodes/AIToolNode.svelte';
 import JobAssetsViewer from './assets/JobAssetsViewer.svelte';
-let { flowStateStore, retryStatus, suspendStatus, hideDownloadInGraph, hideTimeline, hideNodeDefinition, hideDownloadLogs, hideJobId } = getContext('FlowStatusViewer');
-let { jobId, initialJob = undefined, workspaceId = undefined, flowJobIds = undefined, innerModule = undefined, render = true, isOwner = false, selectedNode = $bindable(undefined), globalModuleStates, globalDurationStatuses = [], globalIterationBounds, updateRecursiveRefreshFn = undefined, isSelectedBranch = true, isSubflow = false, reducedPolling = false, wideResults = false, hideFlowResult = false, workspace = $workspaceStore, prefix = undefined, topModuleStates = undefined, refreshGlobal, updateGlobalRefresh, subflowParentsGlobalModuleStates = [], subflowParentsDurationStatuses = [], isForloopSelected = false, job = $bindable(undefined), rightColumnSelect = $bindable('timeline'), localModuleStates = $bindable({}), localDurationStatuses = $bindable({}), customUi, onResultStreamUpdate = undefined, graphTabOpen, isNodeSelected, loadExtraLogs = undefined, onStart = undefined, onJobsLoaded = undefined, onDone = undefined, toolCallStore } = $props();
+let { flowState: flowStateStore, retryStatus, suspendStatus, hideDownloadInGraph, hideTimeline, hideNodeDefinition, hideDownloadLogs, hideJobId } = getContext('FlowStatusViewer');
+let { jobId, initialJob = undefined, workspaceId = undefined, flowJobIds = undefined, innerModule = undefined, render = true, isOwner = false, selectedNode = $bindable(undefined), globalModuleStates, globalDurationStatuses = [], updateRecursiveRefreshFn = undefined, isSelectedBranch = true, isSubflow = false, reducedPolling = false, wideResults = false, hideFlowResult = false, workspace = $workspaceStore, prefix = undefined, topModuleStates = undefined, refreshGlobal, updateGlobalRefresh, subflowParentsGlobalModuleStates = [], subflowParentsDurationStatuses = [], isForloopSelected = false, job = $bindable(undefined), rightColumnSelect = $bindable('timeline'), localModuleStates = $bindable({}), localDurationStatuses = $bindable({}), customUi, onResultStreamUpdate = undefined, graphTabOpen, isNodeSelected, loadExtraLogs = undefined, onStart = undefined, onJobsLoaded = undefined, onDone = undefined, toolCallStore } = $props();
 let getTopModuleStates = $derived(topModuleStates ?? localModuleStates);
 let resultStreams = $state({});
 if (onResultStreamUpdate == undefined) {
@@ -218,15 +218,24 @@ function setModuleState(key, value, force, keepType) {
         }
     }
 }
-function setDurationStatusByJob(key, id, value) {
-    if (!deepEqual(localDurationStatuses[key]?.byJob[id], value)) {
-        localDurationStatuses[key].byJob[id] = value;
+function setDurationStatusByJob(key, id, value, overwrite = false) {
+    if (!deepEqual(localDurationStatuses[key]?.byJob?.[id], value)) {
+        if (localDurationStatuses[key]?.byJob == undefined) {
+            localDurationStatuses[key] = { byJob: {} };
+        }
+        localDurationStatuses[key].byJob = {
+            [id]: value,
+            ...(overwrite ? {} : (localDurationStatuses[key].byJob ?? {}))
+        };
         globalDurationStatuses.forEach((s) => {
-            s[key].byJob[id] = value;
+            s[key].byJob = { [id]: value, ...(overwrite ? {} : (s[key].byJob ?? {})) };
         });
         if (prefix) {
             subflowParentsDurationStatuses.forEach((s) => {
-                s[buildSubflowKey(key, prefix)].byJob[id] = value;
+                s[buildSubflowKey(key, prefix)].byJob = {
+                    [id]: value,
+                    ...(overwrite ? {} : (s[buildSubflowKey(key, prefix)].byJob ?? {}))
+                };
             });
         }
     }
@@ -272,6 +281,29 @@ function updateStatus(status) {
         delete suspendStatus.val[jobId ?? ''];
     }
 }
+function updateDurationStatuses(key, durationStatuses) {
+    if (localDurationStatuses[key] == undefined) {
+        localDurationStatuses[key] = { byJob: {} };
+    }
+    localDurationStatuses[key].byJob = durationStatuses;
+    globalDurationStatuses.forEach((s) => {
+        if (s[key] == undefined) {
+            s[key] = { byJob: {} };
+        }
+        s[key].byJob = durationStatuses;
+    });
+    if (prefix) {
+        subflowParentsDurationStatuses.forEach((s) => {
+            if (s[key] == undefined) {
+                s[key] = { byJob: {} };
+            }
+            s[key].byJob = durationStatuses;
+        });
+    }
+}
+let jobMissingStartedAt = {};
+let lastSelectedLoopSwitch;
+let selectedLoopSwitchTimeout = undefined;
 function updateInnerModules() {
     if (localModuleStates) {
         innerModules?.forEach((mod, i) => {
@@ -309,7 +341,7 @@ function updateInnerModules() {
                         branchChosen: mod.branch_chosen.type == 'default' ? 0 : (mod.branch_chosen.branch ?? 0) + 1
                     }
                     : {};
-                console.debug('updateInnerModules', mod.id, mod.type, branchChosen);
+                // console.debug('updateInnerModules', mod.id, mod.type, branchChosen)
                 setModuleState(mod.id ?? '', {
                     type: mod.type,
                     ...branchChosen
@@ -318,13 +350,107 @@ function updateInnerModules() {
             else if (isForloopSelected) {
                 setModuleState(mod.id ?? '', {}, true);
             }
-            if (mod.flow_jobs_success || mod.flow_jobs) {
+            if (mod.flow_jobs_success || mod.flow_jobs_duration || mod.flow_jobs) {
                 setModuleState(mod.id ?? '', {
                     flow_jobs_success: mod.flow_jobs_success,
+                    flow_jobs_duration: mod.flow_jobs_duration,
                     flow_jobs: mod.flow_jobs,
                     iteration_total: mod.iterator?.itered?.length ?? mod.flow_jobs?.length
                 });
             }
+            if (mod.flow_jobs_duration && mod.flow_jobs) {
+                let key = buildSubflowKey(mod.id ?? '', prefix);
+                let durationStatuses = Object.fromEntries(mod.flow_jobs.map((flowJobId, idx) => {
+                    let started_at_str = mod.flow_jobs_duration?.started_at?.[idx];
+                    let started_at = started_at_str ? new Date(started_at_str).getTime() : undefined;
+                    let duration_ms = mod.flow_jobs_duration?.duration_ms?.[idx];
+                    if (started_at == undefined) {
+                        let missingStartedAt = jobMissingStartedAt[flowJobId];
+                        if (missingStartedAt != 'P') {
+                            started_at = missingStartedAt;
+                        }
+                    }
+                    else {
+                        delete jobMissingStartedAt[flowJobId];
+                    }
+                    return [
+                        flowJobId,
+                        {
+                            created_at: started_at,
+                            started_at: started_at,
+                            duration_ms: duration_ms
+                        }
+                    ];
+                }));
+                let missingStartedAtIds = Object.keys(durationStatuses)
+                    .filter((id) => durationStatuses[id].created_at == undefined && jobMissingStartedAt[id] != 'P')
+                    .slice(0, 100);
+                updateDurationStatuses(key, durationStatuses);
+                if (missingStartedAtIds.length > 0) {
+                    missingStartedAtIds.forEach((id) => {
+                        jobMissingStartedAt[id] = 'P';
+                    });
+                    JobService.getStartedAtByIds({
+                        workspace: workspaceId ?? $workspaceStore ?? '',
+                        requestBody: missingStartedAtIds
+                    })
+                        .then((jobs) => {
+                        let lastStarted = undefined;
+                        let anySet = false;
+                        let nDurationStatuses = localDurationStatuses[key]?.byJob;
+                        missingStartedAtIds.forEach((id, idx) => {
+                            const startedAt = jobs[idx];
+                            const time = startedAt ? new Date(startedAt).getTime() : undefined;
+                            if (time) {
+                                jobMissingStartedAt[id] = time;
+                            }
+                            else {
+                                delete jobMissingStartedAt[id];
+                            }
+                            if (nDurationStatuses && time) {
+                                if (!nDurationStatuses[id]?.duration_ms) {
+                                    anySet = true;
+                                    lastStarted = id;
+                                    nDurationStatuses[id] = {
+                                        created_at: time,
+                                        started_at: time
+                                    };
+                                }
+                            }
+                        });
+                        if (anySet) {
+                            updateDurationStatuses(key, nDurationStatuses);
+                            selectedLoopSwitchTimeout && clearTimeout(selectedLoopSwitchTimeout);
+                            function setSelectedLoopSwitch() {
+                                if (lastStarted) {
+                                    let position = mod.flow_jobs?.indexOf(lastStarted);
+                                    if (position != undefined) {
+                                        lastSelectedLoopSwitch = new Date().getTime();
+                                        console.log('setSelectedLoopSwitch', position, lastStarted);
+                                        setIteration(position, lastStarted, false, mod.id ?? '', true);
+                                    }
+                                }
+                            }
+                            if (lastSelectedLoopSwitch &&
+                                new Date().getTime() - lastSelectedLoopSwitch < 3000) {
+                                selectedLoopSwitchTimeout = setTimeout(() => {
+                                    setSelectedLoopSwitch();
+                                }, 2000);
+                            }
+                            else {
+                                console.log('setSelectedLoopSwitch');
+                                setSelectedLoopSwitch();
+                            }
+                        }
+                    })
+                        .catch((e) => {
+                        console.error(`Could not load inner module duration status for job ${mod.job}`, e);
+                    });
+                }
+                else {
+                    setIteration(0, mod.flow_jobs?.[0] ?? '', false, mod.id ?? '', true);
+                }
+            }
             if (mod.agent_actions && mod.id) {
                 setModuleState(mod.id, {
                     agent_actions: mod.agent_actions
@@ -430,7 +556,6 @@ async function updateJobId() {
         flowTimeline?.reset();
         timeout && clearTimeout(timeout);
         innerModules = undefined;
-        console.log('updateJobId', jobId);
         if (flowJobIds) {
             let modId = flowJobIds?.moduleId ?? '';
             if (localDurationStatuses[modId] == undefined) {
@@ -442,10 +567,6 @@ async function updateJobId() {
                     x[prefixed] = { byJob: {} };
                 }
             });
-            globalIterationBounds[prefixed] = {
-                iteration_from: flowJobIds?.branchall ? 0 : Math.max(flowJobIds.flowJobs.length - 20, 0),
-                iteration_total: flowJobIds?.length
-            };
         }
         else {
             recursiveRefresh = {};
@@ -497,7 +618,7 @@ function onJobsLoadedInner(mod, job, force) {
             setDurationStatusByJob(id, job.id, {
                 created_at: job.created_at ? new Date(job.created_at).getTime() : undefined,
                 started_at
-            });
+            }, true);
         }
         else {
             const parent_module = mod['parent_module'];
@@ -515,6 +636,7 @@ function onJobsLoadedInner(mod, job, force) {
                 started_at: started_at,
                 flow_jobs: mod.flow_jobs,
                 flow_jobs_success: mod.flow_jobs_success,
+                flow_jobs_duration: mod.flow_jobs_duration,
                 iteration_total: mod.iterator?.itered?.length,
                 retries: mod?.failed_retries?.length,
                 skipped: mod.skipped,
@@ -525,7 +647,7 @@ function onJobsLoadedInner(mod, job, force) {
                 created_at: job.created_at ? new Date(job.created_at).getTime() : undefined,
                 started_at,
                 duration_ms: job['duration_ms']
-            });
+            }, true);
         }
     }
 }
@@ -605,6 +727,7 @@ function innerJobLoaded(jobLoaded, j, clicked, force) {
             started_at,
             flow_jobs: flowJobIds?.flowJobs,
             flow_jobs_success: flowJobIds?.flowJobsSuccess,
+            flow_jobs_duration: flowJobIds?.flowJobsDuration,
             iteration_total: flowJobIds?.length,
             duration_ms: undefined
         };
@@ -626,18 +749,20 @@ function innerJobLoaded(jobLoaded, j, clicked, force) {
             }
         }
         setModuleState(modId, v, force, true);
-        if (jobLoaded.type == 'QueuedJob') {
-            setDurationStatusByJob(modId, job_id, {
-                created_at,
-                started_at
-            });
-        }
-        else if (jobLoaded.type == 'CompletedJob') {
-            setDurationStatusByJob(modId, job_id, {
-                created_at,
-                started_at,
-                duration_ms: jobLoaded.duration_ms
-            });
+        if (innerModule?.type == 'branchall') {
+            if (jobLoaded.type == 'QueuedJob') {
+                setDurationStatusByJob(modId, job_id, {
+                    created_at,
+                    started_at
+                }, false);
+            }
+            else if (jobLoaded.type == 'CompletedJob') {
+                setDurationStatusByJob(modId, job_id, {
+                    created_at,
+                    started_at,
+                    duration_ms: jobLoaded.duration_ms
+                }, false);
+            }
         }
         if (jobLoaded.job_kind == 'script' || isScriptPreview(jobLoaded.job_kind)) {
             let id = undefined;
@@ -652,14 +777,6 @@ function innerJobLoaded(jobLoaded, j, clicked, force) {
     }
 }
 let flowTimeline = $state();
-function loadPreviousIters(innerKey, lenToAdd) {
-    let key = buildSubflowKey(innerKey, prefix);
-    if (globalIterationBounds[key]) {
-        globalIterationBounds[key].iteration_from =
-            (globalIterationBounds[key]?.iteration_from ?? 0) - lenToAdd;
-    }
-    // updateSlicedListJobIds()
-}
 let stepDetail = $state(undefined);
 let storedListJobs = $state({});
 let selectedToolCall = $state(undefined);
@@ -679,9 +796,11 @@ function removeFailureNode(id, parent_module) {
     }
 }
 function allModulesForTimeline(modules, expandedSubflows) {
-    const ids = dfs(modules, (x) => x.id, { skipToolNodes: true });
+    const ids = dfs(modules, (x) => ({ id: x.id, type: x.value.type }), {
+        skipToolNodes: true
+    });
     function rec(ids, prefix) {
-        return ids.concat(ids.flatMap((id) => {
+        return ids.concat(ids.flatMap(({ id, type }) => {
             let fms = expandedSubflows[id];
             let oid = id.split(':').pop();
             if (!oid) {
@@ -689,7 +808,10 @@ function allModulesForTimeline(modules, expandedSubflows) {
             }
             let nprefix = buildPrefix(prefix, oid);
             return fms
-                ? rec(dfs(fms, (x) => (x.id.startsWith('subflow:') ? x.id : buildSubflowKey(x.id, nprefix)), { skipToolNodes: true }), nprefix)
+                ? rec(dfs(fms, (x) => ({
+                    id: x.id.startsWith('subflow:') ? x.id : buildSubflowKey(x.id, nprefix),
+                    type: x.value.type
+                }), { skipToolNodes: true }), nprefix)
                 : [];
         }));
     }
@@ -810,32 +932,6 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 			<div class="h-8" />
 		{/if} -->
 		{#if isListJob}
-			{@const sliceFrom =
-				globalIterationBounds[buildSubflowKey(flowJobIds?.moduleId ?? '', prefix)]
-					?.iteration_from ?? 0}
-			{@const lenToAdd = Math.min(20, sliceFrom)}
-			{#if (flowJobIds?.flowJobs.length ?? 0) > 20 && lenToAdd > 0}
-				{@const allToAdd = (flowJobIds?.length ?? 0) - sliceFrom}
-				<p class="text-tertiary italic text-xs">
-					For performance reasons, only the last 20 items are shown by default <button
-						class="text-primary underline ml-4"
-						onclick={() => {
-							loadPreviousIters(flowJobIds?.moduleId ?? '', lenToAdd)
-						}}
-						>Load {lenToAdd} prior
-					</button>
-					{#if allToAdd > 0 && allToAdd > lenToAdd}
-						{sliceFrom}
-						<button
-							class="text-primary underline ml-4"
-							onclick={() => {
-								loadPreviousIters(flowJobIds?.moduleId ?? '', allToAdd)
-							}}
-							>Load {allToAdd} prior
-						</button>
-					{/if}
-				</p>
-			{/if}
 			{#if render}
 				<div class="w-full h-full border rounded-sm bg-surface p-1 overflow-auto">
 					<DisplayResult
@@ -885,9 +981,6 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 			style="min-height: {minTabHeight}px"
 		>
 			{#if isListJob}
-				{@const sliceFrom =
-					globalIterationBounds[buildSubflowKey(flowJobIds?.moduleId ?? '', prefix)]
-						?.iteration_from ?? 0}
 				<h3 class="text-md leading-6 font-bold text-tertiary border-b mb-4">
 					Subflows ({flowJobIds?.flowJobs.length})
 				</h3>
@@ -930,7 +1023,7 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 								</span>
 							</Button>
 						{/if}
-						{#if j >= sliceFrom || forloop_selected == loopJobId}
+						{#if forloop_selected == loopJobId || innerModule?.type == 'branchall'}
 							{@const forloopIsSelected =
 								forloop_selected == loopJobId ||
 								(innerModule?.type != 'forloopflow' && innerModule?.type != 'whileloopflow')}
@@ -971,7 +1064,6 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 									{onResultStreamUpdate}
 									graphTabOpen={selected == 'graph' && graphTabOpen}
 									isNodeSelected={forloop_selected == loopJobId}
-									{globalIterationBounds}
 									toolCallStore={{
 										getStoredToolCallJob: (storeKey: string) =>
 											toolCallStore?.getStoredToolCallJob(forLoopStoreKeyPrefix + storeKey),
@@ -989,14 +1081,17 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 						{/if}
 					{/each}
 				</div>
-			{:else if innerModules && innerModules.length > 0 && (job.raw_flow?.modules.length ?? 0) > 0}
+			{:else if innerModules && innerModules.length > 0 && ((job.raw_flow?.modules.length ?? 0) > 0 || innerModules[0]?.id == 'preprocessor')}
 				{@const hasPreprocessor = innerModules[0]?.id == 'preprocessor' ? 1 : 0}
+				{@const isPreprocessorOnly = hasPreprocessor && (job.raw_flow?.modules.length ?? 0) === 0}
+				<!-- if the flow is preprocessor only, we should only display the first innerModule: the second one is a placeholder added when running empty flows -->
+				{@const modules = isPreprocessorOnly ? [innerModules[0]] : (innerModules ?? [])}
 				<ul class="w-full">
 					<h3 class="text-md leading-6 font-bold text-primary border-b mb-4 py-2">
 						Step-by-step
 					</h3>
 
-					{#each innerModules ?? [] as mod, i}
+					{#each modules as mod, i}
 						{#if render}
 							<div class="line w-8 h-10"></div>
 							<h3 class="text-tertiary mb-2 w-full">
@@ -1064,7 +1159,6 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 											{onResultStreamUpdate}
 											graphTabOpen={selected == 'graph' && graphTabOpen}
 											isNodeSelected={retry_selected == failedRetry}
-											{globalIterationBounds}
 										/>
 									</div>
 								{/each}
@@ -1079,7 +1173,6 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 										globalModuleStates={[]}
 										{updateGlobalRefresh}
 										globalDurationStatuses={[]}
-										{globalIterationBounds}
 										prefix={buildPrefix(prefix, mod.id ?? '')}
 										subflowParentsGlobalModuleStates={[
 											localModuleStates,
@@ -1127,6 +1220,7 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 													moduleId: mod.id ?? '',
 													flowJobs: mod.flow_jobs,
 													flowJobsSuccess: mod.flow_jobs_success ?? [],
+													flowJobsDuration: mod.flow_jobs_duration,
 													length: mod.iterator?.itered?.length ?? mod.flow_jobs.length,
 													branchall: job?.raw_flow?.modules?.[i]?.value?.type == 'branchall'
 												}
@@ -1142,7 +1236,6 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 										{onResultStreamUpdate}
 										graphTabOpen={selected == 'graph' && graphTabOpen}
 										isNodeSelected={localModuleStates?.[selectedNode ?? '']?.job_id == mod.job}
-										{globalIterationBounds}
 										{toolCallStore}
 									/>
 									{#if mod.agent_actions && mod.agent_actions.length > 0 && mod.id}
@@ -1212,7 +1305,6 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 														graphTabOpen={selected == 'graph' && graphTabOpen}
 														isNodeSelected={localModuleStates?.[toolCallId]?.job_id ==
 															agentAction.job_id}
-														{globalIterationBounds}
 													/>
 												{/if}
 											{/if}
@@ -1232,20 +1324,22 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 				<div class="p-2 text-tertiary text-sm italic">Empty flow</div>
 			{/if}
 		</div>
-		<div
-			class="{selected != 'logs' ? 'hidden' : ''}  mx-auto"
-			bind:clientHeight={tabsHeight.logsHeight}
-			style="min-height: {minTabHeight}px"
-		>
-			<FlowLogViewerWrapper
-				{job}
-				{localModuleStates}
-				{workspaceId}
-				{render}
-				{onSelectedIteration}
-			/>
-		</div>
-		{#if selected == 'assets' && render}
+		{#if selected == 'logs' && render}
+			<div
+				class="mx-auto"
+				bind:clientHeight={tabsHeight.logsHeight}
+				style="min-height: {minTabHeight}px"
+			>
+				<FlowLogViewerWrapper
+					{job}
+					{localModuleStates}
+					{localDurationStatuses}
+					{workspaceId}
+					{render}
+					{onSelectedIteration}
+				/>
+			</div>
+		{:else if selected == 'assets' && render}
 			<div
 				class="p-2"
 				bind:clientHeight={tabsHeight.assetsHeight}
@@ -1348,6 +1442,8 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 						</Tabs>
 						{#if rightColumnSelect == 'timeline'}
 							<FlowTimeline
+								{localModuleStates}
+								{onSelectedIteration}
 								selfWaitTime={job?.self_wait_time_ms}
 								aggregateWaitTime={job?.aggregate_wait_time_ms}
 								flowDone={job?.['success'] != undefined}
@@ -1357,11 +1453,7 @@ let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsH
 									expandedSubflows ?? {}
 								)}
 								buildSubflowKey={(key) => buildSubflowKey(key, prefix)}
-								{globalIterationBounds}
 								durationStatuses={localDurationStatuses}
-								decreaseIterationFrom={(key, amount) => {
-									loadPreviousIters(key, amount)
-								}}
 							/>
 						{:else if rightColumnSelect == 'node_status'}
 							<div class="pt-2 grow flex flex-col">

package/package/components/FlowStatusViewerInner.svelte.d.ts

@@ -1,6 +1,6 @@
 import FlowStatusViewerInner from './FlowStatusViewerInner.svelte';
 import { type Job, type FlowModuleValue, type CompletedJob } from '../gen';
-import { type DurationStatus, type GlobalIterationBounds, type GraphModuleState } from './graph';
+import { type DurationStatus, type GraphModuleState } from './graph';
 interface Props {
     jobId: string;
     initialJob?: Job | undefined;
@@ -9,6 +9,10 @@ interface Props {
         moduleId: string;
         flowJobs: string[];
         flowJobsSuccess: (boolean | undefined)[];
+        flowJobsDuration: {
+            started_at?: (string | undefined)[];
+            duration_ms?: (number | undefined)[];
+        } | undefined;
         length: number;
         branchall?: boolean;
     } | undefined;
@@ -18,7 +22,6 @@ interface Props {
     selectedNode?: string | undefined;
     globalModuleStates: Record<string, GraphModuleState>[];
     globalDurationStatuses?: Record<string, DurationStatus>[];
-    globalIterationBounds: Record<string, GlobalIterationBounds>;
     isSelectedBranch?: boolean;
     isSubflow?: boolean;
     reducedPolling?: boolean;
@@ -65,6 +68,10 @@ interface Props {
         addToolCallToLoad: (storeKey: string) => void;
     };
 }
-declare const FlowStatusViewerInner: import("svelte").Component<Props, {}, "job" | "localModuleStates" | "selectedNode" | "rightColumnSelect" | "localDurationStatuses">;
+export type FlowModuleForTimeline = {
+    id: string;
+    type: FlowModuleValue['type'];
+};
+declare const FlowStatusViewerInner: import("svelte").Component<Props, {}, "job" | "localModuleStates" | "localDurationStatuses" | "selectedNode" | "rightColumnSelect">;
 type FlowStatusViewerInner = ReturnType<typeof FlowStatusViewerInner>;
 export default FlowStatusViewerInner;