Flowchart App
Changelog
Changelog
All notable changes to the Flowchart App are documented here.
[Unreleased]
Planned
- RxDB integration for persistent flowchart storage
- Export functionality (PNG, SVG, JSON formats)
- Node deletion via keyboard shortcut (Delete/Backspace)
- Undo/redo support
- Copy/paste nodes and edges
- Node editing dialogs for modifying node data
- Drag-and-drop from palette to canvas
- Edge labels and styling options
[1.0.0] - 2026-01-22
Added
Flow Editor Canvas
- Interactive React Flow canvas with pan, zoom, and selection
- Minimap for navigating large diagrams
- Background grid for visual alignment
- Fit view on load for optimal initial viewport
Node Types
- Database Schema Node: Visualize database tables with fields, types, and nullable indicators
- Process Action Node: Create workflow diagrams with process, decision, start, and end shapes
- LLM Agent Node: Model AI agent configurations with role, model, and temperature settings
- Generic Custom Node: Flexible key-value nodes for custom diagrams
Node Palette
- Side panel with all available node types
- Click-to-add interaction
- Color-coded icons for easy identification
Tab Management
- Multi-tab interface for working on multiple flowcharts
- Support for up to 10 simultaneous tabs
- Tab close functionality with auto-switch
- Active tab highlighting
Toolbar Actions
- New flow creation
- Open flow (UI ready, persistence pending)
- Save flow (UI ready, persistence pending)
- Close flow with tab removal
Example Flows
- Epic FlowState Hierarchy: Data model example showing Org > Workspace > Project > Task
- MCP Chat Integration: Architecture diagram with MCP server connections
- Product Initiative Flow: Goal-to-delivery workflow visualization
- Example viewer with header, legend, and interactive navigation
App Integration
- FlowState plugin registration
- Standalone app entry point
- Framework integration for auth and org context
Technical Details
- Built on React Flow (@xyflow/react) v12+
- TypeScript with strict mode
- Functional component architecture
- Custom hooks for state management (useFlowTabs, useFlowSync)
- Lucide React icons for consistent iconography
Version Format
This changelog follows Keep a Changelog format.
- Added for new features
- Changed for changes in existing functionality
- Deprecated for soon-to-be removed features
- Removed for now removed features
- Fixed for bug fixes
- Security for vulnerability fixes
- Planned for upcoming features (in Unreleased section)