From aa589fcbd98cb96899062f28789715f971096850 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Tue, 2 Dec 2025 05:36:45 -0500
Subject: [PATCH] refac

---
 src/lib/components/layout/Sidebar/UserMenu.svelte    |  2 ++
 .../components/layout/Sidebar/UserStatusModal.svelte | 12 ++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/layout/Sidebar/UserMenu.svelte b/src/lib/components/layout/Sidebar/UserMenu.svelte
index 1bfff6751e..746834933d 100644
--- a/src/lib/components/layout/Sidebar/UserMenu.svelte
+++ b/src/lib/components/layout/Sidebar/UserMenu.svelte
@@ -137,6 +137,7 @@
 							class="mb-1 w-full gap-2 px-2.5 py-1.5 rounded-xl bg-gray-50 dark:text-white dark:bg-gray-900/50 text-black transition text-xs flex items-center"
 							type="button"
 							on:click={() => {
+								show = false;
 								showUserStatusModal = true;
 							}}
 						>
@@ -187,6 +188,7 @@
 							class="mb-1 w-full px-3 py-1.5 gap-1 rounded-xl bg-gray-50 dark:text-white dark:bg-gray-900/50 text-black transition text-xs flex items-center justify-center"
 							type="button"
 							on:click={() => {
+								show = false;
 								showUserStatusModal = true;
 							}}
 						>
diff --git a/src/lib/components/layout/Sidebar/UserStatusModal.svelte b/src/lib/components/layout/Sidebar/UserStatusModal.svelte
index 25e0f5f1c1..72994ffb74 100644
--- a/src/lib/components/layout/Sidebar/UserStatusModal.svelte
+++ b/src/lib/components/layout/Sidebar/UserStatusModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { getContext, createEventDispatcher, onMount } from 'svelte';
+	import { getContext, createEventDispatcher, onMount, tick } from 'svelte';
 	const i18n = getContext('i18n');
 
 	import { toast } from 'svelte-sonner';
@@ -52,9 +52,16 @@
 		resetHandler();
 	}
 
-	const init = () => {
+	const init = async () => {
 		emoji = $user?.status_emoji || '';
 		message = $user?.status_message || '';
+
+		await tick();
+		const input = document.getElementById('status-message') as HTMLInputElement;
+		if (input) {
+			input.focus();
+			input.select();
+		}
 	};
 
 	const resetHandler = () => {
@@ -113,6 +120,7 @@
 							</EmojiPicker>
 
 							<input
+								id="status-message"
 								type="text"
 								bind:value={message}
 								class={`w-full flex-1 text-sm bg-transparent ${($settings?.highContrastMode ?? false) ? 'placeholder:text-gray-700 dark:placeholder:text-gray-100' : 'outline-hidden placeholder:text-gray-300 dark:placeholder:text-gray-700'}`}