From ffbcd8eeadb25c019aaa4017b6c3841b2d62181e Mon Sep 17 00:00:00 2001
From: MarekWo <mwojtaszek@gmail.com>
Date: Mon, 19 Jan 2026 09:48:17 +0100
Subject: [PATCH] fix: Remove whitespace from image thumbnail template literal

The template literal had newlines and spaces that were preserved by
white-space: pre-wrap CSS, causing unwanted gaps before and after
image previews in chat messages.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 app/static/js/message-utils.js | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/app/static/js/message-utils.js b/app/static/js/message-utils.js
index 5cf8d37..a4fc099 100644
--- a/app/static/js/message-utils.js
+++ b/app/static/js/message-utils.js
@@ -88,19 +88,7 @@ function createImageThumbnail(url) {
     // Escape URL for use in HTML attributes
     const escapedUrl = escapeHtmlAttribute(url);
 
-    return `
-        <div class="message-image-container">
-            <img src="${escapedUrl}"
-                 alt="Image"
-                 class="message-image-thumbnail"
-                 data-image-url="${escapedUrl}"
-                 loading="lazy"
-                 onerror="this.onerror=null; this.src='data:image/svg+xml,%3Csvg xmlns=\\'http://www.w3.org/2000/svg\\' width=\\'100\\' height=\\'100\\'%3E%3Crect fill=\\'%23ddd\\' width=\\'100\\' height=\\'100\\'/%3E%3Ctext x=\\'50%25\\' y=\\'50%25\\' dominant-baseline=\\'middle\\' text-anchor=\\'middle\\' fill=\\'%23999\\'%3EError%3C/text%3E%3C/svg%3E';">
-            <div class="message-image-url">
-                <a href="${escapedUrl}" target="_blank" rel="noopener noreferrer" class="message-link">${url}</a>
-            </div>
-        </div>
-    `;
+    return `<div class="message-image-container"><img src="${escapedUrl}" alt="Image" class="message-image-thumbnail" data-image-url="${escapedUrl}" loading="lazy" onerror="this.onerror=null; this.src='data:image/svg+xml,%3Csvg xmlns=\\'http://www.w3.org/2000/svg\\' width=\\'100\\' height=\\'100\\'%3E%3Crect fill=\\'%23ddd\\' width=\\'100\\' height=\\'100\\'/%3E%3Ctext x=\\'50%25\\' y=\\'50%25\\' dominant-baseline=\\'middle\\' text-anchor=\\'middle\\' fill=\\'%23999\\'%3EError%3C/text%3E%3C/svg%3E';"><div class="message-image-url"><a href="${escapedUrl}" target="_blank" rel="noopener noreferrer" class="message-link">${url}</a></div></div>`;
 }
 
 /**