@burdenoff/microfe-crewfoundry 2026.625.1 → 2026.625.2

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsFinancialAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowUp, DollarSign, FileText, Receipt, TrendingUp, Wallet } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function AnalyticsFinancialAnalyticsPagePage() {\n  const { employees, departments, payrollRecords, invoices, projects } = useCrewFoundryStore();\n\n  const monthlyPayrollTrend = useMemo(() => {\n    const byPeriod = payrollRecords.reduce<\n      Record<string, { gross: number; net: number; deductions: number }>\n    >((acc, record) => {\n      const month = new Date(record.payDate).toLocaleString('en-US', { month: 'short' });\n      const current = acc[month] || { gross: 0, net: 0, deductions: 0 };\n      current.gross += record.grossPay;\n      current.net += record.netPay;\n      current.deductions += record.deductions;\n      acc[month] = current;\n      return acc;\n    }, {});\n    return Object.entries(byPeriod)\n      .map(([month, value]) => ({ month, ...value }))\n      .slice(-6);\n  }, [payrollRecords]);\n\n  const expenseCategories = useMemo(\n    () => [\n      {\n        category: 'Payroll',\n        amount: payrollRecords.reduce((sum, record) => sum + record.grossPay, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.7, 0),\n        icon: Wallet,\n      },\n      {\n        category: 'Benefits',\n        amount: payrollRecords.reduce((sum, record) => sum + record.deductions * 0.4, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.15, 0),\n        icon: Receipt,\n      },\n      {\n        category: 'Recruitment',\n        amount: invoices.reduce(\n          (sum, invoice) => sum + (invoice.status === 'paid' ? invoice.amount * 0.15 : 0),\n          0\n        ),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.1, 0),\n        icon: FileText,\n      },\n      {\n        category: 'Training',\n        amount: projects.reduce((sum, project) => sum + project.spent * 0.08, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.08, 0),\n        icon: TrendingUp,\n      },\n    ],\n    [departments, invoices, payrollRecords, projects]\n  );\n\n  const totalPayroll = employees.reduce((sum, e) => sum + e.salary, 0);\n  const monthlyPayroll = Math.round(totalPayroll / 12);\n  const totalInvoiced = invoices.reduce((sum, inv) => sum + inv.amount, 0);\n  const paidInvoices = invoices\n    .filter((i) => i.status === 'paid')\n    .reduce((s, i) => s + i.amount, 0);\n  const totalProjectBudget = projects.reduce((s, p) => s + p.budget, 0);\n  const totalProjectSpent = projects.reduce((s, p) => s + p.spent, 0);\n\n  const maxPayroll = Math.max(1, ...monthlyPayrollTrend.map((m) => m.gross));\n\n  const deptCost = departments.map((d) => {\n    const deptEmps = employees.filter((e) => e.department === d.name);\n    const totalSal = deptEmps.reduce((s, e) => s + e.salary, 0);\n    return { name: d.name, salary: totalSal, budget: d.budget, headcount: deptEmps.length };\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>Financial Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Workforce financial metrics and cost analysis\n          </p>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\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\">Monthly Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(monthlyPayroll / 1000).toFixed(0)}K\n            </div>\n            <div className=\"flex items-center text-xs text-status-warning-text\">\n              <ArrowUp className=\"h-3 w-3 mr-1\" />\n              +2.1% from last month\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\">Annual Salary Cost</CardTitle>\n            <Wallet className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalPayroll / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">{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\">Total Invoiced</CardTitle>\n            <FileText className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalInvoiced / 1000).toFixed(1)}K\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              ${(paidInvoices / 1000).toFixed(1)}K collected\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\">Project Budget</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalProjectBudget / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              {Math.round((totalProjectSpent / totalProjectBudget) * 100)}% utilized\n            </p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Payroll Trend</CardTitle>\n          <CardDescription>Monthly gross payroll over the last 6 months</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {monthlyPayrollTrend.map((m) => (\n            <div key={m.month} className=\"flex items-center gap-3\">\n              <span className=\"w-10 text-sm text-text-secondary\">{m.month}</span>\n              <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden flex\">\n                <div\n                  className=\"h-5 bg-action-primary-bg\"\n                  style={{ width: `${Math.round((m.net / maxPayroll) * 100)}%` }}\n                />\n                <div\n                  className=\"h-5 bg-action-primary-bg/30\"\n                  style={{ width: `${Math.round((m.deductions / maxPayroll) * 100)}%` }}\n                />\n              </div>\n              <span className=\"text-sm font-medium w-20 text-right\">\n                ${(m.gross / 1000000).toFixed(2)}M\n              </span>\n            </div>\n          ))}\n          <div className=\"flex items-center gap-4 mt-2 text-xs text-text-secondary\">\n            <div className=\"flex items-center gap-1\">\n              <div className=\"h-3 w-3 bg-action-primary-bg rounded\" />\n              <span>Net Pay</span>\n            </div>\n            <div className=\"flex items-center gap-1\">\n              <div className=\"h-3 w-3 bg-action-primary-bg/30 rounded\" />\n              <span>Deductions</span>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Budget vs Actual</CardTitle>\n            <CardDescription>Monthly expense tracking by category</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {expenseCategories.map((cat) => {\n              const pct = Math.round((cat.amount / cat.budget) * 100);\n              return (\n                <div key={cat.category} className=\"space-y-1\">\n                  <div className=\"flex justify-between text-sm\">\n                    <span className=\"font-medium\">{cat.category}</span>\n                    <span>\n                      ${(cat.amount / 1000).toFixed(0)}K / ${(cat.budget / 1000).toFixed(0)}K\n                    </span>\n                  </div>\n                  <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className={`h-3 rounded ${pct > 95 ? 'bg-status-error-text' : pct > 80 ? 'bg-status-warning-text' : 'bg-status-success-text'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                  <p className=\"text-xs text-text-secondary text-right\">{pct}% utilized</p>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Outstanding Invoices</CardTitle>\n            <CardDescription>Invoices requiring attention</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {invoices.map((inv) => (\n              <div key={inv.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{inv.number}</p>\n                  <p className=\"text-xs text-text-secondary\">{inv.clientName}</p>\n                </div>\n                <div className=\"text-right\">\n                  <p className=\"text-sm font-medium\">${inv.amount.toLocaleString()}</p>\n                  <Badge\n                    variant={\n                      inv.status === 'paid'\n                        ? 'default'\n                        : inv.status === 'overdue'\n                          ? 'destructive'\n                          : 'secondary'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    {inv.status}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Department Cost Analysis</CardTitle>\n          <CardDescription>Total salary cost and budget allocation by department</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 className=\"text-right\">Headcount</span>\n            <span className=\"text-right\">Total Salary</span>\n            <span className=\"text-right\">Dept Budget</span>\n            <span className=\"text-right\">Salary/Budget %</span>\n          </div>\n          {deptCost\n            .sort((a, b) => b.salary - a.salary)\n            .map((d) => (\n              <div\n                key={d.name}\n                className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{d.name}</span>\n                <span className=\"text-right\">{d.headcount}</span>\n                <span className=\"text-right\">${(d.salary / 1000).toFixed(0)}K</span>\n                <span className=\"text-right\">${(d.budget / 1000000).toFixed(1)}M</span>\n                <span className=\"text-right\">\n                  <Badge\n                    variant={d.salary / d.budget > 0.5 ? 'destructive' : 'default'}\n                    className=\"text-[10px]\"\n                  >\n                    {Math.round((d.salary / d.budget) * 100)}%\n                  </Badge>\n                </span>\n              </div>\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 className=\"text-right\">{employees.length}</span>\n            <span className=\"text-right\">${(totalPayroll / 1000000).toFixed(1)}M</span>\n            <span className=\"text-right\">\n              ${(departments.reduce((s, d) => s + d.budget, 0) / 1000000).toFixed(1)}M\n            </span>\n            <span />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsFinancialAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.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, DollarSign, FileText, Receipt, TrendingUp, Wallet } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function AnalyticsFinancialAnalyticsPagePage() {\n  const { employees, departments, payrollRecords, invoices, projects } = useCrewFoundryStore();\n\n  const monthlyPayrollTrend = useMemo(() => {\n    const byPeriod = payrollRecords.reduce<\n      Record<string, { gross: number; net: number; deductions: number }>\n    >((acc, record) => {\n      const month = new Date(record.payDate).toLocaleString('en-US', { month: 'short' });\n      const current = acc[month] || { gross: 0, net: 0, deductions: 0 };\n      current.gross += record.grossPay;\n      current.net += record.netPay;\n      current.deductions += record.deductions;\n      acc[month] = current;\n      return acc;\n    }, {});\n    return Object.entries(byPeriod)\n      .map(([month, value]) => ({ month, ...value }))\n      .slice(-6);\n  }, [payrollRecords]);\n\n  const expenseCategories = useMemo(\n    () => [\n      {\n        category: 'Payroll',\n        amount: payrollRecords.reduce((sum, record) => sum + record.grossPay, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.7, 0),\n        icon: Wallet,\n      },\n      {\n        category: 'Benefits',\n        amount: payrollRecords.reduce((sum, record) => sum + record.deductions * 0.4, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.15, 0),\n        icon: Receipt,\n      },\n      {\n        category: 'Recruitment',\n        amount: invoices.reduce(\n          (sum, invoice) => sum + (invoice.status === 'paid' ? invoice.amount * 0.15 : 0),\n          0\n        ),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.1, 0),\n        icon: FileText,\n      },\n      {\n        category: 'Training',\n        amount: projects.reduce((sum, project) => sum + project.spent * 0.08, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.08, 0),\n        icon: TrendingUp,\n      },\n    ],\n    [departments, invoices, payrollRecords, projects]\n  );\n\n  const totalPayroll = employees.reduce((sum, e) => sum + e.salary, 0);\n  const monthlyPayroll = Math.round(totalPayroll / 12);\n  const totalInvoiced = invoices.reduce((sum, inv) => sum + inv.amount, 0);\n  const paidInvoices = invoices\n    .filter((i) => i.status === 'paid')\n    .reduce((s, i) => s + i.amount, 0);\n  const totalProjectBudget = projects.reduce((s, p) => s + p.budget, 0);\n  const totalProjectSpent = projects.reduce((s, p) => s + p.spent, 0);\n\n  const maxPayroll = Math.max(1, ...monthlyPayrollTrend.map((m) => m.gross));\n\n  const deptCost = departments.map((d) => {\n    const deptEmps = employees.filter((e) => e.department === d.name);\n    const totalSal = deptEmps.reduce((s, e) => s + e.salary, 0);\n    return { name: d.name, salary: totalSal, budget: d.budget, headcount: deptEmps.length };\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>Financial Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Workforce financial metrics and cost analysis\n          </p>\n          <PagePurpose className=\"mt-1\">Understand the money side of your workforce — payroll, project budgets, and spend trends — so you can plan headcount and control costs with confidence.</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\">Monthly Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(monthlyPayroll / 1000).toFixed(0)}K\n            </div>\n            <div className=\"flex items-center text-xs text-status-warning-text\">\n              <ArrowUp className=\"h-3 w-3 mr-1\" />\n              +2.1% from last month\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\">Annual Salary Cost</CardTitle>\n            <Wallet className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalPayroll / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">{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\">Total Invoiced</CardTitle>\n            <FileText className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalInvoiced / 1000).toFixed(1)}K\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              ${(paidInvoices / 1000).toFixed(1)}K collected\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\">Project Budget</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalProjectBudget / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              {Math.round((totalProjectSpent / totalProjectBudget) * 100)}% utilized\n            </p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Payroll Trend</CardTitle>\n          <CardDescription>Monthly gross payroll over the last 6 months</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {monthlyPayrollTrend.map((m) => (\n            <div key={m.month} className=\"flex items-center gap-3\">\n              <span className=\"w-10 text-sm text-text-secondary\">{m.month}</span>\n              <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden flex\">\n                <div\n                  className=\"h-5 bg-action-primary-bg\"\n                  style={{ width: `${Math.round((m.net / maxPayroll) * 100)}%` }}\n                />\n                <div\n                  className=\"h-5 bg-action-primary-bg/30\"\n                  style={{ width: `${Math.round((m.deductions / maxPayroll) * 100)}%` }}\n                />\n              </div>\n              <span className=\"text-sm font-medium w-20 text-right\">\n                ${(m.gross / 1000000).toFixed(2)}M\n              </span>\n            </div>\n          ))}\n          <div className=\"flex items-center gap-4 mt-2 text-xs text-text-secondary\">\n            <div className=\"flex items-center gap-1\">\n              <div className=\"h-3 w-3 bg-action-primary-bg rounded\" />\n              <span>Net Pay</span>\n            </div>\n            <div className=\"flex items-center gap-1\">\n              <div className=\"h-3 w-3 bg-action-primary-bg/30 rounded\" />\n              <span>Deductions</span>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Budget vs Actual</CardTitle>\n            <CardDescription>Monthly expense tracking by category</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {expenseCategories.map((cat) => {\n              const pct = Math.round((cat.amount / cat.budget) * 100);\n              return (\n                <div key={cat.category} className=\"space-y-1\">\n                  <div className=\"flex justify-between text-sm\">\n                    <span className=\"font-medium\">{cat.category}</span>\n                    <span>\n                      ${(cat.amount / 1000).toFixed(0)}K / ${(cat.budget / 1000).toFixed(0)}K\n                    </span>\n                  </div>\n                  <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className={`h-3 rounded ${pct > 95 ? 'bg-status-error-text' : pct > 80 ? 'bg-status-warning-text' : 'bg-status-success-text'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                  <p className=\"text-xs text-text-secondary text-right\">{pct}% utilized</p>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Outstanding Invoices</CardTitle>\n            <CardDescription>Invoices requiring attention</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {invoices.map((inv) => (\n              <div key={inv.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{inv.number}</p>\n                  <p className=\"text-xs text-text-secondary\">{inv.clientName}</p>\n                </div>\n                <div className=\"text-right\">\n                  <p className=\"text-sm font-medium\">${inv.amount.toLocaleString()}</p>\n                  <Badge\n                    variant={\n                      inv.status === 'paid'\n                        ? 'default'\n                        : inv.status === 'overdue'\n                          ? 'destructive'\n                          : 'secondary'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    {inv.status}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Department Cost Analysis</CardTitle>\n          <CardDescription>Total salary cost and budget allocation by department</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 className=\"text-right\">Headcount</span>\n            <span className=\"text-right\">Total Salary</span>\n            <span className=\"text-right\">Dept Budget</span>\n            <span className=\"text-right\">Salary/Budget %</span>\n          </div>\n          {deptCost\n            .sort((a, b) => b.salary - a.salary)\n            .map((d) => (\n              <div\n                key={d.name}\n                className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{d.name}</span>\n                <span className=\"text-right\">{d.headcount}</span>\n                <span className=\"text-right\">${(d.salary / 1000).toFixed(0)}K</span>\n                <span className=\"text-right\">${(d.budget / 1000000).toFixed(1)}M</span>\n                <span className=\"text-right\">\n                  <Badge\n                    variant={d.salary / d.budget > 0.5 ? 'destructive' : 'default'}\n                    className=\"text-[10px]\"\n                  >\n                    {Math.round((d.salary / d.budget) * 100)}%\n                  </Badge>\n                </span>\n              </div>\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 className=\"text-right\">{employees.length}</span>\n            <span className=\"text-right\">${(totalPayroll / 1000000).toFixed(1)}M</span>\n            <span className=\"text-right\">\n              ${(departments.reduce((s, d) => s + d.budget, 0) / 1000000).toFixed(1)}M\n            </span>\n            <span />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.js

@@ -2,10 +2,10 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
 import { Briefcase as n, Clock as r, Target as i, TrendingUp as a, Users as o } from "lucide-react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m, GlassCard as h, GradientText as g } from "@burdenoff/fe-libs/ui";
+import { Badge as l, Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m, GlassCard as h, GradientText as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.tsx
-function _() {
-	let { jobPostings: _, candidates: v, interviews: y } = e(), b = t(() => [
+function v() {
+	let { jobPostings: v, candidates: y, interviews: b } = e(), x = t(() => [
 		"Sep",
 		"Oct",
 		"Nov",
@@ -13,7 +13,7 @@ function _() {
 		"Jan",
 		"Feb"
 	].map((e, t) => {
-		let n = y.filter((t) => new Date(t.date).toLocaleString("en-US", { month: "short" }) === e).length, r = v.filter((t) => new Date(t.appliedDate).toLocaleString("en-US", { month: "short" }) === e), i = r.filter((e) => e.status === "offer").length, a = r.filter((e) => e.status === "hired").length, o = r.length + _.reduce((e, t) => e + t.applicants, 0) / 6;
+		let n = b.filter((t) => new Date(t.date).toLocaleString("en-US", { month: "short" }) === e).length, r = y.filter((t) => new Date(t.appliedDate).toLocaleString("en-US", { month: "short" }) === e), i = r.filter((e) => e.status === "offer").length, a = r.filter((e) => e.status === "hired").length, o = r.length + v.reduce((e, t) => e + t.applicants, 0) / 6;
 		return {
 			month: e,
 			applications: Math.round(o - t * 3),
@@ -22,11 +22,11 @@ function _() {
 			hires: a
 		};
 	}), [
-		v,
 		y,
-		_
-	]), x = t(() => {
-		let e = v.reduce((e, t) => {
+		b,
+		v
+	]), S = t(() => {
+		let e = y.reduce((e, t) => {
 			let n = t.source || "Unknown", r = e[n] || {
 				applications: 0,
 				hires: 0
@@ -38,63 +38,71 @@ function _() {
 			applications: t.applications,
 			hires: t.hires,
 			conversionRate: Number((t.hires / Math.max(t.applications, 1) * 100).toFixed(1)),
-			costPerHire: Math.round(_.reduce((e, t) => e + t.salaryMin * .02, 0) / Math.max(t.hires, 1))
+			costPerHire: Math.round(v.reduce((e, t) => e + t.salaryMin * .02, 0) / Math.max(t.hires, 1))
 		}));
-	}, [v, _]), S = _.filter((e) => e.status === "active"), C = _.reduce((e, t) => e + t.applicants, 0), w = y.filter((e) => e.status === "scheduled").length, T = y.filter((e) => e.status === "completed").length, E = v.filter((e) => e.status === "offer").length, D = v.filter((e) => e.status === "hired").length, O = Math.max(1, ...b.map((e) => e.applications)), k = [
+	}, [y, v]), C = v.filter((e) => e.status === "active"), w = v.reduce((e, t) => e + t.applicants, 0), T = b.filter((e) => e.status === "scheduled").length, E = b.filter((e) => e.status === "completed").length, D = y.filter((e) => e.status === "offer").length, O = y.filter((e) => e.status === "hired").length, k = Math.max(1, ...x.map((e) => e.applications)), A = [
 		{
 			status: "New",
-			count: v.filter((e) => e.status === "new").length,
+			count: y.filter((e) => e.status === "new").length,
 			color: "bg-text-secondary"
 		},
 		{
 			status: "Screening",
-			count: v.filter((e) => e.status === "screening").length,
+			count: y.filter((e) => e.status === "screening").length,
 			color: "bg-status-info-text"
 		},
 		{
 			status: "Interview",
-			count: v.filter((e) => e.status === "interview").length,
+			count: y.filter((e) => e.status === "interview").length,
 			color: "bg-status-info-text"
 		},
 		{
 			status: "Assessment",
-			count: v.filter((e) => e.status === "assessment").length,
+			count: y.filter((e) => e.status === "assessment").length,
 			color: "bg-action-primary-bg"
 		},
 		{
 			status: "Offer",
-			count: E,
+			count: D,
 			color: "bg-status-warning-text"
 		},
 		{
 			status: "Hired",
-			count: D,
+			count: O,
 			color: "bg-status-success-text"
 		},
 		{
 			status: "Rejected",
-			count: v.filter((e) => e.status === "rejected").length,
+			count: y.filter((e) => e.status === "rejected").length,
 			color: "bg-status-error-text"
 		}
-	], A = k.reduce((e, t) => e + t.count, 0);
+	], j = A.reduce((e, t) => e + t.count, 0);
 	return /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ s("div", {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ s(g, { children: "Hiring Analytics" })
-				}), /* @__PURE__ */ s("p", {
-					className: "text-sm text-text-secondary",
-					children: "Recruitment performance and pipeline analysis"
-				})] })
+				children: /* @__PURE__ */ c("div", { children: [
+					/* @__PURE__ */ s("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ s(g, { children: "Hiring Analytics" })
+					}),
+					/* @__PURE__ */ s("p", {
+						className: "text-sm text-text-secondary",
+						children: "Recruitment performance and pipeline analysis"
+					}),
+					/* @__PURE__ */ s(_, {
+						className: "mt-1",
+						children: "Measure how your hiring funnel performs — applications, time-to-hire, and source quality — to make recruiting faster and more effective."
+					})
+				] })
 			}),
 			/* @__PURE__ */ c("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ c(h, {
-						treatment: "metric",
+						treatment: "glass",
+						glow: !0,
 						className: "border-border-seam",
 						children: [/* @__PURE__ */ c(p, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
@@ -104,10 +112,10 @@ function _() {
 							}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: S.length
+							children: C.length
 						}), /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
-							children: [C, " total applicants"]
+							children: [w, " total applicants"]
 						})] })]
 					}),
 					/* @__PURE__ */ c(h, {
@@ -142,9 +150,9 @@ function _() {
 						}), /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
 							children: [
-								w,
-								" scheduled, ",
 								T,
+								" scheduled, ",
+								E,
 								" completed"
 							]
 						})] })]
