@burdenoff/microfe-crewfoundry 2026.704.5 → 2026.704.7

package/dist/crewfoundry/pages/HiringCreateJobPagePage.js

@@ -1,13 +1,13 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { newClientId as t } from "../components/forms/formValues.js";
-import { useState as n } from "react";
-import { Briefcase as r, Plus as i, Save as a, X as o } from "lucide-react";
-import { useNavigate as ee } from "react-router-dom";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Button as l, Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m, EmphasisPanel as h, GradientText as g, Input as _, PagePurpose as v, Textarea as y } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as b } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useMemo as n, useState as r } from "react";
+import { Briefcase as i, ChevronRight as a, Plus as o, Save as s, X as c } from "lucide-react";
+import { useNavigate as l } from "react-router-dom";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as f, GlassCard as ee, GradientText as p, Input as m, PagePurpose as h, Textarea as g } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as _ } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringCreateJobPagePage.tsx
-var x = "flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus-visible:border-border-focus focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", S = [
+var v = "flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus-visible:border-border-focus focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", y = "text-sm font-medium text-text-primary", b = [
 	{
 		label: "Full time",
 		value: "full_time"
@@ -24,7 +24,7 @@ var x = "flex h-10 w-full rounded-input border border-border-default bg-bg-surfa
 		label: "Remote",
 		value: "remote"
 	}
-], C = [
+], x = [
 	{
 		label: "Entry",
 		value: "entry"
@@ -46,21 +46,22 @@ var x = "flex h-10 w-full rounded-input border border-border-default bg-bg-surfa
 		value: "executive"
 	}
 ];
-function w() {
-	let w = ee(), { showToast: T } = b(), E = e((e) => e.addJobPosting), [D, O] = n(""), [k, A] = n(""), [j, M] = n(""), [N, te] = n(""), [P, F] = n("full_time"), [I, L] = n("mid"), [R, z] = n(""), [B, V] = n(""), [H, U] = n(""), [W, G] = n([""]), [K, q] = n([""]), [J, Y] = n(!1), X = () => G([...W, ""]), Z = () => q([...K, ""]), Q = (e, t) => {
-		let n = [...W];
-		n[e] = t, G(n);
-	}, ne = (e, t) => {
-		let n = [...K];
-		n[e] = t, q(n);
-	}, re = (e) => G(W.filter((t, n) => n !== e)), ie = (e) => q(K.filter((t, n) => n !== e)), $ = async (e) => {
+function S({ htmlFor: e, children: t }) {
+	return /* @__PURE__ */ u("label", {
+		className: y,
+		htmlFor: e,
+		children: t
+	});
+}
+function C() {
+	let C = l(), { showToast: w } = _(), T = e((e) => e.addJobPosting), E = e((e) => e.departments), [D, O] = r(""), [k, A] = r(""), [j, te] = r(""), [M, N] = r(""), [P, F] = r("full_time"), [I, L] = r("mid"), [R, z] = r(""), [B, V] = r(""), [H, U] = r(""), [W, G] = r([""]), [K, q] = r([""]), [J, Y] = r(!1), X = n(() => Array.from(new Set(E.map((e) => e.name).filter(Boolean))).sort(), [E]), Z = () => G((e) => [...e, ""]), ne = () => q((e) => [...e, ""]), re = (e, t) => G((n) => n.map((n, r) => r === e ? t : n)), ie = (e, t) => q((n) => n.map((n, r) => r === e ? t : n)), ae = (e) => G((t) => t.filter((t, n) => n !== e)), oe = (e) => q((t) => t.filter((t, n) => n !== e)), Q = async (e) => {
 		if (J) return;
 		if (!D.trim()) {
-			T("Job Title is required", "warning");
+			w("Job Title is required", "warning");
 			return;
 		}
 		if (!k.trim()) {
-			T("Department is required", "warning");
+			w("Department is required", "warning");
 			return;
 		}
 		let n = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), r = {
@@ -76,242 +77,276 @@ function w() {
 			applicants: 0,
 			postedDate: n,
 			deadline: H.trim() === "" ? n : H,
-			description: N.trim(),
+			description: M.trim(),
 			requirements: W.map((e) => e.trim()).filter(Boolean),
 			benefits: K.map((e) => e.trim()).filter(Boolean)
 		};
 		Y(!0);
 		try {
-			await E(r), T(e === "draft" ? "Draft saved" : "Job published", "success"), w("../hiring/jobs-page");
+			await T(r), w(e === "draft" ? "Draft saved" : "Job published", "success"), C("../hiring/jobs-page");
 		} catch (e) {
-			T(e instanceof Error ? e.message : "Unable to save job posting", "error");
+			w(e instanceof Error ? e.message : "Unable to save job posting", "error");
 		} finally {
 			Y(!1);
 		}
-	};
-	return /* @__PURE__ */ c("div", {
-		className: "space-y-6 p-6 max-w-3xl",
-		children: [
-			/* @__PURE__ */ s("div", {
-				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ c("div", { children: [
-					/* @__PURE__ */ s("h1", {
-						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ s(g, { children: "Create Job Posting" })
-					}),
-					/* @__PURE__ */ s("p", {
-						className: "text-sm text-text-secondary",
-						children: "Fill in the details for a new position"
+	}, $ = (e, t, n, r, i, a) => /* @__PURE__ */ d("div", {
+		className: "space-y-2",
+		children: [e.map((e, r) => /* @__PURE__ */ d("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ u(m, {
+				className: "pr-9",
+				placeholder: a,
+				value: e,
+				onChange: (e) => t(r, e.target.value)
+			}), /* @__PURE__ */ u("button", {
+				type: "button",
+				"aria-label": `Remove ${i.toLowerCase()} ${r + 1}`,
+				onClick: () => n(r),
+				className: "absolute right-2.5 top-1/2 -translate-y-1/2 rounded-sm p-0.5 text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:text-text-primary",
+				children: /* @__PURE__ */ u(c, { className: "h-4 w-4" })
+			})]
+		}, r)), /* @__PURE__ */ d(f, {
+			variant: "link",
+			size: "sm",
+			className: "h-auto p-0",
+			onClick: r,
+			type: "button",
+			children: [
+				/* @__PURE__ */ u(o, { className: "h-4 w-4 mr-1" }),
+				"Add ",
+				i
+			]
+		})]
+	});
+	return /* @__PURE__ */ d("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ d("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ d("nav", {
+				"aria-label": "Breadcrumb",
+				className: "flex items-center gap-1 text-sm text-text-secondary",
+				children: [
+					/* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => C("../hiring/jobs-page"),
+						className: "rounded-sm transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:text-text-primary",
+						children: "Hiring"
 					}),
-					/* @__PURE__ */ s(v, {
-						className: "mt-1",
-						children: "Create a new job posting — define the role, requirements, and compensation here to start attracting and collecting applicants."
+					/* @__PURE__ */ u(a, { className: "h-3.5 w-3.5" }),
+					/* @__PURE__ */ u("span", {
+						className: "text-text-primary",
+						children: "Post New Job"
 					})
-				] })
-			}),
-			/* @__PURE__ */ c(h, { children: [/* @__PURE__ */ c("div", {
-				className: "mb-4 flex items-center gap-2 text-lg font-semibold",
-				children: [/* @__PURE__ */ s(r, { className: "h-5 w-5" }), "Job Details"]
-			}), /* @__PURE__ */ c("div", {
-				className: "space-y-4",
+				]
+			}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				className: "text-2xl font-semibold",
+				children: /* @__PURE__ */ u(p, { children: "Create Job Posting" })
+			}), /* @__PURE__ */ u(h, {
+				className: "mt-1",
+				children: "Create a new job posting — define the role, requirements, and compensation here to start attracting and collecting applicants."
+			})] })]
+		}), /* @__PURE__ */ d(ee, {
+			treatment: "glass",
+			className: "max-w-5xl p-6",
+			children: [/* @__PURE__ */ d("div", {
+				className: "mb-6 flex items-center gap-2 text-lg font-semibold text-text-primary",
+				children: [/* @__PURE__ */ u(i, { className: "h-5 w-5" }), "Job details"]
+			}), /* @__PURE__ */ d("div", {
+				className: "space-y-5",
 				children: [
-					/* @__PURE__ */ c("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ s("label", {
-							className: "text-sm font-medium",
-							htmlFor: "job-title",
-							children: "Job Title"
-						}), /* @__PURE__ */ s(_, {
-							id: "job-title",
-							placeholder: "e.g. Senior Frontend Developer",
-							value: D,
-							onChange: (e) => O(e.target.value)
-						})]
-					}),
-					/* @__PURE__ */ c("div", {
-						className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ d("div", {
+						className: "grid grid-cols-1 gap-5 md:grid-cols-2",
+						children: [/* @__PURE__ */ d("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ s("label", {
-								className: "text-sm font-medium",
-								htmlFor: "job-department",
-								children: "Department"
-							}), /* @__PURE__ */ s(_, {
-								id: "job-department",
-								placeholder: "e.g. Engineering",
-								value: k,
-								onChange: (e) => A(e.target.value)
+							children: [/* @__PURE__ */ u(S, {
+								htmlFor: "job-title",
+								children: "Job Title"
+							}), /* @__PURE__ */ u(m, {
+								id: "job-title",
+								placeholder: "e.g. Senior Frontend Developer",
+								value: D,
+								onChange: (e) => O(e.target.value)
 							})]
-						}), /* @__PURE__ */ c("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ s("label", {
-								className: "text-sm font-medium",
-								htmlFor: "job-location",
-								children: "Location"
-							}), /* @__PURE__ */ s(_, {
-								id: "job-location",
-								placeholder: "e.g. San Francisco, CA",
-								value: j,
-								onChange: (e) => M(e.target.value)
-							})]
-						})]
-					}),
-					/* @__PURE__ */ c("div", {
-						className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ c("div", {
+						}), /* @__PURE__ */ d("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ s("label", {
-								className: "text-sm font-medium",
+							children: [/* @__PURE__ */ u(S, {
 								htmlFor: "job-type",
 								children: "Employment Type"
-							}), /* @__PURE__ */ s("select", {
+							}), /* @__PURE__ */ u("select", {
 								id: "job-type",
-								className: x,
+								className: v,
 								value: P,
 								onChange: (e) => F(e.target.value),
-								children: S.map((e) => /* @__PURE__ */ s("option", {
+								children: b.map((e) => /* @__PURE__ */ u("option", {
 									value: e.value,
 									children: e.label
 								}, e.value))
 							})]
-						}), /* @__PURE__ */ c("div", {
+						})]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "grid grid-cols-1 gap-5 md:grid-cols-2",
+						children: [/* @__PURE__ */ d("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ u(S, {
+									htmlFor: "job-department",
+									children: "Department"
+								}),
+								/* @__PURE__ */ u(m, {
+									id: "job-department",
+									list: "crewfoundry-department-options",
+									placeholder: "e.g. Engineering",
+									value: k,
+									onChange: (e) => A(e.target.value)
+								}),
+								/* @__PURE__ */ u("datalist", {
+									id: "crewfoundry-department-options",
+									children: X.map((e) => /* @__PURE__ */ u("option", { value: e }, e))
+								})
+							]
+						}), /* @__PURE__ */ d("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ s("label", {
-								className: "text-sm font-medium",
+							children: [/* @__PURE__ */ u(S, {
 								htmlFor: "job-experience",
 								children: "Experience Level"
-							}), /* @__PURE__ */ s("select", {
+							}), /* @__PURE__ */ u("select", {
 								id: "job-experience",
-								className: x,
+								className: v,
 								value: I,
 								onChange: (e) => L(e.target.value),
-								children: C.map((e) => /* @__PURE__ */ s("option", {
+								children: x.map((e) => /* @__PURE__ */ u("option", {
 									value: e.value,
 									children: e.label
 								}, e.value))
 							})]
 						})]
 					}),
-					/* @__PURE__ */ c("div", {
-						className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ d("div", {
+						className: "grid grid-cols-1 gap-5 md:grid-cols-2",
+						children: [/* @__PURE__ */ d("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ s("label", {
-								className: "text-sm font-medium",
-								htmlFor: "job-salary-min",
-								children: "Salary Min ($)"
-							}), /* @__PURE__ */ s(_, {
-								id: "job-salary-min",
-								type: "number",
-								placeholder: "e.g. 120000",
-								value: R,
-								onChange: (e) => z(e.target.value)
+							children: [/* @__PURE__ */ u(S, {
+								htmlFor: "job-location",
+								children: "Location"
+							}), /* @__PURE__ */ u(m, {
+								id: "job-location",
+								placeholder: "e.g. San Francisco, CA",
+								value: j,
+								onChange: (e) => te(e.target.value)
 							})]
-						}), /* @__PURE__ */ c("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ s("label", {
-								className: "text-sm font-medium",
-								htmlFor: "job-salary-max",
-								children: "Salary Max ($)"
-							}), /* @__PURE__ */ s(_, {
-								id: "job-salary-max",
-								type: "number",
-								placeholder: "e.g. 180000",
-								value: B,
-								onChange: (e) => V(e.target.value)
+						}), /* @__PURE__ */ d("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ d("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ u(S, {
+									htmlFor: "job-salary-min",
+									children: "Salary Min"
+								}), /* @__PURE__ */ d("div", {
+									className: "relative",
+									children: [/* @__PURE__ */ u("span", {
+										className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-secondary",
+										children: "$"
+									}), /* @__PURE__ */ u(m, {
+										id: "job-salary-min",
+										type: "number",
+										className: "pl-7",
+										placeholder: "120,000",
+										value: R,
+										onChange: (e) => z(e.target.value)
+									})]
+								})]
+							}), /* @__PURE__ */ d("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ u(S, {
+									htmlFor: "job-salary-max",
+									children: "Salary Max"
+								}), /* @__PURE__ */ d("div", {
+									className: "relative",
+									children: [/* @__PURE__ */ u("span", {
+										className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-secondary",
+										children: "$"
+									}), /* @__PURE__ */ u(m, {
+										id: "job-salary-max",
+										type: "number",
+										className: "pl-7",
+										placeholder: "180,000",
+										value: B,
+										onChange: (e) => V(e.target.value)
+									})]
+								})]
 							})]
 						})]
 					}),
