From 099329c0b267e75cfba14d3aca40ce157f58f377 Mon Sep 17 00:00:00 2001
From: Adrien <adrien.bouvais.pro@gmail.com>
Date: Fri, 17 May 2024 14:15:26 +0200
Subject: [PATCH] fix

---
 Request.go                      | 18 ++++--------------
 views/partials/message-bot.html |  9 ++++-----
 2 files changed, 8 insertions(+), 19 deletions(-)

diff --git a/Request.go b/Request.go
index 3f16d07..07e42e0 100644
--- a/Request.go
+++ b/Request.go
@@ -24,7 +24,7 @@ func GeneratePlaceholderHandler(c *fiber.Ctx) error {
 	// Step 1 I create a User message and send it as output with a placeholder
 	// that will make a request to GenerateMultipleMessagesHandler when loading
 	message := c.FormValue("message", "")
-	selectedLLMIds := []string{"1e5a07c4-12fe-11ef-8da6-67d29b408c53"} // TODO Hanle in the UI
+	selectedLLMIds := []string{"1e5a07c4-12fe-11ef-8da6-67d29b408c53", "3cd15ca8-1433-11ef-9f22-93f2b78c78de"} // TODO Hanle in the UI
 
 	var selectedLLMs []LLM
 	var selectedLLM LLM
@@ -140,7 +140,7 @@ func GenerateMultipleMessagesHandler(c *fiber.Ctx) error {
 
 			templateMessage := TemplateMessage{
 				Icon:    message.LLM.Model.Company.Icon,
-				Content: markdownToHTML(message.Content),
+				Content: message.Content,
 				Hidden:  false,
 				Id:      message.ID.String(),
 				Name:    message.LLM.Model.Name,
@@ -157,16 +157,6 @@ func GenerateMultipleMessagesHandler(c *fiber.Ctx) error {
 				select {
 				case firstDone <- idx:
 					// Generate the HTML content
-					outContent := "<div class='message-header'>"
-					outContent += "<p>"
-					outContent += templateMessage.Name
-					outContent += "	</p>"
-					outContent += "</div>"
-					outContent += "<div class='message-body'>"
-					outContent += "	<ct class='content'>"
-					outContent += templateMessage.Content
-					outContent += "	</ct>"
-					outContent += "</div>"
 
 					outBtn, err := selectBtnTmpl.Execute(map[string]interface{}{
 						"message":            templateMessage,
@@ -178,12 +168,12 @@ func GenerateMultipleMessagesHandler(c *fiber.Ctx) error {
 					}
 					outBtn = strings.ReplaceAll(outBtn, "\n", "")
 
-					outIcon := `<img src="` + selectedLLMs[idx].Model.Company.Icon + `" alt="User Image">`
+					outIcon := `<img src="` + selectedLLMs[idx].Model.Company.Icon + `" alt="User Image" id="selectedIcon-` + fmt.Sprintf("%d", message.Area.Position) + `">`
 
 					go func() {
 						sendEvent(
 							"swapContent-"+fmt.Sprintf("%d", message.Area.Position),
-							outContent,
+							`<hx hx-get="/messageContent?id=`+message.ID.String()+`" hx-trigger="load" hx-swap="outerHTML"></hx>`,
 						)
 						sendEvent(
 							"swapSelectionBtn-"+selectedLLMs[idx].ID.String(),
diff --git a/views/partials/message-bot.html b/views/partials/message-bot.html
index 7efd4ce..611bfec 100644
--- a/views/partials/message-bot.html
+++ b/views/partials/message-bot.html
@@ -4,17 +4,16 @@
             <!-- Left column with the icon -->
             {% if IsPlaceholder %}
 
-            <figure class="image is-48x48" style="flex-shrink: 0;" id="selectedIcon-{{ ConversationAreaId }}"
-                sse-swap="swapIcon-{{ ConversationAreaId }}">
-                <img src="icons/bouvai2.png" alt="User Image">
+            <figure class="image is-48x48" style="flex-shrink: 0;" sse-swap="swapIcon-{{ ConversationAreaId }}">
+                <img src="icons/bouvai2.png" alt="User Image" id="selectedIcon-{{ ConversationAreaId }}">
             </figure>
 
             {% else %}
 
             {% for message in Messages %}
             {% if not message.Hidden %}
-            <figure class="image is-48x48" style="flex-shrink: 0;" id="selectedIcon-{{ ConversationAreaId }}">
-                <img src="{{ message.Icon }}" alt="User Image">
+            <figure class="image is-48x48" style="flex-shrink: 0;">
+                <img src="{{ message.Icon }}" alt="User Image" id="selectedIcon-{{ ConversationAreaId }}">
             </figure>
             {% endif %}
             {% endfor %}