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

---
 src/lib/components/admin/Users/UserList.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/admin/Users/UserList.svelte b/src/lib/components/admin/Users/UserList.svelte
index 238edb4f54..e51241d77d 100644
--- a/src/lib/components/admin/Users/UserList.svelte
+++ b/src/lib/components/admin/Users/UserList.svelte
@@ -33,6 +33,7 @@
 	import Banner from '$lib/components/common/Banner.svelte';
 	import Markdown from '$lib/components/chat/Messages/Markdown.svelte';
 	import Spinner from '$lib/components/common/Spinner.svelte';
+	import ProfilePreview from '$lib/components/channel/Messages/Message/ProfilePreview.svelte';
 
 	const i18n = getContext('i18n');
 
@@ -356,11 +357,13 @@
 						</td>
 						<td class="px-3 py-1 font-medium text-gray-900 dark:text-white max-w-48">
 							<div class="flex items-center gap-2">
-								<img
-									class="rounded-full w-6 h-6 object-cover mr-0.5 flex-shrink-0"
-									src={`${WEBUI_API_BASE_URL}/users/${user.id}/profile/image`}
-									alt="user"
-								/>
+								<ProfilePreview {user} side="right" align="center" sideOffset={6}>
+									<img
+										class="rounded-full w-6 h-6 object-cover mr-0.5 flex-shrink-0"
+										src={`${WEBUI_API_BASE_URL}/users/${user.id}/profile/image`}
+										alt="user"
+									/>
+								</ProfilePreview>
 
 								<div class="font-medium truncate">{user.name}</div>