From 7344bd3e667e8ffcd8d0dba5a9412e0de7beb241 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sat, 13 Sep 2025 02:27:03 +0400
Subject: [PATCH] refac: styling

---
 .../components/chat/MessageInput/InputMenu.svelte    |  3 ++-
 .../Messages/ResponseMessage/StatusHistory.svelte    | 12 ++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/chat/MessageInput/InputMenu.svelte b/src/lib/components/chat/MessageInput/InputMenu.svelte
index 107d410344..85696d067c 100644
--- a/src/lib/components/chat/MessageInput/InputMenu.svelte
+++ b/src/lib/components/chat/MessageInput/InputMenu.svelte
@@ -18,6 +18,7 @@
 	import Refresh from '$lib/components/icons/Refresh.svelte';
 	import Agile from '$lib/components/icons/Agile.svelte';
 	import ClockRotateRight from '$lib/components/icons/ClockRotateRight.svelte';
+	import Database from '$lib/components/icons/Database.svelte';
 
 	const i18n = getContext('i18n');
 
@@ -201,7 +202,7 @@
 						}
 					}}
 				>
-					<DocumentArrowUp />
+					<Database />
 					<div class=" line-clamp-1">{$i18n.t('Attach Knowledge')}</div>
 				</DropdownMenu.Item>
 			</Tooltip>
diff --git a/src/lib/components/chat/Messages/ResponseMessage/StatusHistory.svelte b/src/lib/components/chat/Messages/ResponseMessage/StatusHistory.svelte
index b31e5ee601..ea7f67f20d 100644
--- a/src/lib/components/chat/Messages/ResponseMessage/StatusHistory.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage/StatusHistory.svelte
@@ -32,16 +32,16 @@
 			{#if showHistory}
 				<div class="flex flex-row">
 					{#if history.length > 1}
-						<div class="w-1 border-r border-gray-50 dark:border-gray-800 mt-3 -mb-2.5" />
+						<div class="w-1 border-r border-gray-100 dark:border-gray-800 mt-3 -mb-2.5" />
 
 						<div class="w-full -translate-x-[7.5px]">
 							{#each history as status, idx}
 								{#if idx !== history.length - 1}
 									<div class="flex items-start gap-2 mb-1">
 										<div class="pt-3 px-1">
-											<span class="relative flex size-2">
+											<span class="relative flex size-1.5 rounded-full justify-center items-center">
 												<span
-													class="relative inline-flex size-1.5 rounded-full bg-gray-200 dark:bg-gray-700"
+													class="relative inline-flex size-1.5 rounded-full bg-gray-300 dark:bg-gray-600"
 												></span>
 											</span>
 										</div>
@@ -62,13 +62,13 @@
 			>
 				<div class="flex items-start gap-2">
 					<div class="pt-3 px-1">
-						<span class="relative flex size-2">
+						<span class="relative flex size-1.5 rounded-full justify-center items-center">
 							{#if status?.done === false}
 								<span
-									class="absolute inline-flex h-full w-full animate-ping rounded-full bg-gray-400 dark:bg-gray-700 opacity-75"
+									class="absolute inline-flex h-full w-full animate-ping rounded-full bg-gray-300 dark:bg-gray-600 opacity-75"
 								></span>
 							{/if}
-							<span class="relative inline-flex size-1.5 rounded-full bg-gray-200 dark:bg-gray-700"
+							<span class="relative inline-flex size-1.5 rounded-full bg-gray-300 dark:bg-gray-600"
 							></span>
 						</span>
 					</div>