From 9b7c3ff999c3e45106bb4240c5123c6fa3c53bc8 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sun, 23 Nov 2025 18:31:59 -0500
Subject: [PATCH] refac

---
 .../components/chat/Messages/Markdown/SourceToken.svelte    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/chat/Messages/Markdown/SourceToken.svelte b/src/lib/components/chat/Messages/Markdown/SourceToken.svelte
index 9d0bbcd6ba..fdc422c62a 100644
--- a/src/lib/components/chat/Messages/Markdown/SourceToken.svelte
+++ b/src/lib/components/chat/Messages/Markdown/SourceToken.svelte
@@ -8,6 +8,7 @@
 	export let onClick: Function = () => {};
 
 	let containerElement;
+	let openPreview = false;
 
 	// Helper function to return only the domain from a URL
 	function getDomain(url: string): string {
@@ -40,10 +41,13 @@
 {#if (token?.ids ?? []).length == 1}
 	<Source id={token.ids[0] - 1} title={sourceIds[token.ids[0] - 1]} {onClick} />
 {:else}
-	<LinkPreview.Root openDelay={0}>
+	<LinkPreview.Root openDelay={0} bind:open={openPreview}>
 		<LinkPreview.Trigger>
 			<button
 				class="text-[10px] w-fit translate-y-[2px] px-2 py-0.5 dark:bg-white/5 dark:text-white/80 dark:hover:text-white bg-gray-50 text-black/80 hover:text-black transition rounded-xl"
+				on:click={() => {
+					openPreview = !openPreview;
+				}}
 			>
 				<span class="line-clamp-1">
 					{getDisplayTitle(formattedTitle(decodeURIComponent(sourceIds[token.ids[0] - 1])))}