@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.js

@@ -0,0 +1,341 @@
+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 } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.tsx
+function h() {
+	let { jobPostings: h, candidates: g, interviews: _ } = e(), v = t(() => [
+		"Sep",
+		"Oct",
+		"Nov",
+		"Dec",
+		"Jan",
+		"Feb"
+	].map((e, t) => {
+		let n = _.filter((t) => new Date(t.date).toLocaleString("en-US", { month: "short" }) === e).length, r = g.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 + h.reduce((e, t) => e + t.applicants, 0) / 6;
+		return {
+			month: e,
+			applications: Math.round(o - t * 3),
+			interviews: n,
+			offers: i,
+			hires: a
+		};
+	}), [
+		g,
+		_,
+		h
+	]), y = t(() => {
+		let e = g.reduce((e, t) => {
+			let n = t.source || "Unknown", r = e[n] || {
+				applications: 0,
+				hires: 0
+			};
+			return r.applications += 1, t.status === "hired" && (r.hires += 1), e[n] = r, e;
+		}, {});
+		return Object.entries(e).map(([e, t]) => ({
+			source: e,
+			applications: t.applications,
+			hires: t.hires,
+			conversionRate: Number((t.hires / Math.max(t.applications, 1) * 100).toFixed(1)),
+			costPerHire: Math.round(h.reduce((e, t) => e + t.salaryMin * .02, 0) / Math.max(t.hires, 1))
+		}));
+	}, [g, h]), b = h.filter((e) => e.status === "active"), x = h.reduce((e, t) => e + t.applicants, 0), S = _.filter((e) => e.status === "scheduled").length, C = _.filter((e) => e.status === "completed").length, w = g.filter((e) => e.status === "offer").length, T = g.filter((e) => e.status === "hired").length, E = Math.max(1, ...v.map((e) => e.applications)), D = [
+		{
+			status: "New",
+			count: g.filter((e) => e.status === "new").length,
+			color: "bg-gray-500"
+		},
+		{
+			status: "Screening",
+			count: g.filter((e) => e.status === "screening").length,
+			color: "bg-blue-500"
+		},
+		{
+			status: "Interview",
+			count: g.filter((e) => e.status === "interview").length,
+			color: "bg-indigo-500"
+		},
+		{
+			status: "Assessment",
+			count: g.filter((e) => e.status === "assessment").length,
+			color: "bg-purple-500"
+		},
+		{
+			status: "Offer",
+			count: w,
+			color: "bg-orange-500"
+		},
+		{
+			status: "Hired",
+			count: T,
+			color: "bg-green-500"
+		},
+		{
+			status: "Rejected",
+			count: g.filter((e) => e.status === "rejected").length,
+			color: "bg-red-500"
+		}
+	], O = D.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: "Hiring Analytics"
+				}), /* @__PURE__ */ s("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Recruitment performance and pipeline analysis"
+				})] })
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Active Postings"
+						}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: b.length
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: [x, " total applicants"]
+					})] })] }),
+					/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Time to Fill"
+						}), /* @__PURE__ */ s(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: "28 days"
+					}), /* @__PURE__ */ c("div", {
+						className: "flex items-center text-xs text-green-600",
+						children: [/* @__PURE__ */ s(a, { className: "h-3 w-3 mr-1" }), "-3 days from last quarter"]
+					})] })] }),
+					/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Interview to Offer"
+						}), /* @__PURE__ */ s(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: "32%"
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							S,
+							" scheduled, ",
+							C,
+							" completed"
+						]
+					})] })] }),
+					/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Offer Acceptance"
+						}), /* @__PURE__ */ s(o, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: "87%"
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: [T, " hired this quarter"]
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-7",
+				children: [/* @__PURE__ */ c(u, {
+					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: v.map((e) => /* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [
+								/* @__PURE__ */ s("span", {
+									className: "w-10 text-sm text-muted-foreground",
+									children: e.month
+								}),
+								/* @__PURE__ */ s("div", {
+									className: "flex-1 h-5 bg-muted rounded overflow-hidden",
+									children: /* @__PURE__ */ s("div", {
+										className: "h-5 bg-primary rounded",
+										style: { width: `${Math.round(e.applications / (E + 20) * 100)}%` }
+									})
+								}),
+								/* @__PURE__ */ c("div", {
+									className: "flex gap-1 w-48 justify-end",
+									children: [
+										/* @__PURE__ */ c(l, {
+											variant: "outline",
+											className: "text-[10px]",
+											children: [e.applications, " apps"]
+										}),
+										/* @__PURE__ */ c(l, {
+											variant: "secondary",
+											className: "text-[10px]",
+											children: [e.interviews, " int"]
+										}),
+										/* @__PURE__ */ c(l, {
+											variant: "default",
+											className: "text-[10px]",
+											children: [e.hires, " hired"]
+										})
+									]
+								})
+							]
+						}, e.month))
+					})]
+				}), /* @__PURE__ */ c(u, {
+					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: D.map((e) => /* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [
+								/* @__PURE__ */ s("div", { className: `h-3 w-3 rounded-full ${e.color}` }),
+								/* @__PURE__ */ s("span", {
+									className: "w-20 text-sm",
+									children: e.status
+								}),
+								/* @__PURE__ */ s("div", {
+									className: "flex-1 h-3 bg-muted rounded overflow-hidden",
+									children: /* @__PURE__ */ s("div", {
+										className: `h-3 rounded ${e.color}`,
+										style: { width: `${O > 0 ? Math.max(Math.round(e.count / O * 100), 3) : 3}%` }
+									})
+								}),
+								/* @__PURE__ */ s("span", {
+									className: "text-sm font-medium w-6 text-right",
+									children: e.count
+								})
+							]
+						}, e.status))
+					})]
+				})]
+			}),
+			/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, { children: "Source Effectiveness" }), /* @__PURE__ */ s(f, { children: "Recruitment channel performance comparison" })] }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
+				className: "grid grid-cols-5 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+				children: [
+					/* @__PURE__ */ s("span", { children: "Source" }),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: "Applications"
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: "Hires"
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: "Conversion"
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: "Cost/Hire"
+					})
+				]
+			}), y.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", {
+						className: "font-medium",
+						children: e.source
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: e.applications
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: e.hires
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: /* @__PURE__ */ c(l, {
+							variant: e.conversionRate >= 5 ? "default" : "secondary",
+							className: "text-[10px]",
+							children: [e.conversionRate, "%"]
+						})
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "text-right",
+						children: ["$", e.costPerHire.toLocaleString()]
+					})
+				]
+			}, e.source))] })] }),
+			/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, { children: "Open Positions Detail" }), /* @__PURE__ */ s(f, { children: "Active job postings and applicant counts" })] }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
+				className: "grid grid-cols-6 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+				children: [
+					/* @__PURE__ */ s("span", { children: "Position" }),
+					/* @__PURE__ */ s("span", { children: "Department" }),
+					/* @__PURE__ */ s("span", { children: "Level" }),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: "Applicants"
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: "Salary Range"
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: "Status"
+					})
+				]
+			}), h.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", {
+						className: "font-medium truncate",
+						children: e.title
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "text-muted-foreground",
+						children: e.department
+					}),
+					/* @__PURE__ */ s(l, {
+						variant: "outline",
+						className: "w-fit text-[10px]",
+						children: e.experienceLevel
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "text-right",
+						children: e.applicants
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "text-right text-muted-foreground",
+						children: [
+							"$",
+							(e.salaryMin / 1e3).toFixed(0),
+							"K-$",
+							(e.salaryMax / 1e3).toFixed(0),
+							"K"
+						]
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "text-right",
+						children: /* @__PURE__ */ s(l, {
+							variant: e.status === "active" ? "default" : "secondary",
+							className: "text-[10px]",
+							children: e.status
+						})
+					})
+				]
+			}, e.id))] })] })
+		]
+	});
+}
+//#endregion
+export { h as AnalyticsHiringAnalyticsPagePage };
+
+//# sourceMappingURL=AnalyticsHiringAnalyticsPagePage.js.map

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

