@burdenoff/microfe-proserviceworld 2026.706.2 → 2026.709.1

package/dist/proserviceworld/pages/EngagementDetailPage.js

@@ -2,13 +2,14 @@ import { useCompleteMilestone as e, useCreateDeliverable as t, useCreateMileston
 import { useNav as s } from "../utils/nav.js";
 import { Banner as c, Empty as l, ErrorState as u, Field as d, LoadingBlock as f, MetricCard as p, Modal as m, NativeSelect as h, PageHeader as g, SectionCard as _, StatusPill as v, TextArea as y, TextInput as b, fmtDate as x, fmtMinutesAsHours as S, fmtMoney as C, humanize as w } from "../components/ui.js";
 import { DiscussionThread as T } from "../components/DiscussionThread.js";
-import { useState as E } from "react";
-import { ArrowLeft as D, CheckCircle2 as O, Clock as k, FileText as A, Flag as j, Plus as M } from "lucide-react";
-import { useParams as N } from "react-router-dom";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { Button as L } from "@burdenoff/fe-libs/ui";
+import { useAnalytics as E } from "../hooks/useAnalytics.js";
+import { useState as D } from "react";
+import { ArrowLeft as O, ArrowRight as k, CheckCircle2 as A, Clock as j, DollarSign as M, FileText as N, Flag as P, Plus as F } from "lucide-react";
+import { useParams as I } from "react-router-dom";
+import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { Button as B } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/EngagementDetailPage.tsx
-var R = {
+var V = {
 	PROPOSAL: ["ACCEPTED", "CANCELLED"],
 	ACCEPTED: ["IN_PROGRESS", "CANCELLED"],
 	IN_PROGRESS: ["REVIEW", "CANCELLED"],
@@ -21,220 +22,255 @@ var R = {
 	INVOICED: ["CLOSED"],
 	CLOSED: [],
 	CANCELLED: []
-}, z = [
+}, H = [
 	"DRAFT",
 	"INTERNAL_REVIEW",
 	"CLIENT_REVIEW",
 	"ACCEPTED",
 	"REJECTED"
-], B = () => {
-	let { id: e = "" } = N(), t = s(), { data: n, isLoading: a, error: d, refetch: m } = r(e), h = i({ engagementId: e }), y = o(), [b, O] = E(!1), [P, z] = E(!1), [B, G] = E(null);
-	if (a) return /* @__PURE__ */ F(f, {});
-	if (d) return /* @__PURE__ */ F(u, {
-		error: d,
-		onRetry: () => void m()
+], U = () => {
+	let { id: e = "" } = I(), t = s(), { emitFact: n } = E(), { data: a, isLoading: d, error: m, refetch: h } = r(e), y = i({ engagementId: e }), b = o(), [A, L] = D(!1), [H, U] = D(!1), [J, Y] = D(null);
+	if (d) return /* @__PURE__ */ R(f, {});
+	if (m) return /* @__PURE__ */ R(u, {
+		error: m,
+		onRetry: () => void h()
 	});
-	if (!n) return /* @__PURE__ */ F(l, { title: "Engagement not found" });
-	let K = R[n.status] ?? [], q = (h.data?.items ?? []).reduce((e, t) => e + t.minutes, 0);
-	return /* @__PURE__ */ I("div", {
+	if (!a) return /* @__PURE__ */ R(l, { title: "Engagement not found" });
+	let X = V[a.status] ?? [], Z = (y.data?.items ?? []).reduce((e, t) => e + t.minutes, 0);
+	return /* @__PURE__ */ z("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ I("button", {
+			/* @__PURE__ */ z("button", {
 				type: "button",
 				onClick: () => t("engagements"),
-				className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-accent",
-				children: [/* @__PURE__ */ F(D, { className: "h-4 w-4" }), " Back to engagements"]
+				className: "flex items-center gap-1.5 text-sm text-text-secondary transition-colors hover:text-accent",
+				children: [/* @__PURE__ */ R(O, { className: "h-4 w-4" }), " Back to engagements"]
 			}),
-			/* @__PURE__ */ F(g, {
-				title: n.name,
-				subtitle: n.client ? `${n.client.name} · ${w(n.feeArrangement)}` : w(n.feeArrangement),
-				actions: /* @__PURE__ */ F(v, { status: n.status })
+			/* @__PURE__ */ R(g, {
+				title: a.name,
+				subtitle: a.client ? `${a.client.name} · ${w(a.feeArrangement)}` : w(a.feeArrangement),
+				actions: /* @__PURE__ */ R(v, { status: a.status })
 			}),
-			B && /* @__PURE__ */ F(c, {
-				tone: B.tone,
-				onClose: () => G(null),
-				children: B.text
+			J && /* @__PURE__ */ R(c, {
+				tone: J.tone,
+				onClose: () => Y(null),
+				children: J.text
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ z("div", {
 				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ F(p, {
+					/* @__PURE__ */ R(p, {
 						label: "Fee",
-						value: C(n.feeAmount, n.currency),
-						hint: w(n.feeArrangement)
+						value: C(a.feeAmount, a.currency),
+						hint: w(a.feeArrangement),
+						icon: /* @__PURE__ */ R(M, { className: "h-4 w-4" }),
+						tone: "success"
 					}),
-					/* @__PURE__ */ F(p, {
+					/* @__PURE__ */ R(p, {
 						label: "Deliverables",
-						value: n.deliverables.length
+						value: a.deliverables.length,
+						icon: /* @__PURE__ */ R(N, { className: "h-4 w-4" }),
+						tone: "info"
 					}),
-					/* @__PURE__ */ F(p, {
+					/* @__PURE__ */ R(p, {
 						label: "Milestones",
-						value: n.milestones.length
+						value: a.milestones.length,
+						icon: /* @__PURE__ */ R(P, { className: "h-4 w-4" }),
+						tone: "accent"
 					}),
-					/* @__PURE__ */ F(p, {
+					/* @__PURE__ */ R(p, {
 						label: "Time logged",
-						value: S(q),
-						hint: `${h.data?.totalCount ?? 0} entries`
+						value: S(Z),
+						hint: `${y.data?.totalCount ?? 0} entries`,
+						icon: /* @__PURE__ */ R(j, { className: "h-4 w-4" }),
+						tone: "warning"
 					})
 				]
 			}),
-			K.length > 0 && /* @__PURE__ */ F(_, {
+			X.length > 0 && /* @__PURE__ */ R(_, {
 				title: "Advance lifecycle",
-				description: `Current status: ${w(n.status)}`,
-				children: /* @__PURE__ */ F("div", {
-					className: "flex flex-wrap gap-2",
-					children: K.map((e) => /* @__PURE__ */ F(L, {
-						size: "sm",
-						variant: e === "CANCELLED" ? "outline" : "default",
-						disabled: y.isPending,
-						onClick: () => y.mutate({
-							id: n.id,
-							status: e
-						}, {
-							onSuccess: () => G({
-								tone: "success",
-								text: `Moved to ${w(e)}.`
-							}),
-							onError: (e) => G({
-								tone: "danger",
-								text: e instanceof Error ? e.message : "Transition failed."
-							})
-						}),
-						children: w(e)
-					}, e))
+				children: /* @__PURE__ */ z("div", {
+					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ z("div", {
+						className: "flex items-center gap-2 text-sm text-text-secondary",
+						children: [/* @__PURE__ */ R("span", { children: "Currently" }), /* @__PURE__ */ R(v, { status: a.status })]
+					}), /* @__PURE__ */ R("div", {
+						className: "flex flex-wrap gap-2",
+						children: X.map((e) => {
+							let t = e === "CANCELLED";
+							return /* @__PURE__ */ z(B, {
+								size: "sm",
+								variant: t ? "outline" : "default",
+								disabled: b.isPending,
+								onClick: () => b.mutate({
+									id: a.id,
+									status: e
+								}, {
+									onSuccess: () => {
+										n("psw.engagement.transitioned", {
+											engagementId: a.id,
+											status: e
+										}), Y({
+											tone: "success",
+											text: `Moved to ${w(e)}.`
+										});
+									},
+									onError: (e) => Y({
+										tone: "danger",
+										text: e instanceof Error ? e.message : "Transition failed."
+									})
+								}),
+								children: [w(e), !t && /* @__PURE__ */ R(k, { className: "ml-1.5 h-4 w-4" })]
+							}, e);
+						})
+					})]
 				})
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ z("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ F(_, {
+				children: [/* @__PURE__ */ R(_, {
 					title: "Deliverables",
-					action: /* @__PURE__ */ I(L, {
+					action: /* @__PURE__ */ z(B, {
 						size: "sm",
 						variant: "outline",
-						onClick: () => O(!0),
-						children: [/* @__PURE__ */ F(M, { className: "mr-1.5 h-4 w-4" }), "Add"]
+						onClick: () => L(!0),
+						children: [/* @__PURE__ */ R(F, { className: "mr-1.5 h-4 w-4" }), "Add"]
 					}),
-					children: n.deliverables.length === 0 ? /* @__PURE__ */ F(l, {
+					children: a.deliverables.length === 0 ? /* @__PURE__ */ R(l, {
 						title: "No deliverables",
 						description: "Track the tangible outputs of this engagement.",
-						icon: /* @__PURE__ */ F(A, { className: "h-7 w-7" })
-					}) : /* @__PURE__ */ F("ul", {
-						className: "space-y-2",
-						children: n.deliverables.map((e) => /* @__PURE__ */ F("li", {
-							className: "rounded-lg border border-border-seam p-3",
-							children: /* @__PURE__ */ I("div", {
-								className: "flex items-start justify-between gap-2",
-								children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ I("div", {
-									className: "text-sm font-medium text-text-primary",
-									children: [
-										e.name,
-										" ",
-										/* @__PURE__ */ I("span", {
-											className: "text-xs text-text-tertiary",
+						icon: /* @__PURE__ */ R(N, { className: "h-7 w-7" })
+					}) : /* @__PURE__ */ R("ul", {
+						className: "space-y-2.5",
+						children: a.deliverables.map((e) => /* @__PURE__ */ R("li", {
+							className: "rounded-xl border border-border-seam bg-bg-canvas p-3.5 transition-colors hover:border-accent/40",
+							children: /* @__PURE__ */ z("div", {
+								className: "flex items-start justify-between gap-3",
+								children: [/* @__PURE__ */ z("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ z("div", {
+										className: "flex items-center gap-2 text-sm font-medium text-text-primary",
+										children: [/* @__PURE__ */ R("span", {
+											className: "truncate",
+											children: e.name
+										}), /* @__PURE__ */ z("span", {
+											className: "shrink-0 rounded-md bg-bg-sunken px-1.5 py-0.5 text-[10px] font-semibold text-text-tertiary",
 											children: ["v", e.version]
-										})
-									]
-								}), e.dueDate && /* @__PURE__ */ I("div", {
-									className: "text-xs text-text-tertiary",
-									children: ["Due ", x(e.dueDate)]
-								})] }), /* @__PURE__ */ F(V, {
+										})]
+									}), e.dueDate && /* @__PURE__ */ z("div", {
+										className: "mt-0.5 text-xs text-text-tertiary",
+										children: ["Due ", x(e.dueDate)]
+									})]
+								}), /* @__PURE__ */ R(W, {
 									id: e.id,
-									engagementId: n.id,
+									engagementId: a.id,
 									status: e.status,
-									onDone: () => void m()
+									onDone: () => void h()
 								})]
 							})
 						}, e.id))
 					})
-				}), /* @__PURE__ */ F(_, {
+				}), /* @__PURE__ */ R(_, {
 					title: "Milestones",
-					action: /* @__PURE__ */ I(L, {
+					action: /* @__PURE__ */ z(B, {
 						size: "sm",
 						variant: "outline",
-						onClick: () => z(!0),
-						children: [/* @__PURE__ */ F(M, { className: "mr-1.5 h-4 w-4" }), "Add"]
+						onClick: () => U(!0),
+						children: [/* @__PURE__ */ R(F, { className: "mr-1.5 h-4 w-4" }), "Add"]
 					}),
-					children: n.milestones.length === 0 ? /* @__PURE__ */ F(l, {
+					children: a.milestones.length === 0 ? /* @__PURE__ */ R(l, {
 						title: "No milestones",
 						description: "Add checkpoints — some can trigger billing.",
-						icon: /* @__PURE__ */ F(j, { className: "h-7 w-7" })
-					}) : /* @__PURE__ */ F("ul", {
-						className: "space-y-2",
-						children: n.milestones.map((e) => /* @__PURE__ */ I("li", {
-							className: "flex items-center justify-between rounded-lg border border-border-seam p-3",
-							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("div", {
-								className: "text-sm font-medium text-text-primary",
-								children: e.name
-							}), /* @__PURE__ */ I("div", {
-								className: "text-xs text-text-tertiary",
-								children: [
-									e.triggersInvoice ? `Bills ${C(e.triggerAmount, n.currency)} · ` : "",
-									"Due ",
-									x(e.dueDate)
-								]
-							})] }), /* @__PURE__ */ I("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ F(v, { status: e.status }), e.status !== "COMPLETED" && e.status !== "CANCELLED" && /* @__PURE__ */ F(H, {
+						icon: /* @__PURE__ */ R(P, { className: "h-7 w-7" })
+					}) : /* @__PURE__ */ R("ul", {
+						className: "space-y-2.5",
+						children: a.milestones.map((e) => /* @__PURE__ */ z("li", {
+							className: "flex items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-canvas p-3.5 transition-colors hover:border-accent/40",
+							children: [/* @__PURE__ */ z("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ R("div", {
+									className: "truncate text-sm font-medium text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ z("div", {
+									className: "mt-0.5 text-xs text-text-tertiary",
+									children: [
+										e.triggersInvoice ? `Bills ${C(e.triggerAmount, a.currency)} · ` : "",
+										"Due ",
+										x(e.dueDate)
+									]
+								})]
+							}), /* @__PURE__ */ z("div", {
+								className: "flex shrink-0 items-center gap-2",
+								children: [/* @__PURE__ */ R(v, { status: e.status }), e.status !== "COMPLETED" && e.status !== "CANCELLED" && /* @__PURE__ */ R(G, {
 									id: e.id,
-									engagementId: n.id,
-									onDone: () => void m()
+									engagementId: a.id,
+									onDone: () => void h()
 								})]
 							})]
 						}, e.id))
 					})
 				})]
 			}),
-			/* @__PURE__ */ F(_, {
-				title: "Time logged",
-				action: /* @__PURE__ */ I(L, {
-					size: "sm",
-					variant: "outline",
-					onClick: () => t("time"),
-					children: [/* @__PURE__ */ F(k, { className: "mr-1.5 h-4 w-4" }), "Log time"]
-				}),
-				children: h.isLoading ? /* @__PURE__ */ F(f, { label: "Loading…" }) : !h.data || h.data.items.length === 0 ? /* @__PURE__ */ F(l, {
-					title: "No time logged",
-					description: "Time logged against this engagement will appear here."
-				}) : /* @__PURE__ */ F("ul", {
-					className: "divide-y divide-border-seam",
-					children: h.data.items.slice(0, 8).map((e) => /* @__PURE__ */ I("li", {
-						className: "flex items-center justify-between py-2 text-sm",
-						children: [/* @__PURE__ */ I("span", {
-							className: "text-text-secondary",
-							children: [
-								x(e.date),
-								" · ",
-								e.narrative || "Time entry"
-							]
-						}), /* @__PURE__ */ I("span", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ F("span", {
-								className: "text-text-primary",
-								children: S(e.minutes)
-							}), /* @__PURE__ */ F(v, { status: e.status })]
-						})]
-					}, e.id))
-				})
-			}),
-			/* @__PURE__ */ F(T, {
-				entityType: "proserviceworld-engagement",
-				entityId: n.id
+			/* @__PURE__ */ z("div", {
+				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
+				children: [/* @__PURE__ */ R("div", {
+					className: "lg:col-span-2",
+					children: /* @__PURE__ */ R(T, {
+						entityType: "proserviceworld-engagement",
+						entityId: a.id
+					})
+				}), /* @__PURE__ */ R(_, {
+					title: "Time logged",
+					description: S(Z),
+					action: /* @__PURE__ */ z(B, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => t("time"),
+						children: [/* @__PURE__ */ R(j, { className: "mr-1.5 h-4 w-4" }), "Log time"]
+					}),
+					children: y.isLoading ? /* @__PURE__ */ R(f, { label: "Loading…" }) : !y.data || y.data.items.length === 0 ? /* @__PURE__ */ R(l, {
+						title: "No time logged",
+						description: "Time logged against this engagement will appear here.",
+						icon: /* @__PURE__ */ R(j, { className: "h-7 w-7" })
+					}) : /* @__PURE__ */ R("ul", {
+						className: "space-y-2",
+						children: y.data.items.slice(0, 8).map((e) => /* @__PURE__ */ z("li", {
+							className: "rounded-lg border border-border-seam bg-bg-canvas p-3 text-sm",
+							children: [/* @__PURE__ */ z("div", {
+								className: "flex items-center justify-between gap-2",
+								children: [/* @__PURE__ */ R("span", {
+									className: "whitespace-nowrap text-xs text-text-tertiary",
+									children: x(e.date)
+								}), /* @__PURE__ */ z("span", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ R("span", {
+										className: "font-medium text-text-primary",
+										children: S(e.minutes)
+									}), /* @__PURE__ */ R(v, { status: e.status })]
+								})]
+							}), /* @__PURE__ */ R("div", {
+								className: "mt-1 truncate text-text-secondary",
+								children: e.narrative || "Time entry"
+							})]
+						}, e.id))
+					})
+				})]
 			}),
-			b && /* @__PURE__ */ F(U, {
-				engagementId: n.id,
-				onClose: () => O(!1),
+			A && /* @__PURE__ */ R(K, {
+				engagementId: a.id,
+				onClose: () => L(!1),
 				onDone: () => {
-					m(), G({
+					h(), Y({
 						tone: "success",
 						text: "Deliverable added."
 					});
 				}
 			}),
-			P && /* @__PURE__ */ F(W, {
-				engagementId: n.id,
-				onClose: () => z(!1),
+			H && /* @__PURE__ */ R(q, {
+				engagementId: a.id,
+				onClose: () => U(!1),
 				onDone: () => {
-					m(), G({
+					h(), Y({
 						tone: "success",
 						text: "Milestone added."
 					});
@@ -242,9 +278,9 @@ var R = {
 			})
 		]
 	});
-}, V = ({ id: e, engagementId: t, status: n, onDone: r }) => {
+}, W = ({ id: e, engagementId: t, status: n, onDone: r }) => {
 	let i = a();
-	return /* @__PURE__ */ F(h, {
+	return /* @__PURE__ */ R(h, {
 		value: n,
 		disabled: i.isPending,
 		onChange: (n) => i.mutate({
@@ -252,15 +288,15 @@ var R = {
 			status: n.target.value,
 			engagementId: t
 		}, { onSuccess: r }),
-		className: "w-40",
-		children: z.map((e) => /* @__PURE__ */ F("option", {
+		className: "w-40 shrink-0",
+		children: H.map((e) => /* @__PURE__ */ R("option", {
 			value: e,
 			children: w(e)
 		}, e))
 	});
-}, H = ({ id: t, engagementId: n, onDone: r }) => {
+}, G = ({ id: t, engagementId: n, onDone: r }) => {
 	let i = e();
-	return /* @__PURE__ */ F(L, {
+	return /* @__PURE__ */ R(B, {
 		variant: "ghost",
 		size: "sm",
 		"aria-label": "Complete milestone",
@@ -269,28 +305,28 @@ var R = {
 			id: t,
 			engagementId: n
 		}, { onSuccess: r }),
-		children: /* @__PURE__ */ F(O, { className: "h-4 w-4" })
+		children: /* @__PURE__ */ R(A, { className: "h-4 w-4" })
 	});
-}, U = ({ engagementId: e, onClose: n, onDone: r }) => {
-	let i = t(), [a, o] = E({
+}, K = ({ engagementId: e, onClose: n, onDone: r }) => {
+	let i = t(), [a, o] = D({
 		name: "",
 		description: "",
 		dueDate: "",
 		acceptanceCriteria: ""
-	}), [s, l] = E(null), u = (e) => (t) => o((n) => ({
+	}), [s, l] = D(null), u = (e) => (t) => o((n) => ({
 		...n,
 		[e]: t.target.value
 	}));
-	return /* @__PURE__ */ F(m, {
+	return /* @__PURE__ */ R(m, {
 		open: !0,
 		onClose: n,
 		title: "Add deliverable",
-		footer: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(L, {
+		footer: /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(B, {
 			variant: "outline",
 			onClick: n,
 			disabled: i.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ F(L, {
+		}), /* @__PURE__ */ R(B, {
 			onClick: () => {
 				if (l(null), !a.name.trim()) return l("Name is required.");
 				i.mutate({
@@ -309,40 +345,40 @@ var R = {
 			disabled: i.isPending,
 			children: i.isPending ? "Adding…" : "Add"
 		})] }),
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ z("div", {
 			className: "space-y-3",
 			children: [
-				s && /* @__PURE__ */ F(c, {
+				s && /* @__PURE__ */ R(c, {
 					tone: "danger",
 					children: s
 				}),
-				/* @__PURE__ */ F(d, {
+				/* @__PURE__ */ R(d, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ F(b, {
+					children: /* @__PURE__ */ R(b, {
 						value: a.name,
 						onChange: u("name"),
 						placeholder: "Draft audit report"
 					})
 				}),
-				/* @__PURE__ */ F(d, {
+				/* @__PURE__ */ R(d, {
 					label: "Due date",
-					children: /* @__PURE__ */ F(b, {
+					children: /* @__PURE__ */ R(b, {
 						type: "date",
 						value: a.dueDate,
 						onChange: u("dueDate")
 					})
 				}),
-				/* @__PURE__ */ F(d, {
+				/* @__PURE__ */ R(d, {
 					label: "Acceptance criteria",
-					children: /* @__PURE__ */ F(y, {
+					children: /* @__PURE__ */ R(y, {
 						value: a.acceptanceCriteria,
 						onChange: u("acceptanceCriteria")
 					})
 				}),
-				/* @__PURE__ */ F(d, {
+				/* @__PURE__ */ R(d, {
 					label: "Description",
-					children: /* @__PURE__ */ F(y, {
+					children: /* @__PURE__ */ R(y, {
 						value: a.description,
 						onChange: u("description")
 					})
@@ -350,23 +386,23 @@ var R = {
 			]
 		})
 	});
-}, W = ({ engagementId: e, onClose: t, onDone: r }) => {
-	let i = n(), [a, o] = E({
+}, q = ({ engagementId: e, onClose: t, onDone: r }) => {
+	let i = n(), [a, o] = D({
 		name: "",
 		dueDate: "",
 		triggerAmount: "",
 		triggersInvoice: !1
-	}), [s, l] = E(null);
-	return /* @__PURE__ */ F(m, {
+	}), [s, l] = D(null);
+	return /* @__PURE__ */ R(m, {
 		open: !0,
 		onClose: t,
 		title: "Add milestone",
-		footer: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(L, {
+		footer: /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(B, {
 			variant: "outline",
 			onClick: t,
 			disabled: i.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ F(L, {
+		}), /* @__PURE__ */ R(B, {
 			onClick: () => {
 				if (l(null), !a.name.trim()) return l("Name is required.");
 				i.mutate({
@@ -385,17 +421,17 @@ var R = {
 			disabled: i.isPending,
 			children: i.isPending ? "Adding…" : "Add"
 		})] }),
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ z("div", {
 			className: "space-y-3",
 			children: [
-				s && /* @__PURE__ */ F(c, {
+				s && /* @__PURE__ */ R(c, {
 					tone: "danger",
 					children: s
 				}),
-				/* @__PURE__ */ F(d, {
+				/* @__PURE__ */ R(d, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ F(b, {
+					children: /* @__PURE__ */ R(b, {
 						value: a.name,
 						onChange: (e) => o((t) => ({
 							...t,
@@ -404,9 +440,9 @@ var R = {
 						placeholder: "Phase 1 sign-off"
 					})
 				}),
-				/* @__PURE__ */ F(d, {
+				/* @__PURE__ */ R(d, {
 					label: "Due date",
-					children: /* @__PURE__ */ F(b, {
+					children: /* @__PURE__ */ R(b, {
 						type: "date",
 						value: a.dueDate,
 						onChange: (e) => o((t) => ({
@@ -415,10 +451,10 @@ var R = {
 						}))
 					})
 				}),
-				/* @__PURE__ */ F(d, {
+				/* @__PURE__ */ R(d, {
 					label: "Trigger amount",
 					hint: "Amount billed when this milestone completes (if it triggers an invoice).",
-					children: /* @__PURE__ */ F(b, {
+					children: /* @__PURE__ */ R(b, {
 						type: "number",
 						min: "0",
 						value: a.triggerAmount,
@@ -428,9 +464,9 @@ var R = {
 						}))
 					})
 				}),
-				/* @__PURE__ */ I("label", {
+				/* @__PURE__ */ z("label", {
 					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ F("input", {
+					children: [/* @__PURE__ */ R("input", {
 						type: "checkbox",
 						checked: a.triggersInvoice,
 						onChange: (e) => o((t) => ({
@@ -444,6 +480,6 @@ var R = {
 	});
 };
 //#endregion
-export { B as EngagementDetailPage };
+export { U as EngagementDetailPage };
 
 //# sourceMappingURL=EngagementDetailPage.js.map