@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.707.1

package/dist/crewfoundry/pages/AnalyticsAnalyticsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsAnalyticsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Activity, BarChart3, Calendar, PieChart, TrendingUp, Users } from 'lucide-react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype MonthlyMetric = {\n  month: string;\n  headcount: number;\n  hires: number;\n  exits: number;\n};\n\ntype DeptRow = {\n  name: string;\n  count: number;\n  budget: number;\n};\n\ntype FunnelStage = {\n  stage: string;\n  count: number;\n  color: string;\n};\n\nexport function AnalyticsAnalyticsPagePage() {\n  const { employees, departments, jobPostings, candidates, projects } = useCrewFoundryStore();\n\n  const monthlyMetrics = useMemo<MonthlyMetric[]>(() => {\n    if (employees.length === 0) {\n      return [];\n    }\n    const monthKey = (value: string) => {\n      const date = new Date(value);\n      return `${date.getFullYear()}-${String(date.getMonth()).padStart(2, '0')}`;\n    };\n    const distinctMonths = Array.from(new Set(employees.map((item) => monthKey(item.startDate))))\n      .sort()\n      .slice(-6);\n    return distinctMonths.map((key) => {\n      const [year, month] = key.split('-').map(Number);\n      const monthEnd = new Date(year, month + 1, 0).getTime();\n      const label = new Date(year, month, 1).toLocaleString('en-US', {\n        month: 'short',\n        year: '2-digit',\n      });\n      // Real cumulative headcount as of month end, and real hires/exits in month.\n      const headcount = employees.filter(\n        (item) => new Date(item.startDate).getTime() <= monthEnd && item.status !== 'terminated'\n      ).length;\n      const hires = employees.filter((item) => monthKey(item.startDate) === key).length;\n      const exits = employees.filter(\n        (item) => item.status === 'terminated' && monthKey(item.startDate) === key\n      ).length;\n      return { month: label, headcount, hires, exits };\n    });\n  }, [employees]);\n\n  const deptDistribution = departments.map((department) => ({\n    name: department.name,\n    count: department.employeeCount,\n    budget: department.budget,\n  }));\n\n  const maxDeptCount = Math.max(1, ...deptDistribution.map((department) => department.count));\n  const maxMetric = Math.max(1, ...monthlyMetrics.map((metric) => metric.headcount));\n\n  const sortedDeptDistribution = [...deptDistribution].sort((a, b) => b.count - a.count);\n\n  const deptColumns: ResponsiveTableColumn<DeptRow>[] = [\n    {\n      key: 'name',\n      header: 'Department',\n      priority: 'primary',\n      cell: (department) => <span className=\"font-medium\">{department.name}</span>,\n    },\n    {\n      key: 'count',\n      header: 'Headcount',\n      priority: 'secondary',\n      cell: (department) => <span className=\"md:block md:text-right\">{department.count}</span>,\n    },\n    {\n      key: 'budget',\n      header: 'Budget',\n      priority: 'secondary',\n      cell: (department) => (\n        <span className=\"md:block md:text-right\">${(department.budget / 1000000).toFixed(1)}M</span>\n      ),\n    },\n    {\n      key: 'distribution',\n      header: 'Distribution',\n      priority: 'primary',\n      cell: (department) => (\n        <div className=\"h-3 w-full min-w-24 overflow-hidden rounded bg-bg-sunken\">\n          <div\n            className=\"h-3 rounded bg-action-primary-bg/70\"\n            style={{ width: `${Math.round((department.count / maxDeptCount) * 100)}%` }}\n          />\n        </div>\n      ),\n    },\n  ];\n\n  const hiringFunnel = useMemo<FunnelStage[]>(\n    () => [\n      {\n        stage: 'Applications',\n        count: jobPostings.reduce((sum, posting) => sum + posting.applicants, 0),\n        color: 'bg-status-info-text',\n      },\n      {\n        stage: 'Screening',\n        count: candidates.filter((candidate) => candidate.status === 'screening').length,\n        color: 'bg-status-info-text',\n      },\n      {\n        stage: 'Interview',\n        count: candidates.filter((candidate) => candidate.status === 'interview').length,\n        color: 'bg-action-primary-bg',\n      },\n      {\n        stage: 'Assessment',\n        count: candidates.filter((candidate) => candidate.status === 'assessment').length,\n        color: 'bg-action-primary-bg',\n      },\n      {\n        stage: 'Offer',\n        count: candidates.filter((candidate) => candidate.status === 'offer').length,\n        color: 'bg-status-warning-text',\n      },\n      {\n        stage: 'Hired',\n        count: candidates.filter((candidate) => candidate.status === 'hired').length,\n        color: 'bg-status-success-text',\n      },\n    ],\n    [candidates, jobPostings]\n  );\n\n  const maxFunnel = Math.max(1, ...hiringFunnel.map((stage) => stage.count));\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Workforce Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Comprehensive analytics across all HR domains\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Your workforce analytics hub — track headcount, performance, and engagement trends here\n            to spot what&apos;s working and where your teams need attention.\n          </PagePurpose>\n        </div>\n        <Badge variant=\"outline\" className=\"flex items-center gap-1 self-start\">\n          <Calendar className=\"h-3.5 w-3.5\" />\n          Rolling 6 months\n        </Badge>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Workforce</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"mr-1 h-3 w-3\" />\n              Live headcount data\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Departments</CardTitle>\n            <PieChart className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{departments.length}</div>\n            <p className=\"text-xs text-text-secondary\">All departments tracked</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Projects</CardTitle>\n            <Activity className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {projects.filter((project) => project.status === 'active').length}\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              {projects.filter((project) => project.status === 'completed').length} completed\n            </p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Hiring Pipeline</CardTitle>\n            <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{candidates.length}</div>\n            <p className=\"text-xs text-text-secondary\">candidates in pipeline</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Tabs defaultValue=\"overview\">\n        <TabsList>\n          <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n          <TabsTrigger value=\"hiring\">Hiring Funnel</TabsTrigger>\n          <TabsTrigger value=\"departments\">Departments</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"overview\" className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Workforce Growth Trend</CardTitle>\n              <CardDescription>Monthly headcount and hiring activity</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {monthlyMetrics.map((metric) => (\n                <div\n                  key={`${metric.month}-${metric.headcount}`}\n                  className=\"flex items-center gap-3\"\n                >\n                  <span className=\"w-10 text-sm text-text-secondary\">{metric.month}</span>\n                  <div className=\"h-5 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                    <div\n                      className=\"h-5 rounded bg-action-primary-bg\"\n                      style={{ width: `${Math.round((metric.headcount / maxMetric) * 100)}%` }}\n                    />\n                  </div>\n                  <span className=\"w-10 text-right text-sm font-medium\">{metric.headcount}</span>\n                  <div className=\"flex w-32 justify-end gap-1\">\n                    <Badge variant=\"default\" className=\"text-[10px]\">\n                      +{metric.hires} hired\n                    </Badge>\n                    {metric.exits > 0 && (\n                      <Badge variant=\"destructive\" className=\"text-[10px]\">\n                        -{metric.exits} exits\n                      </Badge>\n                    )}\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"hiring\" className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Hiring Funnel</CardTitle>\n              <CardDescription>Candidate pipeline stages</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {hiringFunnel.map((stage) => (\n                <div key={stage.stage} className=\"flex items-center gap-3\">\n                  <span className=\"w-28 text-sm font-medium\">{stage.stage}</span>\n                  <div className=\"h-6 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                    <div\n                      className={`h-6 rounded ${stage.color}`}\n                      style={{\n                        width: `${Math.max(Math.round((stage.count / maxFunnel) * 100), 5)}%`,\n                      }}\n                    />\n                  </div>\n                  <span className=\"w-10 text-right text-sm font-bold\">{stage.count}</span>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"departments\" className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Department Breakdown</CardTitle>\n              <CardDescription>Headcount and budget by department</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <ResponsiveTable\n                columns={deptColumns}\n                data={sortedDeptDistribution}\n                rowKey={(department) => department.name}\n              />\n            </CardContent>\n          </Card>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsAnalyticsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Activity, BarChart3, Download, PieChart, Users } from 'lucide-react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport {\n  AreaChart,\n  BarChart,\n  DonutChart,\n  HBarFunnel,\n  LineChart,\n  SegmentedTabs,\n  StatCard,\n} from '../components/viz';\nimport type { LabeledValue, Segment } from '../components/viz';\nimport {\n  attritionTrend,\n  benchAndOverallocated,\n  deptHeadcount,\n  headcountByMonth,\n  momDelta,\n  performanceDistribution,\n  timeToHire,\n  utilizationByPersonWeek,\n} from '../lib/analytics';\n\nconst STAGE_ORDER = ['new', 'screening', 'interview', 'assessment', 'offer', 'hired'] as const;\nconst PERF_LABELS = ['Needs', 'Meets', 'Exceeds', 'Outstanding'];\n\nfunction csvEscape(value: string | number): string {\n  return `\"${String(value).replace(/\"/g, '\"\"')}\"`;\n}\n\nexport function AnalyticsAnalyticsPagePage() {\n  const { employees, departments, candidates, projects, timeEntries } = useCrewFoundryStore();\n  const [periodMonths, setPeriodMonths] = useState<'6' | '12'>('12');\n\n  // ── KPI strip ──────────────────────────────────────────────────────────────\n  const headcountSeries = useMemo(() => headcountByMonth(employees), [employees]);\n  const headcountDelta = momDelta(headcountSeries).deltaPercent;\n  const activeProjects = projects.filter((project) => project.status === 'active').length;\n\n  // ── Headcount by department ─────────────────────────────────────────────────\n  const deptSeries = useMemo<LabeledValue[]>(\n    () => deptHeadcount(departments).slice(0, 8),\n    [departments]\n  );\n\n  // ── Hiring funnel conversion (candidates who reached ≥ each stage) ──────────\n  const windowedCandidates = useMemo(() => {\n    if (candidates.length === 0) {\n      return candidates;\n    }\n    const times = candidates\n      .map((candidate) => new Date(candidate.appliedDate).getTime())\n      .filter((time) => !Number.isNaN(time));\n    if (times.length === 0) {\n      return candidates;\n    }\n    const anchor = Math.max(...times);\n    const windowStart = anchor - Number(periodMonths) * 30 * 24 * 60 * 60 * 1000;\n    const filtered = candidates.filter((candidate) => {\n      const time = new Date(candidate.appliedDate).getTime();\n      return Number.isNaN(time) || time >= windowStart;\n    });\n    return filtered.length > 0 ? filtered : candidates;\n  }, [candidates, periodMonths]);\n\n  const funnel = useMemo<LabeledValue[]>(() => {\n    const rankOf = (status: string) => STAGE_ORDER.indexOf(status as (typeof STAGE_ORDER)[number]);\n    const reached = (minRank: number) =>\n      windowedCandidates.filter((candidate) => rankOf(candidate.status) >= minRank).length;\n    return [\n      { label: 'Applied', value: windowedCandidates.length },\n      { label: 'Screened', value: reached(1) },\n      { label: 'Interviewed', value: reached(2) },\n      { label: 'Offer', value: reached(4) },\n      { label: 'Hired', value: reached(5) },\n    ];\n  }, [windowedCandidates]);\n\n  // ── Performance distribution histogram ──────────────────────────────────────\n  const perfSeries = useMemo<Segment[]>(() => {\n    const buckets = performanceDistribution(employees);\n    return buckets.map((bucket, index) => ({ label: PERF_LABELS[index], value: bucket.value }));\n  }, [employees]);\n\n  // ── Attrition trend (monthly exit counts from real Employee.terminationDate) ─\n  const attrition = useMemo(() => attritionTrend(employees), [employees]);\n\n  // ── Utilization donut (real logged time ÷ 40h capacity) ─────────────────────\n  const utilization = useMemo(() => {\n    const matrix = utilizationByPersonWeek(timeEntries, employees);\n    if (!matrix.hasData) {\n      return null;\n    }\n    const kpis = benchAndOverallocated(matrix, employees);\n    const utilized = Math.min(Math.max(kpis.avgUtilization, 0), 100);\n    return { utilized, available: Math.max(0, 100 - utilized) };\n  }, [timeEntries, employees]);\n\n  const utilizationSegments: Segment[] | null = utilization\n    ? [\n        { label: 'Utilized', value: utilization.utilized },\n        { label: 'Available', value: utilization.available, color: 'var(--color-chart-grid)' },\n      ]\n    : null;\n\n  // ── Time-to-hire (avg applied→hired days from real Candidate.hiredDate) ─────\n  const timeToHireResult = useMemo(() => timeToHire(candidates), [candidates]);\n\n  const exportCsv = () => {\n    const lines = ['Section,Label,Value'];\n    for (const row of deptSeries) {\n      lines.push(`Headcount by department,${csvEscape(row.label)},${row.value}`);\n    }\n    for (const stage of funnel) {\n      lines.push(`Hiring funnel,${csvEscape(stage.label)},${stage.value}`);\n    }\n    for (const bucket of perfSeries) {\n      lines.push(`Performance distribution,${csvEscape(bucket.label)},${bucket.value}`);\n    }\n    if (utilization) {\n      lines.push(`Utilization,Utilized %,${utilization.utilized}`);\n      lines.push(`Utilization,Available %,${utilization.available}`);\n    }\n    const blob = new Blob([lines.join('\\n')], { type: 'text/csv;charset=utf-8;' });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement('a');\n    anchor.href = url;\n    anchor.download = 'workforce-analytics.csv';\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Workforce Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Comprehensive analytics across all HR domains\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Your workforce analytics hub — track headcount, hiring conversion, performance, and\n            utilization here to spot what&apos;s working and where your teams need attention.\n          </PagePurpose>\n        </div>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <SegmentedTabs\n            aria-label=\"Reporting period\"\n            tabs={[\n              { id: '6', label: 'Last 6 months' },\n              { id: '12', label: 'Last 12 months' },\n            ]}\n            value={periodMonths}\n            onChange={(id) => setPeriodMonths(id === '6' ? '6' : '12')}\n          />\n          <Button variant=\"outline\" size=\"sm\" onClick={exportCsv}>\n            <Download className=\"mr-1 h-4 w-4\" />\n            Export\n          </Button>\n        </div>\n      </div>\n\n      {/* KPI strip */}\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          label=\"Total Workforce\"\n          value={employees.length}\n          delta={headcountDelta || undefined}\n          deltaLabel=\"from last month\"\n          icon={<Users className=\"h-4 w-4\" />}\n          sparkline={headcountSeries.map((point) => point.value)}\n          sparklineVariant=\"area\"\n        />\n        <StatCard\n          label=\"Active Departments\"\n          value={departments.length}\n          icon={<PieChart className=\"h-4 w-4\" />}\n        />\n        <StatCard\n          label=\"Active Projects\"\n          value={activeProjects}\n          icon={<Activity className=\"h-4 w-4\" />}\n        />\n        <StatCard\n          label=\"Hiring Pipeline\"\n          value={candidates.length}\n          icon={<BarChart3 className=\"h-4 w-4\" />}\n        />\n      </div>\n\n      {/* Six-card analytics grid */}\n      <div className=\"grid gap-4 lg:grid-cols-3\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Headcount by department</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {deptSeries.length > 0 ? (\n              <BarChart series={deptSeries} colorful height={230} title=\"Headcount by department\" />\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No departments yet\"\n                description=\"Department headcount appears once departments exist.\"\n              />\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Hiring funnel conversion</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {windowedCandidates.length > 0 ? (\n              <HBarFunnel stages={funnel} valueFormatter={(value) => `${value}`} showConversion />\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No candidates yet\"\n                description=\"The hiring funnel and stage-to-stage conversion appear once candidates apply.\"\n              />\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Performance distribution</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {employees.length > 0 ? (\n              <BarChart series={perfSeries} height={230} title=\"Performance score distribution\" />\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No employees yet\"\n                description=\"Performance bands appear once employees have scores.\"\n              />\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Attrition trend</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {attrition.length > 0 ? (\n              <LineChart\n                series={attrition}\n                height={230}\n                valueFormatter={(v) => `${v}`}\n                title=\"Employee exits by month\"\n              />\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No exits recorded\"\n                description=\"Monthly attrition appears once employees have termination dates. Nothing is shown while no exits are on record — estimated exits are never charted.\"\n              />\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Utilization</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {utilizationSegments ? (\n              <DonutChart\n                segments={utilizationSegments}\n                centerLabel={`${utilization?.utilized ?? 0}%`}\n                centerCaption=\"Utilized\"\n                valueFormatter={(value) => `${value}%`}\n              />\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No logged time yet\"\n                description=\"Utilization is computed from real logged hours against a 40h weekly capacity.\"\n              />\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Time-to-hire</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {timeToHireResult ? (\n              <StatCard\n                label=\"Average time-to-hire\"\n                value={`${timeToHireResult.averageDays} days`}\n                deltaLabel={`from ${timeToHireResult.sampleSize} hires`}\n              />\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No hires recorded yet\"\n                description=\"Average time-to-hire appears once candidates carry a hired date. The elapsed applied-to-hired time is measured, never estimated.\"\n              />\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Headcount growth (real cumulative series) */}\n      {headcountSeries.length > 1 && (\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Headcount growth</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <AreaChart series={headcountSeries} height={220} title=\"Cumulative headcount by month\" />\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.js

@@ -1,12 +1,14 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useMemo as t } from "react";
-import { Award as n, BarChart3 as r, Clock as i, MapPin as a, Star as o, UserCheck as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Badge as u, Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, IllustratedEmptyState as v, PagePurpose as y, ResponsiveTable as b } from "@burdenoff/fe-libs/ui";
+import { BarChart as t } from "../components/viz/BarChart.js";
+import "../components/viz/index.js";
+import { useMemo as n } from "react";
+import { Award as r, BarChart3 as i, Clock as a, MapPin as o, Star as s, UserCheck as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g, GlassCard as _, GradientText as v, IllustratedEmptyState as y, PagePurpose as b, ResponsiveTable as x } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.tsx
-function x() {
-	let { employees: x, departments: S } = e(), C = t(() => {
-		let e = Math.max(x.length, 1), t = (e) => Math.max(0, ((/* @__PURE__ */ new Date("2026-03-01")).getTime() - new Date(e).getTime()) / (1e3 * 60 * 60 * 24 * 365));
+function S() {
+	let { employees: S, departments: C } = e(), w = n(() => {
+		let e = Math.max(S.length, 1), t = (e) => Math.max(0, ((/* @__PURE__ */ new Date("2026-03-01")).getTime() - new Date(e).getTime()) / (1e3 * 60 * 60 * 24 * 365));
 		return [
 			{
 				range: "< 1 year",
@@ -34,7 +36,7 @@ function x() {
 				max: Infinity
 			}
 		].map((n) => {
-			let r = x.filter((e) => {
+			let r = S.filter((e) => {
 				let r = t(e.startDate);
 				return r >= n.min && r < n.max;
 			}).length;
@@ -44,30 +46,33 @@ function x() {
 				percentage: Math.round(r / e * 100)
 			};
 		});
-	}, [x]), { avgTenure: w, medianTenure: T } = t(() => {
-		if (x.length === 0) return {
+	}, [S]), { avgTenure: T, medianTenure: E } = n(() => {
+		if (S.length === 0) return {
 			avgTenure: 0,
 			medianTenure: 0
 		};
-		let e = (e) => Math.max(0, ((/* @__PURE__ */ new Date("2026-03-01")).getTime() - new Date(e).getTime()) / (1e3 * 60 * 60 * 24 * 365)), t = x.map((t) => e(t.startDate)).sort((e, t) => e - t), n = t.reduce((e, t) => e + t, 0) / t.length, r = Math.floor(t.length / 2);
+		let e = (e) => Math.max(0, ((/* @__PURE__ */ new Date("2026-03-01")).getTime() - new Date(e).getTime()) / (1e3 * 60 * 60 * 24 * 365)), t = S.map((t) => e(t.startDate)).sort((e, t) => e - t), n = t.reduce((e, t) => e + t, 0) / t.length, r = Math.floor(t.length / 2);
 		return {
 			avgTenure: n,
 			medianTenure: t.length % 2 == 1 ? t[r] : (t[r - 1] + t[r]) / 2
 		};
-	}, [x]), E = (x.reduce((e, t) => e + t.performanceScore, 0) / Math.max(x.length, 1)).toFixed(1), D = Math.round(x.reduce((e, t) => e + t.salary, 0) / Math.max(x.length, 1)), O = x.filter((e) => e.status === "active").length, k = x.filter((e) => e.status === "on_leave").length, A = S.map((e) => {
-		let t = x.filter((t) => t.department === e.name), n = t.length > 0 ? (t.reduce((e, t) => e + t.performanceScore, 0) / t.length).toFixed(1) : "0", r = t.length > 0 ? Math.round(t.reduce((e, t) => e + t.salary, 0) / t.length) : 0;
+	}, [S]), D = w.map((e) => ({
+		label: e.range.replace(" years", "y").replace(" year", "y"),
+		value: e.count
+	})), O = (S.reduce((e, t) => e + t.performanceScore, 0) / Math.max(S.length, 1)).toFixed(1), k = Math.round(S.reduce((e, t) => e + t.salary, 0) / Math.max(S.length, 1)), A = S.filter((e) => e.status === "active").length, j = S.filter((e) => e.status === "on_leave").length, M = C.map((e) => {
+		let t = S.filter((t) => t.department === e.name), n = t.length > 0 ? (t.reduce((e, t) => e + t.performanceScore, 0) / t.length).toFixed(1) : "0", r = t.length > 0 ? Math.round(t.reduce((e, t) => e + t.salary, 0) / t.length) : 0;
 		return {
 			name: e.name,
 			headcount: t.length,
 			avgScore: n,
 			avgSalary: r
 		};
-	}), j = [...A].sort((e, t) => Number(t.avgScore) - Number(e.avgScore)), M = j[0], N = x.filter((e) => e.performanceScore < 3.5).length, P = A.filter((e) => e.headcount > 0), F = [...P].map((e) => e.avgSalary).sort((e, t) => e - t), I = F.length > 0 ? F[Math.floor(F.length / 2)] : 0, L = P.filter((e) => e.avgSalary < I).length, R = [
+	}), N = [...M].sort((e, t) => Number(t.avgScore) - Number(e.avgScore)), P = N[0], F = S.filter((e) => e.performanceScore < 3.5).length, I = M.filter((e) => e.headcount > 0), L = [...I].map((e) => e.avgSalary).sort((e, t) => e - t), R = L.length > 0 ? L[Math.floor(L.length / 2)] : 0, z = I.filter((e) => e.avgSalary < R).length, B = [
 		{
 			key: "name",
 			header: "Department",
 			priority: "primary",
-			cell: (e) => /* @__PURE__ */ c("span", {
+			cell: (e) => /* @__PURE__ */ l("span", {
 				className: "font-medium",
 				children: e.name
 			})
@@ -76,7 +81,7 @@ function x() {
 			key: "headcount",
 			header: "Headcount",
 			priority: "secondary",
-			cell: (e) => /* @__PURE__ */ c("span", {
+			cell: (e) => /* @__PURE__ */ l("span", {
 				className: "md:block md:text-right",
 				children: e.headcount
 			})
@@ -85,9 +90,9 @@ function x() {
 			key: "avgScore",
 			header: "Avg Score",
 			priority: "primary",
-			cell: (e) => /* @__PURE__ */ c("span", {
+			cell: (e) => /* @__PURE__ */ l("span", {
 				className: "md:block md:text-right",
-				children: /* @__PURE__ */ c(u, {
+				children: /* @__PURE__ */ l(d, {
 					variant: Number(e.avgScore) >= 4.5 ? "default" : "secondary",
 					children: e.avgScore
 				})
@@ -97,223 +102,205 @@ function x() {
 			key: "avgSalary",
 			header: "Avg Salary",
 			priority: "secondary",
-			cell: (e) => /* @__PURE__ */ l("span", {
+			cell: (e) => /* @__PURE__ */ u("span", {
 				className: "md:block md:text-right",
 				children: ["$", e.avgSalary.toLocaleString()]
 			})
 		}
-	], z = x.reduce((e, t) => (e[t.location] = (e[t.location] || 0) + 1, e), {});
-	return /* @__PURE__ */ l("div", {
+	], V = S.reduce((e, t) => (e[t.location] = (e[t.location] || 0) + 1, e), {});
+	return /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ l("div", { children: [
-					/* @__PURE__ */ c("h1", {
+				children: /* @__PURE__ */ u("div", { children: [
+					/* @__PURE__ */ l("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ c(_, { children: "Employee Analytics" })
+						children: /* @__PURE__ */ l(v, { children: "Employee Analytics" })
 					}),
-					/* @__PURE__ */ c("p", {
+					/* @__PURE__ */ l("p", {
 						className: "text-sm text-text-secondary",
 						children: "Deep-dive into employee performance, engagement, and demographics"
 					}),
-					/* @__PURE__ */ c(y, {
+					/* @__PURE__ */ l(b, {
 						className: "mt-1",
 						children: "See how individual employees and teams are performing over time — use these insights for reviews, recognition, and targeted coaching."
 					})
 				] })
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ u(_, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ u(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ l(g, {
 								className: "text-sm font-medium",
 								children: "Active Employees"
-							}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ l(c, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: O
-						}), /* @__PURE__ */ l("p", {
+							children: A
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xs text-text-secondary",
-							children: [k, " currently on leave"]
+							children: [j, " currently on leave"]
 						})] })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ u(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ u(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ l(g, {
 								className: "text-sm font-medium",
 								children: "Avg Performance"
-							}), /* @__PURE__ */ c(o, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ l(s, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [E, "/5.0"]
-						}), /* @__PURE__ */ l("p", {
+							children: [O, "/5.0"]
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								"Across ",
-								x.length,
+								S.length,
 								" employees"
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ u(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ u(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ l(g, {
 								className: "text-sm font-medium",
 								children: "Avg Compensation"
-							}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ l(i, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", D.toLocaleString()]
-						}), /* @__PURE__ */ c("p", {
+							children: ["$", k.toLocaleString()]
+						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
 							children: "Across all departments"
 						})] })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ u(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ u(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ l(g, {
 								className: "text-sm font-medium",
 								children: "Avg Tenure"
-							}), /* @__PURE__ */ c(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ l(a, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [w.toFixed(1), " yrs"]
-						}), /* @__PURE__ */ l("p", {
+							children: [T.toFixed(1), " yrs"]
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								"Median: ",
-								T.toFixed(1),
+								E.toFixed(1),
 								" years"
 							]
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Department Performance" }), /* @__PURE__ */ c(p, { children: "Average performance score and compensation by department" })] }), /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(b, {
-					columns: R,
-					data: j,
+				children: [/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(g, { children: "Department Performance" }), /* @__PURE__ */ l(m, { children: "Average performance score and compensation by department" })] }), /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(x, {
+					columns: B,
+					data: N,
 					rowKey: (e) => e.name
-				}) })] }), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Engagement Drivers" }), /* @__PURE__ */ c(p, { children: "Employee satisfaction by category" })] }), /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(v, {
+				}) })] }), /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(g, { children: "Engagement Drivers" }), /* @__PURE__ */ l(m, { children: "Employee satisfaction by category" })] }), /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(y, {
 					illustration: "empty-data",
 					title: "Engagement surveys coming soon",
 					description: "Satisfaction and engagement drivers will appear here once the employee survey integration is connected — we don't show estimated scores."
 				}) })] })]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ l(h, {
+				children: [/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ u(g, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ c(i, { className: "h-4 w-4" }), "Tenure Distribution"]
-				}) }), /* @__PURE__ */ c(f, {
-					className: "space-y-3",
-					children: C.map((e) => /* @__PURE__ */ l("div", {
-						className: "flex items-center gap-3",
-						children: [
-							/* @__PURE__ */ c("span", {
-								className: "w-20 text-sm text-text-secondary",
-								children: e.range
-							}),
-							/* @__PURE__ */ c("div", {
-								className: "flex-1 h-4 bg-bg-sunken rounded overflow-hidden",
-								children: /* @__PURE__ */ c("div", {
-									className: "h-4 bg-action-primary-bg/70 rounded",
-									style: { width: `${e.percentage}%` }
-								})
-							}),
-							/* @__PURE__ */ c("span", {
-								className: "text-sm font-medium w-10 text-right",
-								children: e.count
-							}),
-							/* @__PURE__ */ l("span", {
-								className: "text-xs text-text-secondary w-10 text-right",
-								children: [e.percentage, "%"]
-							})
-						]
-					}, e.range))
-				})] }), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ l(h, {
+					children: [/* @__PURE__ */ l(a, { className: "h-4 w-4" }), "Tenure Distribution"]
+				}) }), /* @__PURE__ */ l(p, { children: S.length > 0 ? /* @__PURE__ */ l(t, {
+					series: D,
+					colorful: !0,
+					height: 220,
+					title: "Employee tenure distribution"
+				}) : /* @__PURE__ */ l("p", {
+					className: "py-6 text-center text-sm text-text-secondary",
+					children: "No employees yet."
+				}) })] }), /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ u(g, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ c(a, { className: "h-4 w-4" }), "Location Distribution"]
-				}) }), /* @__PURE__ */ c(f, {
+					children: [/* @__PURE__ */ l(o, { className: "h-4 w-4" }), "Location Distribution"]
+				}) }), /* @__PURE__ */ l(p, {
 					className: "space-y-3",
-					children: Object.entries(z).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ l("div", {
+					children: Object.entries(V).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ u("div", {
 						className: "flex items-center justify-between py-1",
-						children: [/* @__PURE__ */ c("span", {
+						children: [/* @__PURE__ */ l("span", {
 							className: "text-sm",
 							children: e
-						}), /* @__PURE__ */ l("div", {
+						}), /* @__PURE__ */ u("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ c("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-sm font-medium",
 								children: t
-							}), /* @__PURE__ */ l(u, {
+							}), /* @__PURE__ */ u(d, {
 								variant: "outline",
 								className: "text-[10px]",
-								children: [Math.round(t / Math.max(x.length, 1) * 100), "%"]
+								children: [Math.round(t / Math.max(S.length, 1) * 100), "%"]
 							})]
 						})]
 					}, e))
 				})] })]
 			}),
