"Chat with Notes" launcher works

src/public/app/widgets/type_widgets/ai_chat.ts

@@ -3,10 +3,12 @@ import LlmChatPanel from "../llm_chat_panel.js";
 import { type EventData } from "../../components/app_context.js";
 import type FNote from "../../entities/fnote.js";
 import server from "../../services/server.js";
+import toastService from "../../services/toast.js";
 
 export default class AiChatTypeWidget extends TypeWidget {
     private llmChatPanel: LlmChatPanel;
     private isInitialized: boolean = false;
+    private initPromise: Promise<void> | null = null;
 
     constructor() {
         super();
@@ -25,28 +27,51 @@ export default class AiChatTypeWidget extends TypeWidget {
     }
 
     async doRefresh(note: FNote | null | undefined) {
-        // Initialize the chat panel if not already done
+        try {
-        if (!this.isInitialized) {
+            // If we're already initializing, wait for that to complete
-            console.log("Initializing AI Chat Panel for note:", note?.noteId);
+            if (this.initPromise) {
-            await this.llmChatPanel.refresh();
+                await this.initPromise;
-            this.isInitialized = true;
+                return;
-        }
-
-        // If this is a newly created note, we can initialize the content
-        if (note) {
-            try {
-                const content = await note.getContent();
-                // Check if content is empty
-                if (!content || content === '{}') {
-                    // Initialize with empty chat history
-                    await this.saveData({
-                        messages: [],
-                        title: note.title
-                    });
-                }
-            } catch (e) {
-                console.error("Error initializing AI Chat note content:", e);
             }
+
+            // Only initialize once
+            if (!this.isInitialized) {
+                console.log("Initializing AI Chat Panel for note:", note?.noteId);
+
+                // Create a promise to track initialization
+                this.initPromise = (async () => {
+                    try {
+                        await this.llmChatPanel.refresh();
+                        this.isInitialized = true;
+                    } catch (e) {
+                        console.error("Error initializing LlmChatPanel:", e);
+                        toastService.showError("Failed to initialize chat panel. Try reloading.");
+                    }
+                })();
+
+                await this.initPromise;
+                this.initPromise = null;
+            }
+
+            // If this is a newly created note, we can initialize the content
+            if (note) {
+                try {
+                    const content = await note.getContent();
+                    // Check if content is empty
+                    if (!content || content === '{}') {
+                        // Initialize with empty chat history
+                        await this.saveData({
+                            messages: [],
+                            title: note.title
+                        });
+                    }
+                } catch (e) {
+                    console.error("Error initializing AI Chat note content:", e);
+                }
+            }
+        } catch (e) {
+            console.error("Error in doRefresh:", e);
+            toastService.showError("Error refreshing chat. Please try again.");
         }
     }
 
@@ -55,10 +80,23 @@ export default class AiChatTypeWidget extends TypeWidget {
     }
 
     async activeContextChangedEvent(data: EventData<"activeContextChanged">) {
-        // Only refresh when this becomes active and we're not initialized yet
+        // Only initialize if this becomes active and we're not initialized yet
-        if (this.isActive() && !this.isInitialized) {
+        if (this.isActive() && !this.isInitialized && !this.initPromise) {
-            await this.llmChatPanel.refresh();
+            try {
-            this.isInitialized = true;
+                this.initPromise = (async () => {
+                    try {
+                        await this.llmChatPanel.refresh();
+                        this.isInitialized = true;
+                    } catch (e) {
+                        console.error("Error initializing LlmChatPanel:", e);
+                    }
+                })();
+
+                await this.initPromise;
+                this.initPromise = null;
+            } catch (e) {
+                console.error("Error in activeContextChangedEvent:", e);
+            }
         }
     }
 
@@ -74,6 +112,7 @@ export default class AiChatTypeWidget extends TypeWidget {
             });
         } catch (e) {
             console.error("Error saving AI Chat data:", e);
+            toastService.showError("Failed to save chat data");
         }
     }
 

src/services/hidden_subtree_launcherbar.ts

@@ -70,10 +70,10 @@ export default function buildLaunchBarConfig() {
         { id: "_lbNoteMap", title: t("hidden-subtree.note-map-title"), type: "launcher", targetNoteId: "_globalNoteMap", icon: "bx bxs-network-chart" },
         {
             id: "_lbLlmChat",
-            title: t("hidden-subtree.ai-chat-title"),
+            title: t("hidden-subtree.llm-chat-title"),
             type: "launcher",
+            command: "createAiChat",
             icon: "bx bx-bot",
-            builtinWidget: "aiChatLauncher",
             attributes: [
                 { type: "label", name: "desktopOnly" }
             ]

translations/en/server.json

@@ -247,7 +247,8 @@
     "advanced-title": "Advanced",
     "visible-launchers-title": "Visible Launchers",
     "user-guide": "User Guide",
-    "localization": "Language & Region"
+    "localization": "Language & Region",
+    "inbox-title": "Inbox"
   },
   "notes": {
     "new-note": "New note",