From 198c3e949cdc2164f8b005c36a2bd7edb29045c2 Mon Sep 17 00:00:00 2001
From: "Thomas G. Lopes" <26071571+TGlide@users.noreply.github.com>
Date: Fri, 3 Oct 2025 12:11:40 +0100
Subject: [PATCH 1/6] simplify code

---
 src/lib/components/chat/ChatMessage.svelte | 42 ++++++++--------------
 1 file changed, 14 insertions(+), 28 deletions(-)

diff --git a/src/lib/components/chat/ChatMessage.svelte b/src/lib/components/chat/ChatMessage.svelte
index 99dcef512da..3c42b18ec6e 100644
--- a/src/lib/components/chat/ChatMessage.svelte
+++ b/src/lib/components/chat/ChatMessage.svelte
@@ -1,26 +1,20 @@
 <script lang="ts">
 	import type { Message } from "$lib/types/Message";
-	import { tick } from "svelte";
-
-	import { usePublicConfig } from "$lib/utils/PublicConfig.svelte";
-	const publicConfig = usePublicConfig();
-	import CopyToClipBoardBtn from "../CopyToClipBoardBtn.svelte";
-	import IconLoading from "../icons/IconLoading.svelte";
-	import CarbonRotate360 from "~icons/carbon/rotate-360";
-	// import CarbonDownload from "~icons/carbon/download";
-
-	import CarbonPen from "~icons/carbon/pen";
-	import UploadedFile from "./UploadedFile.svelte";
-
 	import {
+		MessageReasoningUpdateType,
 		MessageUpdateType,
 		type MessageReasoningUpdate,
-		MessageReasoningUpdateType,
 	} from "$lib/types/MessageUpdate";
-	import MarkdownRenderer from "./MarkdownRenderer.svelte";
-	import OpenReasoningResults from "./OpenReasoningResults.svelte";
+	import { usePublicConfig } from "$lib/utils/PublicConfig.svelte";
+	import CarbonPen from "~icons/carbon/pen";
+	import CarbonRotate360 from "~icons/carbon/rotate-360";
+	import CopyToClipBoardBtn from "../CopyToClipBoardBtn.svelte";
+	import IconLoading from "../icons/IconLoading.svelte";
 	import Alternatives from "./Alternatives.svelte";
+	import MarkdownRenderer from "./MarkdownRenderer.svelte";
 	import MessageAvatar from "./MessageAvatar.svelte";
+	import OpenReasoningResults from "./OpenReasoningResults.svelte";
+	import UploadedFile from "./UploadedFile.svelte";
 
 	interface Props {
 		message: Message;
@@ -48,6 +42,8 @@
 		onshowAlternateMsg,
 	}: Props = $props();
 
+	const publicConfig = usePublicConfig();
+
 	let contentEl: HTMLElement | undefined = $state();
 	let isCopied = $state(false);
 	let messageWidth: number = $state(0);
@@ -68,7 +64,6 @@
 		}
 	}
 
-	let editContentEl: HTMLTextAreaElement | undefined = $state();
 	let editFormEl: HTMLFormElement | undefined = $state();
 
 	let reasoningUpdates = $derived(
@@ -104,15 +99,7 @@
 	});
 
 	let editMode = $derived(editMsdgId === message.id);
