{#if prefix === undefined}
    select('settings')} class={classNames( 'border w-full rounded-md p-2 bg-white text-sm cursor-pointer flex items-center mb-4', $selectedId.includes('settings') ? 'outline outline-offset-1 outline-2 outline-slate-900' : '' )} > Settings
    select('inputs')} isFirst hasLine selected={$selectedId === 'inputs'} >
    Inputs
    {/if} {#each modules as mod, index (index)} {#if mod.value.type === 'forloopflow'}
  • removeAtIndex(index)} on:click={() => select(['loop', String(index)].join('-'))} selected={$selectedId === ['loop', String(index)].join('-')} >
    {index + 1}
    For loop
    {#if moduleStates[index]?.childFlowModules} {/if}
    The loop's result is the list of every iteration's result.
    • {:else}
  • select([prefix, String(index)].filter(Boolean).join('-'))} color={prefix ? 'orange' : 'blue'} isLast={index === modules.length - 1} selected={$selectedId === [prefix, String(index)].filter(Boolean).join('-')} deletable on:delete={() => removeAtIndex(index)} >
    {index + 1}
    • {/if} {/each}