{#if isRunning}
{:else}
{#if jobId !== undefined && selectedJobStep !== undefined && selectedJobStepIsTopLevel}
{#if selectedJobStepType == 'single'}
{:else}
{/if}
{/if}
{/if}
{#if lastPreviewFlow && JSON.stringify($flowStore) != lastPreviewFlow}
Flow changed since last preview
{/if}
handleScroll()}
>
{
selectInput(e.detail.payload, e.detail?.type)
}}
{isValid}
{jsonView}
>
schemaFormWithArgPicker?.resetSelected()}
{inputSelected}
/>
{
jsonEditor?.setCode(JSON.stringify($previewArgs ?? {}, null, '\t'))
refresh()
}}
/>
{#if jsonView}
{
if (e.detail) {
$previewArgs = e.detail
}
}}
updateOnBlur={false}
placeholder={`Write args as JSON.
Example:
{
"foo": "12"
}`}
/>
{:else}
{#key renderCount}
{
savedArgs = $previewArgs
}}
bind:isValid
/>
{/key}
{/if}
{
loadIndividualStepsStates()
}}
on:select={(e) => {
if (!currentJobId) {
currentJobId = jobId
}
const detail = e.detail
initial = detail.initial
jobId = detail.jobId
}}
on:unselect={() => {
jobId = currentJobId
currentJobId = undefined
}}
path={$initialPathStore == '' ? $pathStore : $initialPathStore}
/>
{#if jobId}
{#if initial}
{
initial = false
}}
class="cursor-pointer h-full hover:bg-gray-500/20 dark:hover:bg-gray-500/20 dark:bg-gray-500/80 rounded bg-gray-500/40 absolute top-0 left-0 w-full z-50"
>
Previous run of this flow from history
{/if}
{
$executionCount = $executionCount + 1
}}
on:jobsLoaded={() => {
if (initial) {
console.log('loading initial steps after initial job loaded')
loadIndividualStepsStates()
}
}}
bind:selectedJobStep
bind:rightColumnSelect
/>
{:else}
Flow status will be displayed here
{/if}