{#snippet stepCard(step: ChainStep, i: number)} toggleStep(i)} onremove={steps.length > 1 ? () => removeStepAt(step.key) : undefined} > {#snippet tools()} replaceStepTool(i, id)} /> {/snippet} {@const stepSchema = toolSchemaOf(step)} {#if stepSchema} setStepValue(i, id, v, axis)} onreset={() => resetStep(i)} /> {/if} {/snippet} {#snippet maskChip(i: number)} {#if masks.maskable[i]} masks.toggleByIndex(i)} /> {/if} {/snippet} {#snippet inputTile(i: number)} {#if i === 0} (upload.textSource = v)} onrendertext={run} onupload={upload.handleFile} onuploadmany={upload.handleFiles} /> {:else} {@const input = stepResults[i - 1]} {@const inSet = stepFileSets[i - 1] ?? []} 1 ? inSet.length : undefined} > {#if inSet.length > 1} {:else if input}

{:else} {t("resultCard.noResult")} {/if} {/if} {/snippet} {#snippet outputTile(i: number)} {@const out = stepResults[i]} {#if i === steps.length - 1} masks.toggleByIndex(i) : undefined} oncopy={copyText} ondownloadtxt={downloadText} /> {:else} {@const outSet = stepFileSets[i] ?? []} 1 ? outSet.length : undefined} warnings={warningsByStep[i] ?? []} errors={stepError && stepError.step === i ? [{ label: stepError.label, detail: stepError.detail }] : []} > {#snippet actions()} {@render maskChip(i)} {/snippet} {#if outSet.length > 1 && !masks.maskOn[i]} {:else if out}

{:else} {t("resultCard.noResult")} {/if} {/if} {/snippet} {#snippet panelHead()}

{t("resultCard.previewPanel")} {#if resultKind === "image" && steps.length > 1} {t("chain.alignToggle")} {/if} (output.format = v)} onquality={output.setQuality} onlimit={(v) => (output.limitKb = v)} />

{/snippet} {#snippet addRow(index: number)} {#if canExtend}

addStepAt(index, id)} /> {#if alignedMode} {/if}

{/if} {/snippet} {#if alignedMode}

{@render panelHead()} {@render addRow(0)} {#each steps as step, i (step.key)} {@render stepCard(step, i)}

{@render inputTile(i)} {@render outputTile(i)}

{@render addRow(i + 1)} {/each}

{:else}

{@render addRow(0)} {#each steps as step, i (step.key)} {@render stepCard(step, i)} {@render addRow(i + 1)} {/each}

{@render panelHead()}

{@render inputTile(0)}

{#each steps as step, i (step.key)}

{@render outputTile(i)}

{/each}

{/if}