Voice: multiline textarea input + Clear button

portal/templates/voice.html

@@ -10,11 +10,14 @@
       <form method="post" action="/voice" onsubmit="onSend()">
         <div class="form-field">
           <label for="message">Command</label>
-          <input class="text-input" id="message" name="message"
+          <textarea class="text-input" id="message" name="message" rows="2" required
                  placeholder="e.g. what time is it, what's the weather, turn on the lights, play some music, Donald tell me a joke…"
-                 value="{{ command or '' }}" required>
+                 style="resize:vertical; min-height:2.9em">{{ command or '' }}</textarea>
+        </div>
+        <div style="display:flex;gap:8px">
+          <button class="button button-primary" style="flex:1" type="submit" id="sendBtn">Send</button>
+          <button class="button button-utility" type="button" id="clearMsg">Clear</button>
         </div>
-        <button class="button button-primary width-full" type="submit" id="sendBtn">Send</button>
       </form>
       <div id="waiting" class="waiting">
         <span class="spinner"></span> Working — asking Jervis…
@@ -31,6 +34,12 @@
           var w = document.getElementById('waiting');
           if (w) { w.style.display = 'flex'; }
         }
+        var clearMsg = document.getElementById('clearMsg');
+        if (clearMsg) clearMsg.addEventListener('click', function () {
+          var m = document.getElementById('message');
+          if (m) m.value = '';
+          m && m.focus();
+        });
       </script>
       {% if reply %}
       <div class="linkout-card stack" style="margin-top:16px">