Add multi line support

index.html

@@ -55,11 +55,24 @@
       </div>
       <div id="messages"></div>
       <form id="message-form">
-        <input id="message" type="text" />
+        <textarea id="message" rows="4"></textarea>
         <input type="submit" value="Send" />
       </form>
     </div>
     <div id="loading" class="hidden">Loading ...</div>
   </main>
+
+  <script>
+    // JavaScript to handle form submission on Enter key press and Shift + Enter for new line
+    document.addEventListener('DOMContentLoaded', function() {
+      const messageInput = document.getElementById('message');
+      messageInput.addEventListener('keydown', function(event) {
+        if (event.key === 'Enter' && !event.shiftKey) {
+          event.preventDefault(); // Prevent form submission
+          document.getElementById('message-form').dispatchEvent(new Event('submit')); // Trigger form submission event
+        }
+      });
+    });
+  </script>
 </body>
 </html>