feat: the assistant's send is a Telegram-like plane, its height pinned to the field's

internal/server/web/static/ai.js

@@ -6,7 +6,7 @@
 // Off until the user turns it on in the profile.
 (function () {
   'use strict';
-  const PLANE = '<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M2.4 10.6 20.6 3.3c.8-.3 1.5.4 1.2 1.2l-7.3 18.2c-.3.8-1.5.8-1.8 0l-2.6-6.9-6.9-2.6c-.8-.3-.8-1.5 0-1.8zm7.3 4.4 2 5.2L18 6 9.7 15z"/></svg>';
+  const PLANE = '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M3.4 20.4 20.85 12.9a1 1 0 0 0 0-1.8L3.4 3.6a1 1 0 0 0-1.39 1.17L4 11l9 1-9 1-1.99 6.23a1 1 0 0 0 1.39 1.17z"/></svg>';
   const STOP = '<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><rect x="5" y="5" width="14" height="14" rx="2"/></svg>';
   const esc = v => String(v).replace(/[&<>"]/g, c => ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;'}[c]));
   const fab = document.createElement('button');

internal/server/web/static/app.css

@@ -893,3 +893,8 @@ body:not(.touch) .ai-fab { cursor:grab; touch-action:none; }
 .ai-fab { transition:transform .22s ease, opacity .22s ease, box-shadow .2s ease, right .25s ease, bottom .25s ease; }
 .ai-fab.away { opacity:0; transform:scale(.5); pointer-events:none; }
 body.ai-dragging .ai-fab, body.ai-dragging .ai-box { transition:none; }
+/* The field and the send button: one height on every phone, the button
+   square whatever the text size. */
+.ai-form-in textarea { min-height:40px; }
+.ai-send { min-height:40px; max-height:40px; min-width:40px; max-width:40px; line-height:1; border-radius:10px; }
+.ai-form-in textarea { border-radius:10px; }