@burdenoff/microfe-crewfoundry 2026.703.1 → 2026.704.1

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardExecutiveDashboardPage.js","names":[],"sources":["../../../src/crewfoundry/pages/DashboardExecutiveDashboardPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowUp, Building2, DollarSign, Percent, Target } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function DashboardExecutiveDashboardPage() {\n  const { employees, departments, projects, jobPostings } = useCrewFoundryStore();\n\n  const quarterlyRevenue = useMemo(() => {\n    const quarters = ['Q1 2025', 'Q2 2025', 'Q3 2025', 'Q4 2025'];\n    const base = projects.reduce((sum, project) => sum + project.budget, 0) || 1000000;\n    return quarters.map((quarter, index) => {\n      const revenue = Math.round(base * (0.55 + index * 0.08));\n      const headcount = Math.max(1, employees.length - (3 - index) * 4);\n      return {\n        quarter,\n        revenue,\n        headcount,\n        revenuePerHead: Math.round(revenue / headcount),\n      };\n    });\n  }, [employees.length, projects]);\n\n  const riskIndicators = useMemo(\n    () => [\n      {\n        metric: 'Flight Risk Employees',\n        value: employees.filter((employee) => employee.performanceScore < 3.6).length,\n        severity: 'warning' as const,\n        detail: `${Math.round((employees.filter((employee) => employee.performanceScore < 3.6).length / Math.max(employees.length, 1)) * 100)}% of workforce`,\n      },\n      {\n        metric: 'Overdue Performance Reviews',\n        value: employees.filter((employee) => employee.status === 'on_leave').length,\n        severity: 'error' as const,\n        detail: 'Review follow-ups required',\n      },\n      {\n        metric: 'Unfilled Critical Roles',\n        value: jobPostings.filter(\n          (posting) => posting.status === 'active' && posting.experienceLevel === 'lead'\n        ).length,\n        severity: 'warning' as const,\n        detail: 'Open lead-level positions',\n      },\n      {\n        metric: 'Expiring Contracts',\n        value: employees.filter((employee) => employee.type === 'contract').length,\n        severity: 'info' as const,\n        detail: 'Contract renewals in focus',\n      },\n    ],\n    [employees, jobPostings]\n  );\n\n  const diversityMetrics = useMemo(() => {\n    const byDepartment = departments.map((department) => {\n      const count = employees.filter((employee) => employee.department === department.name).length;\n      const male = Math.min(100, Math.round(45 + (count % 15)));\n      const female = Math.min(100 - male, Math.round(40 + (count % 10)));\n      const other = Math.max(0, 100 - male - female);\n      return { category: department.name, male, female, other };\n    });\n    return [\n      {\n        category: 'Company',\n        male: 52,\n        female: 43,\n        other: 5,\n      },\n      ...byDepartment.slice(0, 3),\n    ];\n  }, [departments, employees]);\n\n  const totalSalaryBudget = employees.reduce((sum, e) => sum + e.salary, 0);\n  const totalDeptBudget = departments.reduce((sum, d) => sum + d.budget, 0);\n  const totalProjectBudget = projects.reduce((sum, p) => sum + p.budget, 0);\n  const totalProjectSpent = projects.reduce((sum, p) => sum + p.spent, 0);\n  const budgetUtilization = Math.round((totalProjectSpent / totalProjectBudget) * 100);\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>Executive Dashboard</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Strategic workforce insights for leadership</p>\n          <PagePurpose className=\"mt-1\">The executive snapshot — top-line workforce, financial, and hiring KPIs in one view so leaders can make decisions fast.</PagePurpose>\n        </div>\n        <Badge variant=\"outline\">Q1 2026</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\">Revenue per Employee</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">$21,862</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <ArrowUp className=\"h-3 w-3 mr-1\" />\n              +2.0% from Q3\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\">Total Workforce Cost</CardTitle>\n            <Building2 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalSalaryBudget / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">Annual salary expenditure</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\">Budget Utilization</CardTitle>\n            <Percent className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{budgetUtilization}%</div>\n            <p className=\"text-xs text-text-secondary\">\n              ${(totalProjectSpent / 1000000).toFixed(1)}M of $\n              {(totalProjectBudget / 1000000).toFixed(1)}M\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\">Retention Rate</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">95.8%</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <ArrowUp className=\"h-3 w-3 mr-1\" />\n              +1.1% improvement\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Revenue & Headcount Trend</CardTitle>\n            <CardDescription>Quarterly performance metrics</CardDescription>\n          </CardHeader>\n          <CardContent>\n            <div className=\"grid grid-cols-4 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n              <span>Quarter</span>\n              <span className=\"text-right\">Revenue</span>\n              <span className=\"text-right\">Headcount</span>\n              <span className=\"text-right\">Rev/Head</span>\n            </div>\n            {quarterlyRevenue.map((q) => (\n              <div\n                key={q.quarter}\n                className=\"grid grid-cols-4 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{q.quarter}</span>\n                <span className=\"text-right\">${(q.revenue / 1000000).toFixed(1)}M</span>\n                <span className=\"text-right\">{q.headcount}</span>\n                <span className=\"text-right font-medium\">${q.revenuePerHead.toLocaleString()}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Risk Indicators</CardTitle>\n            <CardDescription>Items requiring executive attention</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {riskIndicators.map((risk) => (\n              <div\n                key={risk.metric}\n                className=\"flex items-center justify-between rounded border p-3\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <div\n                    className={`h-3 w-3 rounded-full ${\n                      risk.severity === 'error'\n                        ? 'bg-status-error-text'\n                        : risk.severity === 'warning'\n                          ? 'bg-status-warning-text'\n                          : 'bg-status-info-text'\n                    }`}\n                  />\n                  <div>\n                    <p className=\"text-sm font-medium\">{risk.metric}</p>\n                    <p className=\"text-xs text-text-secondary\">{risk.detail}</p>\n                  </div>\n                </div>\n                <span className=\"text-lg font-bold\">{risk.value}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Diversity & Inclusion Metrics</CardTitle>\n          <CardDescription>Gender distribution across organization segments</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-4\">\n            {diversityMetrics.map((d) => (\n              <div key={d.category} className=\"space-y-1\">\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"font-medium\">{d.category}</span>\n                  <span className=\"text-xs text-text-secondary\">\n                    M: {d.male}% · F: {d.female}% · Other: {d.other}%\n                  </span>\n                </div>\n                <div className=\"flex h-3 rounded overflow-hidden\">\n                  <div className=\"bg-status-info-text\" style={{ width: `${d.male}%` }} />\n                  <div className=\"bg-action-primary-bg\" style={{ width: `${d.female}%` }} />\n                  <div className=\"bg-status-success-text\" style={{ width: `${d.other}%` }} />\n                </div>\n              </div>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Department Budget Status</CardTitle>\n          <CardDescription>Annual budget allocation and headcount</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n            <span>Department</span>\n            <span>Head</span>\n            <span className=\"text-right\">Headcount</span>\n            <span className=\"text-right\">Budget</span>\n            <span className=\"text-right\">Cost/Employee</span>\n          </div>\n          {departments.map((dept) => {\n            const costPerEmp =\n              dept.employeeCount > 0 ? Math.round(dept.budget / dept.employeeCount) : 0;\n            return (\n              <div\n                key={dept.id}\n                className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{dept.name}</span>\n                <span className=\"text-text-secondary\">{dept.headName}</span>\n                <span className=\"text-right\">{dept.employeeCount}</span>\n                <span className=\"text-right\">${(dept.budget / 1000000).toFixed(1)}M</span>\n                <span className=\"text-right\">${(costPerEmp / 1000).toFixed(0)}K</span>\n              </div>\n            );\n          })}\n          <Separator className=\"my-2\" />\n          <div className=\"grid grid-cols-5 gap-2 text-sm font-bold\">\n            <span>Total</span>\n            <span />\n            <span className=\"text-right\">\n              {departments.reduce((s, d) => s + d.employeeCount, 0)}\n            </span>\n            <span className=\"text-right\">${(totalDeptBudget / 1000000).toFixed(1)}M</span>\n            <span className=\"text-right\">\n              $\n              {(\n                totalDeptBudget /\n                departments.reduce((s, d) => s + d.employeeCount, 0) /\n                1000\n              ).toFixed(0)}\n              K\n            </span>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardExecutiveDashboardPage.js","names":[],"sources":["../../../src/crewfoundry/pages/DashboardExecutiveDashboardPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, Percent, Target } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore, type Department } from '../store/crewfoundryStore';\n\nexport function DashboardExecutiveDashboardPage() {\n  const { employees, departments, projects, jobPostings } = useCrewFoundryStore();\n\n  const riskIndicators = useMemo(\n    () => [\n      {\n        metric: 'Flight Risk Employees',\n        value: employees.filter((employee) => employee.performanceScore < 3.6).length,\n        severity: 'warning' as const,\n        detail: `${Math.round((employees.filter((employee) => employee.performanceScore < 3.6).length / Math.max(employees.length, 1)) * 100)}% of workforce`,\n      },\n      {\n        metric: 'Employees On Leave',\n        value: employees.filter((employee) => employee.status === 'on_leave').length,\n        severity: 'error' as const,\n        detail: 'Coverage follow-ups required',\n      },\n      {\n        metric: 'Unfilled Lead Roles',\n        value: jobPostings.filter(\n          (posting) => posting.status === 'active' && posting.experienceLevel === 'lead'\n        ).length,\n        severity: 'warning' as const,\n        detail: 'Open lead-level positions',\n      },\n      {\n        metric: 'Contract Employees',\n        value: employees.filter((employee) => employee.type === 'contract').length,\n        severity: 'info' as const,\n        detail: 'Contract renewals in focus',\n      },\n    ],\n    [employees, jobPostings]\n  );\n\n  const totalSalaryBudget = employees.reduce((sum, e) => sum + e.salary, 0);\n  const totalDeptBudget = departments.reduce((sum, d) => sum + d.budget, 0);\n  const totalProjectBudget = projects.reduce((sum, p) => sum + p.budget, 0);\n  const totalProjectSpent = projects.reduce((sum, p) => sum + p.spent, 0);\n  const budgetUtilization =\n    totalProjectBudget > 0 ? Math.round((totalProjectSpent / totalProjectBudget) * 100) : 0;\n\n  const terminatedCount = employees.filter((e) => e.status === 'terminated').length;\n  const retentionRate =\n    employees.length > 0 ? Math.round((1 - terminatedCount / employees.length) * 100) : 0;\n\n  const totalHeadcount = departments.reduce((sum, d) => sum + d.employeeCount, 0);\n  const avgCostPerEmployee = totalHeadcount > 0 ? totalDeptBudget / totalHeadcount : 0;\n\n  const departmentColumns: ResponsiveTableColumn<Department>[] = [\n    {\n      key: 'name',\n      header: 'Department',\n      priority: 'primary',\n      cell: (dept) => <span className=\"font-medium\">{dept.name}</span>,\n    },\n    {\n      key: 'head',\n      header: 'Head',\n      priority: 'secondary',\n      cell: (dept) => <span className=\"text-text-secondary\">{dept.headName}</span>,\n    },\n    {\n      key: 'headcount',\n      header: 'Headcount',\n      priority: 'secondary',\n      cell: (dept) => <span className=\"md:block md:text-right\">{dept.employeeCount}</span>,\n    },\n    {\n      key: 'budget',\n      header: 'Budget',\n      priority: 'secondary',\n      cell: (dept) => (\n        <span className=\"md:block md:text-right\">${(dept.budget / 1000000).toFixed(1)}M</span>\n      ),\n    },\n    {\n      key: 'costPerEmployee',\n      header: 'Cost/Employee',\n      priority: 'primary',\n      cell: (dept) => {\n        const costPerEmp = dept.employeeCount > 0 ? Math.round(dept.budget / dept.employeeCount) : 0;\n        return <span className=\"md:block md:text-right\">${(costPerEmp / 1000).toFixed(0)}K</span>;\n      },\n    },\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>Executive Dashboard</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Strategic workforce insights for leadership</p>\n          <PagePurpose className=\"mt-1\">The executive snapshot — top-line workforce, financial, and hiring KPIs in one view so leaders can make decisions fast.</PagePurpose>\n        </div>\n        <Badge variant=\"outline\">Q1 2026</Badge>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\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 Cost</CardTitle>\n            <Building2 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalSalaryBudget / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">Annual salary expenditure</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\">Budget Utilization</CardTitle>\n            <Percent className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{budgetUtilization}%</div>\n            <p className=\"text-xs text-text-secondary\">\n              ${(totalProjectSpent / 1000000).toFixed(1)}M of $\n              {(totalProjectBudget / 1000000).toFixed(1)}M project budget\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\">Retention Rate</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{retentionRate}%</div>\n            <p className=\"text-xs text-text-secondary\">\n              {terminatedCount} of {employees.length} employees no longer active\n            </p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Risk Indicators</CardTitle>\n          <CardDescription>Items requiring executive attention</CardDescription>\n        </CardHeader>\n        <CardContent className=\"grid gap-3 md:grid-cols-2\">\n          {riskIndicators.map((risk) => (\n            <div key={risk.metric} className=\"flex items-center justify-between rounded border p-3\">\n              <div className=\"flex items-center gap-3\">\n                <div\n                  className={`h-3 w-3 rounded-full ${\n                    risk.severity === 'error'\n                      ? 'bg-status-error-text'\n                      : risk.severity === 'warning'\n                        ? 'bg-status-warning-text'\n                        : 'bg-status-info-text'\n                  }`}\n                />\n                <div>\n                  <p className=\"text-sm font-medium\">{risk.metric}</p>\n                  <p className=\"text-xs text-text-secondary\">{risk.detail}</p>\n                </div>\n              </div>\n              <span className=\"text-lg font-bold\">{risk.value}</span>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Department Budget Status</CardTitle>\n          <CardDescription>Annual budget allocation and headcount</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable\n            columns={departmentColumns}\n            data={departments}\n            rowKey={(dept) => dept.id}\n          />\n          <Separator className=\"my-3\" />\n          <div className=\"flex flex-wrap items-center justify-between gap-2 text-sm font-bold\">\n            <span>Total</span>\n            <span>{totalHeadcount} employees</span>\n            <span>${(totalDeptBudget / 1000000).toFixed(1)}M budget</span>\n            <span>${(avgCostPerEmployee / 1000).toFixed(0)}K / employee</span>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}