@burdenoff/microfe-crewfoundry 2026.625.1 → 2026.625.2

package/dist/crewfoundry/pages/HiringJobDetailsPagePage.js

@@ -1,125 +1,164 @@
 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, GlassCard as _, GradientText as v } from "@burdenoff/fe-libs/ui";
+import { useNavigate as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardDescription as h, CardHeader as g, CardTitle as _, GlassCard as v, GradientText as y, IllustratedEmptyState as b, NextSteps as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/HiringJobDetailsPagePage.tsx
-function y() {
-	let { jobPostings: y, candidates: b } = e(), x = y[0];
-	if (!x) return /* @__PURE__ */ c("div", {
-		className: "p-6 text-center text-text-secondary",
-		children: "No job posting found."
+function C() {
+	let C = c(), { jobPostings: w, candidates: T } = e(), E = w[0];
+	if (!E) return /* @__PURE__ */ l("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ l(b, {
+			illustration: "empty-search",
+			title: "No job posting found",
+			description: "This job posting is no longer available."
+		})
 	});
-	let S = b.filter((e) => e.position === x.title);
-	return /* @__PURE__ */ l("div", {
+	let D = T.filter((e) => e.position === E.title);
+	return /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("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: /* @__PURE__ */ c(v, { children: x.title })
-					}), /* @__PURE__ */ c(u, {
-						variant: x.status === "active" ? "default" : "secondary",
-						children: x.status
-					})]
-				}), /* @__PURE__ */ l("div", {
-					className: "flex items-center gap-4 text-sm text-text-secondary",
-					children: [
-						/* @__PURE__ */ l("span", {
-							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ c(t, { className: "h-3 w-3" }), x.department]
-						}),
-						/* @__PURE__ */ l("span", {
-							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ c(a, { className: "h-3 w-3" }), x.location]
-						}),
-						/* @__PURE__ */ l("span", {
-							className: "flex items-center gap-1",
-							children: [
-								/* @__PURE__ */ c(n, { className: "h-3 w-3" }),
-								"Posted ",
-								x.postedDate
-							]
-						})
-					]
-				})] }), /* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ u("div", { children: [
+					/* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2 mb-1",
+						children: [/* @__PURE__ */ l("h1", {
+							className: "text-2xl font-semibold",
+							children: /* @__PURE__ */ l(y, { children: E.title })
+						}), /* @__PURE__ */ l(d, {
+							variant: E.status === "active" ? "default" : "secondary",
+							children: E.status
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "flex items-center gap-4 text-sm text-text-secondary",
+						children: [
+							/* @__PURE__ */ u("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ l(t, { className: "h-3 w-3" }), E.department]
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ l(a, { className: "h-3 w-3" }), E.location]
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ l(n, { className: "h-3 w-3" }),
+									"Posted ",
+									E.postedDate
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ l(S, {
+						className: "mt-2",
+						children: "Everything about this role in one place — review applicants, requirements, and compensation here to decide who to interview and keep the posting current."
+					})
+				] }), /* @__PURE__ */ u("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ l(d, {
+					children: [/* @__PURE__ */ u(f, {
 						variant: "outline",
 						size: "sm",
-						children: [/* @__PURE__ */ c(o, { className: "h-4 w-4 mr-1" }), "Share"]
-					}), /* @__PURE__ */ c(d, {
+						children: [/* @__PURE__ */ l(o, { className: "h-4 w-4 mr-1" }), "Share"]
+					}), /* @__PURE__ */ l(f, {
 						size: "sm",
 						children: "Edit Posting"
 					})]
 				})]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ l(x, {
+				storageKey: "crewfoundry-job-details",
+				steps: [
+					{
+						id: "applicants",
+						label: "Review applicants",
+						description: "Screen the candidates who applied for this role.",
+						icon: /* @__PURE__ */ l(s, { className: "h-4 w-4" }),
+						onClick: () => C("../../hiring/applications-page")
+					},
+					{
+						id: "interviews",
+						label: "Schedule interviews",
+						description: "Set up conversations with promising candidates.",
+						icon: /* @__PURE__ */ l(n, { className: "h-4 w-4" }),
+						onClick: () => C("../../hiring/interviews-page")
+					},
+					{
+						id: "candidates",
+						label: "Browse your talent pool",
+						description: "Source more candidates that fit this position.",
+						icon: /* @__PURE__ */ l(t, { className: "h-4 w-4" }),
+						onClick: () => C("../../hiring/candidates-page")
+					}
+				]
+			}),
+			/* @__PURE__ */ u("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ c(_, {
-						treatment: "metric",
+					/* @__PURE__ */ l(v, {
+						treatment: "glass",
+						glow: !0,
 						className: "border-border-seam",
-						children: /* @__PURE__ */ l(p, {
+						children: /* @__PURE__ */ u(m, {
 							className: "p-4 text-center",
 							children: [
-								/* @__PURE__ */ c(s, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-								/* @__PURE__ */ c("p", {
+								/* @__PURE__ */ l(s, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+								/* @__PURE__ */ l("p", {
 									className: "text-2xl font-bold tabular-nums",
-									children: x.applicants
+									children: E.applicants
 								}),
-								/* @__PURE__ */ c("p", {
+								/* @__PURE__ */ l("p", {
 									className: "text-xs text-text-secondary",
 									children: "Applicants"
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+					/* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ c(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ l(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ u("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(x.salaryMin / 1e3).toFixed(0),
+									(E.salaryMin / 1e3).toFixed(0),
 									"K-$",
-									(x.salaryMax / 1e3).toFixed(0),
+									(E.salaryMax / 1e3).toFixed(0),
 									"K"
 								]
 							}),
-							/* @__PURE__ */ c("p", {
+							/* @__PURE__ */ l("p", {
 								className: "text-xs text-text-secondary",
 								children: "Salary Range"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+					/* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ c(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ c("p", {
+							/* @__PURE__ */ l(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ l("p", {
 								className: "text-lg font-bold",
-								children: x.deadline
+								children: E.deadline
 							}),
-							/* @__PURE__ */ c("p", {
+							/* @__PURE__ */ l("p", {
 								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+					/* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ c(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ c("p", {
+							/* @__PURE__ */ l(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ l("p", {
 								className: "text-lg font-bold",
-								children: x.experienceLevel
+								children: E.experienceLevel
 							}),
-							/* @__PURE__ */ c("p", {
+							/* @__PURE__ */ l("p", {
 								className: "text-xs text-text-secondary",
 								children: "Level"
 							})
@@ -127,48 +166,48 @@ function y() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(g, { children: "Description" }) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("p", {
+			/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(g, { children: /* @__PURE__ */ l(_, { children: "Description" }) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("p", {
 				className: "text-sm text-text-secondary",
-				children: x.description
+				children: E.description
 			}) })] }),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("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", {
+				children: [/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(g, { children: /* @__PURE__ */ l(_, { children: "Requirements" }) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("ul", {
 					className: "space-y-2",
-					children: x.requirements.map((e, t) => /* @__PURE__ */ l("li", {
+					children: E.requirements.map((e, t) => /* @__PURE__ */ u("li", {
 						className: "flex items-start gap-2 text-sm",
-						children: [/* @__PURE__ */ c(r, { className: "h-4 w-4 text-status-success-text mt-0.5 flex-shrink-0" }), e]
+						children: [/* @__PURE__ */ l(r, { className: "h-4 w-4 text-status-success-text 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", {
+				}) })] }), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(g, { children: /* @__PURE__ */ l(_, { children: "Benefits" }) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("ul", {
 					className: "space-y-2",
-					children: x.benefits.map((e, t) => /* @__PURE__ */ l("li", {
+					children: E.benefits.map((e, t) => /* @__PURE__ */ u("li", {
 						className: "flex items-start gap-2 text-sm",
-						children: [/* @__PURE__ */ c(r, { className: "h-4 w-4 text-status-info-text mt-0.5 flex-shrink-0" }), e]
+						children: [/* @__PURE__ */ l(r, { className: "h-4 w-4 text-status-info-text mt-0.5 flex-shrink-0" }), e]
 					}, t))
 				}) })] })]
 			}),
-			S.length > 0 && /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(g, { children: "Applicants for this Role" }), /* @__PURE__ */ l(m, { children: [S.length, " candidates"] })] }), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
+			D.length > 0 && /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(g, { children: [/* @__PURE__ */ l(_, { children: "Applicants for this Role" }), /* @__PURE__ */ u(h, { children: [D.length, " candidates"] })] }), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ u("div", {
 				className: "grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2",
 				children: [
-					/* @__PURE__ */ c("span", { children: "Name" }),
-					/* @__PURE__ */ c("span", { children: "Source" }),
-					/* @__PURE__ */ c("span", {
+					/* @__PURE__ */ l("span", { children: "Name" }),
+					/* @__PURE__ */ l("span", { children: "Source" }),
+					/* @__PURE__ */ l("span", {
 						className: "text-right",
 						children: "Experience"
 					}),
-					/* @__PURE__ */ c("span", {
+					/* @__PURE__ */ l("span", {
 						className: "text-center",
 						children: "Rating"
 					}),
-					/* @__PURE__ */ c("span", {
+					/* @__PURE__ */ l("span", {
 						className: "text-center",
 						children: "Status"
 					})
 				]
-			}), S.map((e) => /* @__PURE__ */ l("div", {
+			}), D.map((e) => /* @__PURE__ */ u("div", {
 				className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
 				children: [
-					/* @__PURE__ */ l("span", {
+					/* @__PURE__ */ u("span", {
 						className: "font-medium",
 						children: [
 							e.firstName,
@@ -176,21 +215,21 @@ function y() {
 							e.lastName
 						]
 					}),
-					/* @__PURE__ */ c("span", {
+					/* @__PURE__ */ l("span", {
 						className: "text-text-secondary",
 						children: e.source
 					}),
-					/* @__PURE__ */ l("span", {
+					/* @__PURE__ */ u("span", {
 						className: "text-right",
 						children: [e.experience, " yrs"]
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "text-center",
 						children: [e.rating, "/5"]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "text-center",
-						children: /* @__PURE__ */ c(u, {
+						children: /* @__PURE__ */ l(d, {
 							variant: e.status === "hired" ? "default" : "secondary",
 							className: "text-[10px]",
 							children: e.status
@@ -202,6 +241,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as HiringJobDetailsPagePage };
+export { C as HiringJobDetailsPagePage };
 
 //# sourceMappingURL=HiringJobDetailsPagePage.js.map

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

@@ -1 +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  GlassCard,\n  GradientText,\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-text-secondary\">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\">\n              <GradientText>{job.title}</GradientText>\n            </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-text-secondary\">\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        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-2xl font-bold tabular-nums\">{job.applicants}</p>\n            <p className=\"text-xs text-text-secondary\">Applicants</p>\n          </CardContent>\n        </GlassCard>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary 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-text-secondary\">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-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{job.deadline}</p>\n            <p className=\"text-xs text-text-secondary\">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-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{job.experienceLevel}</p>\n            <p className=\"text-xs text-text-secondary\">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-text-secondary\">{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-status-success-text 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-status-info-text 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-text-secondary 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-text-secondary\">{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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"}
+{"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  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Briefcase, Calendar, CheckCircle, DollarSign, MapPin, Share2, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HiringJobDetailsPagePage() {\n  const navigate = useNavigate();\n  const { jobPostings, candidates } = useCrewFoundryStore();\n  const job = jobPostings[0]; // Show first job as detail view\n\n  if (!job) {\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"No job posting found\"\n          description=\"This job posting is no longer available.\"\n        />\n      </div>\n    );\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\">\n              <GradientText>{job.title}</GradientText>\n            </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-text-secondary\">\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          <PagePurpose className=\"mt-2\">\n            Everything about this role in one place — review applicants, requirements, and\n            compensation here to decide who to interview and keep the posting current.\n          </PagePurpose>\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      <NextSteps\n        storageKey=\"crewfoundry-job-details\"\n        steps={[\n          {\n            id: 'applicants',\n            label: 'Review applicants',\n            description: 'Screen the candidates who applied for this role.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../hiring/applications-page'),\n          },\n          {\n            id: 'interviews',\n            label: 'Schedule interviews',\n            description: 'Set up conversations with promising candidates.',\n            icon: <Calendar className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../hiring/interviews-page'),\n          },\n          {\n            id: 'candidates',\n            label: 'Browse your talent pool',\n            description: 'Source more candidates that fit this position.',\n            icon: <Briefcase className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../hiring/candidates-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-2xl font-bold tabular-nums\">{job.applicants}</p>\n            <p className=\"text-xs text-text-secondary\">Applicants</p>\n          </CardContent>\n        </GlassCard>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary 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-text-secondary\">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-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{job.deadline}</p>\n            <p className=\"text-xs text-text-secondary\">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-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{job.experienceLevel}</p>\n            <p className=\"text-xs text-text-secondary\">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-text-secondary\">{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-status-success-text 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-status-info-text 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-text-secondary 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-text-secondary\">{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.js

@@ -2,119 +2,130 @@ 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, GradientText as g, IllustratedEmptyState as _, Input as v } from "@burdenoff/fe-libs/ui";
-import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as l, Button as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m, GlassCard as h, GradientText as g, IllustratedEmptyState as _, Input as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/crewfoundry/pages/HiringJobsPagePage.tsx
-function b() {
-	let { t: b } = y(), { jobPostings: x } = e(), [S, C] = t(""), w = (e, t) => {
-		let n = b(e);
+function x() {
+	let { t: x } = b(), { jobPostings: S } = e(), [C, w] = t(""), T = (e, t) => {
+		let n = x(e);
 		return n === e ? t : n;
-	}, T = x.filter((e) => `${e.title} ${e.department} ${e.location}`.toLowerCase().includes(S.toLowerCase())), E = x.filter((e) => e.status === "active").length, D = x.reduce((e, t) => e + t.applicants, 0);
+	}, E = S.filter((e) => `${e.title} ${e.department} ${e.location}`.toLowerCase().includes(C.toLowerCase())), D = S.filter((e) => e.status === "active").length, O = S.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: /* @__PURE__ */ s(g, { children: w("crewfoundry.hiringJobs.title", "Job Postings") })
-				}), /* @__PURE__ */ c("p", {
-					className: "text-sm text-text-secondary",
-					children: [
-						E,
-						" ",
-						w("crewfoundry.hiringJobs.summary.activePositions", "active positions"),
-						" ·",
-						" ",
-						D,
-						" ",
-						w("crewfoundry.hiringJobs.summary.totalApplicants", "total applicants")
-					]
-				})] }), /* @__PURE__ */ c(u, {
+				children: [/* @__PURE__ */ c("div", { children: [
+					/* @__PURE__ */ s("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ s(g, { children: T("crewfoundry.hiringJobs.title", "Job Postings") })
+					}),
+					/* @__PURE__ */ c("p", {
+						className: "text-sm text-text-secondary",
+						children: [
+							D,
+							" ",
+							T("crewfoundry.hiringJobs.summary.activePositions", "active positions"),
+							" ·",
+							" ",
+							O,
+							" ",
+							T("crewfoundry.hiringJobs.summary.totalApplicants", "total applicants")
+						]
+					}),
+					/* @__PURE__ */ s(y, {
+						className: "mt-1",
+						children: "All your open and past job postings in one place — use it to monitor applicant volume and manage what roles you're actively hiring for."
+					})
+				] }), /* @__PURE__ */ c(u, {
 					size: "sm",
-					children: [/* @__PURE__ */ s(i, { className: "h-4 w-4 mr-1" }), w("crewfoundry.hiringJobs.actions.postNewJob", "Post New Job")]
+					children: [/* @__PURE__ */ s(i, { className: "h-4 w-4 mr-1" }), T("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-text-secondary" }), /* @__PURE__ */ s(v, {
-					placeholder: w("crewfoundry.hiringJobs.searchPlaceholder", "Search positions..."),
+					placeholder: T("crewfoundry.hiringJobs.searchPlaceholder", "Search positions..."),
 					className: "pl-9",
-					value: S,
-					onChange: (e) => C(e.target.value)
+					value: C,
+					onChange: (e) => w(e.target.value)
 				})]
 			}),
-			T.length === 0 && /* @__PURE__ */ s(_, {
+			E.length === 0 && /* @__PURE__ */ s(_, {
 				illustration: "empty-search",
 				title: "No job postings found",
 				description: "Try adjusting your search, or create a new job posting."
 			}),
 			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: T.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-text-secondary",
-							children: [/* @__PURE__ */ s(n, { className: "h-3 w-3" }), e.department]
-						}),
-						/* @__PURE__ */ c("div", {
-							className: "flex items-center gap-1 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ s(r, { className: "h-3 w-3" }), e.location]
-						}),
-						/* @__PURE__ */ c("div", {
-							className: "flex items-center gap-1 text-sm text-text-secondary",
-							children: [
-								/* @__PURE__ */ s(o, { className: "h-3 w-3" }),
-								e.applicants,
-								" ",
-								w("crewfoundry.hiringJobs.card.applicants", "applicants")
-							]
-						}),
-						/* @__PURE__ */ c("div", {
-							className: "text-sm text-text-secondary",
-							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-text-secondary",
-					children: [/* @__PURE__ */ c("div", {
-						className: "flex gap-1",
-						children: [/* @__PURE__ */ s(l, {
-							variant: "outline",
-							className: "text-[10px]",
-							children: e.type.replace("_", " ")
+				children: E.map((e, t) => /* @__PURE__ */ c(h, {
+					treatment: t === 0 ? "glass" : "plain",
+					glow: t === 0,
+					children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-lg",
+							children: e.title
 						}), /* @__PURE__ */ s(l, {
-							variant: "outline",
-							className: "text-[10px]",
-							children: e.experienceLevel
+							variant: e.status === "active" ? "default" : e.status === "paused" ? "secondary" : "outline",
+							children: e.status
 						})]
-					}), /* @__PURE__ */ c("span", { children: [
-						w("crewfoundry.hiringJobs.card.deadline", "Deadline"),
-						": ",
-						e.deadline
-					] })]
-				})] })] }, e.id))
+					}), /* @__PURE__ */ s(f, { children: e.description })] }), /* @__PURE__ */ c(d, { 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-text-secondary",
+								children: [/* @__PURE__ */ s(n, { className: "h-3 w-3" }), e.department]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "flex items-center gap-1 text-sm text-text-secondary",
+								children: [/* @__PURE__ */ s(r, { className: "h-3 w-3" }), e.location]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "flex items-center gap-1 text-sm text-text-secondary",
+								children: [
+									/* @__PURE__ */ s(o, { className: "h-3 w-3" }),
+									e.applicants,
+									" ",
+									T("crewfoundry.hiringJobs.card.applicants", "applicants")
+								]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "text-sm text-text-secondary",
+								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-text-secondary",
+						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: [
+							T("crewfoundry.hiringJobs.card.deadline", "Deadline"),
+							": ",
+							e.deadline
+						] })]
+					})] })]
+				}, e.id))
 			})
 		]
 	});
 }
 //#endregion
-export { b as HiringJobsPagePage };
+export { x as HiringJobsPagePage };
 
 //# sourceMappingURL=HiringJobsPagePage.js.map