{@render stepIcon(
module.value.type,
status as FlowStatusModule['type'],
flowInfo?.parentsWithErrors.has(module.id)
)}
{#if mode === 'aiagent'}
{#if module.summary}
Tool call: {module.summary}
{:else}
Message
{/if}
{:else}
{module.id}
{/if}
{#if mode === 'flow'}
{#if module.value.type === 'forloopflow'}
For loop
{:else if module.value.type === 'whileloopflow'}
While loop
{:else if module.value.type === 'branchall'}
Branch to all
{:else if module.value.type === 'branchone'}
Branch to one
{:else if module.value.type === 'flow'}
Subflow
{:else}
Step
{/if}
{/if}
{#if module.summary && mode !== 'aiagent'}
: {module.summary}
{/if}
{#if hasEmptySubflowValue}
{#if module.value.type === 'forloopflow' || module.value.type === 'whileloopflow'}
(empty loop)
{:else if module.value.type === 'branchall' || module.value.type === 'branchone'}
(no branch)
{/if}
{/if}
{#if !hasEmptySubflowValue && localModuleStates[module.id]?.flow_jobs && (module.value.type === 'forloopflow' || module.value.type === 'whileloopflow')}
{#if module.value.type === 'forloopflow'}
{`/${localModuleStates[module.id]?.iteration_total ?? 0}`}
{/if}
{/if}
timelineAvailableWidths[module.id] ?? 0,
(v) => (timelineAvailableWidths[module.id] = v)
}
>
{#if timelineMin != undefined && timelineTotal && moduleItems && showTimeline}
{
if (
module.value.type !== 'forloopflow' &&
module.value.type !== 'whileloopflow'
) {
return
}
const index =
localModuleStates[module.id]?.flow_jobs?.indexOf(id) ?? undefined
if (index !== undefined) {
onSelectedIteration?.({
id,
index,
manuallySet: true,
moduleId: module.id
})
}
}}
showIterations={localModuleStates[module.id]?.flow_jobs}
selectedIndex={getSelectedIndex(module.id, moduleItems)}
idToIterationIndex={(id) => {
return localModuleStates[module.id]?.flow_jobs?.indexOf(id)
}}
isJobFailure={() => isJobFailure(undefined, module.id)}
/>
{/if}
{#if isLeafStep && jobId && !isReplay}
{/if}
{/snippet}
{#if isCollapsible && isExpanded(module.id, isRunning)}
{@const subflows = getSubflows(module)}
{#each subflows as subflow, idx}
{@const subflowJob = getSubflowJob(
module.id,
idx,
branchChosen,
module.value.type
)}
{/each}
{#if subflows.length === 0}
{@const args = localModuleStates[module.id]?.args}
{@const logs = localModuleStates[module.id]?.logs}
{@const result = localModuleStates[module.id]?.result}
{@const jobId = localModuleStates[module.id]?.job_id}
{#if showResultsInputs && isLeafStep && args && Object.keys(args).length > 0}
{#snippet label()}
{/snippet}
{#if isExpanded(`${module.id}-input`)}
{/if}
{/if}
{#if logs}
select(`${module.id}-logs`)}>
{:else if jobId && !hasSubflows(module)}
{/if}
{#if showResultsInputs && isLeafStep && result !== undefined && (status === 'Success' || status === 'Failure')}
{#snippet label()}
{/snippet}
{#if isExpanded(`${module.id}-result`)}
{/if}
{/if}
{/if}