v0.3.3 bug fixes

frontend/src/components/MessageInput.css

@@ -236,3 +236,39 @@
     min-width: 480px;
   }
 }
+
+/* Mention display overlay — sits over the textarea to show formatted @names */
+.input-wrap {
+  position: relative;
+}
+
+.msg-input-mirror {
+  position: absolute;
+  top: 0; left: 0; right: 0;
+  pointer-events: none;      /* clicks pass through to textarea */
+  overflow: hidden;
+  white-space: pre-wrap;
+  word-break: break-word;
+  color: var(--text-primary);
+  border-color: transparent;  /* hide the border — textarea draws it */
+  background: transparent;
+  z-index: 1;
+}
+
+.msg-input-raw {
+  position: relative;
+  color: transparent;          /* hide raw text — mirror shows it */
+  caret-color: var(--text-primary); /* but keep the cursor visible */
+  background: transparent;
+  z-index: 2;
+}
+
+/* Bold mention chips inside the mirror */
+.mention-chip {
+  font-weight: 700;
+  color: var(--primary);
+  font-style: normal;
+}
+
+/* Placeholder is on the raw textarea; mirror has none */
+.msg-input-mirror::placeholder { display: none; }