-	$effect(() => {
-		if (editMode) {
-			tick();
-			if (editContentEl) {
-				editContentEl.value = message.content;
-				editContentEl?.focus();
-			}
-		}
-	});
+	let editedContent = $derived(message.content);
 </script>
 
 {#if message.from === "assistant"}
@@ -286,15 +273,14 @@
 						bind:this={editFormEl}
 						onsubmit={(e) => {
 							e.preventDefault();
-							onretry?.({ content: editContentEl?.value, id: message.id });
+							onretry?.({ content: editedContent, id: message.id });
 							editMsdgId = null;
 						}}
 					>
 						<textarea
 							class="w-full whitespace-break-spaces break-words rounded-xl bg-gray-100 px-5 py-3.5 text-gray-500 *:h-max focus:outline-none dark:bg-gray-800 dark:text-gray-400"
 							rows="5"
-							bind:this={editContentEl}
-							value={message.content.trim()}
+							bind:value={editedContent}
 							onkeydown={handleKeyDown}
 							required
 						></textarea>

From 76645aaaef9ea11f3b54d728ab492065100e1e22 Mon Sep 17 00:00:00 2001
From: "Thomas G. Lopes" <26071571+TGlide@users.noreply.github.com>
Date: Fri, 3 Oct 2025 12:13:22 +0100
Subject: [PATCH 2/6] make button always visible

---
 src/lib/components/chat/ChatMessage.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/chat/ChatMessage.svelte b/src/lib/components/chat/ChatMessage.svelte
index 3c42b18ec6e..696cb5a58cc 100644
--- a/src/lib/components/chat/ChatMessage.svelte
+++ b/src/lib/components/chat/ChatMessage.svelte
@@ -320,7 +320,7 @@
 				{/if}
 				{#if (alternatives.length > 1 && editMsdgId === null) || (!loading && !editMode)}
 					<button
-						class="hidden cursor-pointer items-center gap-1 rounded-md border border-gray-200 px-1.5 py-0.5 text-xs text-gray-400 group-hover:flex hover:flex hover:text-gray-500 dark:border-gray-700 dark:text-gray-400 dark:hover:text-gray-300 lg:-right-2"
+						class="flex cursor-pointer items-center gap-1 rounded-md border border-gray-200 px-1.5 py-0.5 text-xs text-gray-400 opacity-0 group-hover:opacity-100 hover:text-gray-500 hover:opacity-100 dark:border-gray-700 dark:text-gray-400 dark:hover:text-gray-300 lg:-right-2"
 						title="Edit"
 						type="button"
 						onclick={() => (editMsdgId = message.id)}

From 36b434325d3a7aa6ea2e2d9046201a8f6f36bf7a Mon Sep 17 00:00:00 2001
From: "Thomas G. Lopes" <26071571+TGlide@users.noreply.github.com>
Date: Fri, 3 Oct 2025 12:15:07 +0100
Subject: [PATCH 3/6] remove non-used variables

---
 src/lib/components/chat/ChatMessage.svelte | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/src/lib/components/chat/ChatMessage.svelte b/src/lib/components/chat/ChatMessage.svelte
index 696cb5a58cc..e1993883b52 100644
--- a/src/lib/components/chat/ChatMessage.svelte
+++ b/src/lib/components/chat/ChatMessage.svelte
@@ -45,7 +45,6 @@
 	const publicConfig = usePublicConfig();
 
 	let contentEl: HTMLElement | undefined = $state();
-	let isCopied = $state(false);
 	let messageWidth: number = $state(0);
 	let messageInfoWidth: number = $state(0);
 
@@ -90,14 +89,6 @@
 	);
 	let hasClientThink = $derived(!hasServerReasoning && thinkSegments.length > 1);
 
-	$effect(() => {
-		if (isCopied) {
-			setTimeout(() => {
-				isCopied = false;
-			}, 1000);
-		}
-	});
-
 	let editMode = $derived(editMsdgId === message.id);
 	let editedContent = $derived(message.content);
 </script>
@@ -210,9 +201,6 @@
 				{/if}
 				{#if !isLast || !loading}
 					<CopyToClipBoardBtn
-						onClick={() => {
-							isCopied = true;
-						}}
 						classNames="btn rounded-sm p-1 text-sm text-gray-400 hover:text-gray-500 focus:ring-0 dark:text-gray-400 dark:hover:text-gray-300"
 						value={message.content}
 						iconClassNames="text-xs"

From 7eb705fdd26918782c90b72073de76c8dc474d4b Mon Sep 17 00:00:00 2001
From: "Thomas G. Lopes" <26071571+TGlide@users.noreply.github.com>
Date: Fri, 3 Oct 2025 12:17:13 +0100
Subject: [PATCH 4/6] add visual feedback to copy button

---
 src/lib/components/CopyToClipBoardBtn.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/CopyToClipBoardBtn.svelte b/src/lib/components/CopyToClipBoardBtn.svelte
index ecd6e18e31a..1e7b655f091 100644
--- a/src/lib/components/CopyToClipBoardBtn.svelte
+++ b/src/lib/components/CopyToClipBoardBtn.svelte
@@ -2,6 +2,7 @@
 	import { onDestroy } from "svelte";
 
 	import CarbonCopy from "~icons/carbon/copy";
+	import CarbonCheckmark from "~icons/carbon/checkmark";
 	import Tooltip from "./Tooltip.svelte";
 
 	interface Props {
@@ -67,6 +68,8 @@
 			clearTimeout(timeout);
 		}
 	});
