{#if mode === 'selector'}
{#each users as user}
selectedUserId = user.id} role="button" tabindex="0" onkeydown={(e) => { if (e.key === 'Enter') selectedUserId = user.id; }} >
{user.name}
{/each}
{:else}
User Management
showAddForm = true}> + New User
{#if showAddForm}
{ e.preventDefault(); handleAddUser(); }}>
Add User
{ showAddForm = false; newUserName = ''; }}>Cancel
Add User
{/if}
{#each users as user}
{#if editingUserId === user.id}
{ e.preventDefault(); handleUpdateUser(); }}>
✓
editingUserId = null} title="Cancel">✕
{:else}
{user.name}
ID: {user.id}
startEditing(user)} title="Rename">✏️
{#if confirmDeleteId === user.id}
handleRemoveUser(user.id)}>Delete!
confirmDeleteId = null}>Cancel
{:else}
confirmDeleteId = user.id} title="Delete">🗑️
{/if}
{/if}
{:else}
No users found. Create one to get started!
{/each}
{/if} {#if error}
{error}
{/if}