fix

Chat.go

@@ -86,10 +86,19 @@ type TemplateMessage struct {
 }
 
 func generateChatHTML() string {
+	// Print the name of the current conversation
+	var currentConv Conversation
+	err := edgeClient.QuerySingle(edgeCtx, `
+	SELECT global currentConversation { name }`, &currentConv)
+	if err != nil {
+		panic(err)
+	}
+	fmt.Println("Current conversation: ", currentConv.Name)
+
 	// Maybe redo that to be area by area because look like shit rn. It come from early stage of dev. It work tho soooo...
 	var Messages []Message
 
-	err := edgeClient.Query(edgeCtx, `
+	err = edgeClient.Query(edgeCtx, `
 	SELECT Message {
 		id,
 		selected,
@@ -700,10 +709,6 @@ func LoadSettingsHandler(c *fiber.Ctx) error {
 }
 
 func CreateConversationHandler(c *fiber.Ctx) error {
-	if !checkIfLogin() || !checkIfHaveKey() {
-		return c.SendString("")
-	}
-
 	name := c.FormValue("conversation-name-input")
 	if name == "" {
 		name = "New Conversation"
@@ -728,11 +733,27 @@ func CreateConversationHandler(c *fiber.Ctx) error {
 	return c.SendString(GenerateConversationPopoverHTML(true))
 }
 
-func SelectConversationHandler(c *fiber.Ctx) error {
+func DeleteConversationHandler(c *fiber.Ctx) error {
-	if !checkIfLogin() || !checkIfHaveKey() {
+	conversationId := c.FormValue("conversationId")
-		return c.SendString("")
+
+	conversationUUID, err := edgedb.ParseUUID(conversationId)
+	if err != nil {
+		// Handle the error
+		panic(err)
 	}
 
+	err = edgeClient.Execute(edgeCtx, `
+	DELETE Conversation
+	FILTER .user = global currentUser AND .id = <uuid>$0;
+	`, conversationUUID)
+	if err != nil {
+		panic(err)
+	}
+
+	return c.SendString(GenerateConversationPopoverHTML(true))
+}
+
+func SelectConversationHandler(c *fiber.Ctx) error {
 	conversationId := c.FormValue("conversation-id")
 	conversationUUID, err := edgedb.ParseUUID(conversationId)
 	if err != nil {
@@ -740,6 +761,8 @@ func SelectConversationHandler(c *fiber.Ctx) error {
 		panic(err)
 	}
 
+	fmt.Println("conversationUUID", conversationUUID.String())
+
 	err = edgeClient.Execute(edgeCtx, `
 	SET global currentConversation := (
 		SELECT Conversation

LLM.go

@@ -141,6 +141,7 @@ func updateLLMPositionBatch(c *fiber.Ctx) error {
 	return nil
 }
 
+// When we reorder the LLM list
 func updateConversationPositionBatch(c *fiber.Ctx) error {
 	var positionUpdates []PositionUpdate
 	if err := c.BodyParser(&positionUpdates); err != nil {

login.go

@@ -1,3 +1,5 @@
+// Hohohoho. Bienvenue mes amis.
+// I think you gonna be interested by this part.
 package main
 
 import (

main.go

@@ -121,6 +121,7 @@ func main() {
 	app.Get("/loadSettings", LoadSettingsHandler)
 	app.Post("/updateLLMPositionBatch", updateLLMPositionBatch)
 	app.Get("/createConversation", CreateConversationHandler)
+	app.Get("/deleteConversation", DeleteConversationHandler)
 	app.Get("/selectConversation", SelectConversationHandler)
 	app.Post("/updateConversationPositionBatch", updateConversationPositionBatch)
 

views/partials/modal-llm-setting.html

@@ -1,11 +0,0 @@
-<div id="modal">
-    <div class="modal-underlay" hx-get="/empty" hx-target="#modal" hx-swap="outerHTML"></div>
-    <div class="modal-content">
-        <h1>Modal Dialog</h1>
-        This is the modal content.
-        You can put anything here, like text, or a form, or an image.
-        <br>
-        <br>
-        <button hx-get="/empty" hx-target="#modal" hx-swap="outerHTML">Close</button>
-    </div>
-</div>

views/partials/popover-conversation.html

@@ -13,9 +13,11 @@
             <div class="dropdown-item">
                 <div id="conversation-list">
                     {% for Conversation in Conversations %}
-                    <div class="icon-text has-text unselected icon-conv" data-id="{{ Conversation.ID.String() }}"
+                    <div class="icon-text has-text unselected icon-conv {% if Conversation.Name == 'Default' %} selected {% endif %}"
-                        style="cursor: pointer;" onclick="toggleConversationSelection(this)" hx-get="/loadChat"
+                        data-id="{{ Conversation.ID.String() }}" style="cursor: pointer;"
-                        hx-swap="outerHTML" hx-target="#chat-container">
+                        onclick="toggleConversationSelection(this)"
+                        hx-get="/selectConversation?conversation-id={{ Conversation.ID.String() }}" hx-swap="outerHTML"
+                        hx-target="#chat-container">
                         <span>{{ Conversation.Name }}</span>
                     </div>
                     {% endfor %}
@@ -23,7 +25,9 @@
                 <input class="input is-small mt-2 is-hidden" type="text" id="conversation-name-input"
                     name="conversation-name-input" placeholder="Conversation name" autocomplete="off">
                 <div class="is-flex is-justify-content-space-between mt-4">
-                    <button disabled class="button is-small is-danger" id="delete-conversation-button">
+                    <button class="button is-small is-danger" id="delete-conversation-button"
+                        hx-get="/deleteConversation" hx-swap="outerHTML" hx-target="#conversation-dropdown"
+                        hx-vals="js:{conversationId: findSelectedConversationID()}">
                         <span class="icon">
                             <i class="fa-solid fa-trash"></i>
                         </span>
@@ -54,17 +58,15 @@
         </div>
     </div>
     <script>
+        function findSelectedConversationID() {
+            return document.getElementsByClassName('icon-conv selected')[0].getAttribute('data-id');
+        }
         function toggleConversationSelection(element) {
             const elements = Array.from(document.getElementsByClassName('icon-conv'));
 
-            // If the conversation is already selected, unselect it
+            // If the conversation is already selected, keep it
             if (element.classList.contains('selected')) {
-                for (let i = 0; i < elements.length; i++) {
+                // Do nothing
-                    elements[i].classList.remove('selected');
-                    elements[i].classList.add('unselected');
-                }
-                element.classList.remove('selected');
-                element.classList.add('unselected');
                 return;
             } else if (element.classList.contains('unselected')) {
                 for (let i = 0; i < elements.length; i++) {