{#if selectedDid}
{:else}
{/if}
{#if isDropdownOpen}
e.stopPropagation()} > {#if accounts.length > 0}
{#each accounts as account (account.did)} {@const color = generateColorForDid(account.did)}
selectAccount(account.did)} class=" group flex w-full items-center gap-3 rounded-sm p-2 text-left text-sm font-medium transition-all {account.did === selectedDid ? 'shadow-lg' : ''} " style="color: {color}; background: {account.did === selectedDid ? `linear-gradient(135deg, color-mix(in srgb, var(--nucleus-accent) 20%, transparent), color-mix(in srgb, var(--nucleus-accent2) 20%, transparent))` : 'transparent'};" >
@{account.handle}
onLogout(account.did)} class="ml-auto hidden h-5 w-5 text-(--nucleus-accent) transition-all group-hover:[display:block] hover:scale-[1.2] hover:shadow-md" width="24" height="24" viewBox="0 0 20 20" >
{#if account.did === selectedDid}
{/if}
{/each}
{/if}
add account
{/if}
{#if isLoginModalOpen}
e.stopPropagation()} role="dialog" >
add account
handle
app password
{#if loginError}
{loginError}
{/if}
cancel
{isLoggingIn ? 'logging in...' : 'login'}
{/if}