@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/HiringJobDetailsPagePage.js

@@ -0,0 +1,203 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { Briefcase as t, Calendar as n, CheckCircle as r, DollarSign as i, MapPin as a, Share2 as o, Users as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/HiringJobDetailsPagePage.tsx
+function _() {
+	let { jobPostings: _, candidates: v } = e(), y = _[0];
+	if (!y) return /* @__PURE__ */ c("div", {
+		className: "p-6 text-center text-muted-foreground",
+		children: "No job posting found."
+	});
+	let b = v.filter((e) => e.position === y.title);
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+					className: "flex items-center gap-2 mb-1",
+					children: [/* @__PURE__ */ c("h1", {
+						className: "text-2xl font-semibold",
+						children: y.title
+					}), /* @__PURE__ */ c(u, {
+						variant: y.status === "active" ? "default" : "secondary",
+						children: y.status
+					})]
+				}), /* @__PURE__ */ l("div", {
+					className: "flex items-center gap-4 text-sm text-muted-foreground",
+					children: [
+						/* @__PURE__ */ l("span", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ c(t, { className: "h-3 w-3" }), y.department]
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ c(a, { className: "h-3 w-3" }), y.location]
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ c(n, { className: "h-3 w-3" }),
+								"Posted ",
+								y.postedDate
+							]
+						})
+					]
+				})] }), /* @__PURE__ */ l("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ l(d, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ c(o, { className: "h-4 w-4 mr-1" }), "Share"]
+					}), /* @__PURE__ */ c(d, {
+						size: "sm",
+						children: "Edit Posting"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "p-4 text-center",
+						children: [
+							/* @__PURE__ */ c(s, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ c("p", {
+								className: "text-2xl font-bold",
+								children: y.applicants
+							}),
+							/* @__PURE__ */ c("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Applicants"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "p-4 text-center",
+						children: [
+							/* @__PURE__ */ c(i, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ l("p", {
+								className: "text-lg font-bold",
+								children: [
+									"$",
+									(y.salaryMin / 1e3).toFixed(0),
+									"K-$",
+									(y.salaryMax / 1e3).toFixed(0),
+									"K"
+								]
+							}),
+							/* @__PURE__ */ c("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Salary Range"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "p-4 text-center",
+						children: [
+							/* @__PURE__ */ c(n, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ c("p", {
+								className: "text-lg font-bold",
+								children: y.deadline
+							}),
+							/* @__PURE__ */ c("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Deadline"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "p-4 text-center",
+						children: [
+							/* @__PURE__ */ c(r, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ c("p", {
+								className: "text-lg font-bold",
+								children: y.experienceLevel
+							}),
+							/* @__PURE__ */ c("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Level"
+							})
+						]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(g, { children: "Description" }) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("p", {
+				className: "text-sm text-muted-foreground",
+				children: y.description
+			}) })] }),
+			/* @__PURE__ */ l("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(g, { children: "Requirements" }) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("ul", {
+					className: "space-y-2",
+					children: y.requirements.map((e, t) => /* @__PURE__ */ l("li", {
+						className: "flex items-start gap-2 text-sm",
+						children: [/* @__PURE__ */ c(r, { className: "h-4 w-4 text-green-500 mt-0.5 flex-shrink-0" }), e]
+					}, t))
+				}) })] }), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(g, { children: "Benefits" }) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("ul", {
+					className: "space-y-2",
+					children: y.benefits.map((e, t) => /* @__PURE__ */ l("li", {
+						className: "flex items-start gap-2 text-sm",
+						children: [/* @__PURE__ */ c(r, { className: "h-4 w-4 text-blue-500 mt-0.5 flex-shrink-0" }), e]
+					}, t))
+				}) })] })]
+			}),
+			b.length > 0 && /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(g, { children: "Applicants for this Role" }), /* @__PURE__ */ l(m, { children: [b.length, " candidates"] })] }), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-5 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+				children: [
+					/* @__PURE__ */ c("span", { children: "Name" }),
+					/* @__PURE__ */ c("span", { children: "Source" }),
+					/* @__PURE__ */ c("span", {
+						className: "text-right",
+						children: "Experience"
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "text-center",
+						children: "Rating"
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "text-center",
+						children: "Status"
+					})
+				]
+			}), b.map((e) => /* @__PURE__ */ l("div", {
+				className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
+				children: [
+					/* @__PURE__ */ l("span", {
+						className: "font-medium",
+						children: [
+							e.firstName,
+							" ",
+							e.lastName
+						]
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "text-muted-foreground",
+						children: e.source
+					}),
+					/* @__PURE__ */ l("span", {
+						className: "text-right",
+						children: [e.experience, " yrs"]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "text-center",
+						children: [e.rating, "/5"]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "text-center",
+						children: /* @__PURE__ */ c(u, {
+							variant: e.status === "hired" ? "default" : "secondary",
+							className: "text-[10px]",
+							children: e.status
+						})
+					})
+				]
+			}, e.id))] })] })
+		]
+	});
+}
+//#endregion
+export { _ as HiringJobDetailsPagePage };
+
+//# sourceMappingURL=HiringJobDetailsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HiringJobDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringJobDetailsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Briefcase, Calendar, CheckCircle, DollarSign, MapPin, Share2, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HiringJobDetailsPagePage() {\n  const { jobPostings, candidates } = useCrewFoundryStore();\n  const job = jobPostings[0]; // Show first job as detail view\n\n  if (!job) {\n    return <div className=\"p-6 text-center text-muted-foreground\">No job posting found.</div>;\n  }\n\n  const jobCandidates = candidates.filter((c) => c.position === job.title);\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2 mb-1\">\n            <h1 className=\"text-2xl font-semibold\">{job.title}</h1>\n            <Badge variant={job.status === 'active' ? 'default' : 'secondary'}>{job.status}</Badge>\n          </div>\n          <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n            <span className=\"flex items-center gap-1\">\n              <Briefcase className=\"h-3 w-3\" />\n              {job.department}\n            </span>\n            <span className=\"flex items-center gap-1\">\n              <MapPin className=\"h-3 w-3\" />\n              {job.location}\n            </span>\n            <span className=\"flex items-center gap-1\">\n              <Calendar className=\"h-3 w-3\" />\n              Posted {job.postedDate}\n            </span>\n          </div>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Share2 className=\"h-4 w-4 mr-1\" />\n            Share\n          </Button>\n          <Button size=\"sm\">Edit Posting</Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-2xl font-bold\">{job.applicants}</p>\n            <p className=\"text-xs text-muted-foreground\">Applicants</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">\n              ${(job.salaryMin / 1000).toFixed(0)}K-${(job.salaryMax / 1000).toFixed(0)}K\n            </p>\n            <p className=\"text-xs text-muted-foreground\">Salary Range</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{job.deadline}</p>\n            <p className=\"text-xs text-muted-foreground\">Deadline</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <CheckCircle className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{job.experienceLevel}</p>\n            <p className=\"text-xs text-muted-foreground\">Level</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Description</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <p className=\"text-sm text-muted-foreground\">{job.description}</p>\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Requirements</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ul className=\"space-y-2\">\n              {job.requirements.map((req, idx) => (\n                <li key={idx} className=\"flex items-start gap-2 text-sm\">\n                  <CheckCircle className=\"h-4 w-4 text-green-500 mt-0.5 flex-shrink-0\" />\n                  {req}\n                </li>\n              ))}\n            </ul>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader>\n            <CardTitle>Benefits</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ul className=\"space-y-2\">\n              {job.benefits.map((ben, idx) => (\n                <li key={idx} className=\"flex items-start gap-2 text-sm\">\n                  <CheckCircle className=\"h-4 w-4 text-blue-500 mt-0.5 flex-shrink-0\" />\n                  {ben}\n                </li>\n              ))}\n            </ul>\n          </CardContent>\n        </Card>\n      </div>\n\n      {jobCandidates.length > 0 && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Applicants for this Role</CardTitle>\n            <CardDescription>{jobCandidates.length} candidates</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>Name</span>\n              <span>Source</span>\n              <span className=\"text-right\">Experience</span>\n              <span className=\"text-center\">Rating</span>\n              <span className=\"text-center\">Status</span>\n            </div>\n            {jobCandidates.map((c) => (\n              <div\n                key={c.id}\n                className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">\n                  {c.firstName} {c.lastName}\n                </span>\n                <span className=\"text-muted-foreground\">{c.source}</span>\n                <span className=\"text-right\">{c.experience} yrs</span>\n                <div className=\"text-center\">{c.rating}/5</div>\n                <div className=\"text-center\">\n                  <Badge\n                    variant={c.status === 'hired' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {c.status}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HiringJobsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HiringJobsPagePage.tsx"],"names":[],"mappings":"AAeA,wBAAgB,kBAAkB,4CAqGjC"}

