From 02974f41e9b7c9d34f2cd7c664c2a04fd6ac12ae Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Wed, 21 Oct 2026 08:32:08 +0900
Subject: [PATCH] refac

---
 src/lib/components/workspace/Knowledge.svelte | 13 +++++--------
 src/lib/components/workspace/Models.svelte    | 13 +++++--------
 src/lib/components/workspace/Prompts.svelte   | 13 +++++--------
 src/lib/components/workspace/Skills.svelte    | 13 +++++--------
 src/lib/components/workspace/Tools.svelte     | 13 +++++--------
 5 files changed, 25 insertions(+), 40 deletions(-)

diff --git a/src/lib/components/workspace/Knowledge.svelte b/src/lib/components/workspace/Knowledge.svelte
index 89fe155938..66c51b7813 100644
--- a/src/lib/components/workspace/Knowledge.svelte
+++ b/src/lib/components/workspace/Knowledge.svelte
@@ -32,6 +32,7 @@
 	import Search from '../icons/Search.svelte';
 	import Spinner from '../common/Spinner.svelte';
 	import Tooltip from '../common/Tooltip.svelte';
+	import ProfilePreview from '$lib/components/channel/Messages/Message/ProfilePreview.svelte';
 	import XMark from '../icons/XMark.svelte';
 	import ViewSelector from './common/ViewSelector.svelte';
 	import TagSelector from './common/TagSelector.svelte';
@@ -512,17 +513,13 @@
 								<div
 									class="hidden max-w-44 shrink-0 self-center truncate text-right text-[0.6875rem] leading-5 text-gray-500 dark:text-gray-500 md:block"
 								>
-									<Tooltip
-										content={item?.user?.email ?? $i18n.t('Deleted User')}
-										className="min-w-0"
-										placement="top-start"
-									>
-										<div class="truncate">
+									<ProfilePreview user={item?.user ?? null} side="left">
+										<span class="max-w-44 truncate">
 											{capitalizeFirstLetter(
 												item?.user?.name ?? item?.user?.email ?? $i18n.t('Deleted User')
 											)}