@@ -0,0 +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} 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-gray-500',\n    },\n    {\n      status: 'Screening',\n      count: candidates.filter((c) => c.status === 'screening').length,\n      color: 'bg-blue-500',\n    },\n    {\n      status: 'Interview',\n      count: candidates.filter((c) => c.status === 'interview').length,\n      color: 'bg-indigo-500',\n    },\n    {\n      status: 'Assessment',\n      count: candidates.filter((c) => c.status === 'assessment').length,\n      color: 'bg-purple-500',\n    },\n    { status: 'Offer', count: offeredCandidates, color: 'bg-orange-500' },\n    { status: 'Hired', count: hiredCandidates, color: 'bg-green-500' },\n    {\n      status: 'Rejected',\n      count: candidates.filter((c) => c.status === 'rejected').length,\n      color: 'bg-red-500',\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\">Hiring Analytics</h1>\n          <p className=\"text-sm text-muted-foreground\">\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        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{activeJobs.length}</div>\n            <p className=\"text-xs text-muted-foreground\">{totalApplicants} total applicants</p>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">28 days</div>\n            <div className=\"flex items-center text-xs text-green-600\">\n              <TrendingUp className=\"h-3 w-3 mr-1\" />\n              -3 days from last quarter\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">32%</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {scheduledInterviews} scheduled, {completedInterviews} completed\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">87%</div>\n            <p className=\"text-xs text-muted-foreground\">{hiredCandidates} hired this quarter</p>\n          </CardContent>\n        </Card>\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-muted-foreground\">{m.month}</span>\n                <div className=\"flex-1 h-5 bg-muted rounded overflow-hidden\">\n                  <div\n                    className=\"h-5 bg-primary 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-muted 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-muted-foreground 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-muted-foreground 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-muted-foreground\">{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-muted-foreground\">\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.d.ts

