Nuclear fix: pin input every 100ms via embedded HTML script + crush wrap min-height 100%

app.py

@@ -417,6 +417,56 @@ def build_app() -> gr.Blocks:
                         min_width=88,
                     )
 
+                # Always-on pin script (Gradio js= is unreliable on Spaces iframe)
+                gr.HTML(
+                    """
+<script>
+(function(){
+  if (window.__nyraPinInstalled) return;
+  window.__nyraPinInstalled = true;
+  window.iFrameResizer = { autoResize: false, sizeWidth: false };
+  function pin(){
+    var list = document.querySelectorAll('#nyra-input textarea, textarea[data-testid="textbox"]');
+    for (var i=0;i<list.length;i++){
+      var el = list[i];
+      el.setAttribute('rows','1');
+      el.style.setProperty('height','40px','important');
+      el.style.setProperty('min-height','40px','important');
+      el.style.setProperty('max-height','40px','important');
+      el.style.setProperty('resize','none','important');
+      el.style.setProperty('overflow','hidden','important');
+      el.style.setProperty('line-height','40px','important');
+      el.oninput = function(e){
+        e.target.style.setProperty('height','40px','important');
+      };
+    }
+    var row = document.getElementById('nyra-input-row');
+    if(row){
+      row.style.setProperty('height','56px','important');
+      row.style.setProperty('max-height','56px','important');
+      row.style.setProperty('min-height','56px','important');
+      row.style.setProperty('overflow','hidden','important');
+    }
+    var nodes = document.querySelectorAll('.gradio-container, main, .wrap, .contain, .fillable');
+    for (var j=0;j<nodes.length;j++){
+      nodes[j].style.setProperty('min-height','0','important');
+      nodes[j].style.setProperty('height','auto','important');
+      nodes[j].style.setProperty('flex-grow','0','important');
+    }
+    document.documentElement.style.setProperty('height','auto','important');
+    document.body.style.setProperty('height','auto','important');
+    document.body.style.setProperty('min-height','0','important');
+  }
+  setInterval(pin, 100);
+  document.addEventListener('DOMContentLoaded', pin);
+  window.addEventListener('load', pin);
+  pin();
+})();
+</script>
+                    """,
+                    visible=True,
+                )
+
         inputs = [msg, chatbot, temperature, max_tokens, thinking, lang_state]
         outputs = [chatbot, msg]
 

static/app.css

@@ -41,20 +41,33 @@ body {
 
 .gradio-container,
 .gradio-container.gradio-container,
+.gradio-container[data-iframe-height],
 main.app,
 main.fillable,
+main.svelte-18evea3,
 .wrap,
+.wrap.svelte-czcr5b,
 .contain,
+.contain.svelte-czcr5b,
 .fillable {
   height: auto !important;
   min-height: 0 !important;
   max-height: none !important;
   flex-grow: 0 !important;
+  flex: 0 0 auto !important;
   background: var(--nyra-void) !important;
   color: var(--nyra-starlight) !important;
   font-family: var(--nyra-font-body) !important;
 }
 
+/* Gradio injects min-height:100% inline on .wrap — crush it */
+div.wrap[style],
+div.contain[style] {
+  min-height: 0 !important;
+  height: auto !important;
+  flex-grow: 0 !important;
+}
+
 .gradio-container {
   max-width: 100% !important;
   padding: 0 !important;