{#each users as user}
selectedUserId = user.id} role="button" tabindex="0" onkeydown={(e) => { if (e.key === 'Enter') selectedUserId = user.id; }} >
{user.name}
{#if confirmDeleteId === user.id}
{ e.stopPropagation(); handleRemoveUser(user.id); }} title="Confirm delete">✓
{ e.stopPropagation(); confirmDeleteId = null; }} title="Cancel">✕
{:else}
{ e.stopPropagation(); confirmDeleteId = user.id; }} title="Remove user" >✕
{/if}
{/each} {#if showAddForm}
{ e.preventDefault(); handleAddUser(); }}>
+
{ showAddForm = false; newUserName = ''; }}>✕
{:else}
showAddForm = true}> + User
{/if}
{#if error}
{error}
{/if}