Skip to main content

🎮 MultiState Playground

Experiment with multi-state activation and pathfinding in real-time!

States

Multi-Target Pathfinding

Select target states to find optimal path:

Transitions

From: [main] → Activate: [toolbar, sidebar]
From: [toolbar] → Activate: [search, properties]
From: [main] → Activate: [modal]
From: [modal] → Activate: [] → Exit: [modal]

Execution Log

No actions yet...

Try These Scenarios

Multi-State Activation

Click "Open Workspace" to activate multiple states simultaneously.

Notice how Toolbar and Sidebar activate together atomically.

Occlusion Demo

1. Open Workspace
2. Open Modal
3. See states become occluded
4. Close Modal to reveal them

Multi-Target Path

Select Search and Properties as targets, then click "Find Path".

The algorithm finds the optimal sequence to reach BOTH targets.

Code Example

from multistate import StateManager

# This playground demonstrates:
manager = StateManager()

# Add states (like checkboxes above)
manager.add_state('main', 'Main Window')
manager.add_state('toolbar', 'Toolbar')
manager.add_state('sidebar', 'Sidebar')

# Multi-state transition (like buttons above)
manager.add_transition(
    'open_workspace',
    from_states=['main'],
    activate_states=['toolbar', 'sidebar']  # Both activated!
)

# Multi-target pathfinding
path = manager.find_path_to(['search', 'properties'])
# Finds optimal path to reach BOTH targets