{#if deletable && id && editId} {@const flowStore = flowEditorContext?.flowStore ?? undefined} {@const getDeps = getDependeeAndDependentComponents( id, flowStore?.val?.value.modules ?? [], flowStore?.val?.value.failure_module )} (editId = false)}>
x.id)} bind:value={newId} onSave={({ oldId, newId }) => { dispatch('changeId', { id: oldId, newId, deps: getDeps?.dependents ?? {} }) editId = false }} onClose={() => { editId = false }} />

Step Inputs Replacements

Replace all occurrences of `results.{id}` with{' '} results.{newId} in the step inputs of all steps that depend on it.
{#if Object.keys(getDeps?.dependents ?? {})?.length > 0} {#each Object.entries(getDeps?.dependents ?? {}) as dependents}

{dependents[0]}

{#each dependents?.[1] as d}
{d}{replaceId(d, id, newId)}
{/each}
{/each} {:else}
No dependents
{/if}
{/if} {#if deletable && id && flowStore && outputPickerVisible} {@const flowStoreVal = flowStore.val} {@const mod = flowStoreVal?.value ? dfsPreviousResults(id, flowStoreVal, false)[0] : undefined} {#if mod && flowStateStore?.val?.[id]} { outputPickerInner?.setJobPreview?.() }} /> {/if} {/if}
(hover = true)} onmouseleave={() => (hover = false)} onpointerdown={stopPropagation(preventDefault((e) => dispatch('pointerdown', e)))} > {#if id} {/if}
{#if retry}
{#if retries}{retries}{/if}
{#snippet text()} Retries {/snippet}
{/if} {#if concurrency}
{#snippet text()} Concurrency Limits {/snippet}
{/if} {#if debouncing}
{#snippet text()} Debouncing {/snippet}
{/if} {#if cache}
{#snippet text()} Cached {/snippet}
{/if} {#if earlyStop}
{#snippet text()} {isTrigger ? 'Stop early if there are no new events' : 'Early stop/break'} {/snippet}
{/if} {#if skip}
{#snippet text()} Skip {/snippet}
{/if} {#if suspend}
{#snippet text()} Suspend {/snippet}
{/if} {#if sleep}
{#snippet text()} Sleep {/snippet}
{/if} {#if mock?.enabled} {#snippet text()} Pinned {/snippet} {/if}
{#snippet icon()} {@render icon_render?.()} {/snippet} {#if outputPickerVisible && !isMultiSelected} {#snippet children({ allowCopy, isConnecting, selectConnection })} {/snippet} {/if}
{#if deletable && !isDragging} {#if maximizeSubflow !== undefined} {@render buttonMaximizeSubflow?.()} {/if} {#if collapseContainer !== undefined} {@render buttonCollapseContainer?.()} {/if} {#if expandContainer !== undefined} {@render buttonExpandContainer?.()} {/if} {#if (id && Object.values($flowInputsStore?.[id]?.flowStepWarnings || {}).length > 0) || Boolean(warningMessage)} x.type === 'error' ) ? 'border-red-600 text-red-600 bg-red-100 hover:bg-red-300' : ' text-yellow-600 bg-yellow-100 hover:bg-yellow-300' )} > {#snippet text()}
    {#if id} {#each Object.values($flowInputsStore?.[id]?.flowStepWarnings || {}) as m}
  • {m.message}
  • {/each} {/if}
{/snippet}
{/if} {#if !isMultiSelected && id !== 'preprocessor' && moveManager && id}
dispatch('move')} class="trash group-hover:block" />
{/if} {#if !isMultiSelected && menuItems && menuItems.length > 0}
{#snippet buttonReplacement()} {/snippet}
{/if} {:else if maximizeSubflow !== undefined} {@render buttonMaximizeSubflow?.()} {:else if collapseContainer !== undefined} {@render buttonCollapseContainer?.()} {:else if expandContainer !== undefined} {@render buttonExpandContainer?.()} {/if}
{#if editMode && enableTestRun && flowJob?.type !== 'QueuedJob' && !isDragging}
(hover = true)} onmouseleave={() => (hover = false)} > {#if !isMultiSelected && (hover || selected || testRunDropdownOpen) && outputPickerVisible}
{#if !testIsLoading} {:else} {/if}
{/if}
{/if}
{#snippet buttonMaximizeSubflow()}
{/snippet} {#snippet buttonCollapseContainer()}
{/snippet} {#snippet buttonExpandContainer()}
{/snippet}