-					/* @__PURE__ */ c("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ s("label", {
-							className: "text-sm font-medium",
-							htmlFor: "job-deadline",
-							children: "Application Deadline"
-						}), /* @__PURE__ */ s(_, {
-							id: "job-deadline",
-							type: "date",
-							value: H,
-							onChange: (e) => U(e.target.value)
-						})]
+					/* @__PURE__ */ u("div", {
+						className: "grid grid-cols-1 gap-5 md:grid-cols-2",
+						children: /* @__PURE__ */ d("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ u(S, {
+								htmlFor: "job-deadline",
+								children: "Application Deadline"
+							}), /* @__PURE__ */ u(m, {
+								id: "job-deadline",
+								type: "date",
+								value: H,
+								onChange: (e) => U(e.target.value)
+							})]
+						})
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ d("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ s("label", {
-							className: "text-sm font-medium",
+						children: [/* @__PURE__ */ u(S, {
 							htmlFor: "job-description",
 							children: "Description"
-						}), /* @__PURE__ */ s(y, {
+						}), /* @__PURE__ */ u(g, {
 							id: "job-description",
 							placeholder: "Describe the role, responsibilities, and ideal candidate...",
 							rows: 4,
-							value: N,
-							onChange: (e) => te(e.target.value)
+							value: M,
+							onChange: (e) => N(e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "grid grid-cols-1 gap-6 border-t border-border-subtle pt-5 md:grid-cols-2",
+						children: [/* @__PURE__ */ d("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
+								className: y,
+								children: "Requirements"
+							}), /* @__PURE__ */ u("p", {
+								className: "text-xs text-text-secondary",
+								children: "List the key requirements for this role"
+							})] }), $(W, re, ae, Z, "Requirement", "e.g. 5+ years with React")]
+						}), /* @__PURE__ */ d("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
+								className: y,
+								children: "Benefits"
+							}), /* @__PURE__ */ u("p", {
+								className: "text-xs text-text-secondary",
+								children: "What does this position offer?"
+							})] }), $(K, ie, oe, ne, "Benefit", "e.g. Flexible remote work")]
+						})]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "flex flex-col-reverse justify-end gap-2 border-t border-border-subtle pt-5 sm:flex-row",
+						children: [/* @__PURE__ */ u(f, {
+							variant: "outline",
+							disabled: J,
+							onClick: () => Q("draft"),
+							children: "Save as Draft"
+						}), /* @__PURE__ */ d(f, {
+							disabled: J,
+							onClick: () => Q("active"),
+							children: [/* @__PURE__ */ u(s, { className: "h-4 w-4 mr-1" }), J ? "Saving…" : "Publish Job"]
 						})]
 					})
 				]