@@ -0,0 +1,2 @@
+export declare function CommunicationsAnnouncementsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommunicationsAnnouncementsPagePage.d.ts.map

package/dist/crewfoundry/pages/CommunicationsAnnouncementsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsAnnouncementsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/CommunicationsAnnouncementsPagePage.tsx"],"names":[],"mappings":"AAIA,wBAAgB,mCAAmC,4CAwHlD"}

package/dist/crewfoundry/pages/CommunicationsAnnouncementsPagePage.js

@@ -0,0 +1,121 @@
+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 } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/CommunicationsAnnouncementsPagePage.tsx
+function f() {
+	let { announcements: f } = e(), p = f.filter((e) => e.isPinned), m = f.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: "Announcements"
+				}), /* @__PURE__ */ a("p", {
+					className: "text-sm text-muted-foreground",
+					children: [f.length, " company announcements"]
+				})] }), /* @__PURE__ */ a(s, {
+					size: "sm",
+					children: [/* @__PURE__ */ i(r, { className: "h-4 w-4 mr-1" }), "New Announcement"]
+				})]
+			}),
+			p.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"]
+				}), p.map((e) => /* @__PURE__ */ a(c, {
+					className: "border-yellow-200 bg-yellow-50/30",
+					children: [/* @__PURE__ */ i(u, { children: /* @__PURE__ */ a("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ i(d, {
+							className: "text-base",
+							children: e.title
+						}), /* @__PURE__ */ a("div", {
+							className: "flex gap-1",
+							children: [/* @__PURE__ */ i(o, {
+								variant: e.priority === "urgent" ? "destructive" : e.priority === "high" ? "default" : "secondary",
+								className: "text-[10px]",
+								children: e.priority
+							}), /* @__PURE__ */ i(o, {
+								variant: "outline",
+								className: "text-[10px]",
+								children: e.category
+							})]
+						})]
+					}) }), /* @__PURE__ */ a(l, { children: [/* @__PURE__ */ i("p", {
+						className: "text-sm text-muted-foreground",
+						children: e.content
+					}), /* @__PURE__ */ a("div", {
+						className: "flex items-center justify-between mt-3 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ a("span", { children: [
+							e.author,
+							" · ",
+							e.authorRole
+						] }), /* @__PURE__ */ a("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ a("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ i(t, { className: "h-3 w-3" }), e.viewCount]
+							}), /* @__PURE__ */ i("span", { children: e.createdAt })]
+						})]
+					})] })]
+				}, e.id))]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "space-y-3",
+				children: m.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",
+						children: e.title
+					}), /* @__PURE__ */ a("div", {
+						className: "flex gap-1",
+						children: [/* @__PURE__ */ i(o, {
+							variant: e.priority === "urgent" ? "destructive" : e.priority === "high" ? "default" : "secondary",
+							className: "text-[10px]",
+							children: e.priority
+						}), /* @__PURE__ */ i(o, {
+							variant: "outline",
+							className: "text-[10px]",
+							children: e.category
+						})]
+					})]
+				}) }), /* @__PURE__ */ a(l, { children: [
+					/* @__PURE__ */ i("p", {
+						className: "text-sm text-muted-foreground",
+						children: e.content
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "flex items-center justify-between mt-3 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ a("span", { children: [
+							e.author,
+							" · ",
+							e.authorRole
+						] }), /* @__PURE__ */ a("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ a("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ i(t, { className: "h-3 w-3" }), e.viewCount]
+							}), /* @__PURE__ */ i("span", { children: e.createdAt })]
+						})]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "flex gap-1 mt-2",
+						children: e.tags.map((e) => /* @__PURE__ */ i(o, {
+							variant: "outline",
+							className: "text-[9px]",
+							children: e
+						}, e))
+					})
+				] })] }, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { f as CommunicationsAnnouncementsPagePage };
+
+//# sourceMappingURL=CommunicationsAnnouncementsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsAnnouncementsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsAnnouncementsPagePage.tsx"],"sourcesContent":["import { Badge, Button, Card, CardContent, CardHeader, CardTitle } 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\">Announcements</h1>\n          <p className=\"text-sm text-muted-foreground\">\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-yellow-200 bg-yellow-50/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-muted-foreground\">{ann.content}</p>\n                <div className=\"flex items-center justify-between mt-3 text-xs text-muted-foreground\">\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-muted-foreground\">{ann.content}</p>\n              <div className=\"flex items-center justify-between mt-3 text-xs text-muted-foreground\">\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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"}

package/dist/crewfoundry/pages/CommunicationsCallsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function CommunicationsCallsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommunicationsCallsPagePage.d.ts.map

package/dist/crewfoundry/pages/CommunicationsCallsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsCallsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/CommunicationsCallsPagePage.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,2BAA2B,4CAkH1C"}