# PMO Project Portfolio Review

<Card title="Portfolio Health Summary">
<Badge tone="warning">At Risk</Badge> — 3 projects on track, 2 delayed, 1 over budget. 4 critical risks need attention.

<Stat label="Active Projects" value="6" icon="folder" />
<Stat label="Overdue Milestones" value="8" tone="danger" icon="clock" />
<Stat label="Budget Used" value="74%" icon="chart-pie" />
<Stat label="Team Utilization" value="89%" tone="warning" icon="users" />
</Card>

<Card title="Quarter Selector">
<Select label="View Quarter" name="quarter" options="Q1 2025 | Q2 2025 | Q3 2025 | Q4 2025" value="Q2 2025" />
</Card>

<Card title="Active Projects">
| Project | Owner | Deadline | Health |
|---|---|---|---|
| Cloud Migration | Sarah Chen | 2025-07-15 | <Badge tone="success">On Track</Badge> |
| Mobile App v3 | James Park | 2025-06-30 | <Badge tone="warning">At Risk</Badge> |
| CRM Upgrade | Maria Lopez | 2025-08-01 | <Badge tone="success">On Track</Badge> |
| Data Pipeline | Alex Kim | 2025-06-20 | <Badge tone="danger">Critical</Badge> |
| Security Audit | Priya Sharma | 2025-07-05 | <Badge tone="success">On Track</Badge> |
| UX Redesign | Tom Williams | 2025-07-28 | <Badge tone="warning">At Risk</Badge> |

<Button ask="Show me the Cloud Migration project details">Cloud Migration</Button>
<Button ask="Show me the Mobile App v3 project details">Mobile App v3</Button>
<Button ask="Show me the CRM Upgrade project details">CRM Upgrade</Button>
<Button ask="Show me the Data Pipeline project details">Data Pipeline</Button>
<Button ask="Show me the Security Audit project details">Security Audit</Button>
<Button ask="Show me the UX Redesign project details">UX Redesign</Button>
</Card>

<Card title="Overdue Milestones">
| Milestone | Project | Due Date | Days Overdue |
|---|---|---|---|
| API Integration Complete | Data Pipeline | 2025-06-01 | 19 |
| User Testing Phase 1 | Mobile App v3 | 2025-06-05 | 15 |
| Security Patch Deployed | Cloud Migration | 2025-06-08 | 12 |
| Design Approval | UX Redesign | 2025-06-10 | 10 |
| Load Testing Pass | Data Pipeline | 2025-06-12 | 8 |
| Beta Release | Mobile App v3 | 2025-06-15 | 5 |
| Vendor Contract Signed | CRM Upgrade | 2025-06-16 | 4 |
| Documentation Complete | Security Audit | 2025-06-17 | 3 |

<Button ask="Show all overdue milestones">View All</Button>
</Card>

<Card title="Budget Spent vs Allocation">
<Chart type="bar" x="Project" y="USD (thousands)">
| Project | Allocated | Spent |
|---|---|---|
| Cloud Migration | 450 | 310 |
| Mobile App v3 | 320 | 280 |
| CRM Upgrade | 280 | 195 |
| Data Pipeline | 200 | 185 |
| Security Audit | 150 | 90 |
| UX Redesign | 180 | 120 |
</Chart>

<Callout tone="warning" title="Budget Alert">Data Pipeline at 92.5% of budget with 3 weeks remaining.</Callout>
</Card>

<Card title="Team Utilization">
<Chart type="bar" x="Team Member" y="Utilization %">
| Team Member | Allocation |
|---|---|
| Sarah Chen | 95 |
| James Park | 110 |
| Maria Lopez | 85 |
| Alex Kim | 100 |
| Priya Sharma | 75 |
| Tom Williams | 90 |
| David Lee | 80 |
| Anita Patel | 95 |
</Chart>

<Stat label="Average Utilization" value="89%" tone="warning" icon="users" />
<Stat label="Overallocated" value="2" tone="danger" icon="warning" />
</Card>

