Stage Toolbox - Mockup v1

Click the green toolbox button in the top bar to open the modal

X-IPE
Stage Toolbox
💡
Ideation Stage
Brainstorm & visualize ideas
1 active
Ideation
📊
antv-infographic
🔀
mermaid
Mockup
🎨
frontend-design
Sharing
No tools configured
📋
Requirement Stage placeholder
Gather & analyze requirements
0 active
Gathering
Coming soon...
Analysis
Coming soon...
⚙️
Feature Stage placeholder
Design & implement features
0 active
Design
Coming soon...
Implementation
Coming soon...
✅
Quality Stage placeholder
Test & review code quality
0 active
Testing
Coming soon...
Review
Coming soon...
🔄
Refactoring Stage placeholder
Improve & optimize code
0 active
Analysis
Coming soon...
Execution
Coming soon...

### 🎨 Mockup v1: Stage Toolbox Modal

- Dark-themed modal matching Skills modal reference
- Accordion sections for 5 stages (Ideation, Requirement, Feature, Quality, Refactoring)
- Sub-phases displayed under each stage with tool lists
- Simple on/off toggle switches for each tool
- Top bar icon triggers modal opening
- Color-coded stage icons for visual distinction
- Placeholder badges for unimplemented stages
- "1 active" badge shows tools currently enabled