{"id":28541712,"url":"https://github.com/flowfuse/node-red-dashboard-2-ui-chat","last_synced_at":"2026-01-31T10:31:10.062Z","repository":{"id":291087082,"uuid":"976531931","full_name":"FlowFuse/node-red-dashboard-2-ui-chat","owner":"FlowFuse","description":"Repository containing the source code for the \"Chat\" widget, available to install into Node-RED, and be used in any applications built with FlowFuse Dashboard (i.e. Node-RED Dashboard 2.0)","archived":false,"fork":false,"pushed_at":"2025-12-15T12:39:52.000Z","size":1695,"stargazers_count":2,"open_issues_count":6,"forks_count":3,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-12-16T14:51:43.235Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FlowFuse.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-05-02T09:23:58.000Z","updated_at":"2025-12-15T12:37:28.000Z","dependencies_parsed_at":"2025-09-24T10:35:09.127Z","dependency_job_id":null,"html_url":"https://github.com/FlowFuse/node-red-dashboard-2-ui-chat","commit_stats":null,"previous_names":["flowfuse/flowfuse-node-red-dashboard-2-ui-chat","flowfuse/node-red-dashboard-2-ui-chat"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/FlowFuse/node-red-dashboard-2-ui-chat","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlowFuse%2Fnode-red-dashboard-2-ui-chat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlowFuse%2Fnode-red-dashboard-2-ui-chat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlowFuse%2Fnode-red-dashboard-2-ui-chat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlowFuse%2Fnode-red-dashboard-2-ui-chat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FlowFuse","download_url":"https://codeload.github.com/FlowFuse/node-red-dashboard-2-ui-chat/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlowFuse%2Fnode-red-dashboard-2-ui-chat/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28938527,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-31T10:18:23.202Z","status":"ssl_error","status_checked_at":"2026-01-31T10:18:22.693Z","response_time":128,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-09T20:09:42.427Z","updated_at":"2026-01-31T10:31:10.057Z","avatar_url":"https://github.com/FlowFuse.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chat Window Widget for FlowFuse Dashboard (Node-RED Dashboard 2.0)\n\nThis repository contains a third-party, node for the Node-RED Dashboard to provide an interactive chat window widget.\n\nEasily 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](https://flows.nodered.org/node/@inductiv/node-red-openai-api) or [ollama](https://flows.nodered.org/node/node-red-contrib-ollama).\n\nBelow is a demonstration of the chat widget in action, integrated with an OpenAI node to provide a chatbot interface, one trained on \n\n## Examples\n\n### OpenAI Chatbot\n\nHere, an OpenAI agent was prompted that it is an expert in Node-RED, and should assist users with flow-building and answering general questions:\n\n\u003cimg style=\"max-width:600px; margin: auto;\" alt=\"Screenshot of a FlowFuse Dashboard built to enable interaction with an LLM Agent that can answer questions about Node-RED\" src=\"./docs/screenshot-open-ai.png\" /\u003e\n\n### Chat \u0026 Worldmap Integration\n\nThis 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.\n\n\u003cimg alt=\"Screenshot of a FlowFuse Dashboard built to enable interaction with an LLM Agent that can answer questions and provide coordinate data, which is then rendered on a World Map\" src=\"./docs/screenshot-worldmap.png\" /\u003e\n\n## Usage\n\n### Installation\n\n#### Install via Node-RED UI\n\n1. Navigate to a Node-RED Editor\n2. Click on the \"Manage Palette\" option int eh Node-RED menu\n3. Switch to the \"Install\" tab\n4. Search for \"@flowfuse/node-red-dashboard-2-ui-chat\"\n5. Click on the \"Install\" button\n\n#### Install via NPM\n\n```bash\nnpm install @flowfuse/node-red-dashboard-2-ui-chat\n```\n\n### Using in a Flow\n\n\u003cimg width=\"964\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a6597ab4-bfc8-4358-8c2a-8c4b69ecbeda\" /\u003e\n\nAnything 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.\n\n#### Predefined Input Types\n\nYou can create placeholder items in your chat, like a \"Typing\" message by using different `msg.topic` values.\n\n##### \"Typing\" Placeholder\n\nBy 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.\n\n\n##### Defining Message Authors\n\nAny other `msg.topic` values used are assumed to be the name of the \"author\" of the message.\n\n## Development\n\nTo get started, clone this repository:\n\n```bash\n# if using HTTPS:\ngit clone https://github.com/FlowFuse/node-red-dashboard-2-ui-chat.git\n\n# if using SSH:\ngit clone git@github.com:FlowFuse/node-red-dashboard-2-ui-chat.git\n```\n\nInstall dependencies:\n\n```bash\nnpm install\n```\n\nInstall the node to your Node-RED instance for development:\n\n```bash\n# Change directory to your Node-RED user directory - typically ~/.node-red or c:\\Users\\\u003cusername\u003e\\.node-red\ncd ~/.node-red\n# Install the cloned node package - using the path to where you cloned the repo\nnpm install /path/to/cloned/repo/node-red-dashboard-2-ui-chat\n```\n\nDuring development, you can use the following command to build the frontend code:\n\n```bash\nnpm run build:dev\n```\n\nFor production builds, use:\n\n```bash\nnpm run build\n```\n\nAfter running a build for front-end changes, you can simply refresh the Node-RED Dashboard to see your changes.\n\nIf changes to the Node-RED backend code or the nodes HTML, then you will need to restart Node-RED itself\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflowfuse%2Fnode-red-dashboard-2-ui-chat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflowfuse%2Fnode-red-dashboard-2-ui-chat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflowfuse%2Fnode-red-dashboard-2-ui-chat/lists"}