{#if clips.length === 0}
No clips yet — press I to mark in-point, O to mark out-point
{:else}
CLIPS ({clips.length})
{#each clips as clip (clip.id)}
handleSelect(clip.id)} onkeydown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleSelect(clip.id); } }} >
handleLabelEdit(clip.id, (e.target as HTMLInputElement).value)} onclick={(e) => e.stopPropagation()} />
handleTimeEdit(clip.id, 'startTime', (e.target as HTMLInputElement).value)} onclick={(e) => e.stopPropagation()} />
→
handleTimeEdit(clip.id, 'endTime', (e.target as HTMLInputElement).value)} onclick={(e) => e.stopPropagation()} />
{ e.stopPropagation(); removeClip(clip.id); }} title="Delete clip" >✕
{/each} {/if}