From 2dd32d0ef13c9f2af8440a1b1119518a28eeb28c Mon Sep 17 00:00:00 2001
From: koko210Serve <koko.yordanov@proton.me>
Date: Sat, 2 May 2026 15:45:54 +0300
Subject: [PATCH] fix: move <pre> outside #prompt-display to prevent innerHTML
 from destroying it

The renderPromptEntry() function sets innerHTML on #prompt-display, which
was wiping out the child <pre id="last-prompt"> element. This caused
copyPromptToClipboard() to fail silently and the display to appear empty.

Fix: keep <pre> as a hidden sibling outside #prompt-display, used only as
a text buffer for the copy function.
---
 bot/static/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/bot/static/index.html b/bot/static/index.html
index c2e166b..3527900 100644
--- a/bot/static/index.html
+++ b/bot/static/index.html
@@ -586,9 +586,9 @@
           </div>
 
           <!-- Prompt display subsections -->
-          <div id="prompt-display" style="max-height: 60vh; overflow-y: auto;">
-            <pre id="last-prompt" style="white-space: pre-wrap; word-break: break-word; background: #1a1a1a; padding: 0.75rem; border-radius: 4px; font-size: 0.8rem; line-height: 1.4; margin: 0;"></pre>
-          </div>
+          <div id="prompt-display" style="max-height: 60vh; overflow-y: auto;"></div>
+          <!-- Hidden buffer for copy-to-clipboard raw text -->
+          <pre id="last-prompt" style="display: none;"></pre>
         </div>
       </div>
     </div>