Update application/static/js/components/initialize.js

application/static/js/components/initialize.js

@@ -8,43 +8,47 @@ class Initialize {
         this.uiManager = uiManager;
         this.systemPrompt = `your response syntax should be: ###for heading### \n ** for sub heading ** \n *** for text highlight/bold text ***`;
         this.model = null;
-        this.image_captioning = this.uiManager.image_captioning; // Get from uiManager
+        this.image_captioning = this.uiManager.image_captioning;
+        console.log("Initialize constructor called"); // Initial log
     }
 
     async initialize(model = null) {
-        // 1. Reset UI state *before* any async calls.  This is CRUCIAL.
+        console.log("initialize called with model:", model);
         this.convTitle = null;
         this.convId = null;
         this.uiManager.messagesDiv.innerHTML = '';
-        this.uiManager.prevChatsCont.innerHTML = ''; // Clear conversations here
+        this.uiManager.prevChatsCont.innerHTML = '';
+        console.log("initialize: UI reset");
 
-        // 2. Fetch models.  Await the result.
         await this.fetchModels(model);
+        console.log("initialize: fetchModels completed");
 
-        // 3. Fetch conversations. Await the result.
         await this.fetchConvs();
-
-        // 4.  The UI is now fully initialized and consistent.
+        console.log("initialize: fetchConvs completed");
     }
 
     async reInitialize(id) {
-        // 1. Reset UI state *before* any async calls.
+        console.log("reInitialize called with id:", id);
         this.convTitle = null;
         this.convId = id;
         this.uiManager.messagesDiv.innerHTML = '';
+        console.log("reInitialize: UI reset");
 
-        // 2. Fetch the specific conversation.  Await the result.
         await this.fetchConv(id);
+        console.log("reInitialize: fetchConv completed");
     }
 
     async fetchConv(id) {
+        console.log("fetchConv called with id:", id);
         try {
             const response = await requests.request('POST', '/fetch', { "Content-Type": "application/json" }, JSON.stringify({ "convId": id }), false);
             if (!response.ok) {
                 const errorText = await response.text();
-                throw new Error(`Error fetching conversation: ${response.status} - ${errorText}`);
+                console.error(`Error fetching conversation: ${response.status} - ${errorText}`);
+                return; // Early return on error
             }
             const data = await response.json();
+            console.log("fetchConv: data received:", data);
             this.convTitle = data['title'];
             const arr = data['messages'];
             for (let i = 0; i < arr.length; i++) {
@@ -58,20 +62,22 @@ class Initialize {
                 }
             }
         } catch (error) {
-            alert(`An error occurred: ${error}`);
-            console.error(error);
+            console.error("fetchConv: Error:", error);
         }
     }
 
     async fetchConvs() {
+        console.log("fetchConvs called");
         try {
             const response = await requests.request('GET', '/convs', { "Content-Type": "application/json" }, null, false);
             if (!response.ok) {
                 const errorText = await response.text();
-                throw new Error(`Error fetching conversations: ${response.status} - ${errorText}`);
+                console.error(`Error fetching conversations: ${response.status} - ${errorText}`);
+                return; // Early return on error
+
             }
             const data = await response.json();
-            // Clear conversations *inside* fetchConvs, before adding new ones
+            console.log("fetchConvs: data received:", data);
             this.uiManager.prevChatsCont.innerHTML = '';
 
             for (let i = 0; i < data.length; i++) {
@@ -82,47 +88,47 @@ class Initialize {
                 prevChat.innerText = dict['title'];
                 this.uiManager.prevChatsCont.appendChild(prevChat);
 
-                // Attach event listener *after* appending to the DOM.
                 prevChat.addEventListener('click', () => {
+                    console.log("prevChat clicked, id:", prevChat.id); // Log click
                     this.reInitialize(prevChat.id);
                 });
             }
         } catch (error) {
-            alert(`An error occurred: ${error}`);
-            console.error(error);
+            console.error("fetchConvs: Error:", error);
         }
     }
 
-
     async fetchModels(initialModel) {
+        console.log("fetchModels called with initialModel:", initialModel);
         try {
             const response = await requests.request('GET', '/models', { "Content-Type": "application/json" }, null, false);
             if (!response.ok) {
                 const errorText = await response.text();
-                throw new Error(`Error fetching models: ${response.status} - ${errorText}`);
+                console.error(`Error fetching models: ${response.status} - ${errorText}`);
+                return; // Early return on error
             }
             const data = await response.json();
-            this.uiManager.models.innerHTML = ''; // Clear existing options
+            console.log("fetchModels: data received:", data);
+            this.uiManager.models.innerHTML = '';
 
             for (let i = 0; i < data.length; i++) {
                 const opt = document.createElement('option');
                 opt.innerText = data[i];
-                opt.value = data[i]; // Set the value attribute
+                opt.value = data[i];
                 this.uiManager.models.appendChild(opt);
             }
 
-            // Set the initial model. Use initialModel if provided, otherwise default to the first model.
             this.model = initialModel || data[0];
-            this.uiManager.models.value = this.model; // Set selected option
+            this.uiManager.models.value = this.model;
+            console.log("fetchModels: model set to:", this.model);
 
-            // Only update this.model on change.  Do NOT re-initialize.
             this.uiManager.models.addEventListener('change', (e) => {
+                console.log("Model changed to:", e.target.value);
                 this.model = e.target.value;
             });
 
         } catch (error) {
-            alert(`An error occurred: ${error}`);
-            console.error(error);
+            console.error("fetchModels: Error:", error);
         }
     }
 }