fix(messages): Enter sends message via DOM keydown, styled kbd hint below input

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

static/css/conversations.css

@@ -967,10 +967,21 @@
 }
 
 .input-hint {
-    font-size: 11px;
-    color: var(--conv-text-muted);
+    font-size: 12px;
+    color: var(--conv-text-secondary, #605e5c);
     text-align: right;
-    padding: 4px 4px 0;
+    padding: 6px 8px 2px;
+    letter-spacing: 0.2px;
+}
+.input-hint kbd {
+    display: inline-block;
+    padding: 1px 5px;
+    font-size: 11px;
+    font-family: inherit;
+    background: var(--conv-surface-secondary, #f3f2f1);
+    border: 1px solid var(--conv-border, #e1dfdd);
+    border-radius: 4px;
+    box-shadow: 0 1px 0 rgba(0,0,0,0.08);
 }
 
 /* --- Quill editor inside input wrapper --- */

static/js/conversations.js

@@ -1057,20 +1057,18 @@
                 placeholder: 'Napisz wiadomość...',
                 modules: {
                     toolbar: [['bold', 'italic'], ['link'], ['clean']],
-                    keyboard: {
-                        bindings: {
-                            enter: {
-                                key: 13,
-                                handler: function () {
-                                    Composer.send();
-                                    return false;
-                                },
-                            },
-                        },
-                    },
                 },
             });
 
+            // Enter = send, Shift+Enter = newline (override via DOM keydown)
+            state.quill.root.addEventListener('keydown', function (e) {
+                if (e.key === 'Enter' && !e.shiftKey) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    Composer.send();
+                }
+            });
+
             // Typing indicator
             state.quill.on('text-change', function () {
                 Composer.sendTyping();

templates/messages/conversations.html

@@ -139,7 +139,7 @@
       </div>
       <input type="file" id="fileInput" multiple style="display:none" accept=".jpg,.jpeg,.png,.gif,.pdf,.docx,.xlsx">
       <div class="attachments-preview" id="attachmentsPreview" style="display:none"></div>
-      <div class="input-hint">Enter — wyślij &nbsp;·&nbsp; Shift+Enter — nowa linia</div>
+      <div class="input-hint"><kbd>Enter</kbd> wyślij &nbsp;·&nbsp; <kbd>Shift</kbd>+<kbd>Enter</kbd> nowa linia</div>
     </div>
   </div>