From 83526f1d60cb4200900ef42ba91a80c6f71dcadb Mon Sep 17 00:00:00 2001
From: silentoplayz <jacwoo21@outlook.com>
Date: Sun, 5 Apr 2026 01:49:54 -0400
Subject: [PATCH] fix(ui): standardize 'Copy to clipboard' toast notifications

---
 src/lib/components/chat/Artifacts.svelte               |  5 +++--
 src/lib/components/chat/Messages/CodeBlock.svelte      |  5 ++++-
 .../chat/Messages/Markdown/ColonFenceBlock.svelte      |  6 +++++-
 .../chat/Messages/Markdown/MarkdownTokens.svelte       |  8 ++++++--
 .../components/chat/Messages/ResponseMessage.svelte    |  2 +-
 src/lib/components/chat/Messages/UserMessage.svelte    |  2 +-
 src/lib/components/chat/Settings/Account.svelte        | 10 ++++++----
 7 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/lib/components/chat/Artifacts.svelte b/src/lib/components/chat/Artifacts.svelte
index 7e0bdf2060..8f547cc2e4 100644
--- a/src/lib/components/chat/Artifacts.svelte
+++ b/src/lib/components/chat/Artifacts.svelte
@@ -185,8 +185,9 @@
 					<div class="flex items-center gap-1.5">
 						<button
 							class="copy-code-button bg-none border-none text-xs bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-md px-1.5 py-0.5"
-							on:click={() => {
-								copyToClipboard(contents[selectedContentIdx].content);
+							on:click={async () => {
+								const res = await copyToClipboard(contents[selectedContentIdx].content);
+								if (res) toast.success($i18n.t('Copied to clipboard'));
 								copied = true;
 
 								setTimeout(() => {
diff --git a/src/lib/components/chat/Messages/CodeBlock.svelte b/src/lib/components/chat/Messages/CodeBlock.svelte
index 308b15aa9c..dcf1584bbe 100644
--- a/src/lib/components/chat/Messages/CodeBlock.svelte
+++ b/src/lib/components/chat/Messages/CodeBlock.svelte
@@ -91,7 +91,10 @@
 
 	const copyCode = async () => {
 		copied = true;
-		await copyToClipboard(_code);
+		const res = await copyToClipboard(_code);
+		if (res) {
+			toast.success($i18n.t('Copied to clipboard'));
+		}
 
 		setTimeout(() => {
 			copied = false;
diff --git a/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte b/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte
index 734f251b29..d49f89969c 100644
--- a/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte
+++ b/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
+	import { toast } from 'svelte-sonner';
 	const i18n = getContext('i18n');
 
 	import { copyToClipboard } from '$lib/utils';
@@ -26,7 +27,10 @@
 
 	const copyText = async () => {
 		copied = true;
-		await copyToClipboard(token.text, null, $settings?.copyFormatted ?? false);
+		const res = await copyToClipboard(token.text, null, $settings?.copyFormatted ?? false);
+		if (res) {
+			toast.success($i18n.t('Copied to clipboard'));
+		}
 		setTimeout(() => {
 			copied = false;
 		}, 1000);
diff --git a/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte b/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
index 961b731924..15f69a7a24 100644
--- a/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
+++ b/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { decode } from 'html-entities';
+	import { toast } from 'svelte-sonner';
 	import { onMount, getContext } from 'svelte';
 	const i18n = getContext('i18n');
 
@@ -242,9 +243,12 @@
 				<Tooltip content={$i18n.t('Copy')}>
 					<button
 						class="p-1 rounded-lg bg-transparent transition"
-						on:click={(e) => {
+						on:click={async (e) => {
 							e.stopPropagation();
-							copyToClipboard(token.raw.trim(), null, $settings?.copyFormatted ?? false);
+							const res = await copyToClipboard(token.raw.trim(), null, $settings?.copyFormatted ?? false);
+							if (res) {
+								toast.success($i18n.t('Copied to clipboard'));
+							}
 						}}
 					>
 						<Clipboard className=" size-3.5" strokeWidth="1.5" />
diff --git a/src/lib/components/chat/Messages/ResponseMessage.svelte b/src/lib/components/chat/Messages/ResponseMessage.svelte
index 98b0d95a0b..0532c77fc4 100644
--- a/src/lib/components/chat/Messages/ResponseMessage.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage.svelte
@@ -196,7 +196,7 @@
 
 		const res = await _copyToClipboard(text, null, $settings?.copyFormatted ?? false);
 		if (res) {
-			toast.success($i18n.t('Copying to clipboard was successful!'));
+			toast.success($i18n.t('Copied to clipboard'));
 		}
 	};
 
diff --git a/src/lib/components/chat/Messages/UserMessage.svelte b/src/lib/components/chat/Messages/UserMessage.svelte
index ec48a2e1ff..3e863cd25b 100644
--- a/src/lib/components/chat/Messages/UserMessage.svelte
+++ b/src/lib/components/chat/Messages/UserMessage.svelte
@@ -67,7 +67,7 @@
 	const copyToClipboard = async (text) => {
 		const res = await _copyToClipboard(text);
 		if (res) {
-			toast.success($i18n.t('Copying to clipboard was successful!'));
+			toast.success($i18n.t('Copied to clipboard'));
 		}
 	};
 
diff --git a/src/lib/components/chat/Settings/Account.svelte b/src/lib/components/chat/Settings/Account.svelte
index e0dc1407f2..ab8736158e 100644
--- a/src/lib/components/chat/Settings/Account.svelte
+++ b/src/lib/components/chat/Settings/Account.svelte
@@ -280,8 +280,9 @@
 								<button
 									class="ml-1.5 px-1.5 py-1 dark:hover:bg-gray-850 transition rounded-lg"
 									aria-label={$i18n.t('Copy Token')}
-									on:click={() => {
-										copyToClipboard(localStorage.token);
+									on:click={async () => {
+										const res = await copyToClipboard(localStorage.token);
+										if (res) toast.success($i18n.t('Copied to clipboard'));
 										JWTTokenCopied = true;
 										setTimeout(() => {
 											JWTTokenCopied = false;
@@ -339,8 +340,9 @@
 									<button
 										class="ml-1.5 px-1.5 py-1 dark:hover:bg-gray-850 transition rounded-lg"
 										aria-label={$i18n.t('Copy API Key')}
-										on:click={() => {
-											copyToClipboard(APIKey);
+										on:click={async () => {
+											const res = await copyToClipboard(APIKey);
+											if (res) toast.success($i18n.t('Copied to clipboard'));
 											APIKeyCopied = true;
 											setTimeout(() => {
 												APIKeyCopied = false;