sequence-flow-experiment-with-desktop-commander
Fully AI generated Flutter app in Claude Desktop with 3.7 Sonnet by MCP servers desktop-commander and sequential-thinking
what is Sequence Flow?
Sequence Flow is an interactive Hierarchical Task Network (HTN) Planning System built as a Flutter application that allows users to visualize and manage complex planning problems through guided AI conversations.
how to use Sequence Flow?
To use Sequence Flow, clone the repository, install the necessary dependencies, and run the app using Flutter. The application provides a three-column interface for interacting with the AI, visualizing tasks, and managing hierarchical task lists.
key features of Sequence Flow?
- Interactive modeling through guided AI conversations
- Visualization of planning tasks as directed graphs
- Hierarchical compression of subgraphs to manage complexity
- Dynamic question selection based on the current planning state
- External persistence to prevent data loss
use cases of Sequence Flow?
- Modeling complex project plans using HTN techniques
- Visualizing dependencies between tasks in a project
- Managing and decomposing tasks for better planning efficiency
FAQ from Sequence Flow?
- What is HTN planning?
HTN planning is a method for decomposing complex tasks into simpler, manageable tasks.
- What technologies are used in Sequence Flow?
The application is built using Flutter and Dart.
- Is there a user guide available?
Yes, the project includes a README file with installation and usage instructions.
sequence-flow-experiment-with-desktop-commander
Fully AI generated Flutter app in Claude Desktop with 3.7 Sonnet by MCP servers desktop-commander and sequential-thinking
Sequence Flow - HTN Planning System
A Flutter application for visualizing and managing Hierarchical Task Networks (HTN).
Overview
Sequence Flow is an interactive HTN Planning System that enables users to model complex planning problems through a guided AI conversation. It provides a visual representation of planning tasks as a directed graph and supports hierarchical compression of subgraphs to manage complexity while preserving cross-boundary references.
Key Features
- Interactive Modeling: Guided AI conversation for complex planning problems
- Directed Graph Visualization: Planning tasks displayed as a directed graph with complex dependencies
- Hierarchical Compression: Compress subgraphs to manage complexity while preserving references
- Three-Column Interface: AI chat, interactive graph, and hierarchical task list
- Iterative Problem Solving: Dynamic question selection based on current planning state
- External Persistence: Prevents data loss from LLM context limitations
Project Structure
sequence_flow/
├── lib/
│ ├── behaviors/ # Implements HTN planning behaviors
│ ├── models/ # Data models for the application
│ │ └── entities/ # Core entity definitions
│ ├── screens/ # Application screens
│ ├── services/ # External service integrations
│ ├── utils/ # Utility functions and helpers
│ └── widgets/ # Reusable UI components
├── assets/ # Static assets (icons, images)
└── test/ # Unit and widget tests
Getting Started
Prerequisites
- Flutter (>= 3.6.1)
- Dart (>= 3.6.0)
- An IDE (VS Code, Android Studio, or IntelliJ)
Installation
-
Clone the repository:
git clone https://github.com/yourusername/sequence_flow.git cd sequence_flow -
Install dependencies:
flutter pub get -
Run the app:
flutter run
Core Components
Entities
- Task: The fundamental building block of HTN planning
- Method: Defines ways to decompose a compound task
- TaskDecomposition: Hierarchical relationship between tasks
- TaskDependency: Non-hierarchical dependencies between tasks
- CrossBoundaryReference: References that span compressed subgraph boundaries
- WorldState: Representation of world states during planning
- Plan: Solution to a planning problem
- Conversation: AI-guided planning conversation
Behaviors
- HierarchicalCompression: Manages compression/expansion of subgraphs
- AIGuidedPlanning: Controls the AI-driven planning conversation
- GraphStateManagement: Manages persistence and history of graph state
User Interface
- ThreeColumnLayout: Main application layout with three panels
- AIChat: Left column for conversation with AI
- DirectedGraph: Middle column for graph visualization
- TaskList: Right column for hierarchical task view
Development
Code Style
This project follows the official Dart style guide and uses the recommended Flutter lints.
Building
Build for web deployment:
flutter build web
Acknowledgments
- This project is based on HTN planning techniques for complex domain modeling
- The UI/UX design is inspired by modern graph visualization tools
