@burdenoff/microfe-assethandler 2026.714.2 → 2026.719.1

package/dist/assethandler/pages/OperationsWorkOrderDetailPage.js

@@ -9,14 +9,14 @@ import { NotFoundState as ee } from "../components/NotFoundState.js";
 import { ChartCard as s } from "../components/ChartCard.js";
 import "../components/index.js";
 import { useMemo as te, useState as c } from "react";
-import { ArrowLeft as ne, CheckCircle as l, Loader2 as u, Package as re, Pencil as ie, User as d, Wrench as f } from "lucide-react";
-import { useParams as ae } from "react-router-dom";
-import { gql as p } from "@apollo/client";
-import { useMutation as m, useQuery as h } from "@apollo/client/react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, GradientText as oe, Input as y, Label as b, PagePurpose as x, ResponsiveDialog as S, ResponsiveDialogContent as C, ResponsiveDialogDescription as w, ResponsiveDialogFooter as T, ResponsiveDialogHeader as E, ResponsiveDialogTitle as D, Select as O, SelectContent as k, SelectItem as A, SelectTrigger as j, SelectValue as M, Textarea as N } from "@burdenoff/fe-libs/ui";
+import { ArrowLeft as ne, CheckCircle as l, Loader2 as u, Package as re, Pencil as ie, User as ae, Wrench as oe } from "lucide-react";
+import { useParams as se } from "react-router-dom";
+import { gql as d } from "@apollo/client";
+import { useMutation as f, useQuery as ce } from "@apollo/client/react";
+import { Fragment as le, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, GradientText as ue, Input as g, Label as _, PagePurpose as de, ResponsiveDialog as v, ResponsiveDialogContent as y, ResponsiveDialogDescription as b, ResponsiveDialogFooter as x, ResponsiveDialogHeader as S, ResponsiveDialogTitle as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Textarea as k } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/OperationsWorkOrderDetailPage.tsx
-var se = p`
+var fe = d`
   query AssetHandlerWorkOrder($id: ID!) {
     workOrder(id: $id) {
       id
@@ -30,9 +30,10 @@ var se = p`
       createdAt
       updatedAt
       completedAt
+      checklist
     }
   }
-`, ce = p`
+`, pe = d`
   mutation AssetHandlerCompleteWorkOrder($id: ID!, $input: CompleteWorkOrderInput!) {
     completeWorkOrder(id: $id, input: $input) {
       id
@@ -40,41 +41,52 @@ var se = p`
       completedAt
     }
   }
-`, le = p`
+`, me = d`
   mutation AssetHandlerUpdateWorkOrder($id: ID!, $input: UpdateWorkOrderInput!) {
     updateWorkOrder(id: $id, input: $input) {
       id
     }
   }
