Deploy KLH10 TOPS-20 emulator

build/wasm/bld-kl/index.html

@@ -54,6 +54,8 @@
         .status.ready { color: #81c784; }
         .status.error { color: #e57373; }
 
+        .mobile-info-toggle { display: none; }
+
         /* ============================================
            VT100 Terminal Frame — Photo Mode
            ============================================ */
@@ -160,6 +162,12 @@
             display: none;
         }
         .vt100-frame.frameless .vt100-screen-mask { display: none; }
+        .vt100-frame.frameless #terminal {
+            height: auto;
+        }
+        .vt100-frame.frameless .vt100-screen .xterm {
+            height: auto !important;
+        }
 
         /* Black mask to hide original photo text on the CRT */
         .vt100-screen-mask {
@@ -239,6 +247,14 @@
             .key-toolbar button { height: 36px; min-width: 36px; font-size: 12px; padding: 0 6px; }
             .things-to-try { display: none; }
             .footer { display: none; }
+            .mobile-info-toggle {
+                display: block;
+                text-align: center;
+                padding: 6px 0;
+                font-size: 12px;
+            }
+            .mobile-info-toggle a { color: #888; text-decoration: none; }
+            .mobile-info-toggle a:hover { color: #4fc3f7; }
         }
 
         /* ============================================
@@ -356,6 +372,9 @@
             <button data-key="ctrl-z">^Z</button>
             <button data-key="ctrl-d">^D</button>
         </div>
+        <div class="mobile-info-toggle">
+            <a href="#" id="mobileInfoToggle">More info</a>
+        </div>
         <div class="mode-toggle" style="text-align: center; margin-bottom: 16px;">
             <a href="#" id="toggleFrame">Hide Terminal Frame</a>
             &nbsp;&middot;&nbsp;

build/wasm/bld-kl/main.js

@@ -265,7 +265,9 @@ class KLH10WebInterface {
                 const frame = document.getElementById('vt100Frame');
                 frame.classList.toggle('frameless');
                 e.target.textContent = frame.classList.contains('frameless') ? 'Show Terminal Frame' : 'Hide Terminal Frame';
-                setTimeout(() => this.adjustTerminalToScreen(), 50);
+                // Force synchronous reflow so measurements reflect the new layout
+                void frame.offsetHeight;
+                this.adjustTerminalToScreen();
             });
         }
 
@@ -281,6 +283,20 @@ class KLH10WebInterface {
             });
         }
 
+        // Mobile "More info" toggle
+        const mobileInfoToggle = document.getElementById('mobileInfoToggle');
+        if (mobileInfoToggle) {
+            mobileInfoToggle.addEventListener('click', (e) => {
+                e.preventDefault();
+                const footer = document.querySelector('.footer');
+                const thingsToTry = document.querySelector('.things-to-try');
+                const showing = footer.style.display === 'block';
+                footer.style.display = showing ? '' : 'block';
+                if (thingsToTry) thingsToTry.style.display = showing ? '' : 'block';
+                e.target.textContent = showing ? 'More info' : 'Hide info';
+            });
+        }
+
         // Key toolbar buttons
         this.ctrlActive = false;
         const keyToolbar = document.getElementById('keyToolbar');
@@ -753,6 +769,11 @@ class KLH10WebInterface {
         }
         
         if (output.length > 0) {
+            // KLH10 command mode (C/WASM) sends bare LF; convert to CR+LF for display.
+            // TOPS-20 sends CR+LF natively, so no conversion needed in run mode.
+            if (this.inRuncmdMode) {
+                output = output.replace(/(?<!\r)\n/g, '\r\n');
+            }
             this.terminal.write(output);
         }