j-sanaaandClaude Sonnet 4.6 80859b201e feat(agentflow): add node execution visualization with HITL support (#6312)
* Integrate executuons API

* Fix Status indicators example to use AgetnContext

* Fix styling of HITL pause icon

* Tet changes for node executiom

* Fix lint error

* Chat panel implementation

* Import functionality from v2

* Fix proxy issues for chat

* Fix styling of chat

* Split out chat panel changes — execution UI only

Remove TestFlowDialog, TestFlowButton container, chat avatars, react-markdown/remark-gfm/fetch-event-source deps, uuid/fileMock mocks, and related vite proxy changes. These belong to feat-agentflow-chatpanel which will be opened on top of this branch.

Restore StyledFab to node-palette, restore old TestFlowButton component, and revert Agentflow.tsx/canvas index to pre-chat state so this branch contains only the node execution status UI work.

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>

* chore(agentflow): remove TestFlowButton placeholder from execution branch

TestFlowButton belongs to the chat panel PR. Removing the placeholder
component, its exports, and its usage in Agentflow.tsx so this branch
contains only execution UI work.

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>

* Add test changes

* FIx gemini comments

* Add dark mode toggle

* Remove Execution API references

* Update E2E to stream API responses

---------

Co-authored-by: Claude Sonnet 4.6 <[email protected]>
2026-04-30 08:18:57 -07:00
2023-04-06 22:17:34 +01:00
2026-04-28 21:22:48 +08:00
2025-05-10 10:21:26 +08:00
2025-05-27 07:29:42 +01:00

Build AI Agents, Visually

📚 Table of Contents

⚡Quick Start

Download and Install NodeJS >= 20.0.0

  1. Install Flowise

    npm install -g flowise
    
  2. Start Flowise

    npx flowise start
    
  3. Open http://localhost:3000

🐳 Docker

Docker Compose

  1. Clone the Flowise project
  2. Go to docker folder at the root of the project
  3. Copy .env.example file, paste it into the same location, and rename to .env file
  4. docker compose up -d
  5. Open http://localhost:3000
  6. You can bring the containers down by docker compose stop

Docker Image

  1. Build the image locally:

    docker build --no-cache -t flowise .
    
  2. Run image:

    docker run -d --name flowise -p 3000:3000 flowise
    
  3. Stop image:

    docker stop flowise
    

👨‍💻 Developers

Flowise has 3 different modules in a single mono repository.

  • server: Node backend to serve API logics
  • ui: React frontend
  • components: Third-party nodes integrations
  • api-documentation: Auto-generated swagger-ui API docs from express

Prerequisite

  • Install PNPM
    npm i -g pnpm
    

Setup

  1. Clone the repository:

    git clone https://github.com/FlowiseAI/Flowise.git
    
  2. Go into repository folder:

    cd Flowise
    
  3. Install all dependencies of all modules:

    pnpm install
    
  4. Build all the code:

    pnpm build
    
    Exit code 134 (JavaScript heap out of memory) If you get this error when running the above `build` script, try increasing the Node.js heap size and run the script again:
    # macOS / Linux / Git Bash
    export NODE_OPTIONS="--max-old-space-size=4096"
    
    # Windows PowerShell
    $env:NODE_OPTIONS="--max-old-space-size=4096"
    
    # Windows CMD
    set NODE_OPTIONS=--max-old-space-size=4096
    

    Then run:

    pnpm build
    
  5. Start the app:

    pnpm start
    

    You can now access the app on http://localhost:3000

  6. For development build:

    • Create .env file and specify the VITE_PORT (refer to .env.example) in packages/ui

    • Create .env file and specify the PORT (refer to .env.example) in packages/server

    • Run:

      pnpm dev
      

    Any code changes will reload the app automatically on http://localhost:8080

🌱 Env Variables

Flowise supports different environment variables to configure your instance. You can specify the following variables in the .env file inside packages/server folder. Read more

📖 Documentation

You can view the Flowise Docs here

🌐 Self Host

Deploy Flowise self-hosted in your existing infrastructure, we support various deployments

☁️ Flowise Cloud

Get Started with Flowise Cloud.

🙋 Support

Feel free to ask any questions, raise problems, and request new features in Discussion.

🙌 Contributing

Thanks go to these awesome contributors



See Contributing Guide. Reach out to us at Discord if you have any questions or issues.

Star History Chart

📄 License

Source code in this repository is made available under the Apache License Version 2.0.

Languages
TypeScript 61.8%
JavaScript 27.2%
HTML 5.6%
Handlebars 5.1%
CSS 0.2%