From 8c70453b2e3a6958437d951751e84acbbaafd9aa Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Thu, 22 Jan 2026 03:18:38 +0400
Subject: [PATCH] enh: password valve type

---
 src/lib/components/common/Valves.svelte | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/common/Valves.svelte b/src/lib/components/common/Valves.svelte
index de1487c64..cad66c5b7 100644
--- a/src/lib/components/common/Valves.svelte
+++ b/src/lib/components/common/Valves.svelte
@@ -4,6 +4,7 @@
 	const i18n = getContext('i18n');
 
 	import Switch from './Switch.svelte';
+	import SensitiveInput from './SensitiveInput.svelte';
 	import MapSelector from './Valves/MapSelector.svelte';
 
 	export let valvesSpec = null;
@@ -103,7 +104,19 @@
 								}}
 							/>
 						{:else if valvesSpec.properties[property]?.input ?? null}
-							{#if valvesSpec.properties[property]?.input?.type === 'color'}
+							{#if valvesSpec.properties[property]?.input?.type === 'password'}
+								<div class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 border border-gray-100/30 dark:border-gray-850/30">
+									<SensitiveInput
+										id="valve-{property}"
+										placeholder={valvesSpec.properties[property]?.description ?? ''}
+										bind:value={valves[property]}
+										required={(valvesSpec?.required ?? []).includes(property)}
+										on:change={() => {
+											dispatch('change');
+										}}
+									/>
+								</div>
+							{:else if valvesSpec.properties[property]?.input?.type === 'color'}
 								<div class="flex items-center space-x-2">
 									<div class="relative size-6">
 										<input