This repository contains a third-party, node for the Node-RED Dashboard to provide an interactive chat window widget.
Easily build a chat-based user interface, and seamlessly integrate it with the vast collection of other Node-RED nodes available, including many for well-known AI services and offerings like OpenAI or ollama.
Below is a demonstration of the chat widget in action, integrated with an OpenAI node to provide a chatbot interface, one trained on
Here, an OpenAI agent was prompted that it is an expert in Node-RED, and should assist users with flow-building and answering general questions:
This agent was provisioned to provide coordinate data alongside it's text-based answers, which are then rendered onto a World Map, also rendered within FlowFuse Dashboard.
- Navigate to a Node-RED Editor
- Click on the "Manage Palette" option int eh Node-RED menu
- Switch to the "Install" tab
- Search for "@flowfuse/node-red-dashboard-2-ui-chat"
- Click on the "Install" button
npm install @flowfuse/node-red-dashboard-2-ui-chat
Anything sent into the node will be considered as a received message. Any messages typed into the chat will be sent out of the node as a sent message.
You can create placeholder items in your chat, like a "Typing" message by using different msg.topic values.
By assigning a msg.topic of _typing, then a placeholder "Typing..." message will be shown in the chat. This is automatically removed when the next message is received.
Any other msg.topic values used are assumed to be the name of the "author" of the message.
To get started, clone this repository:
# if using HTTPS:
git clone https://github.com/FlowFuse/node-red-dashboard-2-ui-chat.git
# if using SSH:
git clone git@github.com:FlowFuse/node-red-dashboard-2-ui-chat.gitThen, you can install it's dependencies with:
npm install