-			})] }),
-			/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, { children: "Requirements" }), /* @__PURE__ */ s(f, { children: "List the key requirements for this role" })] }), /* @__PURE__ */ c(d, {
-				className: "space-y-3",
-				children: [W.map((e, t) => /* @__PURE__ */ c("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ s(_, {
-						placeholder: `Requirement ${t + 1}`,
-						value: e,
-						onChange: (e) => Q(t, e.target.value)
-					}), /* @__PURE__ */ s(l, {
-						variant: "outline",
-						size: "sm",
-						"aria-label": `Remove requirement ${t + 1}`,
-						onClick: () => re(t),
-						children: /* @__PURE__ */ s(o, { className: "h-4 w-4" })
-					})]
-				}, t)), /* @__PURE__ */ c(l, {
-					variant: "outline",
-					size: "sm",
-					onClick: X,
-					children: [/* @__PURE__ */ s(i, { className: "h-4 w-4 mr-1" }), "Add Requirement"]
-				})]
-			})] }),
-			/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, { children: "Benefits" }), /* @__PURE__ */ s(f, { children: "What does this position offer?" })] }), /* @__PURE__ */ c(d, {
-				className: "space-y-3",
-				children: [K.map((e, t) => /* @__PURE__ */ c("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ s(_, {
-						placeholder: `Benefit ${t + 1}`,
-						value: e,
-						onChange: (e) => ne(t, e.target.value)
-					}), /* @__PURE__ */ s(l, {
-						variant: "outline",
-						size: "sm",
-						"aria-label": `Remove benefit ${t + 1}`,
-						onClick: () => ie(t),
-						children: /* @__PURE__ */ s(o, { className: "h-4 w-4" })
-					})]
-				}, t)), /* @__PURE__ */ c(l, {
-					variant: "outline",
-					size: "sm",
-					onClick: Z,
-					children: [/* @__PURE__ */ s(i, { className: "h-4 w-4 mr-1" }), "Add Benefit"]
-				})]
-			})] }),
-			/* @__PURE__ */ c("div", {
-				className: "flex justify-end gap-2",
-				children: [/* @__PURE__ */ s(l, {
-					variant: "outline",
-					disabled: J,
-					onClick: () => $("draft"),
-					children: "Save as Draft"
-				}), /* @__PURE__ */ c(l, {
-					disabled: J,
-					onClick: () => $("active"),
-					children: [/* @__PURE__ */ s(a, { className: "h-4 w-4 mr-1" }), J ? "Saving…" : "Publish Job"]
-				})]
-			})
-		]
+			})]
+		})]
 	});
 }
 //#endregion