+
+	const Icon = $derived(isSuccess ? CarbonCheckmark : CarbonCopy);
 </script>
 
 <button
@@ -79,8 +82,10 @@
 	}}
 >
 	<div class="relative">
-		{#if children}{@render children()}{:else}
-			<CarbonCopy class={iconClassNames} />
+		{#if children}
+			{@render children()}
+		{:else}
+			<Icon class={iconClassNames} />
 		{/if}
 
 		{#if showTooltip}

From 2cc7531ff829cf38b1a601a4ccf3f2c052b6ada9 Mon Sep 17 00:00:00 2001
From: "Thomas G. Lopes" <26071571+TGlide@users.noreply.github.com>
Date: Tue, 7 Oct 2025 19:11:55 +0100
Subject: [PATCH 5/6] add empty conversations text

---
 src/lib/components/NavMenu.svelte | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/components/NavMenu.svelte b/src/lib/components/NavMenu.svelte
index 3d1433a7783..e546011ade2 100644
--- a/src/lib/components/NavMenu.svelte
+++ b/src/lib/components/NavMenu.svelte
@@ -149,6 +149,9 @@
 				{/each}
 			{/if}
 		{/each}
+		{#if conversations.length === 0}
+			<p class="text-sm text-gray-500 dark:text-gray-400">No conversations yet.</p>
+		{/if}
 	</div>
 	{#if hasMore}
 		<InfiniteScroll onvisible={handleVisible} />

From 85a44ff102b5ce90765e4c9a132c1a4486649ef7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Victor=20Mu=C5=A1tar?= <victor.mustar@gmail.com>
Date: Mon, 13 Oct 2025 09:58:08 +0200
Subject: [PATCH 6/6] Add dark mode favicon SVG for HuggingChat

Introduces a new favicon-dark.svg file in the static/huggingchat directory to support dark mode branding.
---
 static/huggingchat/favicon-dark.svg | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 static/huggingchat/favicon-dark.svg

diff --git a/static/huggingchat/favicon-dark.svg b/static/huggingchat/favicon-dark.svg
new file mode 100644
index 00000000000..87134cdeca2
--- /dev/null
+++ b/static/huggingchat/favicon-dark.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0006 25.9992C13.8266 25.999 11.7118 25.2901 9.97686 23.9799C8.2419 22.6698 6.98127 20.8298 6.38599 18.7388C5.79071 16.6478 5.89323 14.4198 6.678 12.3923C7.46278 10.3648 8.88705 8.64837 10.735 7.50308C12.5829 6.35779 14.7538 5.84606 16.9187 6.04544C19.0837 6.24481 21.1246 7.14442 22.7323 8.60795C24.34 10.0715 25.4268 12.0192 25.8281 14.1559C26.2293 16.2926 25.9232 18.5019 24.9561 20.449C24.7703 20.8042 24.7223 21.2155 24.8211 21.604L25.4211 23.8316C25.4803 24.0518 25.4805 24.2837 25.4216 24.5039C25.3627 24.7242 25.2468 24.925 25.0856 25.0862C24.9244 25.2474 24.7235 25.3633 24.5033 25.4222C24.283 25.4811 24.0512 25.4809 23.831 25.4217L21.6034 24.8217C21.2172 24.7248 20.809 24.7729 20.4558 24.9567C19.0683 25.6467 17.5457 26.0068 16.0006 26.0068V25.9992Z" fill="white"/>
+<path d="M9.62598 16.0013C9.62598 15.3799 10.1294 14.8765 10.7508 14.8765C11.3721 14.8765 11.8756 15.3799 11.8756 16.0013C11.8756 17.0953 12.3102 18.1448 13.0838 18.9184C13.8574 19.692 14.9069 20.1266 16.001 20.1267C17.095 20.1267 18.1445 19.692 18.9181 18.9184C19.6918 18.1448 20.1264 17.0953 20.1264 16.0013C20.1264 15.3799 20.6299 14.8765 21.2512 14.8765C21.8725 14.8765 22.3759 15.3799 22.3759 16.0013C22.3759 17.6921 21.7046 19.3137 20.509 20.5093C19.3134 21.7049 17.6918 22.3762 16.001 22.3762C14.3102 22.3762 12.6885 21.7049 11.4929 20.5093C10.2974 19.3137 9.62598 17.6921 9.62598 16.0013Z" fill="black"/>
+</svg>