Feat/bot flow

[isadorable-png]

Add Flow Editor Application for Notification Bot

Overview
Adds a visual flow editor to review and design the notification bot's conversation flow with UX copy traceability.

Features

Visual Flow Editor

• React Flow-based canvas for visualizing the bot flow
• Code View tab: read-only view generated from source code
• Design Mode tab: editable visual design with drag-and-drop
• Node types: Start, Message, Action, Condition, Input, Error, Comment

Node Management

• Add nodes via drag-and-drop palette
• Edit node titles and content (double-click in design mode)
• Delete nodes (Delete/Backspace)
• Comment nodes for annotations

Import/Export

• Export flow as JSON
• Export flow as PDF
• Import JSON to load saved designs

Persistence

• Auto-save node positions to localStorage
• Save design changes to localStorage
• Persist across browser sessions

Preview

• Interactive Telegram chat preview
• Shows messages as they appear in Telegram
• Updates when selecting nodes

Flow Coverage

• User interaction flow (welcome, help, commands)
• DAO selection and management
• Wallet management (add/remove)
• System notifications (proposals, voting, delegation, power changes)

Technical Details

• Next.js application in apps/flow-editor
• Uses @xyflow/react for flow visualization
• Integrates with @notification-system/messages package
• Type-safe with TypeScript
• Responsive UI with Tailwind CSS

Files Changed

• New app: apps/flow-editor/
• Flow parser: extracts flow from message files
• API routes: /api/flow/current, /api/flow/draft
• Components: FlowCanvas, node components, TelegramPreview

Usage
Run pnpm dev in apps/flow-editor and open http://localhost:3400 to review the bot flow, experiment with designs, and export for documentation.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
notification-system-dashboard	Ready	Preview, Comment	Feb 19, 2026 0:54am

[vercel]

@LeonardoVieira1630 must be a member of the Blockful team on Vercel to deploy.
- Click here to add @LeonardoVieira1630 to the team.
- If you initiated this build, request access.
- If you're already a member of the Blockful team, make sure that your Vercel account is connected to your GitHub account.

Learn more about collaboration on Vercel and other options here.