package/dist/crewfoundry/pages/HiringJobsPagePage.js

@@ -0,0 +1,115 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useState as t } from "react";
+import { Briefcase as n, MapPin as r, Plus as i, Search as a, Users as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h, Input as g } from "@burdenoff/fe-libs/ui";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/crewfoundry/pages/HiringJobsPagePage.tsx
+function v() {
+	let { t: v } = _(), { jobPostings: y } = e(), [b, x] = t(""), S = (e, t) => {
+		let n = v(e);
+		return n === e ? t : n;
+	}, C = y.filter((e) => `${e.title} ${e.department} ${e.location}`.toLowerCase().includes(b.toLowerCase())), w = y.filter((e) => e.status === "active").length, T = y.reduce((e, t) => e + t.applicants, 0);
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+					className: "text-2xl font-semibold",
+					children: S("crewfoundry.hiringJobs.title", "Job Postings")
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						w,
+						" ",
+						S("crewfoundry.hiringJobs.summary.activePositions", "active positions"),
+						" ·",
+						" ",
+						T,
+						" ",
+						S("crewfoundry.hiringJobs.summary.totalApplicants", "total applicants")
+					]
+				})] }), /* @__PURE__ */ c(u, {
+					size: "sm",
+					children: [/* @__PURE__ */ s(i, { className: "h-4 w-4 mr-1" }), S("crewfoundry.hiringJobs.actions.postNewJob", "Post New Job")]
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "relative max-w-sm",
+				children: [/* @__PURE__ */ s(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ s(g, {
+					placeholder: S("crewfoundry.hiringJobs.searchPlaceholder", "Search positions..."),
+					className: "pl-9",
+					value: b,
+					onChange: (e) => x(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: C.map((e) => /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(m, { children: [/* @__PURE__ */ c("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ s(h, {
+						className: "text-lg",
+						children: e.title
+					}), /* @__PURE__ */ s(l, {
+						variant: e.status === "active" ? "default" : e.status === "paused" ? "secondary" : "outline",
+						children: e.status
+					})]
+				}), /* @__PURE__ */ s(p, { children: e.description })] }), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ c("div", {
+					className: "grid grid-cols-2 gap-3 mb-3",
+					children: [
+						/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-1 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ s(n, { className: "h-3 w-3" }), e.department]
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-1 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ s(r, { className: "h-3 w-3" }), e.location]
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-1 text-sm text-muted-foreground",
+							children: [
+								/* @__PURE__ */ s(o, { className: "h-3 w-3" }),
+								e.applicants,
+								" ",
+								S("crewfoundry.hiringJobs.card.applicants", "applicants")
+							]
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "text-sm text-muted-foreground",
+							children: [
+								"$",
+								(e.salaryMin / 1e3).toFixed(0),
+								"K — $",
+								(e.salaryMax / 1e3).toFixed(0),
+								"K"
+							]
+						})
+					]
+				}), /* @__PURE__ */ c("div", {
+					className: "flex items-center justify-between text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ c("div", {
+						className: "flex gap-1",
+						children: [/* @__PURE__ */ s(l, {
+							variant: "outline",
+							className: "text-[10px]",
+							children: e.type.replace("_", " ")
+						}), /* @__PURE__ */ s(l, {
+							variant: "outline",
+							className: "text-[10px]",
+							children: e.experienceLevel
+						})]
+					}), /* @__PURE__ */ c("span", { children: [
+						S("crewfoundry.hiringJobs.card.deadline", "Deadline"),
+						": ",
+						e.deadline
+					] })]
+				})] })] }, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { v as HiringJobsPagePage };
+
+//# sourceMappingURL=HiringJobsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HiringJobsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringJobsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Briefcase, MapPin, Plus, Search, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HiringJobsPagePage() {\n  const { t: translate } = useI18n();\n  const { jobPostings } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n\n  const filtered = jobPostings.filter((j) =>\n    `${j.title} ${j.department} ${j.location}`.toLowerCase().includes(search.toLowerCase())\n  );\n  const activeJobs = jobPostings.filter((j) => j.status === 'active').length;\n  const totalApplicants = jobPostings.reduce((s, j) => s + j.applicants, 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            {t('crewfoundry.hiringJobs.title', 'Job Postings')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {activeJobs} {t('crewfoundry.hiringJobs.summary.activePositions', 'active positions')} ·{' '}\n            {totalApplicants}{' '}\n            {t('crewfoundry.hiringJobs.summary.totalApplicants', 'total applicants')}\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('crewfoundry.hiringJobs.actions.postNewJob', 'Post New Job')}\n        </Button>\n      </div>\n\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n        <Input\n          placeholder={t('crewfoundry.hiringJobs.searchPlaceholder', 'Search positions...')}\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {filtered.map((job) => (\n          <Card key={job.id}>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-lg\">{job.title}</CardTitle>\n                <Badge\n                  variant={\n                    job.status === 'active'\n                      ? 'default'\n                      : job.status === 'paused'\n                        ? 'secondary'\n                        : 'outline'\n                  }\n                >\n                  {job.status}\n                </Badge>\n              </div>\n              <CardDescription>{job.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid grid-cols-2 gap-3 mb-3\">\n                <div className=\"flex items-center gap-1 text-sm text-muted-foreground\">\n                  <Briefcase className=\"h-3 w-3\" />\n                  {job.department}\n                </div>\n                <div className=\"flex items-center gap-1 text-sm text-muted-foreground\">\n                  <MapPin className=\"h-3 w-3\" />\n                  {job.location}\n                </div>\n                <div className=\"flex items-center gap-1 text-sm text-muted-foreground\">\n                  <Users className=\"h-3 w-3\" />\n                  {job.applicants} {t('crewfoundry.hiringJobs.card.applicants', 'applicants')}\n                </div>\n                <div className=\"text-sm text-muted-foreground\">\n                  ${(job.salaryMin / 1000).toFixed(0)}K — ${(job.salaryMax / 1000).toFixed(0)}K\n                </div>\n              </div>\n              <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n                <div className=\"flex gap-1\">\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {job.type.replace('_', ' ')}\n                  </Badge>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {job.experienceLevel}\n                  </Badge>\n                </div>\n                <span>\n                  {t('crewfoundry.hiringJobs.card.deadline', 'Deadline')}: {job.deadline}\n                </span>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HrDepartmentsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HrDepartmentsPagePage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,qBAAqB,4CA8GpC"}

