Stage Toolbox - Mockup v2

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...
🔐
Pentest Stage placeholder
Security testing & vulnerability assessment
0 active
Security Scanning
Coming soon...
Vulnerability Assessment
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 v2: Stage Toolbox Modal (Light Theme, Wider, Stacked Tools)

- Light theme with clean white backgrounds
- Wider modal (680px vs 480px)
- Accordion sections for 6 stages
- Grid layout for phases inside expanded stage
- Tools stack vertically within each phase
- Simple on/off toggle switches
- Top bar icon triggers modal
- Color-coded stage icons
- Dynamic "N active" badge per stage