{#if tile.kind === 'leaf'}
{:else if tile.kind === 'canvas'}
{:else}
0} class:expanded={framed && expanded} class:picked={framed && board.picked.has(tile.id)} class:selected={framed && selected} data-section={framed ? tile.id : undefined} style:--depth={framed ? outer() : undefined}>
{#if framed}
board.naming === tile.id, (on) => (board.naming = on ? tile.id : null)} onrename={(name) => board.rename(tile.id, name)} onungroup={() => board.ungroup(tile.id)} expanded={board.expanded === tile.id} onexpand={() => board.toggleExpanded(tile.id)} data-dock-tile={tile.id} data-pane={tile.id} />
{/if}
{#if tile.kind === 'split'}
{:else}
{/if}
{/if}