From 93122ade7b7a20a520f41ff033b1487ffded68f3 Mon Sep 17 00:00:00 2001
From: Yuri Karamian <yuri@arkhost.com>
Date: Thu, 18 Jun 2026 13:08:34 +0200
Subject: [PATCH] Show current vault indication in vault picker (#124)

---
 src/lib/components/VaultPicker.svelte | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/VaultPicker.svelte b/src/lib/components/VaultPicker.svelte
index 460423c..f249b61 100644
--- a/src/lib/components/VaultPicker.svelte
+++ b/src/lib/components/VaultPicker.svelte
@@ -215,8 +215,8 @@
 				<span class="recent-label">Recent</span>
 				{#each recentVaults as vault}
 					<div class="vault-row">
-						<button class="vault-item" onclick={() => openSelectedVault(vault.path)}>
-							<span class="vault-name">{vault.name}</span>
+						<button class="vault-item" class:current={vault.path === $appConfig?.active_vault} onclick={() => openSelectedVault(vault.path)}>
+							<span class="vault-name">{vault.name}{#if vault.path === $appConfig?.active_vault}<span class="vault-current-badge">Current</span>{/if}</span>
 							<span class="vault-path">{vault.path}</span>
 						</button>
 						<button class="vault-remove" title="Remove from list" aria-label="Remove from list" onclick={() => forgetVault(vault.path)}>
@@ -389,6 +389,24 @@
 		background: var(--bg-hover);
 	}
 
+	.vault-item.current {
+		border-color: var(--accent);
+	}
+
+	.vault-current-badge {
+		display: inline-block;
+		font-size: 10px;
+		font-weight: 600;
+		text-transform: uppercase;
+		letter-spacing: 0.04em;
+		color: var(--accent);
+		background: color-mix(in srgb, var(--accent) 12%, transparent);
+		padding: 2px 7px;
+		border-radius: 10px;
+		margin-left: 8px;
+		vertical-align: middle;
+	}
+
 	.vault-name {
 		display: block;
 		font-weight: 500;