<Card title="Risks">
| Risk | Project | Severity | Status |
|---|---|---|---|
| Cloud vendor API deprecation | Cloud Migration | <Badge tone="danger">Critical</Badge> | Open |
| Third-party library EOL | Mobile App v3 | <Badge tone="warning">High</Badge> | Open |
| Data migration data loss | Data Pipeline | <Badge tone="danger">Critical</Badge> | Open |
| Security compliance gap | Security Audit | <Badge tone="warning">High</Badge> | Mitigating |
| UX designer availability | UX Redesign | <Badge tone="neutral">Medium</Badge> | Open |
| CRM vendor price increase | CRM Upgrade | <Badge tone="neutral">Medium</Badge> | Monitoring |

<Button ask="Show me the full risk register">Full Risk Register</Button>
</Card>

<Card title="Deadlines in Next Two Weeks">
| Project | Milestone | Due Date |
|---|---|---|
| Cloud Migration | Database Migration Complete | 2025-06-22 |
| Mobile App v3 | App Store Submission | 2025-06-25 |
| Data Pipeline | Data Validation Pass | 2025-06-23 |
| Security Audit | Penetration Test Report | 2025-06-28 |
| UX Redesign | Prototype Approval | 2025-06-27 |

<Button ask="Show me a calendar view of deadlines">Calendar View</Button>
</Card>

<Card title="Delivery Pace — Last 6 Sprints">
<Chart type="line" x="Sprint" y="Story Points">
| Sprint | Planned | Completed |
|---|---|---|
| Sprint 1 | 120 | 115 |
| Sprint 2 | 130 | 108 |
| Sprint 3 | 125 | 118 |
| Sprint 4 | 140 | 95 |
| Sprint 5 | 135 | 112 |
| Sprint 6 | 145 | 105 |
</Chart>

<Stat label="Avg Velocity" value="108.8" icon="chart-line" />
<Stat label="Trend" value="Declining" tone="warning" icon="trend-down" />
</Card>

<Card title="Blocked Work Items">
| Item | Project | Blocked By | Days Blocked |
|---|---|---|---|
| API v2 Endpoint | Data Pipeline | Awaiting security review | 5 |
| Push Notification Service | Mobile App v3 | Third-party SDK issue | 3 |
| User Profile Migration | Cloud Migration | Data format mismatch | 7 |
| Report Generator | CRM Upgrade | Database schema change | 2 |

<Button ask="Show me all blocked items">View All Blocked</Button>
</Card>

<Card title="Actions">
<Columns>
<Card title="Request More People">
<Form name="request-people">
<Select label="Select Project" name="project" options="Cloud Migration | Mobile App v3 | CRM Upgrade | Data Pipeline | Security Audit | UX Redesign" placeholder="Choose project" />
<Input label="Role Needed" name="role" placeholder="e.g., Senior Developer, QA Engineer" />
<Input label="Number of People" name="count" type="number" placeholder="1" />
<TextArea label="Justification" name="justification" placeholder="Why this role is needed..." />
<Button>Submit Request</Button>
</Form>
</Card>

<Card title="Export & Archive">
<Button variant="secondary" icon="download">Export Portfolio Review (PDF)</Button>
<Button variant="secondary" icon="download">Export Portfolio Review (CSV)</Button>
<Button variant="secondary" icon="download">Export Portfolio Review (PPTX)</Button>

<Form name="archive-project">
<Select label="Archive Project" name="project" options="Cloud Migration | Mobile App v3 | CRM Upgrade | Data Pipeline | Security Audit | UX Redesign" placeholder="Select completed project" />
<Button variant="danger" icon="archive">Archive Project</Button>
</Form>
</Card>
</Columns>
</Card>

<FollowUps>
- Show me the detailed risk mitigation plan
- What's the team capacity for next quarter?
- Compare this quarter's performance to last quarter
- Show me projects that need attention
- Generate a stakeholder summary report
</FollowUps>