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)
Previous
FAQ