-`, ue = [
+`, he = d`
+  mutation AssetHandlerSetWorkOrderChecklistItem(
+    $workOrderId: ID!
+    $index: Int!
+    $completed: Boolean!
+  ) {
+    setWorkOrderChecklistItem(workOrderId: $workOrderId, index: $index, completed: $completed) {
+      id
+      checklist
+    }
+  }
+`, ge = [
 	"CORRECTIVE",
 	"PREVENTIVE",
 	"PREDICTIVE",
 	"EMERGENCY"
-], de = [
+], _e = [
 	"DRAFT",
 	"SCHEDULED",
 	"APPROVED",
 	"IN_PROGRESS",
 	"COMPLETED",
 	"CANCELLED"
-], fe = [
+], ve = [
 	"CRITICAL",
 	"HIGH",
 	"MEDIUM",
 	"LOW"
-], P = {
+], A = {
 	neutral: "bg-bg-sunken text-text-secondary",
 	info: "bg-status-info-subtle text-status-info-text",
 	warning: "bg-status-warning-subtle text-status-warning-text",
 	success: "bg-status-success-subtle text-status-success-text",
 	error: "bg-status-error-subtle text-status-error-text"
-}, pe = {
+}, ye = {
 	critical: "error",
 	high: "warning",
 	medium: "info",
 	low: "success"
-}, F = {
+}, be = {
 	draft: "neutral",
 	scheduled: "neutral",
 	approved: "info",
@@ -82,328 +94,380 @@ var se = p`
 	completed: "success",
 	cancelled: "error"
 };
-function I({ tone: e, children: t }) {
-	return /* @__PURE__ */ g("span", {
-		className: n("inline-flex items-center whitespace-nowrap rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", P[e]),
+function j({ tone: e, children: t }) {
+	return /* @__PURE__ */ p("span", {
+		className: n("inline-flex items-center whitespace-nowrap rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", A[e]),
 		children: t
 	});
 }
-var L = [
+var M = [
 	"draft",
 	"scheduled",
 	"approved",
 	"in_progress",
 	"completed"
 ];
-function R({ status: e }) {
-	let t = e === "cancelled", r = L.indexOf(e);
-	return /* @__PURE__ */ _("div", {
+function xe({ status: e }) {
+	let t = e === "cancelled", r = M.indexOf(e);
+	return /* @__PURE__ */ m("div", {
 		className: "flex items-center gap-1 overflow-x-auto pb-1",
-		children: [L.map((e, i) => {
+		children: [M.map((e, i) => {
 			let a = !t && r >= 0 && i < r, o = !t && i === r;
-			return /* @__PURE__ */ _("div", {
+			return /* @__PURE__ */ m("div", {
 				className: "flex min-w-0 flex-1 items-center gap-1",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex min-w-0 flex-col items-center gap-1.5",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: n("flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-[10px] font-bold", a && "bg-status-success-bg text-status-success-text", o && "bg-action-primary-bg text-action-primary-text", !a && !o && "bg-bg-sunken text-text-muted"),
-						children: a ? /* @__PURE__ */ g(l, { className: "h-3.5 w-3.5" }) : i + 1
-					}), /* @__PURE__ */ g("span", {
+						children: a ? /* @__PURE__ */ p(l, { className: "h-3.5 w-3.5" }) : i + 1
+					}), /* @__PURE__ */ p("span", {
 						className: n("whitespace-nowrap text-[11px] capitalize", o ? "font-semibold text-text-primary" : "text-text-secondary"),
 						children: e.replace(/_/g, " ")
 					})]
-				}), i < L.length - 1 ? /* @__PURE__ */ g("span", { className: n("mb-5 h-0.5 flex-1 rounded-full", a ? "bg-status-success-bg" : "bg-border-seam") }) : null]
+				}), i < M.length - 1 ? /* @__PURE__ */ p("span", { className: n("mb-5 h-0.5 flex-1 rounded-full", a ? "bg-status-success-bg" : "bg-border-seam") }) : null]
 			}, e);
-		}), t ? /* @__PURE__ */ g("span", {
+		}), t ? /* @__PURE__ */ p("span", {
 			className: "ml-3 shrink-0 rounded-full bg-status-error-subtle px-2.5 py-0.5 text-xs font-medium text-status-error-text",
 			children: "Cancelled"
 		}) : null]
 	});
 }
-var z = (e) => e.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
-function B() {
-	let n = t(), { workOrderId: p } = ae(), { assets: P } = e(), { data: L, loading: B, refetch: V } = h(se, {
-		variables: { id: p ?? "" },
-		skip: !p,
+var N = (e) => e.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
+function P() {
+	let d = t(), { workOrderId: A } = se(), { assets: M, refetchBootstrap: P } = e(), { data: F, loading: I, refetch: L } = ce(fe, {
+		variables: { id: A ?? "" },
+		skip: !A,
 		fetchPolicy: "cache-and-network"
-	}), [me, H] = c(!1), [he, U] = c(!1), [W, G] = c({
+	}), [Se, R] = c(!1), [Ce, z] = c(!1), [B, V] = c({
 		actualCost: "",
 		notes: ""
-	}), [K, q] = c(null), ge = te(() => {
-		let e = new Map(P.map((e) => [e.id, e.name]));
+	}), [H, U] = c(null), [W, G] = c(null), we = te(() => {
+		let e = new Map(M.map((e) => [e.id, e.name]));
 		return (t) => t ? e.get(t) ?? t : null;
-	}, [P]), [_e, { loading: J }] = m(ce, {
+	}, [M]), [Te, { loading: K }] = f(pe, {
 		refetchQueries: ["AssetHandlerBootstrap"],
 		onCompleted: () => {
-			r.success("Work order completed", "The job has been signed off."), H(!1), V();
+			r.success("Work order completed", "The job has been signed off."), R(!1), L();
 		},
 		onError: (e) => r.error("Could not complete work order", e.message)
-	}), [ve, { loading: Y }] = m(le, {
+	}), [Ee, { loading: q }] = f(me, {
 		refetchQueries: ["AssetHandlerBootstrap"],
 		onCompleted: () => {
-			r.success("Work order updated", "Your changes have been saved."), U(!1), V();
+			r.success("Work order updated", "Your changes have been saved."), z(!1), L();
 		},
 		onError: (e) => r.error("Could not update work order", e.message)
+	}), [De] = f(he, {
+		onCompleted: () => {
+			G(null), L(), P();
+		},
+		onError: (e) => {
+			G(null), r.error("Could not update checklist", e.message);
+		}
 	});
-	if (B && !L) return /* @__PURE__ */ g("div", {
+	if (I && !F) return /* @__PURE__ */ p("div", {
 		className: "space-y-3 p-6",
-		children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ g("div", { className: "h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+		children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ p("div", { className: "h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 	});
-	let X = L?.workOrder;
-	if (!X) return /* @__PURE__ */ g(ee, {
+	let J = F?.workOrder;
+	if (!J) return /* @__PURE__ */ p(ee, {
 		entityLabel: "Work order",
 		description: "This work order may have been completed or removed. Return to the operations hub to find it.",
 		backLabel: "Back to operations",
-		onBack: () => n("/operations/operations-hub")
+		onBack: () => d("/operations/operations-hub")
 	});
-	let Z = {
-		...X,
-		status: X.status.toLowerCase(),
-		priority: X.priority.toLowerCase(),
-		type: X.type.toLowerCase()
-	}, ye = Z.status === "completed" || Z.status === "cancelled", Q = ge(Z.assetId), be = () => {
-		q({
-			title: X.title,
-			description: X.description ?? "",
-			type: X.type.toUpperCase(),
-			priority: X.priority.toUpperCase(),
-			status: X.status.toUpperCase(),
-			assignedTo: X.assignedTo ?? ""
-		}), U(!0);
-	}, $ = (e, t) => q((n) => n && {
+	let Y = {
+		...J,
+		status: J.status.toLowerCase(),
+		priority: J.priority.toLowerCase(),
+		type: J.type.toLowerCase(),
+		checklist: (J.checklist ?? []).map((e) => ({
+			task: String(e.task ?? "Task"),
+			completed: !!e.completed
+		}))
+	}, Oe = Y.status === "completed" || Y.status === "cancelled", X = we(Y.assetId), Z = Y.checklist.filter((e) => e.completed).length, Q = Y.checklist.length, ke = Q === 0 ? 0 : Math.round(Z / Q * 100), Ae = (e, t) => {
+		G(e), De({ variables: {
+			workOrderId: Y.id,
+			index: e,
+			completed: t
+		} });
+	}, je = () => {
+		U({
+			title: J.title,
+			description: J.description ?? "",
+			type: J.type.toUpperCase(),
+			priority: J.priority.toUpperCase(),
+			status: J.status.toUpperCase(),
+			assignedTo: J.assignedTo ?? ""
+		}), z(!0);
+	}, $ = (e, t) => U((n) => n && {
 		...n,
 		[e]: t
-	}), xe = () => {
-		let e = Number(W.actualCost);
-		_e({ variables: {
-			id: Z.id,
+	}), Me = () => {
+		let e = Number(B.actualCost);
+		Te({ variables: {
+			id: Y.id,
 			input: {
-				actualCost: W.actualCost.trim() !== "" && Number.isFinite(e) ? e : null,
-				notes: W.notes.trim() || null
+				actualCost: B.actualCost.trim() !== "" && Number.isFinite(e) ? e : null,
+				notes: B.notes.trim() || null
 			}
 		} });
-	}, Se = () => {
-		if (K) {
-			if (!K.title.trim()) {
+	}, Ne = () => {
+		if (H) {
+			if (!H.title.trim()) {
 				r.warning("Title required", "A work order must have a title.");
 				return;
 			}
-			ve({ variables: {
-				id: Z.id,
+			Ee({ variables: {
+				id: Y.id,
 				input: {
-					title: K.title.trim(),
-					description: K.description.trim() || null,
-					type: K.type,
-					priority: K.priority,
-					status: K.status,
-					assignedTo: K.assignedTo.trim() || null
+					title: H.title.trim(),
+					description: H.description.trim() || null,
+					type: H.type,
+					priority: H.priority,
+					status: H.status,
+					assignedTo: H.assignedTo.trim() || null
 				}
 			} });
 		}
-	}, Ce = [
+	}, Pe = [
 		{
 			label: "Asset",
-			value: Q ? /* @__PURE__ */ g("button", {
+			value: X ? /* @__PURE__ */ p("button", {
 				type: "button",
 				className: "font-medium text-action-primary-text hover:underline",
-				onClick: () => n("/assets/" + Z.assetId),
-				children: Q
-			}) : /* @__PURE__ */ g("span", {
+				onClick: () => d("/assets/" + Y.assetId),
+				children: X
+			}) : /* @__PURE__ */ p("span", {
 				className: "text-text-secondary",
 				children: "Unassigned"
 			})
 		},
 		{
 			label: "Type",
-			value: /* @__PURE__ */ g("span", {
+			value: /* @__PURE__ */ p("span", {
 				className: "capitalize",
-				children: z(Z.type)
+				children: N(Y.type)
 			})
 		},
 		{
 			label: "Assigned technician",
-			value: Z.assignedTo || /* @__PURE__ */ g("span", {
+			value: Y.assignedTo || /* @__PURE__ */ p("span", {
 				className: "text-text-secondary",
 				children: "Unassigned"
 			})
 		},
 		{
 			label: "Created",
-			value: Z.createdAt ? new Date(Z.createdAt).toLocaleDateString() : "—"
+			value: Y.createdAt ? new Date(Y.createdAt).toLocaleDateString() : "—"
 		},
 		{
 			label: "Completed",
-			value: Z.completedAt ? new Date(Z.completedAt).toLocaleDateString() : "—"
+			value: Y.completedAt ? new Date(Y.completedAt).toLocaleDateString() : "—"
 		}
 	];
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-4 sm:p-6",
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex min-w-0 items-start gap-3",
-					children: [/* @__PURE__ */ g(v, {
+					children: [/* @__PURE__ */ p(h, {
 						variant: "ghost",
 						size: "icon",
 						"aria-label": "Go back",
 						className: "shrink-0",
-						onClick: () => n("/operations/operations-hub"),
-						children: /* @__PURE__ */ g(ne, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ _("div", {
+						onClick: () => d("/operations/operations-hub"),
+						children: /* @__PURE__ */ p(ne, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ m("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ g("p", {
+							/* @__PURE__ */ p("p", {
 								className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
 								children: "Maintenance / Work Order Detail"
 							}),
-							/* @__PURE__ */ g("h1", {
+							/* @__PURE__ */ p("h1", {
 								className: "truncate text-2xl font-bold",
-								children: /* @__PURE__ */ g(oe, { children: Z.title })
+								children: /* @__PURE__ */ p(ue, { children: Y.title })
 							}),
-							/* @__PURE__ */ g("p", {
+							/* @__PURE__ */ p("p", {
 								className: "mt-0.5 font-mono text-xs text-text-secondary",
-								children: Z.id
+								children: Y.id
 							})
 						]
 					})]
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "flex w-full items-center gap-2 sm:w-auto",
-					children: [/* @__PURE__ */ _(v, {
+					children: [/* @__PURE__ */ m(h, {
 						size: "sm",
 						variant: "outline",
 						className: "flex-1 sm:flex-none",
-						onClick: be,
-						children: [/* @__PURE__ */ g(ie, { className: "mr-2 h-4 w-4" }), "Edit"]
-					}), ye ? null : /* @__PURE__ */ _(v, {
+						onClick: je,
+						children: [/* @__PURE__ */ p(ie, { className: "mr-2 h-4 w-4" }), "Edit"]
+					}), Oe ? null : /* @__PURE__ */ m(h, {
 						size: "sm",
 						className: "flex-1 sm:flex-none",
-						onClick: () => H(!0),
-						children: [/* @__PURE__ */ g(l, { className: "mr-2 h-4 w-4" }), "Complete"]
+						onClick: () => R(!0),
+						children: [/* @__PURE__ */ p(l, { className: "mr-2 h-4 w-4" }), "Complete"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ _(s, {
+			/* @__PURE__ */ m(s, {
 				title: "Status",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex flex-wrap items-center gap-x-8 gap-y-4",
 					children: [
-						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 							className: "text-xs uppercase tracking-wide text-text-secondary",
 							children: "Priority"
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "mt-1",
-							children: /* @__PURE__ */ g(I, {
-								tone: pe[Z.priority] ?? "neutral",
-								children: Z.priority
+							children: /* @__PURE__ */ p(j, {
+								tone: ye[Y.priority] ?? "neutral",
+								children: Y.priority
 							})
 						})] }),
-						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 							className: "text-xs uppercase tracking-wide text-text-secondary",
 							children: "Status"
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "mt-1",
-							children: /* @__PURE__ */ g(I, {
-								tone: F[Z.status] ?? "neutral",
-								children: Z.status.replace(/_/g, " ")
+							children: /* @__PURE__ */ p(j, {
+								tone: be[Y.status] ?? "neutral",
+								children: Y.status.replace(/_/g, " ")
 							})
 						})] }),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ g(d, { className: "h-4 w-4 text-text-muted" }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+							children: [/* @__PURE__ */ p(ae, { className: "h-4 w-4 text-text-muted" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: "Technician"
-							}), /* @__PURE__ */ g("p", {
+							}), /* @__PURE__ */ p("p", {
 								className: "mt-0.5 text-sm font-medium text-text-primary",
-								children: Z.assignedTo || "Unassigned"
+								children: Y.assignedTo || "Unassigned"
 							})] })]
 						}),
-						Q ? /* @__PURE__ */ _("div", {
+						X ? /* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ g(re, { className: "h-4 w-4 text-text-muted" }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+							children: [/* @__PURE__ */ p(re, { className: "h-4 w-4 text-text-muted" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: "Asset"
-							}), /* @__PURE__ */ g("button", {
+							}), /* @__PURE__ */ p("button", {
 								type: "button",
 								className: "mt-0.5 text-sm font-medium text-action-primary-text hover:underline",
-								onClick: () => n("/assets/" + Z.assetId),
-								children: Q
+								onClick: () => d("/assets/" + Y.assetId),
+								children: X
 							})] })]
 						}) : null
 					]
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "mt-5 border-t border-border-seam pt-4",
-					children: /* @__PURE__ */ g(R, { status: Z.status })
+					children: /* @__PURE__ */ p(xe, { status: Y.status })
 				})]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "space-y-6 lg:col-span-2",
-					children: [/* @__PURE__ */ _(s, {
-						title: "Details",
-						icon: f,
-						children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h4", {
-							className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
-							children: "Description"
-						}), /* @__PURE__ */ g("p", {
-							className: "mt-1 text-sm text-text-primary",
-							children: Z.description || "—"
-						})] }), /* @__PURE__ */ g("dl", {
-							className: "mt-4 divide-y divide-border-seam text-sm",
-							children: Ce.map((e) => /* @__PURE__ */ _("div", {
-								className: "flex flex-col gap-0.5 py-2.5 sm:flex-row sm:items-center sm:justify-between",
-								children: [/* @__PURE__ */ g("dt", {
-									className: "text-text-secondary",
-									children: e.label
-								}), /* @__PURE__ */ g("dd", {
-									className: "font-medium text-text-primary sm:text-right",
-									children: e.value
-								})]
-							}, e.label))
-						})]
-					}), /* @__PURE__ */ g(x, { children: "The full brief for a single work order: what needs doing, on which asset and by whom. Track the job from open to complete and keep the asset's maintenance history accurate." })]
-				}), /* @__PURE__ */ _("div", {
+					children: [
+						/* @__PURE__ */ m(s, {
+							title: "Details",
+							icon: oe,
+							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
+								className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
+								children: "Description"
+							}), /* @__PURE__ */ p("p", {
+								className: "mt-1 text-sm text-text-primary",
+								children: Y.description || "—"
+							})] }), /* @__PURE__ */ p("dl", {
+								className: "mt-4 divide-y divide-border-seam text-sm",
+								children: Pe.map((e) => /* @__PURE__ */ m("div", {
+									className: "flex flex-col gap-0.5 py-2.5 sm:flex-row sm:items-center sm:justify-between",
+									children: [/* @__PURE__ */ p("dt", {
+										className: "text-text-secondary",
+										children: e.label
+									}), /* @__PURE__ */ p("dd", {
+										className: "font-medium text-text-primary sm:text-right",
+										children: e.value
+									})]
+								}, e.label))
+							})]
+						}),
+						/* @__PURE__ */ p(s, {
+							title: `Checklist (${Z}/${Q})`,
+							children: Q === 0 ? /* @__PURE__ */ p("p", {
+								className: "text-sm text-text-secondary",
+								children: "No checklist items for this job."
+							}) : /* @__PURE__ */ m(le, { children: [/* @__PURE__ */ p("div", {
+								className: "mb-3 h-2 overflow-hidden rounded-full bg-bg-sunken",
+								children: /* @__PURE__ */ p("div", {
+									className: "h-full rounded-full bg-action-primary-bg transition-all",
+									style: { width: `${ke}%` }
+								})
+							}), /* @__PURE__ */ p("div", {
+								className: "space-y-2",
+								children: Y.checklist.map((e, t) => /* @__PURE__ */ m("label", {
+									className: "flex cursor-pointer items-center gap-3 rounded border border-border-seam p-2.5",
+									children: [
+										/* @__PURE__ */ p("input", {
+											type: "checkbox",
+											className: "h-4 w-4 accent-action-primary-bg",
+											checked: e.completed,
+											disabled: W === t,
+											onChange: (e) => Ae(t, e.target.checked)
+										}),
+										/* @__PURE__ */ p("span", {
+											className: n("text-sm", e.completed && "text-text-secondary line-through"),
+											children: e.task
+										}),
+										W === t ? /* @__PURE__ */ p(u, { className: "ml-auto h-3.5 w-3.5 animate-spin text-text-secondary" }) : null
+									]
+								}, t))
+							})] })
+						}),
+						/* @__PURE__ */ p(de, { children: "The full brief for a single work order: what needs doing, on which asset and by whom. Track the job from open to complete and keep the asset's maintenance history accurate." })
+					]
+				}), /* @__PURE__ */ m("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ g(i, {
+						/* @__PURE__ */ p(i, {
 							entityType: "assethandler-work-order",
-							entityId: Z.id
+							entityId: Y.id
 						}),
-						/* @__PURE__ */ g(a, {
+						/* @__PURE__ */ p(a, {
 							entityType: "assethandler-work-order",
-							entityId: Z.id
+							entityId: Y.id
 						}),
-						/* @__PURE__ */ g(o, { resourceId: Z.id })
+						/* @__PURE__ */ p(o, { resourceId: Y.id })
 					]
 				})]
 			}),
-			/* @__PURE__ */ g(S, {
-				open: me,
-				onOpenChange: H,
-				children: /* @__PURE__ */ _(C, { children: [
-					/* @__PURE__ */ _(E, { children: [/* @__PURE__ */ g(D, { children: "Complete work order" }), /* @__PURE__ */ g(w, { children: "Record the final cost and any closing notes. This marks the work order as completed." })] }),
-					/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ p(v, {
+				open: Se,
+				onOpenChange: R,
+				children: /* @__PURE__ */ m(y, { children: [
+					/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(C, { children: "Complete work order" }), /* @__PURE__ */ p(b, { children: "Record the final cost and any closing notes. This marks the work order as completed." })] }),
+					/* @__PURE__ */ m("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ g(b, { children: "Actual Cost" }), /* @__PURE__ */ g(y, {
+							children: [/* @__PURE__ */ p(_, { children: "Actual Cost" }), /* @__PURE__ */ p(g, {
 								type: "number",
 								min: "0",
 								step: "0.01",
 								placeholder: "e.g., 750",
-								value: W.actualCost,
-								onChange: (e) => G((t) => ({
+								value: B.actualCost,
+								onChange: (e) => V((t) => ({
 									...t,
 									actualCost: e.target.value
 								}))
 							})]
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ g(b, { children: "Notes" }), /* @__PURE__ */ g(N, {
+							children: [/* @__PURE__ */ p(_, { children: "Notes" }), /* @__PURE__ */ p(k, {
 								placeholder: "What was done to close this out?",
-								value: W.notes,
-								onChange: (e) => G((t) => ({
+								value: B.notes,
+								onChange: (e) => V((t) => ({
 									...t,
 									notes: e.target.value
 								})),
@@ -411,99 +475,99 @@ function B() {
 							})]
 						})]
 					}),
-					/* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(v, {
+					/* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(h, {
 						variant: "outline",
-						onClick: () => H(!1),
-						disabled: J,
+						onClick: () => R(!1),
+						disabled: K,
 						children: "Cancel"
-					}), /* @__PURE__ */ _(v, {
-						onClick: xe,
-						disabled: J,
-						children: [J ? /* @__PURE__ */ g(u, { className: "mr-2 h-4 w-4 animate-spin" }) : null, J ? "Completing…" : "Complete work order"]
+					}), /* @__PURE__ */ m(h, {
+						onClick: Me,
+						disabled: K,
+						children: [K ? /* @__PURE__ */ p(u, { className: "mr-2 h-4 w-4 animate-spin" }) : null, K ? "Completing…" : "Complete work order"]
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ g(S, {
-				open: he,
-				onOpenChange: U,
-				children: /* @__PURE__ */ _(C, {
+			/* @__PURE__ */ p(v, {
+				open: Ce,
+				onOpenChange: z,
+				children: /* @__PURE__ */ m(y, {
 					className: "max-h-[85vh] overflow-y-auto sm:max-w-xl",
 					children: [
-						/* @__PURE__ */ _(E, { children: [/* @__PURE__ */ g(D, { children: "Edit work order" }), /* @__PURE__ */ g(w, { children: "Update the work order's details and status." })] }),
-						K ? /* @__PURE__ */ _("div", {
+						/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(C, { children: "Edit work order" }), /* @__PURE__ */ p(b, { children: "Update the work order's details and status." })] }),
+						H ? /* @__PURE__ */ m("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ m("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ g(b, { children: "Title" }), /* @__PURE__ */ g(y, {
-										value: K.title,
+									children: [/* @__PURE__ */ p(_, { children: "Title" }), /* @__PURE__ */ p(g, {
+										value: H.title,
 										onChange: (e) => $("title", e.target.value)
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ m("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ g(b, { children: "Description" }), /* @__PURE__ */ g(N, {
-										value: K.description,
+									children: [/* @__PURE__ */ p(_, { children: "Description" }), /* @__PURE__ */ p(k, {
+										value: H.description,
 										onChange: (e) => $("description", e.target.value),
 										rows: 2
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ m("div", {
 									className: "grid gap-4 md:grid-cols-3",
 									children: [
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ m("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ g(b, { children: "Type" }), /* @__PURE__ */ _(O, {
-												value: K.type,
+											children: [/* @__PURE__ */ p(_, { children: "Type" }), /* @__PURE__ */ m(w, {
+												value: H.type,
 												onValueChange: (e) => $("type", e),
-												children: [/* @__PURE__ */ g(j, { children: /* @__PURE__ */ g(M, {}) }), /* @__PURE__ */ g(k, { children: ue.map((e) => /* @__PURE__ */ g(A, {
+												children: [/* @__PURE__ */ p(D, { children: /* @__PURE__ */ p(O, {}) }), /* @__PURE__ */ p(T, { children: ge.map((e) => /* @__PURE__ */ p(E, {
 													value: e,
-													children: z(e)
+													children: N(e)
 												}, e)) })]
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ m("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ g(b, { children: "Priority" }), /* @__PURE__ */ _(O, {
-												value: K.priority,
+											children: [/* @__PURE__ */ p(_, { children: "Priority" }), /* @__PURE__ */ m(w, {
+												value: H.priority,
 												onValueChange: (e) => $("priority", e),
-												children: [/* @__PURE__ */ g(j, { children: /* @__PURE__ */ g(M, {}) }), /* @__PURE__ */ g(k, { children: fe.map((e) => /* @__PURE__ */ g(A, {
+												children: [/* @__PURE__ */ p(D, { children: /* @__PURE__ */ p(O, {}) }), /* @__PURE__ */ p(T, { children: ve.map((e) => /* @__PURE__ */ p(E, {
 													value: e,
-													children: z(e)
+													children: N(e)
 												}, e)) })]
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ m("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ g(b, { children: "Status" }), /* @__PURE__ */ _(O, {
-												value: K.status,
+											children: [/* @__PURE__ */ p(_, { children: "Status" }), /* @__PURE__ */ m(w, {
+												value: H.status,
 												onValueChange: (e) => $("status", e),
-												children: [/* @__PURE__ */ g(j, { children: /* @__PURE__ */ g(M, {}) }), /* @__PURE__ */ g(k, { children: de.map((e) => /* @__PURE__ */ g(A, {
+												children: [/* @__PURE__ */ p(D, { children: /* @__PURE__ */ p(O, {}) }), /* @__PURE__ */ p(T, { children: _e.map((e) => /* @__PURE__ */ p(E, {
 													value: e,
-													children: z(e)
+													children: N(e)
 												}, e)) })]
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ m("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ g(b, { children: "Assigned To" }), /* @__PURE__ */ g(y, {
-										value: K.assignedTo,
+									children: [/* @__PURE__ */ p(_, { children: "Assigned To" }), /* @__PURE__ */ p(g, {
+										value: H.assignedTo,
 										onChange: (e) => $("assignedTo", e.target.value)
 									})]
 								})
 							]
 						}) : null,
-						/* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(v, {
+						/* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(h, {
 							variant: "outline",
-							onClick: () => U(!1),
-							disabled: Y,
+							onClick: () => z(!1),
+							disabled: q,
 							children: "Cancel"
-						}), /* @__PURE__ */ _(v, {
-							onClick: Se,
-							disabled: Y,
-							children: [Y ? /* @__PURE__ */ g(u, { className: "mr-2 h-4 w-4 animate-spin" }) : null, Y ? "Saving…" : "Save changes"]
+						}), /* @__PURE__ */ m(h, {
+							onClick: Ne,
+							disabled: q,
+							children: [q ? /* @__PURE__ */ p(u, { className: "mr-2 h-4 w-4 animate-spin" }) : null, q ? "Saving…" : "Save changes"]
 						})] })
 					]
 				})
@@ -512,6 +576,6 @@ function B() {
 	});
 }
 //#endregion
-export { B as OperationsWorkOrderDetailPage };
+export { P as OperationsWorkOrderDetailPage };
 
 //# sourceMappingURL=OperationsWorkOrderDetailPage.js.map