@5minds/node-red-dashboard-2-processcube-chat 0.1.1-develop-3537a6-mf54lair → 0.1.1-develop-2edaee-mfeeq6ff

package/ui/components/UIDeepChat.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="deep-chat-container">
         <deep-chat
+            ref="deepChat"
             :style="deepChatStyle"
             :textInput="textInputConfig"
             :introMessage="introMessageConfig"
@@ -59,6 +60,13 @@ export default {
             };
         },
     },
+    mounted() {
+        console.log('mounted');
+        this.$socket.on('msg-input:' + this.id, (msg) => {
+            console.log(JSON.stringify(msg));
+            this.handleNodeREDResponse(msg);
+        });
+    },
     beforeUnmount() {
         this.$socket.off('msg-input:' + this.id);
     },
@@ -114,7 +122,7 @@ export default {
                 this.sendToNodeRED(payload, signals);
             } catch (error) {
                 console.error('Error in handleConnection:', error);
-                this.sendErrorResponse(signals, 'Sorry, there was an error processing your message.');
+                this.sendErrorResponse('Sorry, there was an error processing your message.');
             }
         },
 
@@ -319,13 +327,9 @@ export default {
 
         sendToNodeRED(payload, signals, fallbackMessage = null) {
             this.$socket.emit('widget-action', this.id, { payload });
-
-            this.$socket.once('msg-input:' + this.id, (msg) => {
-                this.handleNodeREDResponse(msg, signals);
-            });
         },
 
-        handleNodeREDResponse(msg, signals) {
+        handleNodeREDResponse(msg) {
             try {
                 // Store the complete ChatGPT response in conversation
                 const fullResponse = msg.payload;
@@ -349,30 +353,28 @@ export default {
                 // For the chat display, show appropriate response
                 if (fullResponse.message?.tool_calls) {
                     // If ChatGPT wants to call tools, show a message
-                    signals.onResponse({
+                    this.$refs.deepChat.addMessage({
                         text: 'Function call requested...',
                         role: 'ai',
                     });
                 } else if (fullResponse.message?.content || fullResponse.content) {
                     // Normal text response
-                    signals.onResponse({
+                    this.$refs.deepChat.addMessage({
                         text: fullResponse.message?.content || fullResponse.content,
                         role: 'ai',
                     });
                 }
             } catch (error) {
                 console.error('Error handling response:', error);
-                this.sendErrorResponse(signals, 'Error processing response');
+                this.sendErrorResponse('Error processing response');
             }
         },
 
-        sendErrorResponse(signals, message) {
-            if (signals && signals.onResponse) {
-                signals.onResponse({
-                    text: message,
-                    role: 'ai',
-                });
-            }
+        sendErrorResponse(message) {      
+            this.$refs.deepChat.addMessage({
+                text: message,
+                role: 'ai',
+            });
         },
     },
 };