{#each state.panels as panel, idx (panel.id)}
{ const v = e.currentTarget.value; state = selectKind(state, panel.id, v === "" ? null : v); notify(); }} >
Select a view
{#each kinds as kind (kind.id)}
{kind.label}
{/each}
{#if idx > 0}
{ state = removePanel(state, panel.id); notify(); }} > ✕
{/if}
{#if panel.kind !== null}
{@render content(panel.kind)}
{/if}
{/each}
{ state = addPanel(state); notify(); }} > +