SSE per user

views/chat.html

@@ -1,5 +1,4 @@
-<div class="chat-container mt-5" style="padding-bottom: 155px;" hx-indicator="#textarea-control">
+<div class="chat-container mt-5" style="padding-bottom: 155px;" hx-indicator="#textarea-control" hx-ext="sse">
     <hx hx-get="/loadChat" hx-trigger="load once" hx-swap="outerHTML"></hx>
-
     <hx hx-get="/loadChatInput" hx-trigger="load once" hx-swap="outerHTML"></hx>
 </div>

views/partials/message-bot.html

@@ -6,7 +6,7 @@
             {% if IsPlaceholder %}
 
             <figure class="image is-48x48 message-icon" style="flex-shrink: 0;"
-                sse-swap="swapIcon-{{ ConversationAreaId }}-{{ userID }}">
+                sse-swap="swapIcon-{{ ConversationAreaId }}">
                 <img src="icons/bouvai2.png" alt="User Image" id="selectedIcon-{{ ConversationAreaId }}">
             </figure>
 
@@ -72,7 +72,7 @@
             {% elif IsPlaceholder %}
             <div class="is-flex is-align-items-start">
                 <div class="message-content" id="content-{{ ConversationAreaId }}"
-                    sse-swap="swapContent-{{ ConversationAreaId }}-{{ userID }}">
+                    sse-swap="swapContent-{{ ConversationAreaId }}">
                     <hx hx-trigger="load" hx-get="/generateMultipleMessages" id="generate-multiple-messages"></hx>
                     <div class='message-header'>
                         <p>
@@ -98,7 +98,7 @@
 
                 {% for selectedLLM in SelectedLLMs %}
                 <button disable class="button is-small is-primary message-button is-outlined mr-1"
-                    sse-swap="swapSelectionBtn-{{ selectedLLM.ID.String() }}-{{ userID }}" hx-swap="outerHTML"
+                    sse-swap="swapSelectionBtn-{{ selectedLLM.ID.String() }}" hx-swap="outerHTML"
                     hx-target="this">
                     <span class="icon is-small">
                         <!--img src="icons/{{ selectedLLM.Company }}.png" alt="{{ selectedLLM.Name }}"