package/dist/crewfoundry/pages/HrDepartmentsPagePage.js

@@ -0,0 +1,145 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { Building2 as t, DollarSign as n, MapPin as r, Plus as i, Users as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m, Separator as h } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/HrDepartmentsPagePage.tsx
+function g() {
+	let { departments: g, employees: _ } = e(), v = g.reduce((e, t) => e + t.budget, 0), y = g.reduce((e, t) => e + t.employeeCount, 0);
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+					className: "text-2xl font-semibold",
+					children: "Departments"
+				}), /* @__PURE__ */ o("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Organizational structure and department management"
+				})] }), /* @__PURE__ */ s(l, {
+					size: "sm",
+					children: [/* @__PURE__ */ o(i, { className: "h-4 w-4 mr-1" }), "Add Department"]
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(m, {
+							className: "text-sm font-medium",
+							children: "Total Departments"
+						}), /* @__PURE__ */ o(t, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: g.length
+					}) })] }),
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(m, {
+							className: "text-sm font-medium",
+							children: "Total Headcount"
+						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: y
+					}) })] }),
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(m, {
+							className: "text-sm font-medium",
+							children: "Total Budget"
+						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: [
+							"$",
+							(v / 1e6).toFixed(1),
+							"M"
+						]
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: g.map((e) => {
+					let t = _.filter((t) => t.department === e.name), n = t.length > 0 ? Math.round(t.reduce((e, t) => e + t.salary, 0) / t.length) : 0, i = t.length > 0 ? (t.reduce((e, t) => e + t.performanceScore, 0) / t.length).toFixed(1) : "0";
+					return /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, { children: [/* @__PURE__ */ s("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ o(m, {
+							className: "text-lg",
+							children: e.name
+						}), /* @__PURE__ */ o(c, {
+							variant: e.status === "active" ? "default" : "secondary",
+							children: e.status
+						})]
+					}), /* @__PURE__ */ s(f, {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ o(r, { className: "h-3 w-3" }), e.location]
+					})] }), /* @__PURE__ */ s(d, { children: [
+						/* @__PURE__ */ s("div", {
+							className: "grid grid-cols-2 gap-4 mb-4",
+							children: [
+								/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Department Head"
+								}), /* @__PURE__ */ o("p", {
+									className: "text-sm font-medium",
+									children: e.headName
+								})] }),
+								/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Headcount"
+								}), /* @__PURE__ */ s("p", {
+									className: "text-sm font-medium",
+									children: [e.employeeCount, " employees"]
+								})] }),
+								/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Annual Budget"
+								}), /* @__PURE__ */ s("p", {
+									className: "text-sm font-medium",
+									children: [
+										"$",
+										(e.budget / 1e6).toFixed(1),
+										"M"
+									]
+								})] }),
+								/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Avg Salary"
+								}), /* @__PURE__ */ s("p", {
+									className: "text-sm font-medium",
+									children: ["$", n.toLocaleString()]
+								})] })
+							]
+						}),
+						/* @__PURE__ */ o(h, { className: "mb-3" }),
+						/* @__PURE__ */ s("div", {
+							className: "flex items-center justify-between text-xs",
+							children: [/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: [
+									"Avg Performance: ",
+									i,
+									"/5"
+								]
+							}), /* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: [
+									"Cost/Head: $",
+									Math.round(e.budget / e.employeeCount / 1e3),
+									"K"
+								]
+							})]
+						})
+					] })] }, e.id);
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { g as HrDepartmentsPagePage };
+
+//# sourceMappingURL=HrDepartmentsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HrDepartmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrDepartmentsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, MapPin, Plus, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrDepartmentsPagePage() {\n  const { departments, employees } = useCrewFoundryStore();\n\n  const totalBudget = departments.reduce((s, d) => s + d.budget, 0);\n  const totalHeadcount = departments.reduce((s, d) => s + d.employeeCount, 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\">Departments</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Organizational structure and department management\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Department\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Departments</CardTitle>\n            <Building2 className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{departments.length}</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\">Total Headcount</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalHeadcount}</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\">Total Budget</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalBudget / 1000000).toFixed(1)}M</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {departments.map((dept) => {\n          const deptEmps = employees.filter((e) => e.department === dept.name);\n          const avgSalary =\n            deptEmps.length > 0\n              ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n              : 0;\n          const avgPerf =\n            deptEmps.length > 0\n              ? (deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length).toFixed(1)\n              : '0';\n\n          return (\n            <Card key={dept.id}>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-lg\">{dept.name}</CardTitle>\n                  <Badge variant={dept.status === 'active' ? 'default' : 'secondary'}>\n                    {dept.status}\n                  </Badge>\n                </div>\n                <CardDescription className=\"flex items-center gap-1\">\n                  <MapPin className=\"h-3 w-3\" />\n                  {dept.location}\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"grid grid-cols-2 gap-4 mb-4\">\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Department Head</p>\n                    <p className=\"text-sm font-medium\">{dept.headName}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Headcount</p>\n                    <p className=\"text-sm font-medium\">{dept.employeeCount} employees</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Annual Budget</p>\n                    <p className=\"text-sm font-medium\">${(dept.budget / 1000000).toFixed(1)}M</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Avg Salary</p>\n                    <p className=\"text-sm font-medium\">${avgSalary.toLocaleString()}</p>\n                  </div>\n                </div>\n                <Separator className=\"mb-3\" />\n                <div className=\"flex items-center justify-between text-xs\">\n                  <span className=\"text-muted-foreground\">Avg Performance: {avgPerf}/5</span>\n                  <span className=\"text-muted-foreground\">\n                    Cost/Head: ${Math.round(dept.budget / dept.employeeCount / 1000)}K\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HrEmployeesPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HrEmployeesPagePage.tsx"],"names":[],"mappings":"AAcA,wBAAgB,mBAAmB,4CAoKlC"}