From dfb8ae656dd745f1fc4feae5c1deab334f90b783 Mon Sep 17 00:00:00 2001
From: "Rodrigo Rodriguez (Pragmatismo)" <me@rodrigorodriguez.com>
Date: Tue, 14 Apr 2026 14:22:33 -0300
Subject: [PATCH] fix: render HTML properly in bot messages

---
 ui/suite/js/htmx-app.js | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/ui/suite/js/htmx-app.js b/ui/suite/js/htmx-app.js
index 335ba42..9d48fd8 100644
--- a/ui/suite/js/htmx-app.js
+++ b/ui/suite/js/htmx-app.js
@@ -281,13 +281,6 @@
     htmx.process(chip);
   }
 
-  // Strip HTML tags and return plain text
-  function stripHtml(html) {
-    const temp = document.createElement('div');
-    temp.innerHTML = html;
-    return temp.textContent || temp.innerText || '';
-  }
-
   // Append message to chat
   function appendMessage(message) {
     const messagesEl = document.getElementById("messages");
@@ -296,13 +289,14 @@
     const messageEl = document.createElement("div");
     messageEl.className = `message ${message.sender === "user" ? "user" : "bot"}`;
     
-    // Strip HTML tags to show plain text only, never raw tags
-    const plainText = stripHtml(message.text);
+    // Render HTML if present, otherwise escape plain text
+    const isHtml = /<[a-z][\s\S]*>/i.test(message.text);
+    const content = isHtml ? message.text : escapeHtml(message.text);
     
     messageEl.innerHTML = `
             <div class="message-content">
                 <span class="sender">${message.sender}</span>
-                <span class="text">${escapeHtml(plainText)}</span>
+                <span class="text">${content}</span>
                 <span class="time">${formatTime(message.timestamp)}</span>
             </div>
         `;