{items.map((item, idx) => {
const stage = applicationStatusLabel(item.status, item)
const job = item.job_title || item.jobTitle || 'No job assigned'
const href = hrefForPreviousApplication(item)
+ const isCurrent = current.size > 0 && isSameApplication(item, current)
const key = [
item.source,
item.inbox_id,
@@ -204,6 +250,12 @@ export function PreviousApplications({ row, title = 'Previous applications' }) {
item.job_post_id,
idx,
].filter(Boolean).join(':')
+ const jobLabel = (
+ <>
+ {job}
+ {isCurrent ? ' (Current)' : ''}
+
+ )
return (
e.stopPropagation()}
>
- {job}
+ {jobLabel}
) : (
-
{job}
+
{jobLabel}
)}
{SOURCE_LABEL[item.source] || item.source || 'Application'}
diff --git a/frontend/src/screens/Dashboard.jsx b/frontend/src/screens/Dashboard.jsx
index 8b74e19..1faf315 100644
--- a/frontend/src/screens/Dashboard.jsx
+++ b/frontend/src/screens/Dashboard.jsx
@@ -105,65 +105,144 @@ function fmtWhen(iso) {
return fmtShort(iso) || '—'
}
-const PERIOD_SHEET_NAMES = {
- week: 'Weekly',
- month: 'Monthly',
- quarter: 'Quarterly',
- year: 'Yearly',
+function dashExportValue(value) {
+ if (value == null || value === '') return ''
+ return value
}
-const PERIOD_METRICS = [
- { label: 'Open Jobs', key: 'open_jobs' },
- { label: 'Applications', key: 'total_candidates' },
- { label: 'Hires', key: 'hires' },
- { label: 'Offers Sent', key: 'offers_sent' },
- { label: 'Offers Accepted', key: 'offers_accepted' },
- { label: 'Cost per Hire', key: 'cost_per_hire', round: true },
-]
-
-function kpiValue(kpis, key, { round = false } = {}) {
- if (!kpis || kpis[key] == null || kpis[key] === '') return ''
- const n = Number(kpis[key])
- if (!Number.isFinite(n)) return kpis[key]
- return round ? Math.round(n) : n
-}
-
-async function fetchRangeSnapshot(rangeKey, department) {
- const span = rangeWindow(rangeKey)
- const kpisRes = await analyticsApi.kpis({
- ...span,
- department: department || undefined,
- })
- return {
- key: rangeKey,
- fromDate: span.fromDate,
- toDate: span.toDate,
- kpis: asObject(kpisRes?.data),
- }
-}
-
-function buildPeriodSheets({ department, snapshots, exportedAt }) {
+function buildDashboardSheets({
+ department,
+ rangeKey,
+ span,
+ exportedAt,
+ kpis,
+ jobApps,
+ pipeRows,
+ offerCounts,
+ attentionRows,
+ starvingCount,
+ activity,
+}) {
const deptLabel = department || 'All Departments'
const stamp = fmtDate(exportedAt) || exportedAt.toISOString().slice(0, 10)
- const columns = [
- { header: 'Metric', key: 'metric', width: 22 },
- { header: 'Value', key: 'value', width: 16 },
+ const from = fmtDate(span.fromDate) || span.fromDate
+ const to = fmtDate(span.toDate) || span.toDate
+ const subtitle = `${rangeLabel(rangeKey)} · ${from} – ${to} · ${deptLabel} · exported ${stamp}`
+ const k = kpis || {}
+
+ const summaryRows = [
+ { metric: 'Open Jobs', value: dashExportValue(k.open_jobs), trend: pctDelta(k.open_jobs, k.open_jobs_prior) || '' },
+ { metric: 'Applications', value: dashExportValue(k.total_candidates), trend: pctDelta(k.total_candidates, k.total_candidates_prior) || '' },
+ { metric: 'Hires', value: dashExportValue(k.hires), trend: pctDelta(k.hires, k.hires_prior) || '' },
+ { metric: 'Offers Sent', value: dashExportValue(k.offers_sent), trend: pctDelta(k.offers_sent, k.offers_sent_prior) || '' },
+ { metric: 'Offers Accepted', value: dashExportValue(k.offers_accepted), trend: pctDelta(k.offers_accepted, k.offers_accepted_prior) || '' },
+ {
+ metric: 'Interviews Today',
+ value: dashExportValue(k.interviews_today),
+ trend: k.interviews_upcoming != null ? `${k.interviews_upcoming} upcoming` : '',
+ },
+ {
+ metric: 'Time to Hire',
+ value: k.time_to_hire != null ? `${Math.round(k.time_to_hire)} days` : '',
+ trend: dayDelta(k.time_to_hire, k.time_to_hire_prior) || '',
+ },
+ {
+ metric: 'Cost per Hire',
+ value: k.cost_per_hire != null ? money(Math.round(k.cost_per_hire)) : '',
+ trend: pctDelta(k.cost_per_hire, k.cost_per_hire_prior) || '',
+ },
]
- return snapshots.map((s) => {
- const name = PERIOD_SHEET_NAMES[s.key] || s.key
- const from = fmtDate(s.fromDate) || s.fromDate
- const to = fmtDate(s.toDate) || s.toDate
- return {
- name,
- title: name,
- subtitle: `${from} – ${to} · ${deptLabel} · exported ${stamp}`,
- columns,
- rows: PERIOD_METRICS.map((spec) => ({
- metric: spec.label,
- value: kpiValue(s.kpis, spec.key, { round: spec.round }),
+
+ return [
+ {
+ name: 'Summary',
+ title: 'Dashboard',
+ subtitle,
+ columns: [
+ { header: 'Metric', key: 'metric', width: 22 },
+ { header: 'Value', key: 'value', width: 16 },
+ { header: 'Vs prior period', key: 'trend', width: 18 },
+ ],
+ rows: summaryRows,
+ },
+ {
+ name: 'Applications per Job',
+ title: 'Applications per Job',
+ subtitle,
+ columns: [
+ { header: 'Job', key: 'title', width: 36 },
+ { header: 'Department', key: 'department', width: 22 },
+ { header: 'Status', key: 'status', width: 14 },
+ { header: 'Vacancies', key: 'vacancies', width: 12 },
+ { header: 'Applications', key: 'count', width: 14 },
+ ],
+ rows: jobApps.map((j) => ({
+ title: j.title || '',
+ department: j.department || '',
+ status: jobsApi.REQ_STATUS_LABEL[j.requisition_status] || j.requisition_status || '',
+ vacancies: j.vacancies ?? '',
+ count: j.count ?? 0,
})),
- }
- })
+ },
+ {
+ name: 'Pipeline',
+ title: 'Candidate Pipeline',
+ subtitle,
+ columns: [
+ { header: 'Stage', key: 'stage', width: 18 },
+ { header: 'Count', key: 'count', width: 12 },
+ { header: 'Share', key: 'share', width: 12 },
+ ],
+ rows: pipeRows.map((r) => ({
+ stage: r.stage,
+ count: r.count,
+ share: r.pct != null ? `${r.pct}%` : '',
+ })),
+ },
+ {
+ name: 'Offer Book',
+ title: 'Offer Book',
+ subtitle: `All offers by status · point-in-time · exported ${stamp}`,
+ columns: [
+ { header: 'Status', key: 'status', width: 18 },
+ { header: 'Count', key: 'count', width: 12 },
+ ],
+ rows: offersApi.OFFER_STATUSES.map((s) => ({
+ status: offersApi.OFFER_STATUS_LABEL[s],
+ count: offerCounts[s] ?? 0,
+ })),
+ },
+ {
+ name: 'Needs Attention',
+ title: 'Needs Attention',
+ subtitle: `Work queued right now · exported ${stamp}`,
+ columns: [
+ { header: 'Item', key: 'title', width: 36 },
+ { header: 'Count', key: 'count', width: 12 },
+ ],
+ rows: [
+ ...attentionRows.map((row) => ({ title: row.title, count: row.count ?? 0 })),
+ { title: 'Open jobs with no applications', count: starvingCount },
+ ],
+ },
+ {
+ name: 'Recent Activity',
+ title: 'Recent Activity',
+ subtitle: `Latest across the org · exported ${stamp}`,
+ columns: [
+ { header: 'When', key: 'when', width: 20 },
+ { header: 'Activity', key: 'activity', width: 28 },
+ { header: 'Actor', key: 'actor', width: 22 },
+ { header: 'Detail', key: 'detail', width: 40 },
+ ],
+ rows: activity.map((a) => ({
+ when: fmtWhen(a.activity_date),
+ activity: a.activity_type || 'Activity',
+ actor: a.actor_name || '',
+ detail: a.description || a.activity_status || '',
+ })),
+ },
+ ]
}
function ListGate({ query, title, permission, children, emptyTitle, emptyHint }) {
@@ -423,16 +502,54 @@ function DashboardHome() {
if (exporting) return
setExporting(true)
try {
- const snapshots = await Promise.all(
- RANGES.map((r) => fetchRangeSnapshot(r.key, department)),
- )
+ const [kpisRes, jobAppsRes, funnelRes, offersRes, countsRes, activityRes] = await Promise.all([
+ analyticsApi.kpis(filters),
+ analyticsApi.applicationsPerJob({ top: JOBS_FETCHED, ...filters }),
+ analyticsApi.funnel(filters),
+ offersApi.list({ top: 500 }).catch(() => null),
+ inboxApi.fetchCounts().catch(() => ({})),
+ activityApi.feed({ top: 8 }).catch(() => null),
+ ])
+ const kpis = asObject(kpisRes?.data)
+ const jobApps = asList(jobAppsRes?.data)
+ const funnel = asList(funnelRes?.data)
+ const exportPipeRows = (() => {
+ const rows = analyticsApi
+ .toBoardStageRows(funnel, { includeRejected: true })
+ .filter((r) => r.count > 0)
+ const total = rows.reduce((sum, r) => sum + r.count, 0)
+ return rows.map((r) => ({
+ ...r,
+ pct: total ? Math.round((r.count / total) * 100) : 0,
+ }))
+ })()
+ const offers = asList(offersRes?.data)
+ const exportOfferCounts = Object.fromEntries(offersApi.OFFER_STATUSES.map((s) => [s, 0]))
+ for (const o of offers) {
+ if (o.status in exportOfferCounts) exportOfferCounts[o.status] += 1
+ }
+ const counts = countsRes && typeof countsRes === 'object' ? countsRes : {}
+ const exportAttention = [
+ { title: 'Unread applications', count: counts.unread },
+ { title: 'Not assigned to a job', count: counts.unassigned },
+ { title: 'Flagged duplicates', count: counts.duplicates },
+ ]
+ const exportStarving = jobApps.filter((r) => r.requisition_status === 'open' && !r.count).length
const deptSlug = (department || 'all').toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '') || 'all'
await exportStyledWorkbook({
filename: `dashboard-${deptSlug}-${new Date().toISOString().slice(0, 10)}`,
- sheets: buildPeriodSheets({
+ sheets: buildDashboardSheets({
department,
- snapshots,
+ rangeKey,
+ span,
exportedAt: new Date(),
+ kpis,
+ jobApps,
+ pipeRows: exportPipeRows,
+ offerCounts: exportOfferCounts,
+ attentionRows: exportAttention,
+ starvingCount: exportStarving,
+ activity: asList(activityRes?.data),
}),
})
toast('Dashboard exported to Excel', 'success')