-export { w as HiringCreateJobPagePage };
+export { C as HiringCreateJobPagePage };
 
 //# sourceMappingURL=HiringCreateJobPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HiringCreateJobPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringCreateJobPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  Input,\n  PagePurpose,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Briefcase, Plus, Save, X } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type JobPosting } from '../store/crewfoundryStore';\nimport { newClientId } from '../components/forms/formValues';\n\n// Native <select> styled with the same semantic tokens as fe-libs Input.\nconst SELECT_CLASS =\n  'flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus-visible:border-border-focus focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50';\n\nconst JOB_TYPE_OPTIONS: { label: string; value: JobPosting['type'] }[] = [\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\nconst EXPERIENCE_OPTIONS: { label: string; value: JobPosting['experienceLevel'] }[] = [\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\nexport function HiringCreateJobPagePage() {\n  const navigate = useNavigate();\n  const { showToast } = useGlobalUi();\n  const addJobPosting = useCrewFoundryStore((state) => state.addJobPosting);\n\n  const [title, setTitle] = useState('');\n  const [department, setDepartment] = useState('');\n  const [location, setLocation] = useState('');\n  const [description, setDescription] = useState('');\n  const [type, setType] = useState<JobPosting['type']>('full_time');\n  const [experienceLevel, setExperienceLevel] = useState<JobPosting['experienceLevel']>('mid');\n  const [salaryMin, setSalaryMin] = useState('');\n  const [salaryMax, setSalaryMax] = useState('');\n  const [deadline, setDeadline] = useState('');\n  const [requirements, setRequirements] = useState<string[]>(['']);\n  const [benefits, setBenefits] = useState<string[]>(['']);\n  const [submitting, setSubmitting] = useState(false);\n\n  const addRequirement = () => setRequirements([...requirements, '']);\n  const addBenefit = () => setBenefits([...benefits, '']);\n  const updateRequirement = (idx: number, value: string) => {\n    const updated = [...requirements];\n    updated[idx] = value;\n    setRequirements(updated);\n  };\n  const updateBenefit = (idx: number, value: string) => {\n    const updated = [...benefits];\n    updated[idx] = value;\n    setBenefits(updated);\n  };\n  const removeRequirement = (idx: number) =>\n    setRequirements(requirements.filter((_, i) => i !== idx));\n  const removeBenefit = (idx: number) => setBenefits(benefits.filter((_, i) => i !== idx));\n\n  const submit = async (status: JobPosting['status']) => {\n    if (submitting) {\n      return;\n    }\n    if (!title.trim()) {\n      showToast('Job Title is required', 'warning');\n      return;\n    }\n    if (!department.trim()) {\n      showToast('Department is required', 'warning');\n      return;\n    }\n    const today = new Date().toISOString().slice(0, 10);\n    const job: JobPosting = {\n      id: newClientId(),\n      title: title.trim(),\n      department: department.trim(),\n      location: location.trim(),\n      type,\n      experienceLevel,\n      salaryMin: salaryMin.trim() === '' ? 0 : Number(salaryMin),\n      salaryMax: salaryMax.trim() === '' ? 0 : Number(salaryMax),\n      status,\n      applicants: 0,\n      postedDate: today,\n      deadline: deadline.trim() === '' ? today : deadline,\n      description: description.trim(),\n      requirements: requirements.map((item) => item.trim()).filter(Boolean),\n      benefits: benefits.map((item) => item.trim()).filter(Boolean),\n    };\n\n    setSubmitting(true);\n    try {\n      await addJobPosting(job);\n      showToast(status === 'draft' ? 'Draft saved' : 'Job published', 'success');\n      navigate('../hiring/jobs-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to save job posting', 'error');\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Create Job Posting</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Fill in the details for a new position</p>\n          <PagePurpose className=\"mt-1\">\n            Create a new job posting — define the role, requirements, and compensation here to start\n            attracting and collecting applicants.\n          </PagePurpose>\n        </div>\n      </div>\n\n      <EmphasisPanel>\n        <div className=\"mb-4 flex items-center gap-2 text-lg font-semibold\">\n          <Briefcase className=\"h-5 w-5\" />\n          Job Details\n        </div>\n        <div className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"job-title\">\n              Job Title\n            </label>\n            <Input\n              id=\"job-title\"\n              placeholder=\"e.g. Senior Frontend Developer\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n            />\n          </div>\n\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\" htmlFor=\"job-department\">\n                Department\n              </label>\n              <Input\n                id=\"job-department\"\n                placeholder=\"e.g. Engineering\"\n                value={department}\n                onChange={(e) => setDepartment(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\" htmlFor=\"job-location\">\n                Location\n              </label>\n              <Input\n                id=\"job-location\"\n                placeholder=\"e.g. San Francisco, CA\"\n                value={location}\n                onChange={(e) => setLocation(e.target.value)}\n              />\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\" htmlFor=\"job-type\">\n                Employment Type\n              </label>\n              <select\n                id=\"job-type\"\n                className={SELECT_CLASS}\n                value={type}\n                onChange={(e) => setType(e.target.value as JobPosting['type'])}\n              >\n                {JOB_TYPE_OPTIONS.map((option) => (\n                  <option key={option.value} value={option.value}>\n                    {option.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\" htmlFor=\"job-experience\">\n                Experience Level\n              </label>\n              <select\n                id=\"job-experience\"\n                className={SELECT_CLASS}\n                value={experienceLevel}\n                onChange={(e) =>\n                  setExperienceLevel(e.target.value as JobPosting['experienceLevel'])\n                }\n              >\n                {EXPERIENCE_OPTIONS.map((option) => (\n                  <option key={option.value} value={option.value}>\n                    {option.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\" htmlFor=\"job-salary-min\">\n                Salary Min ($)\n              </label>\n              <Input\n                id=\"job-salary-min\"\n                type=\"number\"\n                placeholder=\"e.g. 120000\"\n                value={salaryMin}\n                onChange={(e) => setSalaryMin(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\" htmlFor=\"job-salary-max\">\n                Salary Max ($)\n              </label>\n              <Input\n                id=\"job-salary-max\"\n                type=\"number\"\n                placeholder=\"e.g. 180000\"\n                value={salaryMax}\n                onChange={(e) => setSalaryMax(e.target.value)}\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"job-deadline\">\n              Application Deadline\n            </label>\n            <Input\n              id=\"job-deadline\"\n              type=\"date\"\n              value={deadline}\n              onChange={(e) => setDeadline(e.target.value)}\n            />\n          </div>\n\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"job-description\">\n              Description\n            </label>\n            <Textarea\n              id=\"job-description\"\n              placeholder=\"Describe the role, responsibilities, and ideal candidate...\"\n              rows={4}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Requirements</CardTitle>\n          <CardDescription>List the key requirements for this role</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {requirements.map((req, idx) => (\n            <div key={idx} className=\"flex gap-2\">\n              <Input\n                placeholder={`Requirement ${idx + 1}`}\n                value={req}\n                onChange={(e) => updateRequirement(idx, e.target.value)}\n              />\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                aria-label={`Remove requirement ${idx + 1}`}\n                onClick={() => removeRequirement(idx)}\n              >\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          ))}\n          <Button variant=\"outline\" size=\"sm\" onClick={addRequirement}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            Add Requirement\n          </Button>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Benefits</CardTitle>\n          <CardDescription>What does this position offer?</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {benefits.map((ben, idx) => (\n            <div key={idx} className=\"flex gap-2\">\n              <Input\n                placeholder={`Benefit ${idx + 1}`}\n                value={ben}\n                onChange={(e) => updateBenefit(idx, e.target.value)}\n              />\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                aria-label={`Remove benefit ${idx + 1}`}\n                onClick={() => removeBenefit(idx)}\n              >\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          ))}\n          <Button variant=\"outline\" size=\"sm\" onClick={addBenefit}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            Add Benefit\n          </Button>\n        </CardContent>\n      </Card>\n\n      <div className=\"flex justify-end gap-2\">\n        <Button variant=\"outline\" disabled={submitting} onClick={() => submit('draft')}>\n          Save as Draft\n        </Button>\n        <Button disabled={submitting} onClick={() => submit('active')}>\n          <Save className=\"h-4 w-4 mr-1\" />\n          {submitting ? 'Saving…' : 'Publish Job'}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HiringCreateJobPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringCreateJobPagePage.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from 'react';\nimport {\n  Button,\n  GlassCard,\n  GradientText,\n  Input,\n  PagePurpose,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Briefcase, ChevronRight, Plus, Save, X } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type JobPosting } from '../store/crewfoundryStore';\nimport { newClientId } from '../components/forms/formValues';\n\n// Native <select> styled with the same semantic tokens as fe-libs Input.\nconst SELECT_CLASS =\n  'flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus-visible:border-border-focus focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50';\n\nconst FIELD_LABEL_CLASS = 'text-sm font-medium text-text-primary';\n\nconst JOB_TYPE_OPTIONS: { label: string; value: JobPosting['type'] }[] = [\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\nconst EXPERIENCE_OPTIONS: { label: string; value: JobPosting['experienceLevel'] }[] = [\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\nfunction FieldLabel({ htmlFor, children }: { htmlFor: string; children: ReactNode }) {\n  return (\n    <label className={FIELD_LABEL_CLASS} htmlFor={htmlFor}>\n      {children}\n    </label>\n  );\n}\n\nexport function HiringCreateJobPagePage() {\n  const navigate = useNavigate();\n  const { showToast } = useGlobalUi();\n  const addJobPosting = useCrewFoundryStore((state) => state.addJobPosting);\n  const departments = useCrewFoundryStore((state) => state.departments);\n\n  const [title, setTitle] = useState('');\n  const [department, setDepartment] = useState('');\n  const [location, setLocation] = useState('');\n  const [description, setDescription] = useState('');\n  const [type, setType] = useState<JobPosting['type']>('full_time');\n  const [experienceLevel, setExperienceLevel] = useState<JobPosting['experienceLevel']>('mid');\n  const [salaryMin, setSalaryMin] = useState('');\n  const [salaryMax, setSalaryMax] = useState('');\n  const [deadline, setDeadline] = useState('');\n  const [requirements, setRequirements] = useState<string[]>(['']);\n  const [benefits, setBenefits] = useState<string[]>(['']);\n  const [submitting, setSubmitting] = useState(false);\n\n  const departmentNames = useMemo(\n    () => Array.from(new Set(departments.map((d) => d.name).filter(Boolean))).sort(),\n    [departments]\n  );\n\n  const addRequirement = () => setRequirements((prev) => [...prev, '']);\n  const addBenefit = () => setBenefits((prev) => [...prev, '']);\n  const updateRequirement = (idx: number, value: string) =>\n    setRequirements((prev) => prev.map((item, i) => (i === idx ? value : item)));\n  const updateBenefit = (idx: number, value: string) =>\n    setBenefits((prev) => prev.map((item, i) => (i === idx ? value : item)));\n  const removeRequirement = (idx: number) =>\n    setRequirements((prev) => prev.filter((_, i) => i !== idx));\n  const removeBenefit = (idx: number) => setBenefits((prev) => prev.filter((_, i) => i !== idx));\n\n  const submit = async (status: JobPosting['status']) => {\n    if (submitting) {\n      return;\n    }\n    if (!title.trim()) {\n      showToast('Job Title is required', 'warning');\n      return;\n    }\n    if (!department.trim()) {\n      showToast('Department is required', 'warning');\n      return;\n    }\n    const today = new Date().toISOString().slice(0, 10);\n    const job: JobPosting = {\n      id: newClientId(),\n      title: title.trim(),\n      department: department.trim(),\n      location: location.trim(),\n      type,\n      experienceLevel,\n      salaryMin: salaryMin.trim() === '' ? 0 : Number(salaryMin),\n      salaryMax: salaryMax.trim() === '' ? 0 : Number(salaryMax),\n      status,\n      applicants: 0,\n      postedDate: today,\n      deadline: deadline.trim() === '' ? today : deadline,\n      description: description.trim(),\n      requirements: requirements.map((item) => item.trim()).filter(Boolean),\n      benefits: benefits.map((item) => item.trim()).filter(Boolean),\n    };\n\n    setSubmitting(true);\n    try {\n      await addJobPosting(job);\n      showToast(status === 'draft' ? 'Draft saved' : 'Job published', 'success');\n      navigate('../hiring/jobs-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to save job posting', 'error');\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  const renderChipRows = (\n    items: string[],\n    update: (idx: number, value: string) => void,\n    remove: (idx: number) => void,\n    add: () => void,\n    kind: 'Requirement' | 'Benefit',\n    placeholder: string\n  ) => (\n    <div className=\"space-y-2\">\n      {items.map((value, idx) => (\n        <div key={idx} className=\"relative\">\n          <Input\n            className=\"pr-9\"\n            placeholder={placeholder}\n            value={value}\n            onChange={(e) => update(idx, e.target.value)}\n          />\n          <button\n            type=\"button\"\n            aria-label={`Remove ${kind.toLowerCase()} ${idx + 1}`}\n            onClick={() => remove(idx)}\n            className=\"absolute right-2.5 top-1/2 -translate-y-1/2 rounded-sm p-0.5 text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:text-text-primary\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ))}\n      <Button\n        variant=\"link\"\n        size=\"sm\"\n        className=\"h-auto p-0\"\n        onClick={add}\n        type=\"button\"\n      >\n        <Plus className=\"h-4 w-4 mr-1\" />\n        Add {kind}\n      </Button>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"space-y-2\">\n        <nav\n          aria-label=\"Breadcrumb\"\n          className=\"flex items-center gap-1 text-sm text-text-secondary\"\n        >\n          <button\n            type=\"button\"\n            onClick={() => navigate('../hiring/jobs-page')}\n            className=\"rounded-sm transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:text-text-primary\"\n          >\n            Hiring\n          </button>\n          <ChevronRight className=\"h-3.5 w-3.5\" />\n          <span className=\"text-text-primary\">Post New Job</span>\n        </nav>\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Create Job Posting</GradientText>\n          </h1>\n          <PagePurpose className=\"mt-1\">\n            Create a new job posting — define the role, requirements, and compensation here to start\n            attracting and collecting applicants.\n          </PagePurpose>\n        </div>\n      </div>\n\n      <GlassCard treatment=\"glass\" className=\"max-w-5xl p-6\">\n        <div className=\"mb-6 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n          <Briefcase className=\"h-5 w-5\" />\n          Job details\n        </div>\n\n        <div className=\"space-y-5\">\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-title\">Job Title</FieldLabel>\n              <Input\n                id=\"job-title\"\n                placeholder=\"e.g. Senior Frontend Developer\"\n                value={title}\n                onChange={(e) => setTitle(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-type\">Employment Type</FieldLabel>\n              <select\n                id=\"job-type\"\n                className={SELECT_CLASS}\n                value={type}\n                onChange={(e) => setType(e.target.value as JobPosting['type'])}\n              >\n                {JOB_TYPE_OPTIONS.map((option) => (\n                  <option key={option.value} value={option.value}>\n                    {option.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-department\">Department</FieldLabel>\n              <Input\n                id=\"job-department\"\n                list=\"crewfoundry-department-options\"\n                placeholder=\"e.g. Engineering\"\n                value={department}\n                onChange={(e) => setDepartment(e.target.value)}\n              />\n              <datalist id=\"crewfoundry-department-options\">\n                {departmentNames.map((name) => (\n                  <option key={name} value={name} />\n                ))}\n              </datalist>\n            </div>\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-experience\">Experience Level</FieldLabel>\n              <select\n                id=\"job-experience\"\n                className={SELECT_CLASS}\n                value={experienceLevel}\n                onChange={(e) =>\n                  setExperienceLevel(e.target.value as JobPosting['experienceLevel'])\n                }\n              >\n                {EXPERIENCE_OPTIONS.map((option) => (\n                  <option key={option.value} value={option.value}>\n                    {option.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-location\">Location</FieldLabel>\n              <Input\n                id=\"job-location\"\n                placeholder=\"e.g. San Francisco, CA\"\n                value={location}\n                onChange={(e) => setLocation(e.target.value)}\n              />\n            </div>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"space-y-2\">\n                <FieldLabel htmlFor=\"job-salary-min\">Salary Min</FieldLabel>\n                <div className=\"relative\">\n                  <span className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-secondary\">\n                    $\n                  </span>\n                  <Input\n                    id=\"job-salary-min\"\n                    type=\"number\"\n                    className=\"pl-7\"\n                    placeholder=\"120,000\"\n                    value={salaryMin}\n                    onChange={(e) => setSalaryMin(e.target.value)}\n                  />\n                </div>\n              </div>\n              <div className=\"space-y-2\">\n                <FieldLabel htmlFor=\"job-salary-max\">Salary Max</FieldLabel>\n                <div className=\"relative\">\n                  <span className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-secondary\">\n                    $\n                  </span>\n                  <Input\n                    id=\"job-salary-max\"\n                    type=\"number\"\n                    className=\"pl-7\"\n                    placeholder=\"180,000\"\n                    value={salaryMax}\n                    onChange={(e) => setSalaryMax(e.target.value)}\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <FieldLabel htmlFor=\"job-deadline\">Application Deadline</FieldLabel>\n              <Input\n                id=\"job-deadline\"\n                type=\"date\"\n                value={deadline}\n                onChange={(e) => setDeadline(e.target.value)}\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2\">\n            <FieldLabel htmlFor=\"job-description\">Description</FieldLabel>\n            <Textarea\n              id=\"job-description\"\n              placeholder=\"Describe the role, responsibilities, and ideal candidate...\"\n              rows={4}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-6 border-t border-border-subtle pt-5 md:grid-cols-2\">\n            <div className=\"space-y-3\">\n              <div>\n                <div className={FIELD_LABEL_CLASS}>Requirements</div>\n                <p className=\"text-xs text-text-secondary\">List the key requirements for this role</p>\n              </div>\n              {renderChipRows(\n                requirements,\n                updateRequirement,\n                removeRequirement,\n                addRequirement,\n                'Requirement',\n                'e.g. 5+ years with React'\n              )}\n            </div>\n            <div className=\"space-y-3\">\n              <div>\n                <div className={FIELD_LABEL_CLASS}>Benefits</div>\n                <p className=\"text-xs text-text-secondary\">What does this position offer?</p>\n              </div>\n              {renderChipRows(\n                benefits,\n                updateBenefit,\n                removeBenefit,\n                addBenefit,\n                'Benefit',\n                'e.g. Flexible remote work'\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex flex-col-reverse justify-end gap-2 border-t border-border-subtle pt-5 sm:flex-row\">\n            <Button variant=\"outline\" disabled={submitting} onClick={() => submit('draft')}>\n              Save as Draft\n            </Button>\n            <Button disabled={submitting} onClick={() => submit('active')}>\n              <Save className=\"h-4 w-4 mr-1\" />\n              {submitting ? 'Saving…' : 'Publish Job'}\n            </Button>\n          </div>\n        </div>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}