From 6ee50770cd0afc7237ef17774be7433403324b82 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Fri, 28 Nov 2025 02:44:36 -0500
Subject: [PATCH] refac

---
 .../chat/Messages/Markdown/Source.svelte      | 20 ++++++++++---------
 .../chat/Messages/Markdown/SourceToken.svelte |  3 ++-
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/chat/Messages/Markdown/Source.svelte b/src/lib/components/chat/Messages/Markdown/Source.svelte
index d48525e070..2185599898 100644
--- a/src/lib/components/chat/Messages/Markdown/Source.svelte
+++ b/src/lib/components/chat/Messages/Markdown/Source.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { decodeString } from '$lib/utils';
+
 	export let id;
 
 	export let title: string = 'N/A';
@@ -15,6 +17,14 @@
 		return domain;
 	}
 
+	const getDisplayTitle = (title: string) => {
+		if (!title) return 'N/A';
+		if (title.length > 30) {
+			return title.slice(0, 15) + '...' + title.slice(-10);
+		}
+		return title;
+	};
+
 	// Helper function to check if text is a URL and return the domain
 	function formattedTitle(title: string): string {
 		if (title.startsWith('http')) {
@@ -23,14 +33,6 @@
 
 		return title;
 	}
-
-	const getDisplayTitle = (title: string) => {
-		if (!title) return 'N/A';
-		if (title.length > 30) {
-			return title.slice(0, 15) + '...' + title.slice(-10);
-		}
-		return title;
-	};
 </script>
 
 {#if title !== 'N/A'}
@@ -41,7 +43,7 @@
 		}}
 	>
 		<span class="line-clamp-1">
-			{getDisplayTitle(formattedTitle(decodeURIComponent(title)))}
+			{getDisplayTitle(formattedTitle(decodeString(title)))}
 		</span>
 	</button>
 {/if}
diff --git a/src/lib/components/chat/Messages/Markdown/SourceToken.svelte b/src/lib/components/chat/Messages/Markdown/SourceToken.svelte
index fdc422c62a..bd02408e36 100644
--- a/src/lib/components/chat/Messages/Markdown/SourceToken.svelte
+++ b/src/lib/components/chat/Messages/Markdown/SourceToken.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { LinkPreview } from 'bits-ui';
+	import { decodeString } from '$lib/utils';
 	import Source from './Source.svelte';
 
 	export let id;
@@ -50,7 +51,7 @@
 				}}
 			>
 				<span class="line-clamp-1">
-					{getDisplayTitle(formattedTitle(decodeURIComponent(sourceIds[token.ids[0] - 1])))}
+					{getDisplayTitle(formattedTitle(decodeString(sourceIds[token.ids[0] - 1])))}
 					<span class="dark:text-white/50 text-black/50">+{(token?.ids ?? []).length - 1}</span>
 				</span>
 			</button>