@@ -163,7 +171,7 @@ function _() {
 							children: "87%"
 						}), /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
-							children: [D, " hired this quarter"]
+							children: [O, " hired this quarter"]
 						})] })]
 					})
 				]
@@ -174,7 +182,7 @@ function _() {
 					className: "col-span-4",
 					children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, { children: "Monthly Hiring Activity" }), /* @__PURE__ */ s(f, { children: "Applications, interviews, and hires over time" })] }), /* @__PURE__ */ s(d, {
 						className: "space-y-3",
-						children: b.map((e) => /* @__PURE__ */ c("div", {
+						children: x.map((e) => /* @__PURE__ */ c("div", {
 							className: "flex items-center gap-3",
 							children: [
 								/* @__PURE__ */ s("span", {
@@ -185,7 +193,7 @@ function _() {
 									className: "flex-1 h-5 bg-bg-sunken rounded overflow-hidden",
 									children: /* @__PURE__ */ s("div", {
 										className: "h-5 bg-action-primary-bg rounded",
-										style: { width: `${Math.round(e.applications / (O + 20) * 100)}%` }
+										style: { width: `${Math.round(e.applications / (k + 20) * 100)}%` }
 									})
 								}),
 								/* @__PURE__ */ c("div", {
@@ -215,7 +223,7 @@ function _() {
 					className: "col-span-3",
 					children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, { children: "Pipeline Status" }), /* @__PURE__ */ s(f, { children: "Current candidate distribution" })] }), /* @__PURE__ */ s(d, {
 						className: "space-y-3",
-						children: k.map((e) => /* @__PURE__ */ c("div", {
+						children: A.map((e) => /* @__PURE__ */ c("div", {
 							className: "flex items-center gap-3",
 							children: [
 								/* @__PURE__ */ s("div", { className: `h-3 w-3 rounded-full ${e.color}` }),
@@ -227,7 +235,7 @@ function _() {
 									className: "flex-1 h-3 bg-bg-sunken rounded overflow-hidden",
 									children: /* @__PURE__ */ s("div", {
 										className: `h-3 rounded ${e.color}`,
-										style: { width: `${A > 0 ? Math.max(Math.round(e.count / A * 100), 3) : 3}%` }
+										style: { width: `${j > 0 ? Math.max(Math.round(e.count / j * 100), 3) : 3}%` }
 									})
 								}),
 								/* @__PURE__ */ s("span", {
@@ -260,7 +268,7 @@ function _() {
 						children: "Cost/Hire"
 					})
 				]
-			}), x.sort((e, t) => t.conversionRate - e.conversionRate).map((e) => /* @__PURE__ */ c("div", {
+			}), S.sort((e, t) => t.conversionRate - e.conversionRate).map((e) => /* @__PURE__ */ c("div", {
 				className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
 				children: [
 					/* @__PURE__ */ s("span", {
@@ -308,7 +316,7 @@ function _() {
 						children: "Status"
 					})
 				]
-			}), _.map((e) => /* @__PURE__ */ c("div", {
+			}), v.map((e) => /* @__PURE__ */ c("div", {
 				className: "grid grid-cols-6 gap-2 py-2 border-b last:border-0 text-sm",
 				children: [
 					/* @__PURE__ */ s("span", {
@@ -352,6 +360,6 @@ function _() {
 	});
 }
 //#endregion
-export { _ as AnalyticsHiringAnalyticsPagePage };
+export { v as AnalyticsHiringAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsHiringAnalyticsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsHiringAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { Briefcase, Clock, Target, TrendingUp, Users } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function AnalyticsHiringAnalyticsPagePage() {\n  const { jobPostings, candidates, interviews } = useCrewFoundryStore();\n\n  const hiringMetrics = useMemo(() => {\n    const months = ['Sep', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb'];\n    return months.map((month, index) => {\n      const monthInterviews = interviews.filter(\n        (interview) =>\n          new Date(interview.date).toLocaleString('en-US', { month: 'short' }) === month\n      ).length;\n      const monthCandidates = candidates.filter(\n        (candidate) =>\n          new Date(candidate.appliedDate).toLocaleString('en-US', { month: 'short' }) === month\n      );\n      const offers = monthCandidates.filter((candidate) => candidate.status === 'offer').length;\n      const hires = monthCandidates.filter((candidate) => candidate.status === 'hired').length;\n      const applications =\n        monthCandidates.length +\n        jobPostings.reduce((sum, posting) => sum + posting.applicants, 0) / 6;\n      return {\n        month,\n        applications: Math.round(applications - index * 3),\n        interviews: monthInterviews,\n        offers,\n        hires,\n      };\n    });\n  }, [candidates, interviews, jobPostings]);\n\n  const sourceEffectiveness = useMemo(() => {\n    const grouped = candidates.reduce<Record<string, { applications: number; hires: number }>>(\n      (acc, candidate) => {\n        const source = candidate.source || 'Unknown';\n        const value = acc[source] || { applications: 0, hires: 0 };\n        value.applications += 1;\n        if (candidate.status === 'hired') {\n          value.hires += 1;\n        }\n        acc[source] = value;\n        return acc;\n      },\n      {}\n    );\n\n    return Object.entries(grouped).map(([source, value]) => ({\n      source,\n      applications: value.applications,\n      hires: value.hires,\n      conversionRate: Number(((value.hires / Math.max(value.applications, 1)) * 100).toFixed(1)),\n      costPerHire: Math.round(\n        jobPostings.reduce((sum, posting) => sum + posting.salaryMin * 0.02, 0) /\n          Math.max(value.hires, 1)\n      ),\n    }));\n  }, [candidates, jobPostings]);\n\n  const activeJobs = jobPostings.filter((j) => j.status === 'active');\n  const totalApplicants = jobPostings.reduce((s, j) => s + j.applicants, 0);\n  const scheduledInterviews = interviews.filter((i) => i.status === 'scheduled').length;\n  const completedInterviews = interviews.filter((i) => i.status === 'completed').length;\n  const offeredCandidates = candidates.filter((c) => c.status === 'offer').length;\n  const hiredCandidates = candidates.filter((c) => c.status === 'hired').length;\n\n  const maxApplications = Math.max(1, ...hiringMetrics.map((m) => m.applications));\n\n  const statusPipeline = [\n    {\n      status: 'New',\n      count: candidates.filter((c) => c.status === 'new').length,\n      color: 'bg-text-secondary',\n    },\n    {\n      status: 'Screening',\n      count: candidates.filter((c) => c.status === 'screening').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Interview',\n      count: candidates.filter((c) => c.status === 'interview').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Assessment',\n      count: candidates.filter((c) => c.status === 'assessment').length,\n      color: 'bg-action-primary-bg',\n    },\n    { status: 'Offer', count: offeredCandidates, color: 'bg-status-warning-text' },\n    { status: 'Hired', count: hiredCandidates, color: 'bg-status-success-text' },\n    {\n      status: 'Rejected',\n      count: candidates.filter((c) => c.status === 'rejected').length,\n      color: 'bg-status-error-text',\n    },\n  ];\n  const totalPipeline = statusPipeline.reduce((s, p) => s + p.count, 0);\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>Hiring Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Recruitment performance and pipeline analysis\n          </p>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\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 Postings</CardTitle>\n            <Briefcase className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeJobs.length}</div>\n            <p className=\"text-xs text-text-secondary\">{totalApplicants} total applicants</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\">Time to Fill</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">28 days</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"h-3 w-3 mr-1\" />\n              -3 days from last quarter\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\">Interview to Offer</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">32%</div>\n            <p className=\"text-xs text-text-secondary\">\n              {scheduledInterviews} scheduled, {completedInterviews} 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\">Offer Acceptance</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">87%</div>\n            <p className=\"text-xs text-text-secondary\">{hiredCandidates} hired this quarter</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-7\">\n        <Card className=\"col-span-4\">\n          <CardHeader>\n            <CardTitle>Monthly Hiring Activity</CardTitle>\n            <CardDescription>Applications, interviews, and hires over time</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {hiringMetrics.map((m) => (\n              <div key={m.month} className=\"flex items-center gap-3\">\n                <span className=\"w-10 text-sm text-text-secondary\">{m.month}</span>\n                <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-5 bg-action-primary-bg rounded\"\n                    style={{\n                      width: `${Math.round((m.applications / (maxApplications + 20)) * 100)}%`,\n                    }}\n                  />\n                </div>\n                <div className=\"flex gap-1 w-48 justify-end\">\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {m.applications} apps\n                  </Badge>\n                  <Badge variant=\"secondary\" className=\"text-[10px]\">\n                    {m.interviews} int\n                  </Badge>\n                  <Badge variant=\"default\" className=\"text-[10px]\">\n                    {m.hires} hired\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card className=\"col-span-3\">\n          <CardHeader>\n            <CardTitle>Pipeline Status</CardTitle>\n            <CardDescription>Current candidate distribution</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {statusPipeline.map((stage) => (\n              <div key={stage.status} className=\"flex items-center gap-3\">\n                <div className={`h-3 w-3 rounded-full ${stage.color}`} />\n                <span className=\"w-20 text-sm\">{stage.status}</span>\n                <div className=\"flex-1 h-3 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className={`h-3 rounded ${stage.color}`}\n                    style={{\n                      width: `${totalPipeline > 0 ? Math.max(Math.round((stage.count / totalPipeline) * 100), 3) : 3}%`,\n                    }}\n                  />\n                </div>\n                <span className=\"text-sm font-medium w-6 text-right\">{stage.count}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Source Effectiveness</CardTitle>\n          <CardDescription>Recruitment channel performance comparison</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>Source</span>\n            <span className=\"text-right\">Applications</span>\n            <span className=\"text-right\">Hires</span>\n            <span className=\"text-right\">Conversion</span>\n            <span className=\"text-right\">Cost/Hire</span>\n          </div>\n          {sourceEffectiveness\n            .sort((a, b) => b.conversionRate - a.conversionRate)\n            .map((src) => (\n              <div\n                key={src.source}\n                className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{src.source}</span>\n                <span className=\"text-right\">{src.applications}</span>\n                <span className=\"text-right\">{src.hires}</span>\n                <span className=\"text-right\">\n                  <Badge\n                    variant={src.conversionRate >= 5 ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {src.conversionRate}%\n                  </Badge>\n                </span>\n                <span className=\"text-right\">${src.costPerHire.toLocaleString()}</span>\n              </div>\n            ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Open Positions Detail</CardTitle>\n          <CardDescription>Active job postings and applicant counts</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n            <span>Position</span>\n            <span>Department</span>\n            <span>Level</span>\n            <span className=\"text-right\">Applicants</span>\n            <span className=\"text-right\">Salary Range</span>\n            <span className=\"text-right\">Status</span>\n          </div>\n          {jobPostings.map((job) => (\n            <div\n              key={job.id}\n              className=\"grid grid-cols-6 gap-2 py-2 border-b last:border-0 text-sm\"\n            >\n              <span className=\"font-medium truncate\">{job.title}</span>\n              <span className=\"text-text-secondary\">{job.department}</span>\n              <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n                {job.experienceLevel}\n              </Badge>\n              <span className=\"text-right\">{job.applicants}</span>\n              <span className=\"text-right text-text-secondary\">\n                ${(job.salaryMin / 1000).toFixed(0)}K-${(job.salaryMax / 1000).toFixed(0)}K\n              </span>\n              <div className=\"text-right\">\n                <Badge\n                  variant={job.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {job.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,IAAmC;CACjD,IAAM,EAAE,gBAAa,eAAY,kBAAe,GAAqB,EAE/D,IAAgB,QACL;EAAC;EAAO;EAAO;EAAO;EAAO;EAAO;EAAM,CAC3C,KAAK,GAAO,MAAU;EAClC,IAAM,IAAkB,EAAW,QAChC,MACC,IAAI,KAAK,EAAU,KAAK,CAAC,eAAe,SAAS,EAAE,OAAO,SAAS,CAAC,KAAK,EAC5E,CAAC,QACI,IAAkB,EAAW,QAChC,MACC,IAAI,KAAK,EAAU,YAAY,CAAC,eAAe,SAAS,EAAE,OAAO,SAAS,CAAC,KAAK,EACnF,EACK,IAAS,EAAgB,QAAQ,MAAc,EAAU,WAAW,QAAQ,CAAC,QAC7E,IAAQ,EAAgB,QAAQ,MAAc,EAAU,WAAW,QAAQ,CAAC,QAC5E,IACJ,EAAgB,SAChB,EAAY,QAAQ,GAAK,MAAY,IAAM,EAAQ,YAAY,EAAE,GAAG;AACtE,SAAO;GACL;GACA,cAAc,KAAK,MAAM,IAAe,IAAQ,EAAE;GAClD,YAAY;GACZ;GACA;GACD;GACD,EACD;EAAC;EAAY;EAAY;EAAY,CAAC,EAEnC,IAAsB,QAAc;EACxC,IAAM,IAAU,EAAW,QACxB,GAAK,MAAc;GAClB,IAAM,IAAS,EAAU,UAAU,WAC7B,IAAQ,EAAI,MAAW;IAAE,cAAc;IAAG,OAAO;IAAG;AAM1D,UALA,EAAM,gBAAgB,GAClB,EAAU,WAAW,YACvB,EAAM,SAAS,IAEjB,EAAI,KAAU,GACP;KAET,EAAE,CACH;AAED,SAAO,OAAO,QAAQ,EAAQ,CAAC,KAAK,CAAC,GAAQ,QAAY;GACvD;GACA,cAAc,EAAM;GACpB,OAAO,EAAM;GACb,gBAAgB,QAAS,EAAM,QAAQ,KAAK,IAAI,EAAM,cAAc,EAAE,GAAI,KAAK,QAAQ,EAAE,CAAC;GAC1F,aAAa,KAAK,MAChB,EAAY,QAAQ,GAAK,MAAY,IAAM,EAAQ,YAAY,KAAM,EAAE,GACrE,KAAK,IAAI,EAAM,OAAO,EAAE,CAC3B;GACF,EAAE;IACF,CAAC,GAAY,EAAY,CAAC,EAEvB,IAAa,EAAY,QAAQ,MAAM,EAAE,WAAW,SAAS,EAC7D,IAAkB,EAAY,QAAQ,GAAG,MAAM,IAAI,EAAE,YAAY,EAAE,EACnE,IAAsB,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC,QACzE,IAAsB,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC,QACzE,IAAoB,EAAW,QAAQ,MAAM,EAAE,WAAW,QAAQ,CAAC,QACnE,IAAkB,EAAW,QAAQ,MAAM,EAAE,WAAW,QAAQ,CAAC,QAEjE,IAAkB,KAAK,IAAI,GAAG,GAAG,EAAc,KAAK,MAAM,EAAE,aAAa,CAAC,EAE1E,IAAiB;EACrB;GACE,QAAQ;GACR,OAAO,EAAW,QAAQ,MAAM,EAAE,WAAW,MAAM,CAAC;GACpD,OAAO;GACR;EACD;GACE,QAAQ;GACR,OAAO,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC;GAC1D,OAAO;GACR;EACD;GACE,QAAQ;GACR,OAAO,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC;GAC1D,OAAO;GACR;EACD;GACE,QAAQ;GACR,OAAO,EAAW,QAAQ,MAAM,EAAE,WAAW,aAAa,CAAC;GAC3D,OAAO;GACR;EACD;GAAE,QAAQ;GAAS,OAAO;GAAmB,OAAO;GAA0B;EAC9E;GAAE,QAAQ;GAAS,OAAO;GAAiB,OAAO;GAA0B;EAC5E;GACE,QAAQ;GACR,OAAO,EAAW,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC;GACzD,OAAO;GACR;EACF,EACK,IAAgB,EAAe,QAAQ,GAAG,MAAM,IAAI,EAAE,OAAO,EAAE;AAErE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,oBAA+B,CAAA;KAC1C,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAEvC,CAAA,CACA,EAAA,CAAA;IACF,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA2B,CAAA,EACtE,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,CAC1C;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAW;OAAa,CAAA,EAC1E,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAA4C,GAAgB,oBAAqB;SACrE,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAwB,CAAA,EACnE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAkC;OAAa,CAAA,EAC9D,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAY,WAAU,gBAAiB,CAAA,EAAA,4BAEnC;SACM,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA8B,CAAA,EACzE,kBAAC,GAAD,EAAQ,WAAU,+BAAgC,CAAA,CACvC;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAkC;OAAS,CAAA,EAC1D,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG;QAAoB;QAAa;QAAoB;QACpD;SACQ,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,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAkC;OAAS,CAAA,EAC1D,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAA4C,GAAgB,sBAAuB;SACvE,EAAA,CAAA,CACJ;;KACR;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,2BAAmC,CAAA,EAC9C,kBAAC,GAAD,EAAA,UAAiB,iDAA+D,CAAA,CACrE,EAAA,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,EAAc,KAAK,MAClB,kBAAC,OAAD;OAAmB,WAAU;iBAA7B;QACE,kBAAC,QAAD;SAAM,WAAU;mBAAoC,EAAE;SAAa,CAAA;QACnE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAU;UACV,OAAO,EACL,OAAO,GAAG,KAAK,MAAO,EAAE,gBAAgB,IAAkB,MAAO,IAAI,CAAC,IACvE;UACD,CAAA;SACE,CAAA;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,GAAD;WAAO,SAAQ;WAAU,WAAU;qBAAnC,CACG,EAAE,cAAa,QACV;;UACR,kBAAC,GAAD;WAAO,SAAQ;WAAY,WAAU;qBAArC,CACG,EAAE,YAAW,OACR;;UACR,kBAAC,GAAD;WAAO,SAAQ;WAAU,WAAU;qBAAnC,CACG,EAAE,OAAM,SACH;;UACJ;;QACF;SArBI,EAAE,MAqBN,CACN;MACU,CAAA,CACT;QAEP,kBAAC,GAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EACtC,kBAAC,GAAD,EAAA,UAAiB,kCAAgD,CAAA,CACtD,EAAA,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,EAAe,KAAK,MACnB,kBAAC,OAAD;OAAwB,WAAU;iBAAlC;QACE,kBAAC,OAAD,EAAK,WAAW,wBAAwB,EAAM,SAAW,CAAA;QACzD,kBAAC,QAAD;SAAM,WAAU;mBAAgB,EAAM;SAAc,CAAA;QACpD,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAW,eAAe,EAAM;UAChC,OAAO,EACL,OAAO,GAAG,IAAgB,IAAI,KAAK,IAAI,KAAK,MAAO,EAAM,QAAQ,IAAiB,IAAI,EAAE,EAAE,GAAG,EAAE,IAChG;UACD,CAAA;SACE,CAAA;QACN,kBAAC,QAAD;SAAM,WAAU;mBAAsC,EAAM;SAAa,CAAA;QACrE;SAZI,EAAM,OAYV,CACN;MACU,CAAA,CACT;OACH;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,wBAAgC,CAAA,EAC3C,kBAAC,GAAD,EAAA,UAAiB,8CAA4D,CAAA,CAClE,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;KACnB,kBAAC,QAAD;MAAM,WAAU;gBAAa;MAAmB,CAAA;KAChD,kBAAC,QAAD;MAAM,WAAU;gBAAa;MAAY,CAAA;KACzC,kBAAC,QAAD;MAAM,WAAU;gBAAa;MAAiB,CAAA;KAC9C,kBAAC,QAAD;MAAM,WAAU;gBAAa;MAAgB,CAAA;KACzC;OACL,EACE,MAAM,GAAG,MAAM,EAAE,iBAAiB,EAAE,eAAe,CACnD,KAAK,MACJ,kBAAC,OAAD;IAEE,WAAU;cAFZ;KAIE,kBAAC,QAAD;MAAM,WAAU;gBAAe,EAAI;MAAc,CAAA;KACjD,kBAAC,QAAD;MAAM,WAAU;gBAAc,EAAI;MAAoB,CAAA;KACtD,kBAAC,QAAD;MAAM,WAAU;gBAAc,EAAI;MAAa,CAAA;KAC/C,kBAAC,QAAD;MAAM,WAAU;gBACd,kBAAC,GAAD;OACE,SAAS,EAAI,kBAAkB,IAAI,YAAY;OAC/C,WAAU;iBAFZ,CAIG,EAAI,gBAAe,IACd;;MACH,CAAA;KACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA6B,KAAE,EAAI,YAAY,gBAAgB,CAAQ;;KACnE;MAfC,EAAI,OAeL,CACN,CACQ,EAAA,CAAA,CACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,yBAAiC,CAAA,EAC5C,kBAAC,GAAD,EAAA,UAAiB,4CAA0D,CAAA,CAChE,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;KACrB,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;KACvB,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;KAClB,kBAAC,QAAD;MAAM,WAAU;gBAAa;MAAiB,CAAA;KAC9C,kBAAC,QAAD;MAAM,WAAU;gBAAa;MAAmB,CAAA;KAChD,kBAAC,QAAD;MAAM,WAAU;gBAAa;MAAa,CAAA;KACtC;OACL,EAAY,KAAK,MAChB,kBAAC,OAAD;IAEE,WAAU;cAFZ;KAIE,kBAAC,QAAD;MAAM,WAAU;gBAAwB,EAAI;MAAa,CAAA;KACzD,kBAAC,QAAD;MAAM,WAAU;gBAAuB,EAAI;MAAkB,CAAA;KAC7D,kBAAC,GAAD;MAAO,SAAQ;MAAU,WAAU;gBAChC,EAAI;MACC,CAAA;KACR,kBAAC,QAAD;MAAM,WAAU;gBAAc,EAAI;MAAkB,CAAA;KACpD,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OAAiD;QAC5C,EAAI,YAAY,KAAM,QAAQ,EAAE;OAAC;QAAK,EAAI,YAAY,KAAM,QAAQ,EAAE;OAAC;OACrE;;KACP,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,SAAS,EAAI,WAAW,WAAW,YAAY;OAC/C,WAAU;iBAET,EAAI;OACC,CAAA;MACJ,CAAA;KACF;MApBC,EAAI,GAoBL,CACN,CACU,EAAA,CAAA,CACT,EAAA,CAAA;GACH"}
+{"version":3,"file":"AnalyticsHiringAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Briefcase, Clock, Target, TrendingUp, Users } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function AnalyticsHiringAnalyticsPagePage() {\n  const { jobPostings, candidates, interviews } = useCrewFoundryStore();\n\n  const hiringMetrics = useMemo(() => {\n    const months = ['Sep', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb'];\n    return months.map((month, index) => {\n      const monthInterviews = interviews.filter(\n        (interview) =>\n          new Date(interview.date).toLocaleString('en-US', { month: 'short' }) === month\n      ).length;\n      const monthCandidates = candidates.filter(\n        (candidate) =>\n          new Date(candidate.appliedDate).toLocaleString('en-US', { month: 'short' }) === month\n      );\n      const offers = monthCandidates.filter((candidate) => candidate.status === 'offer').length;\n      const hires = monthCandidates.filter((candidate) => candidate.status === 'hired').length;\n      const applications =\n        monthCandidates.length +\n        jobPostings.reduce((sum, posting) => sum + posting.applicants, 0) / 6;\n      return {\n        month,\n        applications: Math.round(applications - index * 3),\n        interviews: monthInterviews,\n        offers,\n        hires,\n      };\n    });\n  }, [candidates, interviews, jobPostings]);\n\n  const sourceEffectiveness = useMemo(() => {\n    const grouped = candidates.reduce<Record<string, { applications: number; hires: number }>>(\n      (acc, candidate) => {\n        const source = candidate.source || 'Unknown';\n        const value = acc[source] || { applications: 0, hires: 0 };\n        value.applications += 1;\n        if (candidate.status === 'hired') {\n          value.hires += 1;\n        }\n        acc[source] = value;\n        return acc;\n      },\n      {}\n    );\n\n    return Object.entries(grouped).map(([source, value]) => ({\n      source,\n      applications: value.applications,\n      hires: value.hires,\n      conversionRate: Number(((value.hires / Math.max(value.applications, 1)) * 100).toFixed(1)),\n      costPerHire: Math.round(\n        jobPostings.reduce((sum, posting) => sum + posting.salaryMin * 0.02, 0) /\n          Math.max(value.hires, 1)\n      ),\n    }));\n  }, [candidates, jobPostings]);\n\n  const activeJobs = jobPostings.filter((j) => j.status === 'active');\n  const totalApplicants = jobPostings.reduce((s, j) => s + j.applicants, 0);\n  const scheduledInterviews = interviews.filter((i) => i.status === 'scheduled').length;\n  const completedInterviews = interviews.filter((i) => i.status === 'completed').length;\n  const offeredCandidates = candidates.filter((c) => c.status === 'offer').length;\n  const hiredCandidates = candidates.filter((c) => c.status === 'hired').length;\n\n  const maxApplications = Math.max(1, ...hiringMetrics.map((m) => m.applications));\n\n  const statusPipeline = [\n    {\n      status: 'New',\n      count: candidates.filter((c) => c.status === 'new').length,\n      color: 'bg-text-secondary',\n    },\n    {\n      status: 'Screening',\n      count: candidates.filter((c) => c.status === 'screening').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Interview',\n      count: candidates.filter((c) => c.status === 'interview').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Assessment',\n      count: candidates.filter((c) => c.status === 'assessment').length,\n      color: 'bg-action-primary-bg',\n    },\n    { status: 'Offer', count: offeredCandidates, color: 'bg-status-warning-text' },\n    { status: 'Hired', count: hiredCandidates, color: 'bg-status-success-text' },\n    {\n      status: 'Rejected',\n      count: candidates.filter((c) => c.status === 'rejected').length,\n      color: 'bg-status-error-text',\n    },\n  ];\n  const totalPipeline = statusPipeline.reduce((s, p) => s + p.count, 0);\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>Hiring Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Recruitment performance and pipeline analysis\n          </p>\n          <PagePurpose className=\"mt-1\">Measure how your hiring funnel performs — applications, time-to-hire, and source quality — to make recruiting faster and more effective.</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 Postings</CardTitle>\n            <Briefcase className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeJobs.length}</div>\n            <p className=\"text-xs text-text-secondary\">{totalApplicants} total applicants</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\">Time to Fill</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">28 days</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"h-3 w-3 mr-1\" />\n              -3 days from last quarter\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\">Interview to Offer</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">32%</div>\n            <p className=\"text-xs text-text-secondary\">\n              {scheduledInterviews} scheduled, {completedInterviews} 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\">Offer Acceptance</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">87%</div>\n            <p className=\"text-xs text-text-secondary\">{hiredCandidates} hired this quarter</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-7\">\n        <Card className=\"col-span-4\">\n          <CardHeader>\n            <CardTitle>Monthly Hiring Activity</CardTitle>\n            <CardDescription>Applications, interviews, and hires over time</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {hiringMetrics.map((m) => (\n              <div key={m.month} className=\"flex items-center gap-3\">\n                <span className=\"w-10 text-sm text-text-secondary\">{m.month}</span>\n                <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-5 bg-action-primary-bg rounded\"\n                    style={{\n                      width: `${Math.round((m.applications / (maxApplications + 20)) * 100)}%`,\n                    }}\n                  />\n                </div>\n                <div className=\"flex gap-1 w-48 justify-end\">\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {m.applications} apps\n                  </Badge>\n                  <Badge variant=\"secondary\" className=\"text-[10px]\">\n                    {m.interviews} int\n                  </Badge>\n                  <Badge variant=\"default\" className=\"text-[10px]\">\n                    {m.hires} hired\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card className=\"col-span-3\">\n          <CardHeader>\n            <CardTitle>Pipeline Status</CardTitle>\n            <CardDescription>Current candidate distribution</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {statusPipeline.map((stage) => (\n              <div key={stage.status} className=\"flex items-center gap-3\">\n                <div className={`h-3 w-3 rounded-full ${stage.color}`} />\n                <span className=\"w-20 text-sm\">{stage.status}</span>\n                <div className=\"flex-1 h-3 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className={`h-3 rounded ${stage.color}`}\n                    style={{\n                      width: `${totalPipeline > 0 ? Math.max(Math.round((stage.count / totalPipeline) * 100), 3) : 3}%`,\n                    }}\n                  />\n                </div>\n                <span className=\"text-sm font-medium w-6 text-right\">{stage.count}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Source Effectiveness</CardTitle>\n          <CardDescription>Recruitment channel performance comparison</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>Source</span>\n            <span className=\"text-right\">Applications</span>\n            <span className=\"text-right\">Hires</span>\n            <span className=\"text-right\">Conversion</span>\n            <span className=\"text-right\">Cost/Hire</span>\n          </div>\n          {sourceEffectiveness\n            .sort((a, b) => b.conversionRate - a.conversionRate)\n            .map((src) => (\n              <div\n                key={src.source}\n                className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{src.source}</span>\n                <span className=\"text-right\">{src.applications}</span>\n                <span className=\"text-right\">{src.hires}</span>\n                <span className=\"text-right\">\n                  <Badge\n                    variant={src.conversionRate >= 5 ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {src.conversionRate}%\n                  </Badge>\n                </span>\n                <span className=\"text-right\">${src.costPerHire.toLocaleString()}</span>\n              </div>\n            ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Open Positions Detail</CardTitle>\n          <CardDescription>Active job postings and applicant counts</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n            <span>Position</span>\n            <span>Department</span>\n            <span>Level</span>\n            <span className=\"text-right\">Applicants</span>\n            <span className=\"text-right\">Salary Range</span>\n            <span className=\"text-right\">Status</span>\n          </div>\n          {jobPostings.map((job) => (\n            <div\n              key={job.id}\n              className=\"grid grid-cols-6 gap-2 py-2 border-b last:border-0 text-sm\"\n            >\n              <span className=\"font-medium truncate\">{job.title}</span>\n              <span className=\"text-text-secondary\">{job.department}</span>\n              <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n                {job.experienceLevel}\n              </Badge>\n              <span className=\"text-right\">{job.applicants}</span>\n              <span className=\"text-right text-text-secondary\">\n                ${(job.salaryMin / 1000).toFixed(0)}K-${(job.salaryMax / 1000).toFixed(0)}K\n              </span>\n              <div className=\"text-right\">\n                <Badge\n                  variant={job.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {job.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/CommunicationsAnnouncementsPagePage.js

@@ -1,33 +1,41 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { Eye as t, Pin as n, Plus as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, GradientText as f } from "@burdenoff/fe-libs/ui";
+import { Badge as o, Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, GlassCard as f, GradientText as p, IllustratedEmptyState as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/CommunicationsAnnouncementsPagePage.tsx
-function p() {
-	let { announcements: p } = e(), m = p.filter((e) => e.isPinned), h = p.filter((e) => !e.isPinned);
+function g() {
+	let { announcements: g } = e(), _ = g.filter((e) => e.isPinned), v = g.filter((e) => !e.isPinned);
 	return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ a("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ i(f, { children: "Announcements" })
-				}), /* @__PURE__ */ a("p", {
-					className: "text-sm text-text-secondary",
-					children: [p.length, " company announcements"]
-				})] }), /* @__PURE__ */ a(s, {
+				children: [/* @__PURE__ */ a("div", { children: [
+					/* @__PURE__ */ i("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ i(p, { children: "Announcements" })
+					}),
+					/* @__PURE__ */ a("p", {
+						className: "text-sm text-text-secondary",
+						children: [g.length, " company announcements"]
+					}),
+					/* @__PURE__ */ i(h, {
+						className: "mt-1",
+						children: "Broadcast company-wide news and updates so everyone stays informed — post announcements here when you have something the whole team needs to see."
+					})
+				] }), /* @__PURE__ */ a(s, {
 					size: "sm",
 					children: [/* @__PURE__ */ i(r, { className: "h-4 w-4 mr-1" }), "New Announcement"]
 				})]
 			}),
-			m.length > 0 && /* @__PURE__ */ a("div", {
+			_.length > 0 && /* @__PURE__ */ a("div", {
 				className: "space-y-3",
 				children: [/* @__PURE__ */ a("h2", {
 					className: "text-sm font-medium flex items-center gap-1",
 					children: [/* @__PURE__ */ i(n, { className: "h-4 w-4" }), "Pinned"]
-				}), m.map((e) => /* @__PURE__ */ a(c, {
-					className: "border-status-warning-text/30 bg-status-warning-bg/30",
+				}), _.map((e) => /* @__PURE__ */ a(f, {
+					treatment: "glass",
+					glow: !0,
 					children: [/* @__PURE__ */ i(u, { children: /* @__PURE__ */ a("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ i(d, {
@@ -64,9 +72,14 @@ function p() {
 					})] })]
 				}, e.id))]
 			}),
+			g.length === 0 && /* @__PURE__ */ i(m, {
+				illustration: "empty-notifications",
+				title: "No announcements yet",
+				description: "Post an announcement to share news with the whole team."
+			}),
 			/* @__PURE__ */ i("div", {
 				className: "space-y-3",
-				children: h.map((e) => /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ i(u, { children: /* @__PURE__ */ a("div", {
+				children: v.map((e) => /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ i(u, { children: /* @__PURE__ */ a("div", {
 					className: "flex items-center justify-between",
 					children: [/* @__PURE__ */ i(d, {
 						className: "text-base",
@@ -116,6 +129,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as CommunicationsAnnouncementsPagePage };
+export { g as CommunicationsAnnouncementsPagePage };
 
 //# sourceMappingURL=CommunicationsAnnouncementsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommunicationsAnnouncementsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsAnnouncementsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { Eye, Megaphone, Pin, Plus } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function CommunicationsAnnouncementsPagePage() {\n  const { announcements } = useCrewFoundryStore();\n  const pinned = announcements.filter((a) => a.isPinned);\n  const regular = announcements.filter((a) => !a.isPinned);\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>Announcements</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {announcements.length} company announcements\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          New Announcement\n        </Button>\n      </div>\n      {pinned.length > 0 && (\n        <div className=\"space-y-3\">\n          <h2 className=\"text-sm font-medium flex items-center gap-1\">\n            <Pin className=\"h-4 w-4\" />\n            Pinned\n          </h2>\n          {pinned.map((ann) => (\n            <Card key={ann.id} className=\"border-status-warning-text/30 bg-status-warning-bg/30\">\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{ann.title}</CardTitle>\n                  <div className=\"flex gap-1\">\n                    <Badge\n                      variant={\n                        ann.priority === 'urgent'\n                          ? 'destructive'\n                          : ann.priority === 'high'\n                            ? 'default'\n                            : 'secondary'\n                      }\n                      className=\"text-[10px]\"\n                    >\n                      {ann.priority}\n                    </Badge>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {ann.category}\n                    </Badge>\n                  </div>\n                </div>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-text-secondary\">{ann.content}</p>\n                <div className=\"flex items-center justify-between mt-3 text-xs text-text-secondary\">\n                  <span>\n                    {ann.author} · {ann.authorRole}\n                  </span>\n                  <div className=\"flex items-center gap-3\">\n                    <span className=\"flex items-center gap-1\">\n                      <Eye className=\"h-3 w-3\" />\n                      {ann.viewCount}\n                    </span>\n                    <span>{ann.createdAt}</span>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n      <div className=\"space-y-3\">\n        {regular.map((ann) => (\n          <Card key={ann.id}>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{ann.title}</CardTitle>\n                <div className=\"flex gap-1\">\n                  <Badge\n                    variant={\n                      ann.priority === 'urgent'\n                        ? 'destructive'\n                        : ann.priority === 'high'\n                          ? 'default'\n                          : 'secondary'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    {ann.priority}\n                  </Badge>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {ann.category}\n                  </Badge>\n                </div>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-text-secondary\">{ann.content}</p>\n              <div className=\"flex items-center justify-between mt-3 text-xs text-text-secondary\">\n                <span>\n                  {ann.author} · {ann.authorRole}\n                </span>\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"flex items-center gap-1\">\n                    <Eye className=\"h-3 w-3\" />\n                    {ann.viewCount}\n                  </span>\n                  <span>{ann.createdAt}</span>\n                </div>\n              </div>\n              <div className=\"flex gap-1 mt-2\">\n                {ann.tags.map((t) => (\n                  <Badge key={t} variant=\"outline\" className=\"text-[9px]\">\n                    {t}\n                  </Badge>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CommunicationsAnnouncementsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsAnnouncementsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Eye, Pin, Plus } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function CommunicationsAnnouncementsPagePage() {\n  const { announcements } = useCrewFoundryStore();\n  const pinned = announcements.filter((a) => a.isPinned);\n  const regular = announcements.filter((a) => !a.isPinned);\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>Announcements</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {announcements.length} company announcements\n          </p>\n          <PagePurpose className=\"mt-1\">Broadcast company-wide news and updates so everyone stays informed — post announcements here when you have something the whole team needs to see.</PagePurpose>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          New Announcement\n        </Button>\n      </div>\n      {pinned.length > 0 && (\n        <div className=\"space-y-3\">\n          <h2 className=\"text-sm font-medium flex items-center gap-1\">\n            <Pin className=\"h-4 w-4\" />\n            Pinned\n          </h2>\n          {pinned.map((ann) => (\n            <GlassCard key={ann.id} treatment=\"glass\" glow>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{ann.title}</CardTitle>\n                  <div className=\"flex gap-1\">\n                    <Badge\n                      variant={\n                        ann.priority === 'urgent'\n                          ? 'destructive'\n                          : ann.priority === 'high'\n                            ? 'default'\n                            : 'secondary'\n                      }\n                      className=\"text-[10px]\"\n                    >\n                      {ann.priority}\n                    </Badge>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {ann.category}\n                    </Badge>\n                  </div>\n                </div>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-text-secondary\">{ann.content}</p>\n                <div className=\"flex items-center justify-between mt-3 text-xs text-text-secondary\">\n                  <span>\n                    {ann.author} · {ann.authorRole}\n                  </span>\n                  <div className=\"flex items-center gap-3\">\n                    <span className=\"flex items-center gap-1\">\n                      <Eye className=\"h-3 w-3\" />\n                      {ann.viewCount}\n                    </span>\n                    <span>{ann.createdAt}</span>\n                  </div>\n                </div>\n              </CardContent>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n      {announcements.length === 0 && (\n        <IllustratedEmptyState\n          illustration=\"empty-notifications\"\n          title=\"No announcements yet\"\n          description=\"Post an announcement to share news with the whole team.\"\n        />\n      )}\n      <div className=\"space-y-3\">\n        {regular.map((ann) => (\n          <Card key={ann.id}>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{ann.title}</CardTitle>\n                <div className=\"flex gap-1\">\n                  <Badge\n                    variant={\n                      ann.priority === 'urgent'\n                        ? 'destructive'\n                        : ann.priority === 'high'\n                          ? 'default'\n                          : 'secondary'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    {ann.priority}\n                  </Badge>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {ann.category}\n                  </Badge>\n                </div>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-text-secondary\">{ann.content}</p>\n              <div className=\"flex items-center justify-between mt-3 text-xs text-text-secondary\">\n                <span>\n                  {ann.author} · {ann.authorRole}\n                </span>\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"flex items-center gap-1\">\n                    <Eye className=\"h-3 w-3\" />\n                    {ann.viewCount}\n                  </span>\n                  <span>{ann.createdAt}</span>\n                </div>\n              </div>\n              <div className=\"flex gap-1 mt-2\">\n                {ann.tags.map((t) => (\n                  <Badge key={t} variant=\"outline\" className=\"text-[9px]\">\n                    {t}\n                  </Badge>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}