From 6f98379c82453f0fd26c261dc915f6770f5f9ee1 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Tue, 8 Jul 2025 21:33:51 +0400
Subject: [PATCH] enh: checkbox input variable

---
 .../chat/MessageInput/InputVariablesModal.svelte       | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/chat/MessageInput/InputVariablesModal.svelte b/src/lib/components/chat/MessageInput/InputVariablesModal.svelte
index c2bd4f5e6b..2a6bf6e8fa 100644
--- a/src/lib/components/chat/MessageInput/InputVariablesModal.svelte
+++ b/src/lib/components/chat/MessageInput/InputVariablesModal.svelte
@@ -104,19 +104,23 @@
 													</select>
 												{:else if variables[variable]?.type === 'checkbox'}
 													<div class="flex items-center space-x-2">
-														<div class="relative size-6 flex justify-center items-center">
+														<div class="relative flex justify-center items-center gap-2">
 															<input
 																type="checkbox"
 																bind:checked={variableValues[variable]}
 																class="size-3.5 rounded cursor-pointer border border-gray-200 dark:border-gray-700"
 																id="input-variable-{idx}"
 															/>
+
+															<label for="input-variable-{idx}" class="text-sm"
+																>{variables[variable]?.label ?? variable}</label
+															>
 														</div>
 
 														<input
 															type="text"
-															class="flex-1 py-2 text-sm dark:text-gray-300 bg-transparent outline-hidden"
-															placeholder="Enter checkbox label"
+															class="flex-1 py-1 text-sm dark:text-gray-300 bg-transparent outline-hidden"
+															placeholder="Enter value (true/false)"
 															bind:value={variableValues[variable]}
 															autocomplete="off"
 															required