Bitwarden Secrets Manager as a secret provider via an operator-installed bws client

src/lib/components/provider-icons/Bitwarden.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	let { class: className = 'w-4 h-4' }: { class?: string } = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class={className} fill="currentColor">
+	<path d="M39.589,4.608h-16.5H8.214c-0.55,0-0.997,0.444-1,0.994L7.089,24.108 c0,12.064,13.105,18.938,15.686,19.792h0c0,0,0.001,0,0.001,0c0.339,0.111,0.536,0.168,0.536,0.168 c0.09,0.026,0.184,0.039,0.277,0.039h0.5c0.131,0,0.26-0.025,0.38-0.075c0.658-0.271,16.12-6.781,16.12-19.925v-18.5 C40.589,5.056,40.142,4.608,39.589,4.608z M38.589,24.108c0,10.724-12.173,16.836-14.5,17.906V6.608h14.5V24.108z" />
+</svg>

src/lib/components/provider-icons/index.ts

@@ -4,6 +4,8 @@ import OnePassword from './OnePassword.svelte';
 import Infisical from './Infisical.svelte';
 import HashiCorpVault from './HashiCorpVault.svelte';
 import Doppler from './Doppler.svelte';
+import Bitwarden from './Bitwarden.svelte';
+import ProtonPass from './ProtonPass.svelte';
 
 /** Brand icon for a secret-provider type. Falls back to a generic key icon. */
 export function getProviderIcon(type: string): Component {
@@ -17,6 +19,10 @@ export function getProviderIcon(type: string): Component {
 			return HashiCorpVault;
 		case 'doppler':
 			return Doppler;
+		case 'bitwarden':
+			return Bitwarden;
+		case 'proton':
+			return ProtonPass;
 		default:
 			return KeyRound; // any future provider until it has a brand icon
 	}