ui improvement

Author: Commanderk3

js/widgets/reflection.js

@@ -98,8 +98,18 @@ class ReflectionMatrix {
         this.chatInterface.className = "chatInterface";
         widgetWindow.getWidgetBody().append(this.chatInterface);
 
-        widgetWindow.addButton("notes_icon.svg", ReflectionMatrix.ICONSIZE, _("Summary")).onclick =
-            () => this.getAnalysis();
+        this.summaryButton = widgetWindow.addButton(
+            "notes_icon.svg",
+            ReflectionMatrix.ICONSIZE,
+            _("Summary")
+        );
+
+        this.summaryButton.onclick = () => this.getAnalysis();
+
+        if (this.chatHistory.length < 10) {
+            this.summaryButton.style.background = "gray";
+        }
+
         widgetWindow.addButton(
             "save-button-dark.svg",
             ReflectionMatrix.ICONSIZE,
@@ -430,6 +440,7 @@ class ReflectionMatrix {
         let reply;
         // check if message is from user or bot
         if (user_query === true) {
+            if (this.typingDiv) return;
             reply = await this.generateBotReply(
                 message,
                 this.chatHistory,
@@ -451,6 +462,10 @@ class ReflectionMatrix {
             content: reply.response
         });
 
+        if (this.chatHistory.length > 10) {
+            this.summaryButton.style.removeProperty("background");
+        }
+
         const messageContainer = document.createElement("div");
         messageContainer.className = "message-container";