Fix message too long when first received and make CRTL + enter work

TODO.md

@@ -1,9 +1,10 @@
 # Bugs
-[ ] The SSE event that sometime fails
+[ ] The SSE event that sometime fails after some times. Reconnect when sending a new message.
 [X] 2 selected messages
-[ ] On first response, code block width are too long
+[X] On first response, code block width are too long
 [X] Change Terms of service to say that I use one cookie
 [X] Change the lastSelectedLLMs, 2 users can't use the same time...
+[X] CTRL + Enter not working
 
 # Features
 [X] Add max tokens

views/partials/chat-input.html

@@ -124,7 +124,7 @@
   }
 
   function handleTextareaKeydown(event) {
-    if (event.metaKey && event.key === 'Enter' && event.target === textarea && textarea.value.trim() !== '' && document.getElementsByClassName('selected icon-llm').length !== 0) {
+    if ((event.ctrlKey || event.metaKey) && event.key === 'Enter' && event.target === textarea && textarea.value.trim() !== '' && document.getElementsByClassName('selected icon-llm').length !== 0) {
       // Check if the cursor is in the textarea
       // Trigger the same action as the send button
       document.getElementById('chat-input-send-btn').click();

views/partials/message-bot.html

@@ -82,6 +82,8 @@
         <div class="is-flex is-align-items-start">
           <div class="message-content"
                id="content-{{ ConversationAreaId }}"
+               style="width: 100%;
+                      overflow-y: hidden"
                sse-swap="swapContent-{{ ConversationAreaId }}">
             <hx hx-trigger="load" hx-get="/generateMultipleMessages" id="generate-multiple-messages"></hx>
             <div class='message-header'>