From 064fdecb675c176a04b024c16ce179f4dda45236 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sat, 9 May 2026 05:29:15 +0900
Subject: [PATCH] refac

---
 .../Messages/Markdown/KatexRenderer.svelte    | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte b/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte
index efbb46df45..0c9fd6e2c7 100644
--- a/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte
+++ b/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte
@@ -16,7 +16,11 @@
 </script>
 
 <script lang="ts">
-	import { onMount } from 'svelte';
+	import { onMount, getContext } from 'svelte';
+	import { copyToClipboard } from '$lib/utils';
+	import { toast } from 'svelte-sonner';
+
+	const i18n = getContext('i18n');
 
 	export let content: string;
 	export let displayMode: boolean = false;
@@ -29,5 +33,16 @@
 </script>
 
 {#if renderToString}
-	{@html renderToString(content, { displayMode, throwOnError: false })}
+	<!-- svelte-ignore a11y-click-events-have-key-events -->
+	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<svelte:element
+		this={displayMode ? 'div' : 'span'}
+		class="cursor-pointer"
+		on:click={() => {
+			copyToClipboard(content);
+			toast.success($i18n.t('Copied to clipboard'));
+		}}
+	>
+		{@html renderToString(content, { displayMode, throwOnError: false })}
+	</svelte:element>
 {/if}