@burdenoff/microfe-crewfoundry 2026.626.1 → 2026.703.1

package/dist/crewfoundry/pages/HiringJobDetailsPagePage.js

@@ -1,164 +1,324 @@
 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 { 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";
+import { FormModal as t } from "../components/forms/FormModal.js";
+import { ConfirmDialog as n } from "../components/forms/ConfirmDialog.js";
+import { getNumber as r, getTags as i, getText as a } from "../components/forms/formValues.js";
+import { useState as o } from "react";
+import { Briefcase as s, Calendar as c, CheckCircle as l, DollarSign as u, MapPin as d, Pencil as f, Share2 as p, Trash2 as m, Users as h } from "lucide-react";
+import { useNavigate as g } from "react-router-dom";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Badge as y, Button as b, Card as x, CardContent as S, CardDescription as C, CardHeader as w, CardTitle as T, GlassCard as E, GradientText as D, IllustratedEmptyState as O, NextSteps as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as j } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringJobDetailsPagePage.tsx
-function C() {
-	let C = c(), { jobPostings: w, candidates: T } = e(), E = w[0];
-	if (!E) return /* @__PURE__ */ l("div", {
+var M = [
+	{
+		name: "title",
+		label: "Job Title",
+		type: "text",
+		required: !0,
+		colSpan: 2
+	},
+	{
+		name: "department",
+		label: "Department",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "location",
+		label: "Location",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "type",
+		label: "Employment Type",
+		type: "select",
+		options: [
+			{
+				label: "Full time",
+				value: "full_time"
+			},
+			{
+				label: "Part time",
+				value: "part_time"
+			},
+			{
+				label: "Contract",
+				value: "contract"
+			},
+			{
+				label: "Remote",
+				value: "remote"
+			}
+		]
+	},
+	{
+		name: "experienceLevel",
+		label: "Experience Level",
+		type: "select",
+		options: [
+			{
+				label: "Entry",
+				value: "entry"
+			},
+			{
+				label: "Mid",
+				value: "mid"
+			},
+			{
+				label: "Senior",
+				value: "senior"
+			},
+			{
+				label: "Lead",
+				value: "lead"
+			},
+			{
+				label: "Executive",
+				value: "executive"
+			}
+		]
+	},
+	{
+		name: "status",
+		label: "Status",
+		type: "select",
+		options: [
+			{
+				label: "Draft",
+				value: "draft"
+			},
+			{
+				label: "Active",
+				value: "active"
+			},
+			{
+				label: "Paused",
+				value: "paused"
+			},
+			{
+				label: "Closed",
+				value: "closed"
+			},
+			{
+				label: "Filled",
+				value: "filled"
+			}
+		]
+	},
+	{
+		name: "salaryMin",
+		label: "Salary Min ($)",
+		type: "number"
+	},
+	{
+		name: "salaryMax",
+		label: "Salary Max ($)",
+		type: "number"
+	},
+	{
+		name: "deadline",
+		label: "Application Deadline",
+		type: "date"
+	},
+	{
+		name: "description",
+		label: "Description",
+		type: "textarea",
+		colSpan: 2
+	},
+	{
+		name: "requirements",
+		label: "Requirements",
+		type: "tags"
+	},
+	{
+		name: "benefits",
+		label: "Benefits",
+		type: "tags"
+	}
+];
+function N() {
+	let N = g(), { showToast: P } = j(), { jobPostings: F, candidates: I, updateJobPosting: L, removeJobPosting: R } = e(), z = F[0], [B, V] = o(!1), [H, U] = o(!1);
+	if (!z) return /* @__PURE__ */ _("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ l(b, {
+		children: /* @__PURE__ */ _(O, {
 			illustration: "empty-search",
 			title: "No job posting found",
 			description: "This job posting is no longer available."
 		})
 	});
-	let D = T.filter((e) => e.position === E.title);
-	return /* @__PURE__ */ u("div", {
+	let W = I.filter((e) => e.position === z.title), G = {
+		title: z.title,
+		department: z.department,
+		location: z.location,
+		type: z.type,
+		experienceLevel: z.experienceLevel,
+		status: z.status,
+		salaryMin: z.salaryMin,
+		salaryMax: z.salaryMax,
+		deadline: z.deadline,
+		description: z.description,
+		requirements: z.requirements,
+		benefits: z.benefits
+	};
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ u("div", { children: [
-					/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ v("div", { children: [
+					/* @__PURE__ */ v("div", {
 						className: "flex items-center gap-2 mb-1",
-						children: [/* @__PURE__ */ l("h1", {
+						children: [/* @__PURE__ */ _("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
+							children: /* @__PURE__ */ _(D, { children: z.title })
+						}), /* @__PURE__ */ _(y, {
+							variant: z.status === "active" ? "default" : "secondary",
+							children: z.status
 						})]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ v("div", {
 						className: "flex items-center gap-4 text-sm text-text-secondary",
 						children: [
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ v("span", {
 								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ l(t, { className: "h-3 w-3" }), E.department]
+								children: [/* @__PURE__ */ _(s, { className: "h-3 w-3" }), z.department]
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ v("span", {
 								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ l(a, { className: "h-3 w-3" }), E.location]
+								children: [/* @__PURE__ */ _(d, { className: "h-3 w-3" }), z.location]
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ v("span", {
 								className: "flex items-center gap-1",
 								children: [
-									/* @__PURE__ */ l(n, { className: "h-3 w-3" }),
+									/* @__PURE__ */ _(c, { className: "h-3 w-3" }),
 									"Posted ",
-									E.postedDate
+									z.postedDate
 								]
 							})
 						]
 					}),
-					/* @__PURE__ */ l(S, {
+					/* @__PURE__ */ _(A, {
 						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", {
+				] }), /* @__PURE__ */ v("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ u(f, {
-						variant: "outline",
-						size: "sm",
-						children: [/* @__PURE__ */ l(o, { className: "h-4 w-4 mr-1" }), "Share"]
-					}), /* @__PURE__ */ l(f, {
-						size: "sm",
-						children: "Edit Posting"
-					})]
+					children: [
+						/* @__PURE__ */ v(b, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => P("Sharing job postings is coming soon", "info"),
+							children: [/* @__PURE__ */ _(p, { className: "h-4 w-4 mr-1" }), "Share"]
+						}),
+						/* @__PURE__ */ v(b, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => V(!0),
+							children: [/* @__PURE__ */ _(f, { className: "h-4 w-4 mr-1" }), "Edit Posting"]
+						}),
+						/* @__PURE__ */ _(b, {
+							variant: "destructive",
+							size: "sm",
+							"aria-label": "Delete job posting",
+							onClick: () => U(!0),
+							children: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
+						})
+					]
 				})]
 			}),
-			/* @__PURE__ */ l(x, {
+			/* @__PURE__ */ _(k, {
 				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")
+						icon: /* @__PURE__ */ _(h, { className: "h-4 w-4" }),
+						onClick: () => N("../../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")
+						icon: /* @__PURE__ */ _(c, { className: "h-4 w-4" }),
+						onClick: () => N("../../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")
+						icon: /* @__PURE__ */ _(s, { className: "h-4 w-4" }),
+						onClick: () => N("../../hiring/candidates-page")
 					}
 				]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ v("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ l(v, {
+					/* @__PURE__ */ _(E, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: /* @__PURE__ */ u(m, {
+						children: /* @__PURE__ */ v(S, {
 							className: "p-4 text-center",
 							children: [
-								/* @__PURE__ */ l(s, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-								/* @__PURE__ */ l("p", {
+								/* @__PURE__ */ _(h, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+								/* @__PURE__ */ _("p", {
 									className: "text-2xl font-bold tabular-nums",
-									children: E.applicants
+									children: z.applicants
 								}),
-								/* @__PURE__ */ l("p", {
+								/* @__PURE__ */ _("p", {
 									className: "text-xs text-text-secondary",
 									children: "Applicants"
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ l(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ _(u, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ v("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(E.salaryMin / 1e3).toFixed(0),
+									(z.salaryMin / 1e3).toFixed(0),
 									"K-$",
-									(E.salaryMax / 1e3).toFixed(0),
+									(z.salaryMax / 1e3).toFixed(0),
 									"K"
 								]
 							}),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ _("p", {
 								className: "text-xs text-text-secondary",
 								children: "Salary Range"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ l(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ _(c, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ _("p", {
 								className: "text-lg font-bold",
-								children: E.deadline
+								children: z.deadline
 							}),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ _("p", {
 								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ l(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ _(l, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ _("p", {
 								className: "text-lg font-bold",
-								children: E.experienceLevel
+								children: z.experienceLevel
 							}),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ _("p", {
 								className: "text-xs text-text-secondary",
 								children: "Level"
 							})
@@ -166,48 +326,48 @@ function C() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(g, { children: /* @__PURE__ */ l(_, { children: "Description" }) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("p", {
+			/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(w, { children: /* @__PURE__ */ _(T, { children: "Description" }) }), /* @__PURE__ */ _(S, { children: /* @__PURE__ */ _("p", {
 				className: "text-sm text-text-secondary",
-				children: E.description
+				children: z.description
 			}) })] }),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ v("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(g, { children: /* @__PURE__ */ l(_, { children: "Requirements" }) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("ul", {
+				children: [/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(w, { children: /* @__PURE__ */ _(T, { children: "Requirements" }) }), /* @__PURE__ */ _(S, { children: /* @__PURE__ */ _("ul", {
 					className: "space-y-2",
-					children: E.requirements.map((e, t) => /* @__PURE__ */ u("li", {
+					children: z.requirements.map((e, t) => /* @__PURE__ */ v("li", {
 						className: "flex items-start gap-2 text-sm",
-						children: [/* @__PURE__ */ l(r, { className: "h-4 w-4 text-status-success-text mt-0.5 flex-shrink-0" }), e]
+						children: [/* @__PURE__ */ _(l, { className: "h-4 w-4 text-status-success-text mt-0.5 flex-shrink-0" }), e]
 					}, t))
-				}) })] }), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(g, { children: /* @__PURE__ */ l(_, { children: "Benefits" }) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("ul", {
+				}) })] }), /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(w, { children: /* @__PURE__ */ _(T, { children: "Benefits" }) }), /* @__PURE__ */ _(S, { children: /* @__PURE__ */ _("ul", {
 					className: "space-y-2",
-					children: E.benefits.map((e, t) => /* @__PURE__ */ u("li", {
+					children: z.benefits.map((e, t) => /* @__PURE__ */ v("li", {
 						className: "flex items-start gap-2 text-sm",
-						children: [/* @__PURE__ */ l(r, { className: "h-4 w-4 text-status-info-text mt-0.5 flex-shrink-0" }), e]
+						children: [/* @__PURE__ */ _(l, { className: "h-4 w-4 text-status-info-text mt-0.5 flex-shrink-0" }), e]
 					}, t))
 				}) })] })]
 			}),
-			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", {
+			W.length > 0 && /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(T, { children: "Applicants for this Role" }), /* @__PURE__ */ v(C, { children: [W.length, " candidates"] })] }), /* @__PURE__ */ v(S, { children: [/* @__PURE__ */ v("div", {
 				className: "grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2",
 				children: [
-					/* @__PURE__ */ l("span", { children: "Name" }),
-					/* @__PURE__ */ l("span", { children: "Source" }),
-					/* @__PURE__ */ l("span", {
+					/* @__PURE__ */ _("span", { children: "Name" }),
+					/* @__PURE__ */ _("span", { children: "Source" }),
+					/* @__PURE__ */ _("span", {
 						className: "text-right",
 						children: "Experience"
 					}),
-					/* @__PURE__ */ l("span", {
+					/* @__PURE__ */ _("span", {
 						className: "text-center",
 						children: "Rating"
 					}),
-					/* @__PURE__ */ l("span", {
+					/* @__PURE__ */ _("span", {
 						className: "text-center",
 						children: "Status"
 					})
 				]
-			}), D.map((e) => /* @__PURE__ */ u("div", {
+			}), W.map((e) => /* @__PURE__ */ v("div", {
 				className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
 				children: [
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ v("span", {
 						className: "font-medium",
 						children: [
 							e.firstName,
@@ -215,32 +375,69 @@ function C() {
 							e.lastName
 						]
 					}),
-					/* @__PURE__ */ l("span", {
+					/* @__PURE__ */ _("span", {
 						className: "text-text-secondary",
 						children: e.source
 					}),
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ v("span", {
 						className: "text-right",
 						children: [e.experience, " yrs"]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ v("div", {
 						className: "text-center",
 						children: [e.rating, "/5"]
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ _("div", {
 						className: "text-center",
-						children: /* @__PURE__ */ l(d, {
+						children: /* @__PURE__ */ _(y, {
 							variant: e.status === "hired" ? "default" : "secondary",
 							className: "text-[10px]",
 							children: e.status
 						})
 					})
 				]
-			}, e.id))] })] })
+			}, e.id))] })] }),
+			/* @__PURE__ */ _(t, {
+				open: B,
+				onOpenChange: V,
+				title: "Edit Job Posting",
+				description: "Update the role details, compensation, and status.",
+				fields: M,
+				initialValues: G,
+				submitLabel: "Save changes",
+				onSubmit: async (e) => {
+					let t = {
+						title: a(e, "title"),
+						department: a(e, "department"),
+						location: a(e, "location"),
+						type: e.type,
+						experienceLevel: e.experienceLevel,
+						status: e.status,
+						salaryMin: r(e, "salaryMin"),
+						salaryMax: r(e, "salaryMax"),
+						deadline: a(e, "deadline"),
+						description: a(e, "description"),
+						requirements: i(e, "requirements"),
+						benefits: i(e, "benefits")
+					};
+					await L(z.id, t), P("Job posting updated", "success");
+				}
+			}),
+			/* @__PURE__ */ _(n, {
+				open: H,
+				onOpenChange: U,
+				title: "Delete job posting",
+				description: `Permanently remove “${z.title}”? This cannot be undone.`,
+				confirmLabel: "Delete",
+				destructive: !0,
+				onConfirm: async () => {
+					await R(z.id), P("Job posting deleted", "success"), N("../jobs-page");
+				}
+			})
 		]
 	});
 }
 //#endregion
-export { C as HiringJobDetailsPagePage };
+export { N 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  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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"}
+{"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 { useState } from 'react';\nimport {\n  Briefcase,\n  Calendar,\n  CheckCircle,\n  DollarSign,\n  MapPin,\n  Pencil,\n  Share2,\n  Trash2,\n  Users,\n} from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore, type JobPosting } from '../store/crewfoundryStore';\nimport { FormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getTags, getText } from '../components/forms/formValues';\n\nconst JOB_FIELDS: FieldConfig[] = [\n  { name: 'title', label: 'Job Title', type: 'text', required: true, colSpan: 2 },\n  { name: 'department', label: 'Department', type: 'text', required: true },\n  { name: 'location', label: 'Location', type: 'text', required: true },\n  {\n    name: 'type',\n    label: 'Employment Type',\n    type: 'select',\n    options: [\n      { label: 'Full time', value: 'full_time' },\n      { label: 'Part time', value: 'part_time' },\n      { label: 'Contract', value: 'contract' },\n      { label: 'Remote', value: 'remote' },\n    ],\n  },\n  {\n    name: 'experienceLevel',\n    label: 'Experience Level',\n    type: 'select',\n    options: [\n      { label: 'Entry', value: 'entry' },\n      { label: 'Mid', value: 'mid' },\n      { label: 'Senior', value: 'senior' },\n      { label: 'Lead', value: 'lead' },\n      { label: 'Executive', value: 'executive' },\n    ],\n  },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Draft', value: 'draft' },\n      { label: 'Active', value: 'active' },\n      { label: 'Paused', value: 'paused' },\n      { label: 'Closed', value: 'closed' },\n      { label: 'Filled', value: 'filled' },\n    ],\n  },\n  { name: 'salaryMin', label: 'Salary Min ($)', type: 'number' },\n  { name: 'salaryMax', label: 'Salary Max ($)', type: 'number' },\n  { name: 'deadline', label: 'Application Deadline', type: 'date' },\n  { name: 'description', label: 'Description', type: 'textarea', colSpan: 2 },\n  { name: 'requirements', label: 'Requirements', type: 'tags' },\n  { name: 'benefits', label: 'Benefits', type: 'tags' },\n];\n\nexport function HiringJobDetailsPagePage() {\n  const navigate = useNavigate();\n  const { showToast } = useGlobalUi();\n  const { jobPostings, candidates, updateJobPosting, removeJobPosting } = useCrewFoundryStore();\n  const job = jobPostings[0]; // Show first job as detail view\n  const [editOpen, setEditOpen] = useState(false);\n  const [deleteOpen, setDeleteOpen] = useState(false);\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  const editInitial: FormValues = {\n    title: job.title,\n    department: job.department,\n    location: job.location,\n    type: job.type,\n    experienceLevel: job.experienceLevel,\n    status: job.status,\n    salaryMin: job.salaryMin,\n    salaryMax: job.salaryMax,\n    deadline: job.deadline,\n    description: job.description,\n    requirements: job.requirements,\n    benefits: job.benefits,\n  };\n\n  const handleEditSubmit = async (values: FormValues) => {\n    const updates: Partial<JobPosting> = {\n      title: getText(values, 'title'),\n      department: getText(values, 'department'),\n      location: getText(values, 'location'),\n      type: values.type as JobPosting['type'],\n      experienceLevel: values.experienceLevel as JobPosting['experienceLevel'],\n      status: values.status as JobPosting['status'],\n      salaryMin: getNumber(values, 'salaryMin'),\n      salaryMax: getNumber(values, 'salaryMax'),\n      deadline: getText(values, 'deadline'),\n      description: getText(values, 'description'),\n      requirements: getTags(values, 'requirements'),\n      benefits: getTags(values, 'benefits'),\n    };\n    await updateJobPosting(job.id, updates);\n    showToast('Job posting updated', 'success');\n  };\n\n  const handleDelete = async () => {\n    await removeJobPosting(job.id);\n    showToast('Job posting deleted', 'success');\n    navigate('../jobs-page');\n  };\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\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => showToast('Sharing job postings is coming soon', 'info')}\n          >\n            <Share2 className=\"h-4 w-4 mr-1\" />\n            Share\n          </Button>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => setEditOpen(true)}>\n            <Pencil className=\"h-4 w-4 mr-1\" />\n            Edit Posting\n          </Button>\n          <Button\n            variant=\"destructive\"\n            size=\"sm\"\n            aria-label=\"Delete job posting\"\n            onClick={() => setDeleteOpen(true)}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </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\n      <FormModal\n        open={editOpen}\n        onOpenChange={setEditOpen}\n        title=\"Edit Job Posting\"\n        description=\"Update the role details, compensation, and status.\"\n        fields={JOB_FIELDS}\n        initialValues={editInitial}\n        submitLabel=\"Save changes\"\n        onSubmit={handleEditSubmit}\n      />\n      <ConfirmDialog\n        open={deleteOpen}\n        onOpenChange={setDeleteOpen}\n        title=\"Delete job posting\"\n        description={`Permanently remove “${job.title}”? This cannot be undone.`}\n        confirmLabel=\"Delete\"\n        destructive\n        onConfirm={handleDelete}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}