dyn

public/app.js

@@ -90,15 +90,26 @@ If it’s not the right fit, no worries — we’ll refund you 💸.
       });
 
       const data = await response.json();
+      console.log("12344")
       const statusDiv = document.getElementById('cw-status');
-      if (data.status) {
+console.log("ASS")
-        statusDiv.innerHTML = data.status;
+    console.log(data)
-        statusDiv.style.maxHeight = statusDiv.scrollHeight + 'px';
+if (data.status) {
-        statusDiv.style.padding = '10px';
+  statusDiv.innerHTML = data.status;
-      } else {
+
-        statusDiv.style.maxHeight = '0';
+  // Wait one frame to ensure DOM is updated
-        statusDiv.style.padding = '0 10px';
+  requestAnimationFrame(() => {
-      }
+
+    statusDiv.style.padding = '10px';
+    statusDiv.style.maxHeight = statusDiv.scrollHeight + 'px';
+  });
+} else {
+  statusDiv.style.maxHeight = '0';
+  statusDiv.style.padding = '0 10px';
+}
+
+
+
       appendMessage(data.output, 'bot');
     } catch (error) {
       appendMessage('Fehler beim Verbinden mit dem Server. Bitte versuchen Sie es später erneut.', 'bot');

public/style.css

@@ -365,7 +365,7 @@ footer a:hover {
 
 /* Header */
 #cw-status {
-  padding: 0 10px;
+  padding: 10px 10px;
   background-color: #f0f0f0;
   border-bottom: 1px solid #ddd;
   max-height: 0;