<Card title="Active Projects">
<Details title="Active Projects" open=true>
- Project Alpha – Owner: Alice – Deadline: 2025-12-01 – Health: Green
- Project Beta – Owner: Bob – Deadline: 2025-11-15 – Health: Yellow
- Project Gamma – Owner: Carol – Deadline: 2025-10-20 – Health: Red
</Details>
</Card>

<Card title="Overdue Milestones">
<Details title="Overdue Milestones" open=true>
- Milestone 1 – Project Alpha – Due: 2025-09-01 – Status: Overdue
- Milestone 2 – Project Beta – Due: 2025-08-15 – Status: Overdue
</Details>
</Card>

<Card title="Budget Overview">
<Chart type="column" x="Project" y="Amount" title="Budget Allocation vs Spend">
| Project | Allocation | Spent |
|---|---|---|
| Alpha | $500,000 | $480,000 |
| Beta | $300,000 | $320,000 |
| Gamma | $200,000 | $190,000 |
</Chart>
</Card>

<Card title="Team Utilization">
<Stat label="Utilization" value="78%" tone="success"/>
<Progress value=78 max=100 label="Team Utilization" tone="info"/>
</Card>

<Card title="Risks">
<Details title="Risks" open=true>
- <Badge tone="danger">High</Badge> Key resource shortage – may delay delivery
- <Badge tone="warning">Medium</Badge> Vendor contract renewal pending
- <Badge tone="info">Low</Badge> Minor scope creep
</Details>
</Card>

<Card title="Upcoming Deadlines (Next 2 Weeks)">
<Details title="Upcoming Deadlines" open=true>
- 2025-10-05 – Project Beta – Milestone Review
- 2025-10-12 – Project Gamma – Final Delivery
</Details>
</Card>

<Card title="Delivery Pace (Last 6 Sprints)">
<Chart type="line" x="Sprint" y="Velocity" title="Sprint Velocity">
| Sprint | Velocity |
|---|---|
| S1 | 30 |
| S2 | 28 |
| S3 | 35 |
| S4 | 25 |
| S5 | 32 |
| S6 | 27 |
</Chart>
</Card>

<Card title="Blocked Work Items">
<Details title="Blocked Items" open=true>
- Task: UI redesign – Blocked by: Design approval
- Task: API integration – Blocked by: External service outage
</Details>
</Card>

<Card title="Portfolio Health">
<Stat label="Portfolio Health" value="Green" tone="success"/>
</Card>

<Card title="Quarter Selector">
<Select label="Quarter" options="Q1 | Q2 | Q3 | Q4" placeholder="Select quarter" name="quarter-select" required=true/>
</Card>

<Card title="Request More People">
<Button variant="primary" ask label="Request More People" size=medium/>
</Card>

<Card title="Export Review">
<Button variant="secondary" ask label="Export Review"/>
</Card>

<Card title="Archive Project">
<Button variant="danger" ask label="Archive Project"/>
</Card>