From f498ec8fc7b618fea2392029555713b143cc8003 Mon Sep 17 00:00:00 2001
From: crthpl <theo@reinsberg.info>
Date: Tue, 24 Feb 2026 18:34:24 -0800
Subject: [PATCH 1/3] Add select all / clear buttons to transfer recipient
 multiselect

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../lib/components/forms/makeTransfer.svelte  | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/frontend/src/lib/components/forms/makeTransfer.svelte b/frontend/src/lib/components/forms/makeTransfer.svelte
index 01edcef0..9df1e946 100644
--- a/frontend/src/lib/components/forms/makeTransfer.svelte
+++ b/frontend/src/lib/components/forms/makeTransfer.svelte
@@ -238,6 +238,29 @@
 								class="h-9"
 								bind:value={toSearchValue}
 							/>
+							{#if validToAccounts.length > 0}
+								<div class="flex gap-1 px-2 py-1.5">
+									<button
+										type="button"
+										class="text-xs text-muted-foreground hover:text-foreground"
+										onclick={() => {
+											selectedToAccountIds = new Set(validToAccounts);
+										}}
+									>
+										Select all
+									</button>
+									<span class="text-xs text-muted-foreground">/</span>
+									<button
+										type="button"
+										class="text-xs text-muted-foreground hover:text-foreground"
+										onclick={() => {
+											selectedToAccountIds = new Set();
+										}}
+									>
+										Clear
+									</button>
+								</div>
+							{/if}
 							<Command.List>
 								<Command.Empty>No account found.</Command.Empty>
 								<Command.Group>

From 6e27128e266551591857150f365db7b06b9d4284 Mon Sep 17 00:00:00 2001
From: crthpl <theo@reinsberg.info>
Date: Tue, 24 Feb 2026 21:05:21 -0800
Subject: [PATCH 2/3] Move select all / clear buttons outside dropdown, next to
 trigger

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../lib/components/forms/makeTransfer.svelte  | 57 +++++++++----------
 1 file changed, 28 insertions(+), 29 deletions(-)

diff --git a/frontend/src/lib/components/forms/makeTransfer.svelte b/frontend/src/lib/components/forms/makeTransfer.svelte
index 9df1e946..e0a7cded 100644
--- a/frontend/src/lib/components/forms/makeTransfer.svelte
+++ b/frontend/src/lib/components/forms/makeTransfer.svelte
@@ -215,31 +215,20 @@
 								>To{#if selectedCount > 0}
 									({selectedCount}){/if}</Form.Label
 							>
-							<Popover.Trigger
-								class={cn(
-									buttonVariants({ variant: 'outline' }),
-									'w-[200px] justify-between',
-									selectedCount === 0 && 'text-muted-foreground'
-								)}
-								role="combobox"
-								{...props}
-							>
-								{toTriggerLabel}
-								<ChevronsUpDown class="ml-2 h-4 w-4 shrink-0 opacity-50" />
-							</Popover.Trigger>
-							<input hidden value={$formData.toAccountId} name={props.name} />
-						{/snippet}
-					</Form.Control>
-					<Popover.Content class="w-[200px] p-0">
-						<Command.Root>
-							<Command.Input
-								autofocus
-								placeholder="Search account..."
-								class="h-9"
-								bind:value={toSearchValue}
-							/>
-							{#if validToAccounts.length > 0}
-								<div class="flex gap-1 px-2 py-1.5">
+							<div class="flex items-center gap-2">
+								<Popover.Trigger
+									class={cn(
+										buttonVariants({ variant: 'outline' }),
+										'w-[200px] justify-between',
+										selectedCount === 0 && 'text-muted-foreground'
+									)}
+									role="combobox"
+									{...props}
+								>
+									{toTriggerLabel}
+									<ChevronsUpDown class="ml-2 h-4 w-4 shrink-0 opacity-50" />
+								</Popover.Trigger>
+								{#if validToAccounts.length > 0}
 									<button
 										type="button"
 										class="text-xs text-muted-foreground hover:text-foreground"
@@ -247,9 +236,8 @@
 											selectedToAccountIds = new Set(validToAccounts);
 										}}
 									>
-										Select all
+										All
 									</button>
-									<span class="text-xs text-muted-foreground">/</span>
 									<button
 										type="button"
 										class="text-xs text-muted-foreground hover:text-foreground"
@@ -259,8 +247,19 @@
 									>
 										Clear
 									</button>
-								</div>
-							{/if}
+								{/if}
+							</div>
+							<input hidden value={$formData.toAccountId} name={props.name} />
+						{/snippet}
+					</Form.Control>
+					<Popover.Content class="w-[200px] p-0">
+						<Command.Root>
+							<Command.Input
+								autofocus
+								placeholder="Search account..."
+								class="h-9"
+								bind:value={toSearchValue}
+							/>
 							<Command.List>
 								<Command.Empty>No account found.</Command.Empty>
 								<Command.Group>

From 7f1e3db6ec2e417b3d07ecea961ac1060239fea4 Mon Sep 17 00:00:00 2001
From: crthpl <theo@reinsberg.info>
Date: Tue, 24 Feb 2026 21:07:03 -0800
Subject: [PATCH 3/3] Use normal outline buttons for select all / clear

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/forms/makeTransfer.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/forms/makeTransfer.svelte b/frontend/src/lib/components/forms/makeTransfer.svelte
index e0a7cded..5523ab5c 100644
--- a/frontend/src/lib/components/forms/makeTransfer.svelte
+++ b/frontend/src/lib/components/forms/makeTransfer.svelte
@@ -231,7 +231,7 @@
 								{#if validToAccounts.length > 0}
 									<button
 										type="button"
-										class="text-xs text-muted-foreground hover:text-foreground"
+										class={buttonVariants({ variant: 'outline' })}
 										onclick={() => {
 											selectedToAccountIds = new Set(validToAccounts);
 										}}
@@ -240,7 +240,7 @@
 									</button>
 									<button
 										type="button"
-										class="text-xs text-muted-foreground hover:text-foreground"
+										class={buttonVariants({ variant: 'outline' })}
 										onclick={() => {
 											selectedToAccountIds = new Set();
 										}}