From 3435de5af6918cb41d3918cc0715d2f54327e53e Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sun, 10 Nov 2024 19:24:53 -0800
Subject: [PATCH] refac: citations

---
 .../components/chat/Messages/Citations.svelte  | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/chat/Messages/Citations.svelte b/src/lib/components/chat/Messages/Citations.svelte
index c5a2d6ea4..b6385e2b2 100644
--- a/src/lib/components/chat/Messages/Citations.svelte
+++ b/src/lib/components/chat/Messages/Citations.svelte
@@ -54,7 +54,7 @@
 				}
 
 				if (id.startsWith('http://') || id.startsWith('https://')) {
-					source = { name: id, ...source, url: id };
+					source = { ...source, name: id, url: id };
 				}
 
 				const existingSource = acc.find((item) => item.id === id);
@@ -89,28 +89,28 @@
 />
 
 {#if _citations.length > 0}
-	<div class="mt-1 mb-2 w-full flex gap-1 items-center flex-wrap">
+	<div class="my-1 -mx-0.5 w-full flex gap-1 items-center flex-wrap">
 		{#if _citations.length <= 3}
-			{#each _citations as citation, idx}
-				<div class="flex gap-1 text-xs font-semibold">
+			<div class="flex gap-2 text-xs font-semibold">
+				{#each _citations as citation, idx}
 					<button
-						class="no-toggle flex dark:text-gray-300 py-1 px-1 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-xl max-w-96"
+						class="no-toggle outline-none flex dark:text-gray-300 p-1 bg-gray-50 hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 transition rounded-xl max-w-96"
 						on:click={() => {
 							showCitationModal = true;
 							selectedCitation = citation;
 						}}
 					>
 						{#if _citations.every((c) => c.distances !== undefined)}
-							<div class="bg-white dark:bg-gray-700 rounded-full size-4">
+							<div class="bg-gray-50 dark:bg-gray-800 rounded-full size-4">
 								{idx + 1}
 							</div>
 						{/if}
-						<div class="flex-1 mx-2 line-clamp-1 truncate">
+						<div class="flex-1 mx-1 line-clamp-1 truncate">
 							{citation.source.name}
 						</div>
 					</button>
-				</div>
-			{/each}
+				{/each}
+			</div>
 		{:else}
 			<Collapsible bind:open={isCollapsibleOpen} className="w-full">
 				<div