-			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ l(h, {
+			/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ u(g, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ c(n, { className: "h-4 w-4 text-status-warning-text" }), "Key Insights"]
-			}) }), /* @__PURE__ */ c(f, { children: /* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ l(r, { className: "h-4 w-4 text-status-warning-text" }), "Key Insights"]
+			}) }), /* @__PURE__ */ l(p, { children: /* @__PURE__ */ u("div", {
 				className: "grid gap-3 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "rounded border p-3",
-						children: [/* @__PURE__ */ c("p", {
+						children: [/* @__PURE__ */ l("p", {
 							className: "text-sm font-medium",
 							children: "Highest Performance"
-						}), /* @__PURE__ */ c("p", {
+						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary mt-1",
-							children: M ? `${M.name} leads with an average score of ${M.avgScore}` : "No department performance data yet"
+							children: P ? `${P.name} leads with an average score of ${P.avgScore}` : "No department performance data yet"
 						})]
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "rounded border p-3",
-						children: [/* @__PURE__ */ c("p", {
+						children: [/* @__PURE__ */ l("p", {
 							className: "text-sm font-medium",
 							children: "Retention Risk"
-						}), /* @__PURE__ */ l("p", {
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xs text-text-secondary mt-1",
 							children: [
-								N,
+								F,
 								" employee",
-								N === 1 ? "" : "s",
+								F === 1 ? "" : "s",
 								" below a 3.5 performance score — a potential flight risk"
 							]
 						})]
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "rounded border p-3",
-						children: [/* @__PURE__ */ c("p", {
+						children: [/* @__PURE__ */ l("p", {
 							className: "text-sm font-medium",
 							children: "Compensation Gap"
-						}), /* @__PURE__ */ l("p", {
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xs text-text-secondary mt-1",
 							children: [
-								L,
+								z,
 								" department",
-								L === 1 ? "" : "s",
+								z === 1 ? "" : "s",
 								" below the median department salary"
 							]
 						})]
@@ -324,6 +311,6 @@ function x() {
 	});
 }
 //#endregion
-export { x as AnalyticsEmployeeAnalyticsPagePage };
+export { S as AnalyticsEmployeeAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsEmployeeAnalyticsPagePage.js.map

package/dist/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsEmployeeAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { Award, BarChart3, Clock, MapPin, Star, UserCheck } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype DeptPerformanceRow = {\n  name: string;\n  headcount: number;\n  avgScore: string;\n  avgSalary: number;\n};\n\nexport function AnalyticsEmployeeAnalyticsPagePage() {\n  const { employees, departments } = useCrewFoundryStore();\n\n  const tenureDistribution = useMemo(() => {\n    const total = Math.max(employees.length, 1);\n    const getYears = (startDate: string) =>\n      Math.max(\n        0,\n        (new Date('2026-03-01').getTime() - new Date(startDate).getTime()) /\n          (1000 * 60 * 60 * 24 * 365)\n      );\n    const buckets = [\n      { range: '< 1 year', min: 0, max: 1 },\n      { range: '1-2 years', min: 1, max: 2 },\n      { range: '2-3 years', min: 2, max: 3 },\n      { range: '3-4 years', min: 3, max: 4 },\n      { range: '4+ years', min: 4, max: Infinity },\n    ];\n    return buckets.map((bucket) => {\n      const count = employees.filter((employee) => {\n        const years = getYears(employee.startDate);\n        return years >= bucket.min && years < bucket.max;\n      }).length;\n      return { range: bucket.range, count, percentage: Math.round((count / total) * 100) };\n    });\n  }, [employees]);\n\n  // Real average and median tenure derived from employee start dates.\n  const { avgTenure, medianTenure } = useMemo(() => {\n    if (employees.length === 0) {\n      return { avgTenure: 0, medianTenure: 0 };\n    }\n    const getYears = (startDate: string) =>\n      Math.max(\n        0,\n        (new Date('2026-03-01').getTime() - new Date(startDate).getTime()) /\n          (1000 * 60 * 60 * 24 * 365)\n      );\n    const years = employees.map((employee) => getYears(employee.startDate)).sort((a, b) => a - b);\n    const avg = years.reduce((sum, value) => sum + value, 0) / years.length;\n    const mid = Math.floor(years.length / 2);\n    const median = years.length % 2 === 1 ? years[mid] : (years[mid - 1] + years[mid]) / 2;\n    return { avgTenure: avg, medianTenure: median };\n  }, [employees]);\n\n  const avgPerformance = (\n    employees.reduce((sum, e) => sum + e.performanceScore, 0) / Math.max(employees.length, 1)\n  ).toFixed(1);\n  const avgSalary = Math.round(\n    employees.reduce((sum, e) => sum + e.salary, 0) / Math.max(employees.length, 1)\n  );\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\n\n  const deptPerformance: DeptPerformanceRow[] = departments.map((dept) => {\n    const deptEmps = employees.filter((e) => e.department === dept.name);\n    const avgScore =\n      deptEmps.length > 0\n        ? (deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length).toFixed(1)\n        : '0';\n    const avgSal =\n      deptEmps.length > 0\n        ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n        : 0;\n    return { name: dept.name, headcount: deptEmps.length, avgScore, avgSalary: avgSal };\n  });\n\n  const sortedDeptPerformance = [...deptPerformance].sort(\n    (a, b) => Number(b.avgScore) - Number(a.avgScore)\n  );\n\n  // Real key-insight figures.\n  const topDept = sortedDeptPerformance[0];\n  const flightRiskCount = employees.filter((e) => e.performanceScore < 3.5).length;\n  const deptsWithStaff = deptPerformance.filter((d) => d.headcount > 0);\n  const sortedSalaries = [...deptsWithStaff].map((d) => d.avgSalary).sort((a, b) => a - b);\n  const medianDeptSalary =\n    sortedSalaries.length > 0 ? sortedSalaries[Math.floor(sortedSalaries.length / 2)] : 0;\n  const belowMedianDeptCount = deptsWithStaff.filter((d) => d.avgSalary < medianDeptSalary).length;\n\n  const deptPerformanceColumns: ResponsiveTableColumn<DeptPerformanceRow>[] = [\n    {\n      key: 'name',\n      header: 'Department',\n      priority: 'primary',\n      cell: (dept) => <span className=\"font-medium\">{dept.name}</span>,\n    },\n    {\n      key: 'headcount',\n      header: 'Headcount',\n      priority: 'secondary',\n      cell: (dept) => <span className=\"md:block md:text-right\">{dept.headcount}</span>,\n    },\n    {\n      key: 'avgScore',\n      header: 'Avg Score',\n      priority: 'primary',\n      cell: (dept) => (\n        <span className=\"md:block md:text-right\">\n          <Badge variant={Number(dept.avgScore) >= 4.5 ? 'default' : 'secondary'}>\n            {dept.avgScore}\n          </Badge>\n        </span>\n      ),\n    },\n    {\n      key: 'avgSalary',\n      header: 'Avg Salary',\n      priority: 'secondary',\n      cell: (dept) => (\n        <span className=\"md:block md:text-right\">${dept.avgSalary.toLocaleString()}</span>\n      ),\n    },\n  ];\n\n  const locationBreakdown = employees.reduce<Record<string, number>>((acc, e) => {\n    acc[e.location] = (acc[e.location] || 0) + 1;\n    return acc;\n  }, {});\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Employee Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Deep-dive into employee performance, engagement, and demographics\n          </p>\n          <PagePurpose className=\"mt-1\">\n            See how individual employees and teams are performing over time — use these insights for\n            reviews, recognition, and targeted coaching.\n          </PagePurpose>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Employees</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeCount}</div>\n            <p className=\"text-xs text-text-secondary\">{onLeaveCount} currently on leave</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Performance</CardTitle>\n            <Star className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgPerformance}/5.0</div>\n            <p className=\"text-xs text-text-secondary\">Across {employees.length} employees</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Compensation</CardTitle>\n            <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${avgSalary.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">Across all departments</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Tenure</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgTenure.toFixed(1)} yrs</div>\n            <p className=\"text-xs text-text-secondary\">Median: {medianTenure.toFixed(1)} years</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Department Performance</CardTitle>\n            <CardDescription>\n              Average performance score and compensation by department\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <ResponsiveTable\n              columns={deptPerformanceColumns}\n              data={sortedDeptPerformance}\n              rowKey={(dept) => dept.name}\n            />\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Engagement Drivers</CardTitle>\n            <CardDescription>Employee satisfaction by category</CardDescription>\n          </CardHeader>\n          <CardContent>\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"Engagement surveys coming soon\"\n              description=\"Satisfaction and engagement drivers will appear here once the employee survey integration is connected — we don't show estimated scores.\"\n            />\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Clock className=\"h-4 w-4\" />\n              Tenure Distribution\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {tenureDistribution.map((t) => (\n              <div key={t.range} className=\"flex items-center gap-3\">\n                <span className=\"w-20 text-sm text-text-secondary\">{t.range}</span>\n                <div className=\"flex-1 h-4 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-4 bg-action-primary-bg/70 rounded\"\n                    style={{ width: `${t.percentage}%` }}\n                  />\n                </div>\n                <span className=\"text-sm font-medium w-10 text-right\">{t.count}</span>\n                <span className=\"text-xs text-text-secondary w-10 text-right\">{t.percentage}%</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <MapPin className=\"h-4 w-4\" />\n              Location Distribution\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(locationBreakdown)\n              .sort(([, a], [, b]) => b - a)\n              .map(([loc, count]) => (\n                <div key={loc} className=\"flex items-center justify-between py-1\">\n                  <span className=\"text-sm\">{loc}</span>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{count}</span>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {Math.round((count / Math.max(employees.length, 1)) * 100)}%\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Award className=\"h-4 w-4 text-status-warning-text\" />\n            Key Insights\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid gap-3 md:grid-cols-3\">\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Highest Performance</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                {topDept\n                  ? `${topDept.name} leads with an average score of ${topDept.avgScore}`\n                  : 'No department performance data yet'}\n              </p>\n            </div>\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Retention Risk</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                {flightRiskCount} employee{flightRiskCount === 1 ? '' : 's'} below a 3.5 performance\n                score — a potential flight risk\n              </p>\n            </div>\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Compensation Gap</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                {belowMedianDeptCount} department{belowMedianDeptCount === 1 ? '' : 's'} below the\n                median department salary\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAyBA,SAAgB,IAAqC;CACnD,IAAM,EAAE,cAAW,mBAAgB,GAAqB,EAElD,IAAqB,QAAc;EACvC,IAAM,IAAQ,KAAK,IAAI,EAAU,QAAQ,EAAE,EACrC,KAAY,MAChB,KAAK,IACH,qBACC,IAAI,KAAK,aAAa,EAAC,SAAS,GAAG,IAAI,KAAK,EAAU,CAAC,SAAS,KAC9D,MAAO,KAAK,KAAK,KAAK,KAC1B;AAQH,SAPgB;GACd;IAAE,OAAO;IAAY,KAAK;IAAG,KAAK;IAAG;GACrC;IAAE,OAAO;IAAa,KAAK;IAAG,KAAK;IAAG;GACtC;IAAE,OAAO;IAAa,KAAK;IAAG,KAAK;IAAG;GACtC;IAAE,OAAO;IAAa,KAAK;IAAG,KAAK;IAAG;GACtC;IAAE,OAAO;IAAY,KAAK;IAAG,KAAK;IAAU;GAC7C,CACc,KAAK,MAAW;GAC7B,IAAM,IAAQ,EAAU,QAAQ,MAAa;IAC3C,IAAM,IAAQ,EAAS,EAAS,UAAU;AAC1C,WAAO,KAAS,EAAO,OAAO,IAAQ,EAAO;KAC7C,CAAC;AACH,UAAO;IAAE,OAAO,EAAO;IAAO;IAAO,YAAY,KAAK,MAAO,IAAQ,IAAS,IAAI;IAAE;IACpF;IACD,CAAC,EAAU,CAAC,EAGT,EAAE,cAAW,oBAAiB,QAAc;AAChD,MAAI,EAAU,WAAW,EACvB,QAAO;GAAE,WAAW;GAAG,cAAc;GAAG;EAE1C,IAAM,KAAY,MAChB,KAAK,IACH,qBACC,IAAI,KAAK,aAAa,EAAC,SAAS,GAAG,IAAI,KAAK,EAAU,CAAC,SAAS,KAC9D,MAAO,KAAK,KAAK,KAAK,KAC1B,EACG,IAAQ,EAAU,KAAK,MAAa,EAAS,EAAS,UAAU,CAAC,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE,EACvF,IAAM,EAAM,QAAQ,GAAK,MAAU,IAAM,GAAO,EAAE,GAAG,EAAM,QAC3D,IAAM,KAAK,MAAM,EAAM,SAAS,EAAE;AAExC,SAAO;GAAE,WAAW;GAAK,cADV,EAAM,SAAS,KAAM,IAAI,EAAM,MAAQ,EAAM,IAAM,KAAK,EAAM,MAAQ;GACtC;IAC9C,CAAC,EAAU,CAAC,EAET,KACJ,EAAU,QAAQ,GAAK,MAAM,IAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,IAAI,EAAU,QAAQ,EAAE,EACzF,QAAQ,EAAE,EACN,IAAY,KAAK,MACrB,EAAU,QAAQ,GAAK,MAAM,IAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,EAAU,QAAQ,EAAE,CAChF,EACK,IAAc,EAAU,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,QAC7D,IAAe,EAAU,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC,QAEhE,IAAwC,EAAY,KAAK,MAAS;EACtE,IAAM,IAAW,EAAU,QAAQ,MAAM,EAAE,eAAe,EAAK,KAAK,EAC9D,IACJ,EAAS,SAAS,KACb,EAAS,QAAQ,GAAG,MAAM,IAAI,EAAE,kBAAkB,EAAE,GAAG,EAAS,QAAQ,QAAQ,EAAE,GACnF,KACA,IACJ,EAAS,SAAS,IACd,KAAK,MAAM,EAAS,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAS,OAAO,GACxE;AACN,SAAO;GAAE,MAAM,EAAK;GAAM,WAAW,EAAS;GAAQ;GAAU,WAAW;GAAQ;GACnF,EAEI,IAAwB,CAAC,GAAG,EAAgB,CAAC,MAChD,GAAG,MAAM,OAAO,EAAE,SAAS,GAAG,OAAO,EAAE,SAAS,CAClD,EAGK,IAAU,EAAsB,IAChC,IAAkB,EAAU,QAAQ,MAAM,EAAE,mBAAmB,IAAI,CAAC,QACpE,IAAiB,EAAgB,QAAQ,MAAM,EAAE,YAAY,EAAE,EAC/D,IAAiB,CAAC,GAAG,EAAe,CAAC,KAAK,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE,EAClF,IACJ,EAAe,SAAS,IAAI,EAAe,KAAK,MAAM,EAAe,SAAS,EAAE,IAAI,GAChF,IAAuB,EAAe,QAAQ,MAAM,EAAE,YAAY,EAAiB,CAAC,QAEpF,IAAsE;EAC1E;GACE,KAAK;GACL,QAAQ;GACR,UAAU;GACV,OAAO,MAAS,kBAAC,QAAD;IAAM,WAAU;cAAe,EAAK;IAAY,CAAA;GACjE;EACD;GACE,KAAK;GACL,QAAQ;GACR,UAAU;GACV,OAAO,MAAS,kBAAC,QAAD;IAAM,WAAU;cAA0B,EAAK;IAAiB,CAAA;GACjF;EACD;GACE,KAAK;GACL,QAAQ;GACR,UAAU;GACV,OAAO,MACL,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAO,SAAS,OAAO,EAAK,SAAS,IAAI,MAAM,YAAY;eACxD,EAAK;KACA,CAAA;IACH,CAAA;GAEV;EACD;GACE,KAAK;GACL,QAAQ;GACR,UAAU;GACV,OAAO,MACL,kBAAC,QAAD;IAAM,WAAU;cAAhB,CAAyC,KAAE,EAAK,UAAU,gBAAgB,CAAQ;;GAErF;EACF,EAEK,IAAoB,EAAU,QAAgC,GAAK,OACvE,EAAI,EAAE,aAAa,EAAI,EAAE,aAAa,KAAK,GACpC,IACN,EAAE,CAAC;AAEN,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAc,sBAAiC,CAAA;MAC5C,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACJ,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAGhB,CAAA;KACV,EAAA,CAAA;IACF,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA4B,CAAA,EACvE,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,CAC1C;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC;OAAkB,CAAA,EACpE,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAA4C,GAAa,sBAAuB;SACpE,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA2B,CAAA,EACtE,kBAAC,GAAD,EAAM,WAAU,+BAAgC,CAAA,CACrC;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAkD,GAAe,OAAU;UAC3E,kBAAC,KAAD;OAAG,WAAU;iBAAb;QAA2C;QAAQ,EAAU;QAAO;QAAc;SACtE,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA4B,CAAA,EACvE,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,CAC1C;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAAE,EAAU,gBAAgB,CAAO;UACpF,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAA0B,CAAA,CACzD,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAsB,CAAA,EACjE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAkD,EAAU,QAAQ,EAAE,EAAC,OAAU;UACjF,kBAAC,KAAD;OAAG,WAAU;iBAAb;QAA2C;QAAS,EAAa,QAAQ,EAAE;QAAC;QAAU;SAC1E,EAAA,CAAA,CACJ;;KACR;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,0BAAkC,CAAA,EAC7C,kBAAC,GAAD,EAAA,UAAiB,4DAEC,CAAA,CACP,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,SAAS;KACT,MAAM;KACN,SAAS,MAAS,EAAK;KACvB,CAAA,EACU,CAAA,CACT,EAAA,CAAA,EAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,sBAA8B,CAAA,EACzC,kBAAC,GAAD,EAAA,UAAiB,qCAAmD,CAAA,CACzD,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA,EACU,CAAA,CACT,EAAA,CAAA,CACH;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAW,WAAU;eAArB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAAA,sBAEnB;QACD,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eACpB,EAAmB,KAAK,MACvB,kBAAC,OAAD;MAAmB,WAAU;gBAA7B;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAoC,EAAE;QAAa,CAAA;OACnE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SACE,WAAU;SACV,OAAO,EAAE,OAAO,GAAG,EAAE,WAAW,IAAI;SACpC,CAAA;QACE,CAAA;OACN,kBAAC,QAAD;QAAM,WAAU;kBAAuC,EAAE;QAAa,CAAA;OACtE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA+D,EAAE,YAAW,IAAQ;;OAChF;QAVI,EAAE,MAUN,CACN;KACU,CAAA,CACT,EAAA,CAAA,EAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAW,WAAU;eAArB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,wBAEpB;QACD,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eACpB,OAAO,QAAQ,EAAkB,CAC/B,MAAM,GAAG,IAAI,GAAG,OAAO,IAAI,EAAE,CAC7B,KAAK,CAAC,GAAK,OACV,kBAAC,OAAD;MAAe,WAAU;gBAAzB,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAW;OAAW,CAAA,EACtC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAuB;QAAa,CAAA,EACpD,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAAnC,CACG,KAAK,MAAO,IAAQ,KAAK,IAAI,EAAU,QAAQ,EAAE,GAAI,IAAI,EAAC,IACrD;UACJ;SACF;QARI,EAQJ,CACN;KACQ,CAAA,CACT,EAAA,CAAA,CACH;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,GAAD,EAAO,WAAU,oCAAqC,CAAA,EAAA,eAE5C;OACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAsB;OAAuB,CAAA,EAC1D,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,GAAG,EAAQ,KAAK,kCAAkC,EAAQ,aAC1D;OACF,CAAA,CACA;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAsB;OAAkB,CAAA,EACrD,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG;QAAgB;QAAU,MAAoB,IAAI,KAAK;QAAI;QAE1D;SACA;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAsB;OAAoB,CAAA,EACvD,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG;QAAqB;QAAY,MAAyB,IAAI,KAAK;QAAI;QAEtE;SACA;;KACF;OACM,CAAA,CACT,EAAA,CAAA;GACH"}
+{"version":3,"file":"AnalyticsEmployeeAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { Award, BarChart3, Clock, MapPin, Star, UserCheck } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { BarChart } from '../components/viz';\nimport type { Segment } from '../components/viz';\n\ntype DeptPerformanceRow = {\n  name: string;\n  headcount: number;\n  avgScore: string;\n  avgSalary: number;\n};\n\nexport function AnalyticsEmployeeAnalyticsPagePage() {\n  const { employees, departments } = useCrewFoundryStore();\n\n  const tenureDistribution = useMemo(() => {\n    const total = Math.max(employees.length, 1);\n    const getYears = (startDate: string) =>\n      Math.max(\n        0,\n        (new Date('2026-03-01').getTime() - new Date(startDate).getTime()) /\n          (1000 * 60 * 60 * 24 * 365)\n      );\n    const buckets = [\n      { range: '< 1 year', min: 0, max: 1 },\n      { range: '1-2 years', min: 1, max: 2 },\n      { range: '2-3 years', min: 2, max: 3 },\n      { range: '3-4 years', min: 3, max: 4 },\n      { range: '4+ years', min: 4, max: Infinity },\n    ];\n    return buckets.map((bucket) => {\n      const count = employees.filter((employee) => {\n        const years = getYears(employee.startDate);\n        return years >= bucket.min && years < bucket.max;\n      }).length;\n      return { range: bucket.range, count, percentage: Math.round((count / total) * 100) };\n    });\n  }, [employees]);\n\n  // Real average and median tenure derived from employee start dates.\n  const { avgTenure, medianTenure } = useMemo(() => {\n    if (employees.length === 0) {\n      return { avgTenure: 0, medianTenure: 0 };\n    }\n    const getYears = (startDate: string) =>\n      Math.max(\n        0,\n        (new Date('2026-03-01').getTime() - new Date(startDate).getTime()) /\n          (1000 * 60 * 60 * 24 * 365)\n      );\n    const years = employees.map((employee) => getYears(employee.startDate)).sort((a, b) => a - b);\n    const avg = years.reduce((sum, value) => sum + value, 0) / years.length;\n    const mid = Math.floor(years.length / 2);\n    const median = years.length % 2 === 1 ? years[mid] : (years[mid - 1] + years[mid]) / 2;\n    return { avgTenure: avg, medianTenure: median };\n  }, [employees]);\n\n  const tenureSeries: Segment[] = tenureDistribution.map((bucket) => ({\n    label: bucket.range.replace(' years', 'y').replace(' year', 'y'),\n    value: bucket.count,\n  }));\n\n  const avgPerformance = (\n    employees.reduce((sum, e) => sum + e.performanceScore, 0) / Math.max(employees.length, 1)\n  ).toFixed(1);\n  const avgSalary = Math.round(\n    employees.reduce((sum, e) => sum + e.salary, 0) / Math.max(employees.length, 1)\n  );\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\n\n  const deptPerformance: DeptPerformanceRow[] = departments.map((dept) => {\n    const deptEmps = employees.filter((e) => e.department === dept.name);\n    const avgScore =\n      deptEmps.length > 0\n        ? (deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length).toFixed(1)\n        : '0';\n    const avgSal =\n      deptEmps.length > 0\n        ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n        : 0;\n    return { name: dept.name, headcount: deptEmps.length, avgScore, avgSalary: avgSal };\n  });\n\n  const sortedDeptPerformance = [...deptPerformance].sort(\n    (a, b) => Number(b.avgScore) - Number(a.avgScore)\n  );\n\n  // Real key-insight figures.\n  const topDept = sortedDeptPerformance[0];\n  const flightRiskCount = employees.filter((e) => e.performanceScore < 3.5).length;\n  const deptsWithStaff = deptPerformance.filter((d) => d.headcount > 0);\n  const sortedSalaries = [...deptsWithStaff].map((d) => d.avgSalary).sort((a, b) => a - b);\n  const medianDeptSalary =\n    sortedSalaries.length > 0 ? sortedSalaries[Math.floor(sortedSalaries.length / 2)] : 0;\n  const belowMedianDeptCount = deptsWithStaff.filter((d) => d.avgSalary < medianDeptSalary).length;\n\n  const deptPerformanceColumns: ResponsiveTableColumn<DeptPerformanceRow>[] = [\n    {\n      key: 'name',\n      header: 'Department',\n      priority: 'primary',\n      cell: (dept) => <span className=\"font-medium\">{dept.name}</span>,\n    },\n    {\n      key: 'headcount',\n      header: 'Headcount',\n      priority: 'secondary',\n      cell: (dept) => <span className=\"md:block md:text-right\">{dept.headcount}</span>,\n    },\n    {\n      key: 'avgScore',\n      header: 'Avg Score',\n      priority: 'primary',\n      cell: (dept) => (\n        <span className=\"md:block md:text-right\">\n          <Badge variant={Number(dept.avgScore) >= 4.5 ? 'default' : 'secondary'}>\n            {dept.avgScore}\n          </Badge>\n        </span>\n      ),\n    },\n    {\n      key: 'avgSalary',\n      header: 'Avg Salary',\n      priority: 'secondary',\n      cell: (dept) => (\n        <span className=\"md:block md:text-right\">${dept.avgSalary.toLocaleString()}</span>\n      ),\n    },\n  ];\n\n  const locationBreakdown = employees.reduce<Record<string, number>>((acc, e) => {\n    acc[e.location] = (acc[e.location] || 0) + 1;\n    return acc;\n  }, {});\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Employee Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Deep-dive into employee performance, engagement, and demographics\n          </p>\n          <PagePurpose className=\"mt-1\">\n            See how individual employees and teams are performing over time — use these insights for\n            reviews, recognition, and targeted coaching.\n          </PagePurpose>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Employees</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeCount}</div>\n            <p className=\"text-xs text-text-secondary\">{onLeaveCount} currently on leave</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Performance</CardTitle>\n            <Star className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgPerformance}/5.0</div>\n            <p className=\"text-xs text-text-secondary\">Across {employees.length} employees</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Compensation</CardTitle>\n            <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${avgSalary.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">Across all departments</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Tenure</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgTenure.toFixed(1)} yrs</div>\n            <p className=\"text-xs text-text-secondary\">Median: {medianTenure.toFixed(1)} years</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Department Performance</CardTitle>\n            <CardDescription>\n              Average performance score and compensation by department\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <ResponsiveTable\n              columns={deptPerformanceColumns}\n              data={sortedDeptPerformance}\n              rowKey={(dept) => dept.name}\n            />\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Engagement Drivers</CardTitle>\n            <CardDescription>Employee satisfaction by category</CardDescription>\n          </CardHeader>\n          <CardContent>\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"Engagement surveys coming soon\"\n              description=\"Satisfaction and engagement drivers will appear here once the employee survey integration is connected — we don't show estimated scores.\"\n            />\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Clock className=\"h-4 w-4\" />\n              Tenure Distribution\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {employees.length > 0 ? (\n              <BarChart series={tenureSeries} colorful height={220} title=\"Employee tenure distribution\" />\n            ) : (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No employees yet.\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <MapPin className=\"h-4 w-4\" />\n              Location Distribution\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(locationBreakdown)\n              .sort(([, a], [, b]) => b - a)\n              .map(([loc, count]) => (\n                <div key={loc} className=\"flex items-center justify-between py-1\">\n                  <span className=\"text-sm\">{loc}</span>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{count}</span>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {Math.round((count / Math.max(employees.length, 1)) * 100)}%\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Award className=\"h-4 w-4 text-status-warning-text\" />\n            Key Insights\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid gap-3 md:grid-cols-3\">\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Highest Performance</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                {topDept\n                  ? `${topDept.name} leads with an average score of ${topDept.avgScore}`\n                  : 'No department performance data yet'}\n              </p>\n            </div>\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Retention Risk</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                {flightRiskCount} employee{flightRiskCount === 1 ? '' : 's'} below a 3.5 performance\n                score — a potential flight risk\n              </p>\n            </div>\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Compensation Gap</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                {belowMedianDeptCount} department{belowMedianDeptCount === 1 ? '' : 's'} below the\n                median department salary\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}