-										</div>
-									</Tooltip>
+										</span>
+									</ProfilePreview>
 								</div>
 
 								{#if item?.write_access || $user?.role === 'admin'}
diff --git a/src/lib/components/workspace/Models.svelte b/src/lib/components/workspace/Models.svelte
index a6446ae3e8..1b600559f7 100644
--- a/src/lib/components/workspace/Models.svelte
+++ b/src/lib/components/workspace/Models.svelte
@@ -54,6 +54,7 @@
 	import ModelMenu from './Models/ModelMenu.svelte';
 	import ModelDeleteConfirmDialog from '../common/ConfirmDialog.svelte';
 	import Tooltip from '../common/Tooltip.svelte';
+	import ProfilePreview from '$lib/components/channel/Messages/Message/ProfilePreview.svelte';
 	import GarbageBin from '../icons/GarbageBin.svelte';
 	import Search from '../icons/Search.svelte';
 	import Switch from '../common/Switch.svelte';
@@ -881,17 +882,13 @@
 								<div
 									class="hidden max-w-44 shrink-0 self-center truncate text-right text-[0.6875rem] leading-5 text-gray-500 dark:text-gray-500 md:block"
 								>
-									<Tooltip
-										content={model?.user?.email ?? $i18n.t('Deleted User')}
-										className="min-w-0"
-										placement="top-start"
-									>
-										<div class="truncate">
+									<ProfilePreview user={model?.user ?? null} side="left">
+										<span class="max-w-44 truncate">
 											{capitalizeFirstLetter(
 												model?.user?.name ?? model?.user?.email ?? $i18n.t('Deleted User')
 											)}
-										</div>
-									</Tooltip>
+										</span>
+									</ProfilePreview>
 								</div>
 
 								<div class="ml-1 flex shrink-0 flex-row items-center self-center">
diff --git a/src/lib/components/workspace/Prompts.svelte b/src/lib/components/workspace/Prompts.svelte
index 1b6dea48af..9fed1dc34d 100644
--- a/src/lib/components/workspace/Prompts.svelte
+++ b/src/lib/components/workspace/Prompts.svelte
@@ -36,6 +36,7 @@
 	import Search from '../icons/Search.svelte';
 	import Spinner from '../common/Spinner.svelte';
 	import Tooltip from '../common/Tooltip.svelte';
+	import ProfilePreview from '$lib/components/channel/Messages/Message/ProfilePreview.svelte';
 	import XMark from '../icons/XMark.svelte';
 	import GarbageBin from '../icons/GarbageBin.svelte';
 	import ViewSelector from './common/ViewSelector.svelte';
@@ -640,17 +641,13 @@
 							<div
 								class="hidden max-w-44 shrink-0 self-center truncate text-right text-[0.6875rem] leading-5 text-gray-500 dark:text-gray-500 md:block"
 							>
-								<Tooltip
-									content={prompt?.user?.email ?? $i18n.t('Deleted User')}
-									className="min-w-0"
-									placement="top-start"
-								>
-									<div class="truncate">
+								<ProfilePreview user={prompt?.user ?? null} side="left">
+									<span class="max-w-44 truncate">
 										{capitalizeFirstLetter(
 											prompt?.user?.name ?? prompt?.user?.email ?? $i18n.t('Deleted User')
 										)}
-									</div>
-								</Tooltip>
+									</span>
+								</ProfilePreview>
 							</div>
 
 							<div class="ml-2 flex shrink-0 flex-row items-center self-center">
diff --git a/src/lib/components/workspace/Skills.svelte b/src/lib/components/workspace/Skills.svelte
index d8d50cbd92..05668794ec 100644
--- a/src/lib/components/workspace/Skills.svelte
+++ b/src/lib/components/workspace/Skills.svelte
@@ -33,6 +33,7 @@
 	import TagInput from '$lib/components/common/Tags/TagInput.svelte';
 
 	import Tooltip from '../common/Tooltip.svelte';
+	import ProfilePreview from '$lib/components/channel/Messages/Message/ProfilePreview.svelte';
 	import ConfirmDialog from '../common/ConfirmDialog.svelte';
 	import DeleteConfirmDialog from '$lib/components/common/ConfirmDialog.svelte';
 	import EllipsisHorizontal from '../icons/EllipsisHorizontal.svelte';
@@ -565,17 +566,13 @@
 							<div
 								class="hidden max-w-44 shrink-0 self-center truncate text-right text-[0.6875rem] leading-5 text-gray-500 dark:text-gray-500 md:block"
 							>
-								<Tooltip
-									content={skill?.user?.email ?? $i18n.t('Deleted User')}
-									className="min-w-0"
-									placement="top-start"
-								>
-									<div class="truncate">
+								<ProfilePreview user={skill?.user ?? null} side="left">
+									<span class="max-w-44 truncate">
 										{capitalizeFirstLetter(
 											skill?.user?.name ?? skill?.user?.email ?? $i18n.t('Deleted User')
 										)}
-									</div>
-								</Tooltip>
+									</span>
+								</ProfilePreview>
 							</div>
 
 							{#if skill.write_access}
diff --git a/src/lib/components/workspace/Tools.svelte b/src/lib/components/workspace/Tools.svelte
index 06c7ff80d1..0cf9c773d7 100644
--- a/src/lib/components/workspace/Tools.svelte
+++ b/src/lib/components/workspace/Tools.svelte
@@ -35,6 +35,7 @@
 	import { capitalizeFirstLetter } from '$lib/utils';
 
 	import Tooltip from '../common/Tooltip.svelte';
+	import ProfilePreview from '$lib/components/channel/Messages/Message/ProfilePreview.svelte';
 	import ConfirmDialog from '../common/ConfirmDialog.svelte';
 	import ToolMenu from './Tools/ToolMenu.svelte';
 	import EllipsisHorizontal from '../icons/EllipsisHorizontal.svelte';
@@ -507,17 +508,13 @@
 							<div
 								class="hidden max-w-44 shrink-0 self-center truncate text-right text-[0.6875rem] leading-5 text-gray-500 dark:text-gray-500 md:block"
 							>
-								<Tooltip
-									content={tool?.user?.email ?? $i18n.t('Deleted User')}
-									className="min-w-0"
-									placement="top-start"
-								>
-									<div class="truncate">
+								<ProfilePreview user={tool?.user ?? null} side="left">
+									<span class="max-w-44 truncate">
 										{capitalizeFirstLetter(
 											tool?.user?.name ?? tool?.user?.email ?? $i18n.t('Deleted User')
 										)}
-									</div>
-								</Tooltip>
+									</span>
+								</ProfilePreview>
 							</div>
 
 							{#if tool.write_access}