# Hiring Overview

<Columns>
<Card title="Current Headcount">
<Stat label="Total Employees" value="247" change="+12 this quarter" tone="success" icon="users" />
</Card>
<Card title="Average Time to Hire">
<Stat label="Avg. Days to Fill" value="38" change="-3 days vs last quarter" tone="success" icon="calendar" />
</Card>
</Columns>

<Card title="Open Roles">
| Role | Department | Status | Posted |
|---|---|---|---|
| Senior Frontend Engineer | Engineering | Active | 2024-01-15 |
| Product Designer | Design | Active | 2024-01-10 |
| Sales Development Rep | Sales | Active | 2024-01-20 |
| DevOps Engineer | Engineering | Pending Approval | — |
| People Operations Coordinator | People | Draft | — |
| Marketing Analyst | Marketing | Active | 2024-01-18 |
</Card>

<Columns>
<Card title="Candidate Pipeline">
<Chart type="bar" x="Stage" y="Candidates" title="Candidates by Stage">
| Stage | Candidates |
|---|---|
| Applied | 142 |
| Screen | 48 |
| Technical | 23 |
| Onsite | 12 |
| Offer | 6 |
| Hired | 4 |
</Chart>
</Card>
<Card title="Headcount by Department">
<Chart type="donut" x="Department" y="Count" title="Current Headcount Split">
| Department | Count |
|---|---|
| Engineering | 89 |
| Sales | 42 |
| Marketing | 28 |
| Design | 19 |
| People | 14 |
| Finance | 12 |
| Operations | 23 |
| Leadership | 10 |
| Customer Success | 10 |
</Chart>
</Card>
</Columns>

<Card title="Interviews Scheduled This Week">
| Candidate | Role | Interviewer | Date | Time | Type |
|---|---|---|---|---|---|
| Alex Chen | Senior Frontend | Maria Rodriguez | Mon Jan 22 | 10:00 AM | Technical |
| Jordan Kim | Product Designer | Sam Park | Mon Jan 22 | 2:00 PM | Portfolio Review |
| Taylor Brooks | Sales Dev Rep | Lisa Wang | Tue Jan 23 | 9:30 AM | Phone Screen |
| Morgan Lee | DevOps | David Chen | Tue Jan 23 | 11:00 AM | Technical |
| Casey Jordan | Marketing Analyst | Priya Shah | Wed Jan 24 | 1:00 PM | Case Study |
| Riley Turner | Senior Frontend | Maria Rodriguez | Thu Jan 25 | 3:00 PM | System Design |
| Avery Morgan | People Ops Coord | Jamie Liu | Fri Jan 26 | 10:00 AM | Behavioral |
</Card>

<Card title="Attrition (Last 6 Months)">
<Chart type="line" x="Month" y="Departures" title="Monthly Attrition">
| Month | Departures |
|---|---|
| Aug 2023 | 3 |
| Sep 2023 | 5 |
| Oct 2023 | 2 |
| Nov 2023 | 4 |
| Dec 2023 | 6 |
| Jan 2024 | 3 |
</Chart>
<Callout tone="info" title="Attrition Rate">6-month rolling attrition: 9.3% (industry avg ~13%)</Callout>
</Card>

<Card title="Open a New Role">
<Form name="new-role-request">
<Columns>
<Input label="Role Title" placeholder="e.g., Senior Backend Engineer" required="true" />
<Select label="Department" options="Engineering | Design | Sales | Marketing | People | Finance | Operations | Customer Success | Leadership" required="true" placeholder="Select department" />
</Columns>
<Columns>
<Select label="Employment Type" options="Full-time | Part-time | Contract | Internship" placeholder="Full-time" />
<Select label="Location Type" options="Remote | Hybrid (SF) | Hybrid (NYC) | On-site (SF) | On-site (NYC)" placeholder="Remote" />
</Columns>
<TextArea label="Job Description" placeholder="Key responsibilities, requirements, nice-to-haves..." rows="5" hint="Markdown supported" required="true" />
<Columns>
<Input label="Salary Range Min" type="number" placeholder="120000" step="5000" hint="Annual USD" />
<Input label="Salary Range Max" type="number" placeholder="180000" step="5000" hint="Annual USD" />
</Columns>
<Checkboxes label="Approval Required From" options="Hiring Manager | Finance | VP/Dept Head | Legal" value="Hiring Manager | Finance" hint="Select all that apply" />
<Button variant="primary">Submit for Approval</Button>
<Button variant="tertiary">Save as Draft</Button>
</Form>
</Card>