From 393921e524d28e5ce6851abf2713fbf5ed1a6b83 Mon Sep 17 00:00:00 2001
From: koko210Serve <koko.yordanov@proton.me>
Date: Sat, 2 May 2026 15:55:19 +0300
Subject: [PATCH] fix: add min-height to #prompt-display and placeholder text
 in clearPromptDisplay()

The empty #prompt-display div collapsed to 0 height, making it appear
'gone'. Added min-height: 3rem and a 'No prompt selected.' placeholder
that clearPromptDisplay() now sets via innerHTML.
---
 bot/static/index.html   | 2 +-
 bot/static/js/status.js | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/bot/static/index.html b/bot/static/index.html
index 3527900..68e29c2 100644
--- a/bot/static/index.html
+++ b/bot/static/index.html
@@ -586,7 +586,7 @@
           </div>
 
           <!-- Prompt display subsections -->
-          <div id="prompt-display" style="max-height: 60vh; overflow-y: auto;"></div>
+          <div id="prompt-display" style="max-height: 60vh; overflow-y: auto; min-height: 3rem;"></div>
           <!-- Hidden buffer for copy-to-clipboard raw text -->
           <pre id="last-prompt" style="display: none;"></pre>
         </div>
diff --git a/bot/static/js/status.js b/bot/static/js/status.js
index b9da96c..13258fa 100644
--- a/bot/static/js/status.js
+++ b/bot/static/js/status.js
@@ -138,6 +138,7 @@ async function selectPromptEntry(promptId) {
 
 function clearPromptDisplay() {
   document.getElementById('prompt-metadata').innerHTML = '';
+  document.getElementById('prompt-display').innerHTML = '<pre 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; color: #666;">No prompt selected.</pre>';
   document.getElementById('last-prompt').textContent = '';
 }