@burdenoff/microfe-crewfoundry 2026.704.5 → 2026.704.6

package/dist/crewfoundry/pages/HiringJobDetailsPagePage.js

@@ -7,10 +7,10 @@ import { useState as s } from "react";
 import { Briefcase as c, Calendar as l, CheckCircle as u, DollarSign as d, MapPin as f, Pencil as p, Share2 as m, Trash2 as h, Users as g } from "lucide-react";
 import { useNavigate as _, useSearchParams as v } from "react-router-dom";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Badge as x, Button as S, Card as C, CardContent as w, CardDescription as T, CardHeader as E, CardTitle as D, GlassCard as O, GradientText as k, IllustratedEmptyState as A, NextSteps as j, PagePurpose as M, ResponsiveTable as N } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as P } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Badge as x, Button as S, Card as C, CardContent as w, CardDescription as T, CardHeader as E, CardTitle as D, GlassCard as O, GradientText as k, IllustratedEmptyState as A, NextSteps as j, PagePurpose as M, ResponsiveTable as N, Spinner as P } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as F } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringJobDetailsPagePage.tsx
-var F = [
+var I = [
 	{
 		name: "title",
 		label: "Job Title",
@@ -138,7 +138,7 @@ var F = [
 		label: "Benefits",
 		type: "tags"
 	}
-], I = [
+], L = [
 	{
 		key: "name",
 		header: "Name",
@@ -184,9 +184,13 @@ var F = [
 		})
 	}
 ];
-function L() {
-	let L = _(), [R] = v(), { showToast: z } = P(), { jobPostings: B, candidates: V, updateJobPosting: H, removeJobPosting: U } = e(), W = R.get("id"), G = W ? B.find((e) => e.id === W) : B[0], [K, q] = s(!1), [J, Y] = s(!1);
-	if (!G) return /* @__PURE__ */ y("div", {
+function R() {
+	let R = _(), [z] = v(), { showToast: B } = F(), { jobPostings: V, candidates: H, updateJobPosting: U, removeJobPosting: W, initialized: G } = e(), K = z.get("id"), q = K ? V.find((e) => e.id === K) : V[0], [J, Y] = s(!1), [X, Z] = s(!1);
+	if (!G && !q) return /* @__PURE__ */ y("div", {
+		className: "flex min-h-[60vh] items-center justify-center p-6",
+		children: /* @__PURE__ */ y(P, { size: "lg" })
+	});
+	if (!q) return /* @__PURE__ */ y("div", {
 		className: "p-6",
 		children: /* @__PURE__ */ y(A, {
 			illustration: "empty-search",
@@ -194,19 +198,19 @@ function L() {
 			description: "This job posting is no longer available."
 		})
 	});
-	let X = V.filter((e) => e.position === G.title), Z = {
-		title: G.title,
-		department: G.department,
-		location: G.location,
-		type: G.type,
-		experienceLevel: G.experienceLevel,
-		status: G.status,
-		salaryMin: G.salaryMin,
-		salaryMax: G.salaryMax,
-		deadline: G.deadline,
-		description: G.description,
-		requirements: G.requirements,
-		benefits: G.benefits
+	let Q = H.filter((e) => e.position === q.title), $ = {
+		title: q.title,
+		department: q.department,
+		location: q.location,
+		type: q.type,
+		experienceLevel: q.experienceLevel,
+		status: q.status,
+		salaryMin: q.salaryMin,
+		salaryMax: q.salaryMax,
+		deadline: q.deadline,
+		description: q.description,
+		requirements: q.requirements,
+		benefits: q.benefits
 	};
 	return /* @__PURE__ */ b("div", {
 		className: "space-y-6 p-6 max-w-4xl",
@@ -218,10 +222,10 @@ function L() {
 						className: "flex items-center gap-2 mb-1",
 						children: [/* @__PURE__ */ y("h1", {
 							className: "text-2xl font-semibold",
-							children: /* @__PURE__ */ y(k, { children: G.title })
+							children: /* @__PURE__ */ y(k, { children: q.title })
 						}), /* @__PURE__ */ y(x, {
-							variant: G.status === "active" ? "default" : "secondary",
-							children: t(G.status)
+							variant: q.status === "active" ? "default" : "secondary",
+							children: t(q.status)
 						})]
 					}),
 					/* @__PURE__ */ b("div", {
@@ -229,18 +233,18 @@ function L() {
 						children: [
 							/* @__PURE__ */ b("span", {
 								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ y(c, { className: "h-3 w-3" }), G.department]
+								children: [/* @__PURE__ */ y(c, { className: "h-3 w-3" }), q.department]
 							}),
 							/* @__PURE__ */ b("span", {
 								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ y(f, { className: "h-3 w-3" }), G.location]
+								children: [/* @__PURE__ */ y(f, { className: "h-3 w-3" }), q.location]
 							}),
 							/* @__PURE__ */ b("span", {
 								className: "flex items-center gap-1",
 								children: [
 									/* @__PURE__ */ y(l, { className: "h-3 w-3" }),
 									"Posted ",
-									G.postedDate
+									q.postedDate
 								]
 							})
 						]
@@ -255,20 +259,20 @@ function L() {
 						/* @__PURE__ */ b(S, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => z("Sharing job postings is coming soon", "info"),
+							onClick: () => B("Sharing job postings is coming soon", "info"),
 							children: [/* @__PURE__ */ y(m, { className: "h-4 w-4 mr-1" }), "Share"]
 						}),
 						/* @__PURE__ */ b(S, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => q(!0),
+							onClick: () => Y(!0),
 							children: [/* @__PURE__ */ y(p, { className: "h-4 w-4 mr-1" }), "Edit Posting"]
 						}),
 						/* @__PURE__ */ y(S, {
 							variant: "destructive",
 							size: "sm",
 							"aria-label": "Delete job posting",
-							onClick: () => Y(!0),
+							onClick: () => Z(!0),
 							children: /* @__PURE__ */ y(h, { className: "h-4 w-4" })
 						})
 					]
@@ -282,21 +286,21 @@ function L() {
 						label: "Review applicants",
 						description: "Screen the candidates who applied for this role.",
 						icon: /* @__PURE__ */ y(g, { className: "h-4 w-4" }),
-						onClick: () => L("../hiring/applications-page")
+						onClick: () => R("../hiring/applications-page")
 					},
 					{
 						id: "interviews",
 						label: "Schedule interviews",
 						description: "Set up conversations with promising candidates.",
 						icon: /* @__PURE__ */ y(l, { className: "h-4 w-4" }),
-						onClick: () => L("../hiring/interviews-page")
+						onClick: () => R("../hiring/interviews-page")
 					},
 					{
 						id: "candidates",
 						label: "Browse your talent pool",
 						description: "Source more candidates that fit this position.",
 						icon: /* @__PURE__ */ y(c, { className: "h-4 w-4" }),
-						onClick: () => L("../hiring/candidates-page")
+						onClick: () => R("../hiring/candidates-page")
 					}
 				]
 			}),
@@ -313,7 +317,7 @@ function L() {
 								/* @__PURE__ */ y(g, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 								/* @__PURE__ */ y("p", {
 									className: "text-2xl font-bold tabular-nums",
-									children: G.applicants
+									children: q.applicants
 								}),
 								/* @__PURE__ */ y("p", {
 									className: "text-xs text-text-secondary",
@@ -330,9 +334,9 @@ function L() {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(G.salaryMin / 1e3).toFixed(0),
+									(q.salaryMin / 1e3).toFixed(0),
 									"K-$",
-									(G.salaryMax / 1e3).toFixed(0),
+									(q.salaryMax / 1e3).toFixed(0),
 									"K"
 								]
 							}),
@@ -348,7 +352,7 @@ function L() {
 							/* @__PURE__ */ y(l, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ y("p", {
 								className: "text-lg font-bold",
-								children: G.deadline
+								children: q.deadline
 							}),
 							/* @__PURE__ */ y("p", {
 								className: "text-xs text-text-secondary",
@@ -362,7 +366,7 @@ function L() {
 							/* @__PURE__ */ y(u, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ y("p", {
 								className: "text-lg font-bold",
-								children: t(G.experienceLevel)
+								children: t(q.experienceLevel)
 							}),
 							/* @__PURE__ */ y("p", {
 								className: "text-xs text-text-secondary",
@@ -374,36 +378,36 @@ function L() {
 			}),
 			/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, { children: /* @__PURE__ */ y(D, { children: "Description" }) }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ y("p", {
 				className: "text-sm text-text-secondary",
-				children: G.description
+				children: q.description
 			}) })] }),
 			/* @__PURE__ */ b("div", {
 				className: "grid gap-4 md:grid-cols-2",
 				children: [/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, { children: /* @__PURE__ */ y(D, { children: "Requirements" }) }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ y("ul", {
 					className: "space-y-2",
-					children: G.requirements.map((e, t) => /* @__PURE__ */ b("li", {
+					children: q.requirements.map((e, t) => /* @__PURE__ */ b("li", {
 						className: "flex items-start gap-2 text-sm",
 						children: [/* @__PURE__ */ y(u, { className: "h-4 w-4 text-status-success-text mt-0.5 flex-shrink-0" }), e]
 					}, t))
 				}) })] }), /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, { children: /* @__PURE__ */ y(D, { children: "Benefits" }) }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ y("ul", {
 					className: "space-y-2",
-					children: G.benefits.map((e, t) => /* @__PURE__ */ b("li", {
+					children: q.benefits.map((e, t) => /* @__PURE__ */ b("li", {
 						className: "flex items-start gap-2 text-sm",
 						children: [/* @__PURE__ */ y(u, { className: "h-4 w-4 text-status-info-text mt-0.5 flex-shrink-0" }), e]
 					}, t))
 				}) })] })]
 			}),
-			X.length > 0 && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(E, { children: [/* @__PURE__ */ y(D, { children: "Applicants for this Role" }), /* @__PURE__ */ b(T, { children: [X.length, " candidates"] })] }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(N, {
-				data: X,
+			Q.length > 0 && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(E, { children: [/* @__PURE__ */ y(D, { children: "Applicants for this Role" }), /* @__PURE__ */ b(T, { children: [Q.length, " candidates"] })] }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(N, {
+				data: Q,
 				rowKey: (e) => e.id,
-				columns: I
+				columns: L
 			}) })] }),
 			/* @__PURE__ */ y(n, {
-				open: K,
-				onOpenChange: q,
+				open: J,
+				onOpenChange: Y,
 				title: "Edit Job Posting",
 				description: "Update the role details, compensation, and status.",
-				fields: F,
-				initialValues: Z,
+				fields: I,
+				initialValues: $,
 				submitLabel: "Save changes",
 				onSubmit: async (e) => {
 					let t = {
@@ -420,24 +424,24 @@ function L() {
 						requirements: a(e, "requirements"),
 						benefits: a(e, "benefits")
 					};
-					await H(G.id, t), z("Job posting updated", "success");
+					await U(q.id, t), B("Job posting updated", "success");
 				}
 			}),
 			/* @__PURE__ */ y(r, {
-				open: J,
-				onOpenChange: Y,
+				open: X,
+				onOpenChange: Z,
 				title: "Delete job posting",
-				description: `Permanently remove “${G.title}”? This cannot be undone.`,
+				description: `Permanently remove “${q.title}”? This cannot be undone.`,
 				confirmLabel: "Delete",
 				destructive: !0,
 				onConfirm: async () => {
-					await U(G.id), z("Job posting deleted", "success"), L("../hiring/jobs-page");
+					await W(q.id), B("Job posting deleted", "success"), R("../hiring/jobs-page");
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { L as HiringJobDetailsPagePage };
+export { R 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  ResponsiveTable,\n  type ResponsiveTableColumn,\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, useSearchParams } from 'react-router-dom';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore, type Candidate, 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';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\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\nconst APPLICANT_COLUMNS: ResponsiveTableColumn<Candidate>[] = [\n  {\n    key: 'name',\n    header: 'Name',\n    priority: 'primary',\n    cell: (c) => (\n      <span className=\"font-medium\">\n        {c.firstName} {c.lastName}\n      </span>\n    ),\n  },\n  {\n    key: 'source',\n    header: 'Source',\n    priority: 'secondary',\n    cell: (c) => <span className=\"text-text-secondary\">{c.source}</span>,\n  },\n  {\n    key: 'experience',\n    header: 'Experience',\n    priority: 'secondary',\n    cell: (c) => <span>{c.experience} yrs</span>,\n  },\n  {\n    key: 'rating',\n    header: 'Rating',\n    priority: 'secondary',\n    cell: (c) => <span>{c.rating}/5</span>,\n  },\n  {\n    key: 'status',\n    header: 'Status',\n    priority: 'secondary',\n    cell: (c) => (\n      <Badge variant={c.status === 'hired' ? 'default' : 'secondary'} className=\"text-[10px]\">\n        {formatEnumLabel(c.status)}\n      </Badge>\n    ),\n  },\n];\n\nexport function HiringJobDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { showToast } = useGlobalUi();\n  const { jobPostings, candidates, updateJobPosting, removeJobPosting } = useCrewFoundryStore();\n  const jobId = searchParams.get('id');\n  const job = jobId ? jobPostings.find((j) => j.id === jobId) : jobPostings[0];\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('../hiring/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'}>\n              {formatEnumLabel(job.status)}\n            </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\">{formatEnumLabel(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            <ResponsiveTable\n              data={jobCandidates}\n              rowKey={(c) => c.id}\n              columns={APPLICANT_COLUMNS}\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":";;;;;;;;;;;;AAoCA,IAAM,IAA4B;CAChC;EAAE,MAAM;EAAS,OAAO;EAAa,MAAM;EAAQ,UAAU;EAAM,SAAS;EAAG;CAC/E;EAAE,MAAM;EAAc,OAAO;EAAc,MAAM;EAAQ,UAAU;EAAM;CACzE;EAAE,MAAM;EAAY,OAAO;EAAY,MAAM;EAAQ,UAAU;EAAM;CACrE;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,SAAS;GACP;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAY,OAAO;IAAY;GACxC;IAAE,OAAO;IAAU,OAAO;IAAU;GACrC;EACF;CACD;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,SAAS;GACP;IAAE,OAAO;IAAS,OAAO;IAAS;GAClC;IAAE,OAAO;IAAO,OAAO;IAAO;GAC9B;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAQ,OAAO;IAAQ;GAChC;IAAE,OAAO;IAAa,OAAO;IAAa;GAC3C;EACF;CACD;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,SAAS;GACP;IAAE,OAAO;IAAS,OAAO;IAAS;GAClC;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAU,OAAO;IAAU;GACrC;EACF;CACD;EAAE,MAAM;EAAa,OAAO;EAAkB,MAAM;EAAU;CAC9D;EAAE,MAAM;EAAa,OAAO;EAAkB,MAAM;EAAU;CAC9D;EAAE,MAAM;EAAY,OAAO;EAAwB,MAAM;EAAQ;CACjE;EAAE,MAAM;EAAe,OAAO;EAAe,MAAM;EAAY,SAAS;EAAG;CAC3E;EAAE,MAAM;EAAgB,OAAO;EAAgB,MAAM;EAAQ;CAC7D;EAAE,MAAM;EAAY,OAAO;EAAY,MAAM;EAAQ;CACtD,EAEK,IAAwD;CAC5D;EACE,KAAK;EACL,QAAQ;EACR,UAAU;EACV,OAAO,MACL,kBAAC,QAAD;GAAM,WAAU;aAAhB;IACG,EAAE;IAAU;IAAE,EAAE;IACZ;;EAEV;CACD;EACE,KAAK;EACL,QAAQ;EACR,UAAU;EACV,OAAO,MAAM,kBAAC,QAAD;GAAM,WAAU;aAAuB,EAAE;GAAc,CAAA;EACrE;CACD;EACE,KAAK;EACL,QAAQ;EACR,UAAU;EACV,OAAO,MAAM,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAE,YAAW,OAAW,EAAA,CAAA;EAC7C;CACD;EACE,KAAK;EACL,QAAQ;EACR,UAAU;EACV,OAAO,MAAM,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAE,QAAO,KAAS,EAAA,CAAA;EACvC;CACD;EACE,KAAK;EACL,QAAQ;EACR,UAAU;EACV,OAAO,MACL,kBAAC,GAAD;GAAO,SAAS,EAAE,WAAW,UAAU,YAAY;GAAa,WAAU;aACvE,EAAgB,EAAE,OAAO;GACpB,CAAA;EAEX;CACF;AAED,SAAgB,IAA2B;CACzC,IAAM,IAAW,GAAa,EACxB,CAAC,KAAgB,GAAiB,EAClC,EAAE,iBAAc,GAAa,EAC7B,EAAE,gBAAa,eAAY,qBAAkB,wBAAqB,GAAqB,EACvF,IAAQ,EAAa,IAAI,KAAK,EAC9B,IAAM,IAAQ,EAAY,MAAM,MAAM,EAAE,OAAO,EAAM,GAAG,EAAY,IACpE,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,CAAC,GAAY,KAAiB,EAAS,GAAM;AAEnD,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA;EACE,CAAA;CAIV,IAAM,IAAgB,EAAW,QAAQ,MAAM,EAAE,aAAa,EAAI,MAAM,EAElE,IAA0B;EAC9B,OAAO,EAAI;EACX,YAAY,EAAI;EAChB,UAAU,EAAI;EACd,MAAM,EAAI;EACV,iBAAiB,EAAI;EACrB,QAAQ,EAAI;EACZ,WAAW,EAAI;EACf,WAAW,EAAI;EACf,UAAU,EAAI;EACd,aAAa,EAAI;EACjB,cAAc,EAAI;EAClB,UAAU,EAAI;EACf;AA2BD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACZ,kBAAC,GAAD,EAAA,UAAe,EAAI,OAAqB,CAAA;OACrC,CAAA,EACL,kBAAC,GAAD;OAAO,SAAS,EAAI,WAAW,WAAW,YAAY;iBACnD,EAAgB,EAAI,OAAO;OACtB,CAAA,CACJ;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,EAAI,WACA;;OACP,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAI,SACA;;OACP,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;;SACxB,EAAI;SACP;;OACH;;KACN,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAGhB,CAAA;KACV,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAe,EAAU,uCAAuC,OAAO;iBAHzE,CAKE,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAAA,QAE5B;;MACT,kBAAC,GAAD;OAAQ,SAAQ;OAAU,MAAK;OAAK,eAAe,EAAY,GAAK;iBAApE,CACE,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAAA,eAE5B;;MACT,kBAAC,GAAD;OACE,SAAQ;OACR,MAAK;OACL,cAAW;OACX,eAAe,EAAc,GAAK;iBAElC,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;OACvB,CAAA;MACL;OACF;;GAEN,kBAAC,GAAD;IACE,YAAW;IACX,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,eAAe,EAAS,8BAA8B;MACvD;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;MACtC,eAAe,EAAS,4BAA4B;MACrD;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,eAAe,EAAS,4BAA4B;MACrD;KACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAC1C,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,GAAD,EAAO,WAAU,4CAA6C,CAAA;QAC9D,kBAAC,KAAD;SAAG,WAAU;mBAAmC,EAAI;SAAe,CAAA;QACnE,kBAAC,KAAD;SAAG,WAAU;mBAA8B;SAAc,CAAA;QAC7C;;MACJ,CAAA;KACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAY,WAAU,4CAA6C,CAAA;OACnE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAiC;UAC5B,EAAI,YAAY,KAAM,QAAQ,EAAE;SAAC;UAAK,EAAI,YAAY,KAAM,QAAQ,EAAE;SAAC;SACxE;;OACJ,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAgB,CAAA;OAC/C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAU,WAAU,4CAA6C,CAAA;OACjE,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAI;QAAa,CAAA;OACnD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAa,WAAU,4CAA6C,CAAA;OACpE,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAgB,EAAI,gBAAgB;QAAK,CAAA;OAC3E,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAS,CAAA;OACxC;SACT,CAAA;KACH;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,eAAuB,CAAA,EACvB,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,KAAD;IAAG,WAAU;cAA+B,EAAI;IAAgB,CAAA,EACpD,CAAA,CACT,EAAA,CAAA;GAEP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,gBAAwB,CAAA,EACxB,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAI,aAAa,KAAK,GAAK,MAC1B,kBAAC,MAAD;MAAc,WAAU;gBAAxB,CACE,kBAAC,GAAD,EAAa,WAAU,yDAA0D,CAAA,EAChF,EACE;QAHI,EAGJ,CACL;KACC,CAAA,EACO,CAAA,CACT,EAAA,CAAA,EACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,YAAoB,CAAA,EACpB,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAI,SAAS,KAAK,GAAK,MACtB,kBAAC,MAAD;MAAc,WAAU;gBAAxB,CACE,kBAAC,GAAD,EAAa,WAAU,sDAAuD,CAAA,EAC7E,EACE;QAHI,EAGJ,CACL;KACC,CAAA,EACO,CAAA,CACT,EAAA,CAAA,CACH;;GAEL,EAAc,SAAS,KACtB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,4BAAoC,CAAA,EAC/C,kBAAC,GAAD,EAAA,UAAA,CAAkB,EAAc,QAAO,cAA6B,EAAA,CAAA,CACzD,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,MAAM;IACN,SAAS,MAAM,EAAE;IACjB,SAAS;IACT,CAAA,EACU,CAAA,CACT,EAAA,CAAA;GAGT,kBAAC,GAAD;IACE,MAAM;IACN,cAAc;IACd,OAAM;IACN,aAAY;IACZ,QAAQ;IACR,eAAe;IACf,aAAY;IACZ,UA9MmB,OAAO,MAAuB;KACrD,IAAM,IAA+B;MACnC,OAAO,EAAQ,GAAQ,QAAQ;MAC/B,YAAY,EAAQ,GAAQ,aAAa;MACzC,UAAU,EAAQ,GAAQ,WAAW;MACrC,MAAM,EAAO;MACb,iBAAiB,EAAO;MACxB,QAAQ,EAAO;MACf,WAAW,EAAU,GAAQ,YAAY;MACzC,WAAW,EAAU,GAAQ,YAAY;MACzC,UAAU,EAAQ,GAAQ,WAAW;MACrC,aAAa,EAAQ,GAAQ,cAAc;MAC3C,cAAc,EAAQ,GAAQ,eAAe;MAC7C,UAAU,EAAQ,GAAQ,WAAW;MACtC;AAED,KADA,MAAM,EAAiB,EAAI,IAAI,EAAQ,EACvC,EAAU,uBAAuB,UAAU;;IA+LvC,CAAA;GACF,kBAAC,GAAD;IACE,MAAM;IACN,cAAc;IACd,OAAM;IACN,aAAa,uBAAuB,EAAI,MAAM;IAC9C,cAAa;IACb,aAAA;IACA,WApMe,YAAY;AAG/B,KAFA,MAAM,EAAiB,EAAI,GAAG,EAC9B,EAAU,uBAAuB,UAAU,EAC3C,EAAS,sBAAsB;;IAkM3B,CAAA;GACE"}
+{"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  ResponsiveTable,\n  Spinner,\n  type ResponsiveTableColumn,\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, useSearchParams } from 'react-router-dom';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore, type Candidate, 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';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\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\nconst APPLICANT_COLUMNS: ResponsiveTableColumn<Candidate>[] = [\n  {\n    key: 'name',\n    header: 'Name',\n    priority: 'primary',\n    cell: (c) => (\n      <span className=\"font-medium\">\n        {c.firstName} {c.lastName}\n      </span>\n    ),\n  },\n  {\n    key: 'source',\n    header: 'Source',\n    priority: 'secondary',\n    cell: (c) => <span className=\"text-text-secondary\">{c.source}</span>,\n  },\n  {\n    key: 'experience',\n    header: 'Experience',\n    priority: 'secondary',\n    cell: (c) => <span>{c.experience} yrs</span>,\n  },\n  {\n    key: 'rating',\n    header: 'Rating',\n    priority: 'secondary',\n    cell: (c) => <span>{c.rating}/5</span>,\n  },\n  {\n    key: 'status',\n    header: 'Status',\n    priority: 'secondary',\n    cell: (c) => (\n      <Badge variant={c.status === 'hired' ? 'default' : 'secondary'} className=\"text-[10px]\">\n        {formatEnumLabel(c.status)}\n      </Badge>\n    ),\n  },\n];\n\nexport function HiringJobDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { showToast } = useGlobalUi();\n  const { jobPostings, candidates, updateJobPosting, removeJobPosting, initialized } =\n    useCrewFoundryStore();\n  const jobId = searchParams.get('id');\n  const job = jobId ? jobPostings.find((j) => j.id === jobId) : jobPostings[0];\n  const [editOpen, setEditOpen] = useState(false);\n  const [deleteOpen, setDeleteOpen] = useState(false);\n\n  if (!initialized && !job) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\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('../hiring/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'}>\n              {formatEnumLabel(job.status)}\n            </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\">{formatEnumLabel(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            <ResponsiveTable\n              data={jobCandidates}\n              rowKey={(c) => c.id}\n              columns={APPLICANT_COLUMNS}\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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"}

package/dist/crewfoundry/pages/LearningCourseDetailsPagePage.js

@@ -4,12 +4,16 @@ import { useState as n } from "react";
 import { BookOpen as r, Clock as i, GraduationCap as a, Play as o, Star as s, Users as c } from "lucide-react";
 import { useNavigate as l, useSearchParams as u } from "react-router-dom";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, EmphasisPanel as y, GradientText as b, IllustratedEmptyState as x, NextSteps as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as w } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Badge as p, Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, EmphasisPanel as y, GradientText as b, IllustratedEmptyState as x, NextSteps as S, PagePurpose as C, Spinner as w } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as T } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/LearningCourseDetailsPagePage.tsx
-function T() {
-	let T = l(), [E] = u(), { courses: D, enrollCourse: O } = e(), { showToast: k } = w(), [A, j] = n(!1), M = E.get("id"), N = M ? D.find((e) => e.id === M) : D[0];
-	if (!N) return /* @__PURE__ */ d("div", {
+function E() {
+	let E = l(), [D] = u(), { courses: O, enrollCourse: k, initialized: A } = e(), { showToast: j } = T(), [M, N] = n(!1), P = D.get("id"), F = P ? O.find((e) => e.id === P) : O[0];
+	if (!A && !F) return /* @__PURE__ */ d("div", {
+		className: "flex min-h-[60vh] items-center justify-center p-6",
+		children: /* @__PURE__ */ d(w, { size: "lg" })
+	});
+	if (!F) return /* @__PURE__ */ d("div", {
 		className: "p-6",
 		children: /* @__PURE__ */ d(x, {
 			illustration: "empty-search",
@@ -17,7 +21,7 @@ function T() {
 			description: "This course is no longer available."
 		})
 	});
-	let P = N.enrolled > 0 ? Math.round(N.completed / N.enrolled * 100) : 0;
+	let I = F.enrolled > 0 ? Math.round(F.completed / F.enrolled * 100) : 0;
 	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
@@ -28,19 +32,19 @@ function T() {
 						className: "flex items-center gap-2 mb-1",
 						children: [/* @__PURE__ */ d("h1", {
 							className: "text-2xl font-semibold",
-							children: /* @__PURE__ */ d(b, { children: N.title })
+							children: /* @__PURE__ */ d(b, { children: F.title })
 						}), /* @__PURE__ */ d(p, {
-							variant: N.level === "beginner" ? "secondary" : N.level === "intermediate" ? "default" : "destructive",
-							children: t(N.level)
+							variant: F.level === "beginner" ? "secondary" : F.level === "intermediate" ? "default" : "destructive",
+							children: t(F.level)
 						})]
 					}),
 					/* @__PURE__ */ f("p", {
 						className: "text-sm text-text-secondary",
 						children: [
 							"by ",
-							N.instructor,
+							F.instructor,
 							" · ",
-							N.category
+							F.category
 						]
 					}),
 					/* @__PURE__ */ d(C, {
@@ -49,17 +53,17 @@ function T() {
 					})
 				] }), /* @__PURE__ */ f(m, {
 					onClick: async () => {
-						j(!0);
+						N(!0);
 						try {
-							await O(N.id), k("Enrolled — your course is ready", "success");
+							await k(F.id), j("Enrolled — your course is ready", "success");
 						} catch (e) {
-							k(e instanceof Error ? e.message : "Unable to enroll in course", "error");
+							j(e instanceof Error ? e.message : "Unable to enroll in course", "error");
 						} finally {
-							j(!1);
+							N(!1);
 						}
 					},
-					disabled: A,
-					children: [/* @__PURE__ */ d(o, { className: "h-4 w-4 mr-1" }), A ? "Enrolling…" : "Start Course"]
+					disabled: M,
+					children: [/* @__PURE__ */ d(o, { className: "h-4 w-4 mr-1" }), M ? "Enrolling…" : "Start Course"]
 				})]
 			}),
 			/* @__PURE__ */ d(S, {
@@ -70,21 +74,21 @@ function T() {
 						label: "Start the first module",
 						description: "Begin learning and track your progress as you go.",
 						icon: /* @__PURE__ */ d(o, { className: "h-4 w-4" }),
-						onClick: () => T(`../learning/course-learning-page?id=${encodeURIComponent(N.id)}`)
+						onClick: () => E(`../learning/course-learning-page?id=${encodeURIComponent(F.id)}`)
 					},
 					{
 						id: "my-learning",
 						label: "See all your learning",
 						description: "Review everything you are currently enrolled in.",
 						icon: /* @__PURE__ */ d(a, { className: "h-4 w-4" }),
-						onClick: () => T("../learning/my-learning-page")
+						onClick: () => E("../learning/my-learning-page")
 					},
 					{
 						id: "browse",
 						label: "Browse more courses",
 						description: "Find related training to round out your skills.",
 						icon: /* @__PURE__ */ d(r, { className: "h-4 w-4" }),
-						onClick: () => T("../learning/courses-page")
+						onClick: () => E("../learning/courses-page")
 					}
 				]
 			}),
@@ -97,7 +101,7 @@ function T() {
 							/* @__PURE__ */ d(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ d("p", {
 								className: "text-lg font-bold",
-								children: N.duration
+								children: F.duration
 							}),
 							/* @__PURE__ */ d("p", {
 								className: "text-xs text-text-secondary",
@@ -111,7 +115,7 @@ function T() {
 							/* @__PURE__ */ d(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ d("p", {
 								className: "text-lg font-bold",
-								children: N.modules
+								children: F.modules
 							}),
 							/* @__PURE__ */ d("p", {
 								className: "text-xs text-text-secondary",
@@ -125,7 +129,7 @@ function T() {
 							/* @__PURE__ */ d(c, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ d("p", {
 								className: "text-lg font-bold",
-								children: N.enrolled
+								children: F.enrolled
 							}),
 							/* @__PURE__ */ d("p", {
 								className: "text-xs text-text-secondary",
@@ -139,7 +143,7 @@ function T() {
 							/* @__PURE__ */ d(s, { className: "h-5 w-5 mx-auto text-status-warning-text mb-1" }),
 							/* @__PURE__ */ f("p", {
 								className: "text-lg font-bold",
-								children: [N.rating, "/5"]
+								children: [F.rating, "/5"]
 							}),
 							/* @__PURE__ */ d("p", {
 								className: "text-xs text-text-secondary",
@@ -156,11 +160,11 @@ function T() {
 				}),
 				/* @__PURE__ */ d("p", {
 					className: "text-sm text-text-secondary",
-					children: N.description
+					children: F.description
 				}),
 				/* @__PURE__ */ d("div", {
 					className: "flex flex-wrap gap-1 mt-3",
-					children: N.skills.map((e) => /* @__PURE__ */ d(p, {
+					children: F.skills.map((e) => /* @__PURE__ */ d(p, {
 						variant: "outline",
 						children: e
 					}, e))
@@ -171,19 +175,19 @@ function T() {
 				children: [/* @__PURE__ */ f("div", {
 					className: "flex justify-between text-sm",
 					children: [/* @__PURE__ */ f("span", { children: [
-						N.completed,
+						F.completed,
 						" of ",
-						N.enrolled,
+						F.enrolled,
 						" students completed"
 					] }), /* @__PURE__ */ f("span", {
 						className: "font-medium",
-						children: [P, "%"]
+						children: [I, "%"]
 					})]
 				}), /* @__PURE__ */ d("div", {
 					className: "h-3 bg-bg-sunken rounded overflow-hidden",
 					children: /* @__PURE__ */ d("div", {
 						className: "h-3 bg-status-success-text rounded",
-						style: { width: `${P}%` }
+						style: { width: `${I}%` }
 					})
 				})]
 			}) })] })
@@ -191,6 +195,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as LearningCourseDetailsPagePage };
+export { E as LearningCourseDetailsPagePage };
 
 //# sourceMappingURL=LearningCourseDetailsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LearningCourseDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCourseDetailsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, Clock, GraduationCap, Play, Star, Users } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport { useState } from 'react';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function LearningCourseDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { courses, enrollCourse } = useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n  const [enrolling, setEnrolling] = useState(false);\n  const courseId = searchParams.get('id');\n  const course = courseId ? courses.find((c) => c.id === courseId) : courses[0];\n  if (!course)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Course not found\"\n          description=\"This course is no longer available.\"\n        />\n      </div>\n    );\n  const completionRate =\n    course.enrolled > 0 ? Math.round((course.completed / course.enrolled) * 100) : 0;\n\n  const handleStart = async () => {\n    setEnrolling(true);\n    try {\n      await enrollCourse(course.id);\n      showToast('Enrolled — your course is ready', 'success');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to enroll in course', 'error');\n    } finally {\n      setEnrolling(false);\n    }\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>{course.title}</GradientText>\n            </h1>\n            <Badge\n              variant={\n                course.level === 'beginner'\n                  ? 'secondary'\n                  : course.level === 'intermediate'\n                    ? 'default'\n                    : 'destructive'\n              }\n            >\n              {formatEnumLabel(course.level)}\n            </Badge>\n          </div>\n          <p className=\"text-sm text-text-secondary\">\n            by {course.instructor} · {course.category}\n          </p>\n          <PagePurpose className=\"mt-2\">\n            Everything you need to decide on and start this course — what it covers, who it&apos;s\n            for, and how others have done — so you can enroll with confidence and build the right\n            skills.\n          </PagePurpose>\n        </div>\n        <Button onClick={handleStart} disabled={enrolling}>\n          <Play className=\"h-4 w-4 mr-1\" />\n          {enrolling ? 'Enrolling…' : 'Start Course'}\n        </Button>\n      </div>\n\n      <NextSteps\n        storageKey=\"crewfoundry-course-details\"\n        steps={[\n          {\n            id: 'start',\n            label: 'Start the first module',\n            description: 'Begin learning and track your progress as you go.',\n            icon: <Play className=\"h-4 w-4\" />,\n            onClick: () =>\n              navigate(`../learning/course-learning-page?id=${encodeURIComponent(course.id)}`),\n          },\n          {\n            id: 'my-learning',\n            label: 'See all your learning',\n            description: 'Review everything you are currently enrolled in.',\n            icon: <GraduationCap className=\"h-4 w-4\" />,\n            onClick: () => navigate('../learning/my-learning-page'),\n          },\n          {\n            id: 'browse',\n            label: 'Browse more courses',\n            description: 'Find related training to round out your skills.',\n            icon: <BookOpen className=\"h-4 w-4\" />,\n            onClick: () => navigate('../learning/courses-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Clock className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{course.duration}</p>\n            <p className=\"text-xs text-text-secondary\">Duration</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <BookOpen className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{course.modules}</p>\n            <p className=\"text-xs text-text-secondary\">Modules</p>\n          </CardContent>\n        </Card>\n        <Card>\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-lg font-bold\">{course.enrolled}</p>\n            <p className=\"text-xs text-text-secondary\">Enrolled</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-status-warning-text mb-1\" />\n            <p className=\"text-lg font-bold\">{course.rating}/5</p>\n            <p className=\"text-xs text-text-secondary\">Rating</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">About this Course</div>\n        <p className=\"text-sm text-text-secondary\">{course.description}</p>\n        <div className=\"flex flex-wrap gap-1 mt-3\">\n          {course.skills.map((s) => (\n            <Badge key={s} variant=\"outline\">\n              {s}\n            </Badge>\n          ))}\n        </div>\n      </EmphasisPanel>\n      <Card>\n        <CardHeader>\n          <CardTitle>Completion Statistics</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                {course.completed} of {course.enrolled} students completed\n              </span>\n              <span className=\"font-medium\">{completionRate}%</span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div\n                className=\"h-3 bg-status-success-text rounded\"\n                style={{ width: `${completionRate}%` }}\n              />\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LearningCourseDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCourseDetailsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, Clock, GraduationCap, Play, Star, Users } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport { useState } from 'react';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function LearningCourseDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { courses, enrollCourse, initialized } = useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n  const [enrolling, setEnrolling] = useState(false);\n  const courseId = searchParams.get('id');\n  const course = courseId ? courses.find((c) => c.id === courseId) : courses[0];\n  if (!initialized && !course) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!course)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Course not found\"\n          description=\"This course is no longer available.\"\n        />\n      </div>\n    );\n  const completionRate =\n    course.enrolled > 0 ? Math.round((course.completed / course.enrolled) * 100) : 0;\n\n  const handleStart = async () => {\n    setEnrolling(true);\n    try {\n      await enrollCourse(course.id);\n      showToast('Enrolled — your course is ready', 'success');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to enroll in course', 'error');\n    } finally {\n      setEnrolling(false);\n    }\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>{course.title}</GradientText>\n            </h1>\n            <Badge\n              variant={\n                course.level === 'beginner'\n                  ? 'secondary'\n                  : course.level === 'intermediate'\n                    ? 'default'\n                    : 'destructive'\n              }\n            >\n              {formatEnumLabel(course.level)}\n            </Badge>\n          </div>\n          <p className=\"text-sm text-text-secondary\">\n            by {course.instructor} · {course.category}\n          </p>\n          <PagePurpose className=\"mt-2\">\n            Everything you need to decide on and start this course — what it covers, who it&apos;s\n            for, and how others have done — so you can enroll with confidence and build the right\n            skills.\n          </PagePurpose>\n        </div>\n        <Button onClick={handleStart} disabled={enrolling}>\n          <Play className=\"h-4 w-4 mr-1\" />\n          {enrolling ? 'Enrolling…' : 'Start Course'}\n        </Button>\n      </div>\n\n      <NextSteps\n        storageKey=\"crewfoundry-course-details\"\n        steps={[\n          {\n            id: 'start',\n            label: 'Start the first module',\n            description: 'Begin learning and track your progress as you go.',\n            icon: <Play className=\"h-4 w-4\" />,\n            onClick: () =>\n              navigate(`../learning/course-learning-page?id=${encodeURIComponent(course.id)}`),\n          },\n          {\n            id: 'my-learning',\n            label: 'See all your learning',\n            description: 'Review everything you are currently enrolled in.',\n            icon: <GraduationCap className=\"h-4 w-4\" />,\n            onClick: () => navigate('../learning/my-learning-page'),\n          },\n          {\n            id: 'browse',\n            label: 'Browse more courses',\n            description: 'Find related training to round out your skills.',\n            icon: <BookOpen className=\"h-4 w-4\" />,\n            onClick: () => navigate('../learning/courses-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Clock className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{course.duration}</p>\n            <p className=\"text-xs text-text-secondary\">Duration</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <BookOpen className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{course.modules}</p>\n            <p className=\"text-xs text-text-secondary\">Modules</p>\n          </CardContent>\n        </Card>\n        <Card>\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-lg font-bold\">{course.enrolled}</p>\n            <p className=\"text-xs text-text-secondary\">Enrolled</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-status-warning-text mb-1\" />\n            <p className=\"text-lg font-bold\">{course.rating}/5</p>\n            <p className=\"text-xs text-text-secondary\">Rating</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">About this Course</div>\n        <p className=\"text-sm text-text-secondary\">{course.description}</p>\n        <div className=\"flex flex-wrap gap-1 mt-3\">\n          {course.skills.map((s) => (\n            <Badge key={s} variant=\"outline\">\n              {s}\n            </Badge>\n          ))}\n        </div>\n      </EmphasisPanel>\n      <Card>\n        <CardHeader>\n          <CardTitle>Completion Statistics</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                {course.completed} of {course.enrolled} students completed\n              </span>\n              <span className=\"font-medium\">{completionRate}%</span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div\n                className=\"h-3 bg-status-success-text rounded\"\n                style={{ width: `${completionRate}%` }}\n              />\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,IAAgC;CAC9C,IAAM,IAAW,GAAa,EACxB,CAAC,KAAgB,GAAiB,EAClC,EAAE,YAAS,iBAAc,mBAAgB,GAAqB,EAC9D,EAAE,iBAAc,GAAa,EAC7B,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,IAAW,EAAa,IAAI,KAAK,EACjC,IAAS,IAAW,EAAQ,MAAM,MAAM,EAAE,OAAO,EAAS,GAAG,EAAQ;AAC3E,KAAI,CAAC,KAAe,CAAC,EACnB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;EACjB,CAAA;AAIV,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA;EACE,CAAA;CAEV,IAAM,IACJ,EAAO,WAAW,IAAI,KAAK,MAAO,EAAO,YAAY,EAAO,WAAY,IAAI,GAAG;AAcjF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACZ,kBAAC,GAAD,EAAA,UAAe,EAAO,OAAqB,CAAA;OACxC,CAAA,EACL,kBAAC,GAAD;OACE,SACE,EAAO,UAAU,aACb,cACA,EAAO,UAAU,iBACf,YACA;iBAGP,EAAgB,EAAO,MAAM;OACxB,CAAA,CACJ;;KACN,kBAAC,KAAD;MAAG,WAAU;gBAAb;OAA2C;OACrC,EAAO;OAAW;OAAI,EAAO;OAC/B;;KACJ,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAIhB,CAAA;KACV,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,SAzCM,YAAY;AAC9B,QAAa,GAAK;AAClB,UAAI;AAEF,OADA,MAAM,EAAa,EAAO,GAAG,EAC7B,EAAU,mCAAmC,UAAU;eAChD,GAAO;AACd,SAAU,aAAiB,QAAQ,EAAM,UAAU,8BAA8B,QAAQ;gBACjF;AACR,SAAa,GAAM;;;KAiCa,UAAU;eAAxC,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,IAAY,eAAe,eACrB;OACL;;GAEN,kBAAC,GAAD;IACE,YAAW;IACX,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MAClC,eACE,EAAS,uCAAuC,mBAAmB,EAAO,GAAG,GAAG;MACnF;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;MAC3C,eAAe,EAAS,+BAA+B;MACxD;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;MACtC,eAAe,EAAS,2BAA2B;MACpD;KACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAO,WAAU,4CAA6C,CAAA;OAC9D,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAO;QAAa,CAAA;OACtD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAU,WAAU,4CAA6C,CAAA;OACjE,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAO;QAAY,CAAA;OACrD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAW,CAAA;OAC1C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAO,WAAU,4CAA6C,CAAA;OAC9D,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAO;QAAa,CAAA;OACtD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAM,WAAU,iDAAkD,CAAA;OAClE,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAkC,EAAO,QAAO,KAAM;;OACtD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAU,CAAA;OACzC;SACT,CAAA;KACH;;GACN,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;eAA6B;KAAuB,CAAA;IACnE,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAO;KAAgB,CAAA;IACnE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,OAAO,KAAK,MAClB,kBAAC,GAAD;MAAe,SAAQ;gBACpB;MACK,EAFI,EAEJ,CACR;KACE,CAAA;IACQ,EAAA,CAAA;GAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,yBAAiC,CAAA,EACjC,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAA;MACG,EAAO;MAAU;MAAK,EAAO;MAAS;MAClC,EAAA,CAAA,EACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA+B,GAAe,IAAQ;QAClD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAU;MACV,OAAO,EAAE,OAAO,GAAG,EAAe,IAAI;MACtC,CAAA;KACE,CAAA,CACF;OACM,CAAA,CACT,EAAA,CAAA;GACH"}