flowdrop_ui_agents

The FlowDrop UI Agents module provides FlowDrop visual editor integration for AI Agents using the Modeler API. It enables users to visually design, configure, and manage AI agent workflows through an intuitive drag-and-drop interface.

It helps you edit the whole flow of AI Agents from one place. Don't need to worry about tools, assistants, agents, chatbots. Everything is in one place at your finger tips.

This module directly saves and writes to the existing AI Agent configuration. You can use it on existing AI Agents, you can create or edit agents with FlowDrop UI and then finish editing them using the traditional edit forms. It's fully decoupled via the Modeller API and so you can switch to BPMN.io if. you want. It is designed for developers and site builders who want a clear, maintainable, and user-friendly way to build AI-driven workflows in Drupal.

Try it out on Drupalforge visiting the next link.

Key features

• Visual Workflow Editor

Design AI agent workflows using a modern drag-and-drop interface powered by FlowDrop UI.

• Writes directly to AI Agent config

It write directly to the existing AI Agent configuration entities and so you can use it on your existing agents and you don't have to worry about compatibility issues or a new ecosystem.

• Tool Management

Visually configure and manage tools available to agents, sourced from function call plugins and Tool API. Anything written for the Tool API will work with this visual interface.

• Agent Configuration

Edit system prompts, orchestration logic, max loops, triage settings, and other agent parameters directly from the visual editor.

• REST API Support

Provides REST endpoints for retrieving agents, tools, node metadata, and editor sidebar data.

• Node Position Persistence

Node position and layout is generated by the existing AI Agent configuration so it will always be clearly laid out.

• Modeler API Integration

Leverages the Modeler API to enable extensible and future-proof workflow modeling.

• Multiple view modes (Coming) ⌛

Supports a variety of view modes to allow for simplicity or more detail.

• MCP Integration (Coming) ⌛

Using an MCP Client Flowdrop UI can make use of thousands of integrations with other systems that support MCP

• Guardrails Support (Coming) ⌛

Use a variety of guardrail suppliers to manage both inputs to and outputs from AI. Check for harmful or unhelpful responses and configure the rules all from one UI

Getting Started

After installing this module, you should follow the next steps:

Creating or editing an Agent

• Go to Configuration → AI → AI Agent
• Click on New AI Agent or Edit an existing one

Editing an Assistant

• Go to Configuration → AI → AI Assistants
• Click on the dropdown close to Edit, then click on Edit with FlowDrop for AI Agents

🔎 Preview