{#each tabs as tab, i (tab.id)} {@const isActive = tab.id === activeId} onSelect(tab.id)} onkeydown={(e) => handleKey(e, i)} class="px-3 py-1.5 rounded-md text-[13px] font-medium transition-colors border-l-2 border-l-transparent text-text-secondary hover:text-text hover:bg-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-info focus-visible:ring-offset-2 focus-visible:ring-offset-bg aria-selected:text-text aria-selected:bg-bg-elevated aria-selected:border-l-caution" > {tab.label} {/each}