From 3299a097530847ec53da01a5964cf7ef8592dee0 Mon Sep 17 00:00:00 2001
From: Classic298 <27028174+Classic298@users.noreply.github.com>
Date: Thu, 22 Oct 2026 21:16:15 +0200
Subject: [PATCH] fix: tooltips show names and descriptions exactly as written
 (#32953)

Text shown in a tooltip was treated as markup, so a name, path or description containing angle brackets came out mangled or partly missing. Tooltips now show their text as written, and the few places that deliberately show formatted content ask for it explicitly.
---
 src/lib/components/admin/Settings/Models.svelte                 | 1 +
 src/lib/components/chat/ChatPlaceholder.svelte                  | 1 +
 src/lib/components/chat/MessageInput/Commands/Skills.svelte     | 1 +
 .../components/chat/MessageInput/Commands/SlashCommands.svelte  | 1 +
 src/lib/components/chat/Messages/ResponseMessage.svelte         | 1 +
 src/lib/components/chat/ModelSelector/ModelItem.svelte          | 1 +
 src/lib/components/chat/Placeholder.svelte                      | 1 +
 src/lib/components/common/Tooltip.svelte                        | 2 +-
 8 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/admin/Settings/Models.svelte b/src/lib/components/admin/Settings/Models.svelte
index fe063c1fc9..a1cdc3638f 100644
--- a/src/lib/components/admin/Settings/Models.svelte
+++ b/src/lib/components/admin/Settings/Models.svelte
@@ -1084,6 +1084,7 @@
 														? `${model?.ollama?.digest} **(${model?.ollama?.modified_at})**`
 														: model.id
 											)}
+											allowHTML={true}
 											className="min-w-0 flex-1"
 											placement="top-start"
 										>
diff --git a/src/lib/components/chat/ChatPlaceholder.svelte b/src/lib/components/chat/ChatPlaceholder.svelte
index 89060001d3..13c0cfaa42 100644
--- a/src/lib/components/chat/ChatPlaceholder.svelte
+++ b/src/lib/components/chat/ChatPlaceholder.svelte
@@ -78,6 +78,7 @@
 									sanitizeResponseContent(selectedModelDescription).replaceAll('\n', '<br>')
 								)
 							)}
+							allowHTML={true}
 							placement="right"
 						>
 							<img
diff --git a/src/lib/components/chat/MessageInput/Commands/Skills.svelte b/src/lib/components/chat/MessageInput/Commands/Skills.svelte
index 83ab12979d..be3eaf61a7 100644
--- a/src/lib/components/chat/MessageInput/Commands/Skills.svelte
+++ b/src/lib/components/chat/MessageInput/Commands/Skills.svelte
@@ -108,6 +108,7 @@
 	{#each filteredItems as skill, skillIdx}
 		<Tooltip
 			content={getTooltipContent(skill)}
+			allowHTML={true}
 			placement="top-start"
 			tippyOptions={{ maxWidth: '20rem' }}
 		>
diff --git a/src/lib/components/chat/MessageInput/Commands/SlashCommands.svelte b/src/lib/components/chat/MessageInput/Commands/SlashCommands.svelte
index 94104e5f1d..5a1454550d 100644
--- a/src/lib/components/chat/MessageInput/Commands/SlashCommands.svelte
+++ b/src/lib/components/chat/MessageInput/Commands/SlashCommands.svelte
@@ -522,6 +522,7 @@
 		{@const itemIdx = commandItems.length + filteredPrompts.length + skillIdx}
 		<Tooltip
 			content={getSkillTooltipContent(skill)}
+			allowHTML={true}
 			placement="top-start"
 			tippyOptions={{ maxWidth: '20rem' }}
 		>
diff --git a/src/lib/components/chat/Messages/ResponseMessage.svelte b/src/lib/components/chat/Messages/ResponseMessage.svelte
index 356df182d6..9e1764f41b 100644
--- a/src/lib/components/chat/Messages/ResponseMessage.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage.svelte
@@ -1200,6 +1200,7 @@
 									<span id="usage-{message.id}" hidden>{usage}</span>
 									<Tooltip
 										content={`<pre>${sanitizeResponseContent(usage)}</pre>`}
+										allowHTML={true}
 										placement="bottom"
 									>
 										<button
diff --git a/src/lib/components/chat/ModelSelector/ModelItem.svelte b/src/lib/components/chat/ModelSelector/ModelItem.svelte
index a8ab4355cb..4225b35e77 100644
--- a/src/lib/components/chat/ModelSelector/ModelItem.svelte
+++ b/src/lib/components/chat/ModelSelector/ModelItem.svelte
@@ -263,6 +263,7 @@
 						content={`${marked.parse(
 							sanitizeResponseContent(localizedDescription).replaceAll('\n', '<br>')
 						)}`}
+						allowHTML={true}
 					>
 						<div class=" translate-y-[1px]">
 							<svg
diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte
index d03be9cf26..98b41038d2 100644
--- a/src/lib/components/chat/Placeholder.svelte
+++ b/src/lib/components/chat/Placeholder.svelte
@@ -214,6 +214,7 @@
 										sanitizeResponseContent(selectedModelDescription).replaceAll('\n', '<br>')
 									)
 								)}
+								allowHTML={true}
 								placement="top"
 							>
 								<div
diff --git a/src/lib/components/common/Tooltip.svelte b/src/lib/components/common/Tooltip.svelte
index e5a8dfaad7..d820e737f3 100644
--- a/src/lib/components/common/Tooltip.svelte
+++ b/src/lib/components/common/Tooltip.svelte
@@ -19,7 +19,7 @@
 	export let touch = true;
 	export let theme = '';
 	export let offset: TippyProps['offset'] = [0, 4];
-	export let allowHTML = true;
+	export let allowHTML = false;
 	export let tippyOptions: Partial<TippyProps> = {};
 	export let interactive = false;