@burdenoff/microfe-proserviceworld 2026.1028.1 → 2026.1031.2

package/dist/proserviceworld/pages/EngagementDetailPage.js

@@ -1,7 +1,8 @@
 import { useProServiceWorld as e } from "../providers/ProServiceWorldProvider.js";
 import { useAddTeamAssignment as t, useCompleteMilestone as n, useCreateDeliverable as r, useCreateMilestone as i, useEngagement as a, usePracticeAreas as o, useRemoveTeamAssignment as s, useTeamAssignments as c, useTimeEntries as l, useTransitionDeliverable as u, useTransitionEngagement as d } from "../hooks/useProServiceWorldApi.js";
 import { useNav as f } from "../utils/nav.js";
-import { Banner as p, Empty as m, ErrorState as h, Field as g, LoadingBlock as _, MetricCard as v, Modal as y, NativeSelect as b, PageHeader as x, SectionCard as S, StatusPill as C, TableWrap as w, Td as T, TextArea as E, TextInput as D, Th as O, enumOptions as k, fmtDate as A, fmtMinutesAsHours as j, fmtMoney as M, humanize as N } from "../components/ui.js";
+import { humanize as p } from "../utils/humanize.js";
+import { Banner as m, Empty as h, ErrorState as g, Field as _, LoadingBlock as v, MetricCard as y, Modal as b, NativeSelect as x, PageHeader as S, SectionCard as C, StatusPill as w, TableWrap as T, Td as E, TextArea as D, TextInput as O, Th as k, enumOptions as A, fmtDate as j, fmtMinutesAsHours as M, fmtMoney as N } from "../components/ui.js";
 import { useActorNames as ee } from "../hooks/useActorNames.js";
 import { DiscussionThread as te } from "../components/DiscussionThread.js";
 import { useAnalytics as ne } from "../hooks/useAnalytics.js";
@@ -38,17 +39,17 @@ var ce = {
 	"SPECIALIST",
 	"SUPPORT"
 ], J = () => {
-	let { id: e = "" } = se(), t = f(), { emitFact: n } = ne(), { data: r, isLoading: i, error: s, refetch: u } = a(e), g = l({ engagementId: e }), y = o(), b = c({ engagementId: e }), T = d(), [E, D] = P(!1), [k, F] = P(!1), [B, V] = P(!1), [G, K] = P(null), q = ee([r?.responsiblePartnerId, ...(b.data?.items ?? []).map((e) => e.practitionerId)]);
-	if (i) return /* @__PURE__ */ H(_, {});
-	if (s) return /* @__PURE__ */ H(h, {
+	let { id: e = "" } = se(), t = f(), { emitFact: n } = ne(), { data: r, isLoading: i, error: s, refetch: u } = a(e), _ = l({ engagementId: e }), b = o(), x = c({ engagementId: e }), E = d(), [D, O] = P(!1), [A, F] = P(!1), [B, V] = P(!1), [G, K] = P(null), q = ee([r?.responsiblePartnerId, ...(x.data?.items ?? []).map((e) => e.practitionerId)]);
+	if (i) return /* @__PURE__ */ H(v, {});
+	if (s) return /* @__PURE__ */ H(g, {
 		error: s,
 		onRetry: () => void u()
 	});
-	if (!r) return /* @__PURE__ */ H(m, { title: "Engagement not found" });
-	let J = ce[r.status] ?? [], Y = g.data?.items ?? [], X = Y.length, Z = g.data?.totalCount ?? X, Q = X < Z ? ` · first ${X} of ${Z} entries` : "", $ = Y.reduce((e, t) => e + t.minutes, 0), he = Y.filter((e) => e.billable && e.status !== "BILLED").reduce((e, t) => e + t.minutes, 0), ge = Y.filter((e) => e.status === "BILLED").reduce((e, t) => e + t.minutes, 0), _e = r.milestones.filter((e) => e.status === "COMPLETED").length, ve = r.deliverables.filter((e) => e.status === "CLIENT_REVIEW").length, ye = y.data?.items.find((e) => e.id === r.practiceAreaId)?.name ?? null, be = [
+	if (!r) return /* @__PURE__ */ H(h, { title: "Engagement not found" });
+	let J = ce[r.status] ?? [], Y = _.data?.items ?? [], X = Y.length, Z = _.data?.totalCount ?? X, Q = X < Z ? ` · first ${X} of ${Z} entries` : "", $ = Y.reduce((e, t) => e + t.minutes, 0), he = Y.filter((e) => e.billable && e.status !== "BILLED").reduce((e, t) => e + t.minutes, 0), ge = Y.filter((e) => e.status === "BILLED").reduce((e, t) => e + t.minutes, 0), _e = r.milestones.filter((e) => e.status === "COMPLETED").length, ve = r.deliverables.filter((e) => e.status === "CLIENT_REVIEW").length, ye = b.data?.items.find((e) => e.id === r.practiceAreaId)?.name ?? null, be = [
 		r.client?.name,
 		ye,
-		N(r.feeArrangement),
+		p(r.feeArrangement),
 		r.responsiblePartnerId ? `Partner: ${q.nameOf(r.responsiblePartnerId)}` : null
 	].filter(Boolean).join(" · ");
 	return /* @__PURE__ */ U("div", {
@@ -60,12 +61,12 @@ var ce = {
 				className: "flex items-center gap-1.5 text-sm text-text-secondary transition-colors hover:text-accent",
 				children: [/* @__PURE__ */ H(re, { className: "h-4 w-4" }), " Back to engagements"]
 			}),
-			/* @__PURE__ */ H(x, {
+			/* @__PURE__ */ H(S, {
 				title: r.name,
 				subtitle: be,
-				actions: /* @__PURE__ */ H(C, { status: r.status })
+				actions: /* @__PURE__ */ H(w, { status: r.status })
 			}),
-			G && /* @__PURE__ */ H(p, {
+			G && /* @__PURE__ */ H(m, {
 				tone: G.tone,
 				onClose: () => K(null),
 				children: G.text
@@ -73,43 +74,43 @@ var ce = {
 			/* @__PURE__ */ U("div", {
 				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ H(v, {
+					/* @__PURE__ */ H(y, {
 						label: "Fee",
-						value: M(r.feeAmount, r.currency),
-						hint: N(r.feeArrangement),
+						value: N(r.feeAmount, r.currency),
+						hint: p(r.feeArrangement),
 						icon: /* @__PURE__ */ H(ae, { className: "h-4 w-4" }),
 						tone: "success"
 					}),
-					/* @__PURE__ */ H(v, {
+					/* @__PURE__ */ H(y, {
 						label: "Deliverables",
 						value: r.deliverables.length,
 						hint: `${ve} in client review`,
 						icon: /* @__PURE__ */ H(L, { className: "h-4 w-4" }),
 						tone: "info"
 					}),
-					/* @__PURE__ */ H(v, {
+					/* @__PURE__ */ H(y, {
 						label: "Milestones",
 						value: `${_e} of ${r.milestones.length}`,
 						hint: "Completed",
 						icon: /* @__PURE__ */ H(R, { className: "h-4 w-4" }),
 						tone: "accent"
 					}),
-					/* @__PURE__ */ H(v, {
+					/* @__PURE__ */ H(y, {
 						label: "Unbilled hours",
-						value: j(he),
-						hint: `${j(ge)} billed · ${j($)} logged${Q}`,
+						value: M(he),
+						hint: `${M(ge)} billed · ${M($)} logged${Q}`,
 						icon: /* @__PURE__ */ H(I, { className: "h-4 w-4" }),
 						tone: "warning"
 					})
 				]
 			}),
-			J.length > 0 && /* @__PURE__ */ H(S, {
+			J.length > 0 && /* @__PURE__ */ H(C, {
 				title: "Advance lifecycle",
 				children: /* @__PURE__ */ U("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 					children: [/* @__PURE__ */ U("div", {
 						className: "flex items-center gap-2 text-sm text-text-secondary",
-						children: [/* @__PURE__ */ H("span", { children: "Currently" }), /* @__PURE__ */ H(C, { status: r.status })]
+						children: [/* @__PURE__ */ H("span", { children: "Currently" }), /* @__PURE__ */ H(w, { status: r.status })]
 					}), /* @__PURE__ */ H("div", {
 						className: "flex flex-wrap gap-2",
 						children: J.map((e) => {
@@ -117,8 +118,8 @@ var ce = {
 							return /* @__PURE__ */ U(W, {
 								size: "sm",
 								variant: t ? "outline" : "default",
-								disabled: T.isPending,
-								onClick: () => T.mutate({
+								disabled: E.isPending,
+								onClick: () => E.mutate({
 									id: r.id,
 									status: e
 								}, {
@@ -128,7 +129,7 @@ var ce = {
 											status: e
 										}), K({
 											tone: "success",
-											text: `Moved to ${N(e)}.`
+											text: `Moved to ${p(e)}.`
 										});
 									},
 									onError: (e) => K({
@@ -136,7 +137,7 @@ var ce = {
 										text: e instanceof Error ? e.message : "Transition failed."
 									})
 								}),
-								children: [N(e), !t && /* @__PURE__ */ H(ie, { className: "ml-1.5 h-4 w-4" })]
+								children: [p(e), !t && /* @__PURE__ */ H(ie, { className: "ml-1.5 h-4 w-4" })]
 							}, e);
 						})
 					})]
@@ -144,15 +145,15 @@ var ce = {
 			}),
 			/* @__PURE__ */ U("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ H(S, {
+				children: [/* @__PURE__ */ H(C, {
 					title: "Deliverables",
 					action: /* @__PURE__ */ U(W, {
 						size: "sm",
 						variant: "outline",
-						onClick: () => D(!0),
+						onClick: () => O(!0),
 						children: [/* @__PURE__ */ H(z, { className: "mr-1.5 h-4 w-4" }), "Add"]
 					}),
-					children: r.deliverables.length === 0 ? /* @__PURE__ */ H(m, {
+					children: r.deliverables.length === 0 ? /* @__PURE__ */ H(h, {
 						title: "No deliverables",
 						description: "Track the tangible outputs of this engagement.",
 						icon: /* @__PURE__ */ H(L, { className: "h-7 w-7" })
@@ -175,7 +176,7 @@ var ce = {
 										})]
 									}), e.dueDate && /* @__PURE__ */ U("div", {
 										className: "mt-0.5 text-xs text-text-tertiary",
-										children: ["Due ", A(e.dueDate)]
+										children: ["Due ", j(e.dueDate)]
 									})]
 								}), /* @__PURE__ */ H(de, {
 									id: e.id,
@@ -186,7 +187,7 @@ var ce = {
 							})
 						}, e.id))
 					})
-				}), /* @__PURE__ */ H(S, {
+				}), /* @__PURE__ */ H(C, {
 					title: "Milestones",
 					action: /* @__PURE__ */ U(W, {
 						size: "sm",
@@ -194,7 +195,7 @@ var ce = {
 						onClick: () => F(!0),
 						children: [/* @__PURE__ */ H(z, { className: "mr-1.5 h-4 w-4" }), "Add"]
 					}),
-					children: r.milestones.length === 0 ? /* @__PURE__ */ H(m, {
+					children: r.milestones.length === 0 ? /* @__PURE__ */ H(h, {
 						title: "No milestones",
 						description: "Add checkpoints — some can trigger billing.",
 						icon: /* @__PURE__ */ H(R, { className: "h-7 w-7" })
@@ -210,14 +211,14 @@ var ce = {
 								}), /* @__PURE__ */ U("div", {
 									className: "mt-0.5 text-xs text-text-tertiary",
 									children: [
-										e.triggersInvoice ? `Bills ${M(e.triggerAmount, r.currency)} · ` : "",
+										e.triggersInvoice ? `Bills ${N(e.triggerAmount, r.currency)} · ` : "",
 										"Due ",
-										A(e.dueDate)
+										j(e.dueDate)
 									]
 								})]
 							}), /* @__PURE__ */ U("div", {
 								className: "flex shrink-0 items-center gap-2",
-								children: [/* @__PURE__ */ H(C, { status: e.status }), e.status !== "COMPLETED" && e.status !== "CANCELLED" && /* @__PURE__ */ H(fe, {
+								children: [/* @__PURE__ */ H(w, { status: e.status }), e.status !== "COMPLETED" && e.status !== "CANCELLED" && /* @__PURE__ */ H(fe, {
 									id: e.id,
 									engagementId: r.id,
 									onDone: () => void u()
@@ -227,37 +228,37 @@ var ce = {
 					})
 				})]
 			}),
-			/* @__PURE__ */ H(S, {
+			/* @__PURE__ */ H(C, {
 				title: "Team",
-				description: `${b.data?.totalCount ?? 0} staffed on this engagement`,
+				description: `${x.data?.totalCount ?? 0} staffed on this engagement`,
 				action: /* @__PURE__ */ U(W, {
 					size: "sm",
 					variant: "outline",
 					onClick: () => V(!0),
 					children: [/* @__PURE__ */ H(z, { className: "mr-1.5 h-4 w-4" }), "Assign"]
 				}),
-				children: b.isLoading ? /* @__PURE__ */ H(_, { label: "Loading…" }) : b.error ? /* @__PURE__ */ H(h, {
-					error: b.error,
-					onRetry: () => void b.refetch()
-				}) : !b.data || b.data.items.length === 0 ? /* @__PURE__ */ H(m, {
+				children: x.isLoading ? /* @__PURE__ */ H(v, { label: "Loading…" }) : x.error ? /* @__PURE__ */ H(g, {
+					error: x.error,
+					onRetry: () => void x.refetch()
+				}) : !x.data || x.data.items.length === 0 ? /* @__PURE__ */ H(h, {
 					title: "No one assigned",
 					description: "Staff the practitioners delivering this engagement, with their role and billing rate.",
 					icon: /* @__PURE__ */ H(oe, { className: "h-7 w-7" })
-				}) : /* @__PURE__ */ U(w, { children: [/* @__PURE__ */ H("thead", { children: /* @__PURE__ */ U("tr", { children: [
-					/* @__PURE__ */ H(O, { children: "Practitioner" }),
-					/* @__PURE__ */ H(O, { children: "Role" }),
-					/* @__PURE__ */ H(O, { children: "Allocation" }),
-					/* @__PURE__ */ H(O, { children: "Billing rate" }),
-					/* @__PURE__ */ H(O, {
+				}) : /* @__PURE__ */ U(T, { children: [/* @__PURE__ */ H("thead", { children: /* @__PURE__ */ U("tr", { children: [
+					/* @__PURE__ */ H(k, { children: "Practitioner" }),
+					/* @__PURE__ */ H(k, { children: "Role" }),
+					/* @__PURE__ */ H(k, { children: "Allocation" }),
+					/* @__PURE__ */ H(k, { children: "Billing rate" }),
+					/* @__PURE__ */ H(k, {
 						className: "text-right",
 						children: "Actions"
 					})
-				] }) }), /* @__PURE__ */ H("tbody", { children: b.data.items.map((e) => /* @__PURE__ */ H(le, {
+				] }) }), /* @__PURE__ */ H("tbody", { children: x.data.items.map((e) => /* @__PURE__ */ H(le, {
 					assignment: e,
 					currency: r.currency,
 					actors: q,
 					onRemoved: (e) => {
-						b.refetch(), K(e ? {
+						x.refetch(), K(e ? {
 							tone: "success",
 							text: "Team assignment removed."
 						} : {
@@ -275,34 +276,34 @@ var ce = {
 						entityType: "proserviceworld-engagement",
 						entityId: r.id
 					})
-				}), /* @__PURE__ */ H(S, {
+				}), /* @__PURE__ */ H(C, {
 					title: "Time logged",
-					description: `${j($)}${Q}`,
+					description: `${M($)}${Q}`,
 					action: /* @__PURE__ */ U(W, {
 						size: "sm",
 						variant: "outline",
 						onClick: () => t("time"),
 						children: [/* @__PURE__ */ H(I, { className: "mr-1.5 h-4 w-4" }), "Log time"]
 					}),
-					children: g.isLoading ? /* @__PURE__ */ H(_, { label: "Loading…" }) : !g.data || g.data.items.length === 0 ? /* @__PURE__ */ H(m, {
+					children: _.isLoading ? /* @__PURE__ */ H(v, { label: "Loading…" }) : !_.data || _.data.items.length === 0 ? /* @__PURE__ */ H(h, {
 						title: "No time logged",
 						description: "Time logged against this engagement will appear here.",
 						icon: /* @__PURE__ */ H(I, { className: "h-7 w-7" })
 					}) : /* @__PURE__ */ H("ul", {
 						className: "space-y-2",
-						children: g.data.items.slice(0, 8).map((e) => /* @__PURE__ */ U("li", {
+						children: _.data.items.slice(0, 8).map((e) => /* @__PURE__ */ U("li", {
 							className: "rounded-lg border border-border-seam bg-bg-canvas p-3 text-sm",
 							children: [/* @__PURE__ */ U("div", {
 								className: "flex items-center justify-between gap-2",
 								children: [/* @__PURE__ */ H("span", {
 									className: "whitespace-nowrap text-xs text-text-tertiary",
-									children: A(e.date)
+									children: j(e.date)
 								}), /* @__PURE__ */ U("span", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ H("span", {
 										className: "font-medium text-text-primary",
-										children: j(e.minutes)
-									}), /* @__PURE__ */ H(C, { status: e.status })]
+										children: M(e.minutes)
+									}), /* @__PURE__ */ H(w, { status: e.status })]
 								})]
 							}), /* @__PURE__ */ H("div", {
 								className: "mt-1 truncate text-text-secondary",
@@ -317,15 +318,15 @@ var ce = {
 				currency: r.currency,
 				onClose: () => V(!1),
 				onDone: () => {
-					b.refetch(), K({
+					x.refetch(), K({
 						tone: "success",
 						text: "Practitioner assigned."
 					});
 				}
 			}),
-			E && /* @__PURE__ */ H(pe, {
+			D && /* @__PURE__ */ H(pe, {
 				engagementId: r.id,
-				onClose: () => D(!1),
+				onClose: () => O(!1),
 				onDone: () => {
 					u(), K({
 						tone: "success",
@@ -333,7 +334,7 @@ var ce = {
 					});
 				}
 			}),
-			k && /* @__PURE__ */ H(me, {
+			A && /* @__PURE__ */ H(me, {
 				engagementId: r.id,
 				onClose: () => F(!1),
 				onDone: () => {
@@ -350,7 +351,7 @@ var ce = {
 	return /* @__PURE__ */ U("tr", {
 		className: "transition-colors hover:bg-bg-sunken/60",
 		children: [
-			/* @__PURE__ */ U(T, { children: [/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ U(E, { children: [/* @__PURE__ */ U("div", {
 				className: "flex items-center gap-2",
 				children: [/* @__PURE__ */ H("span", {
 					className: "font-medium text-text-primary",
@@ -363,17 +364,17 @@ var ce = {
 				className: "text-xs text-text-tertiary",
 				children: o
 			}) : null] }),
-			/* @__PURE__ */ H(T, {
+			/* @__PURE__ */ H(E, {
 				className: "whitespace-nowrap",
-				children: N(e.role)
+				children: p(e.role)
 			}),
-			/* @__PURE__ */ U(T, {
+			/* @__PURE__ */ U(E, {
 				className: "whitespace-nowrap",
 				children: [e.allocationPct, "%"]
 			}),
-			/* @__PURE__ */ H(T, {
+			/* @__PURE__ */ H(E, {
 				className: "whitespace-nowrap",
-				children: e.billingRate > 0 ? /* @__PURE__ */ U(V, { children: [M(e.billingRate, t), /* @__PURE__ */ H("span", {
+				children: e.billingRate > 0 ? /* @__PURE__ */ U(V, { children: [N(e.billingRate, t), /* @__PURE__ */ H("span", {
 					className: "text-xs text-text-tertiary",
 					children: " / hr"
 				})] }) : /* @__PURE__ */ H("span", {
@@ -381,7 +382,7 @@ var ce = {
 					children: "—"
 				})
 			}),
-			/* @__PURE__ */ H(T, {
+			/* @__PURE__ */ H(E, {
 				className: "text-right",
 				children: /* @__PURE__ */ H(W, {
 					variant: "ghost",
@@ -400,17 +401,17 @@ var ce = {
 		]
 	});
 }, ue = ({ engagementId: n, currency: r, onClose: i, onDone: a }) => {
-	let { workspaceId: o } = e(), s = G({ workspaceId: o ?? "" }), c = t(), [l, u] = P(""), [d, f] = P("ASSOCIATE"), [m, h] = P(!1), [_, v] = P("100"), [x, S] = P(""), [C, w] = P(null), T = () => {
+	let { workspaceId: o } = e(), s = G({ workspaceId: o ?? "" }), c = t(), [l, u] = P(""), [d, f] = P("ASSOCIATE"), [p, h] = P(!1), [g, v] = P("100"), [y, S] = P(""), [C, w] = P(null), T = () => {
 		if (w(null), !l) return w("Choose a practitioner to assign.");
-		let e = Number(_);
+		let e = Number(g);
 		if (!Number.isFinite(e) || e < 1 || e > 100) return w("Allocation must be between 1 and 100.");
-		let t = x.trim() ? Number(x) : 0;
+		let t = y.trim() ? Number(y) : 0;
 		if (!Number.isFinite(t) || t < 0) return w("Billing rate must be a positive number.");
 		c.mutate({
 			engagementId: n,
 			practitionerId: l,
 			role: d,
-			isLead: m,
+			isLead: p,
 			allocationPct: Math.round(e),
 			billingRate: t
 		}, {
@@ -420,7 +421,7 @@ var ce = {
 			onError: (e) => w(e instanceof Error ? e.message : "Could not assign.")
 		});
 	}, E = !s.loading && s.members.length === 0;
-	return /* @__PURE__ */ H(y, {
+	return /* @__PURE__ */ H(b, {
 		open: !0,
 		onClose: i,
 		title: "Assign practitioner",
@@ -437,18 +438,18 @@ var ce = {
 		children: /* @__PURE__ */ U("div", {
 			className: "space-y-3",
 			children: [
-				C && /* @__PURE__ */ H(p, {
+				C && /* @__PURE__ */ H(m, {
 					tone: "danger",
 					children: C
 				}),
-				E && /* @__PURE__ */ H(p, {
+				E && /* @__PURE__ */ H(m, {
 					tone: "danger",
 					children: "The workspace member directory could not be read, so there is nobody to assign here."
 				}),
-				/* @__PURE__ */ H(g, {
+				/* @__PURE__ */ H(_, {
 					label: "Practitioner",
 					required: !0,
-					children: /* @__PURE__ */ U(b, {
+					children: /* @__PURE__ */ U(x, {
 						value: l,
 						onChange: (e) => u(e.target.value),
 						disabled: s.loading || E,
@@ -470,32 +471,32 @@ var ce = {
 				}),
 				/* @__PURE__ */ U("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-					children: [/* @__PURE__ */ H(g, {
+					children: [/* @__PURE__ */ H(_, {
 						label: "Role",
-						children: /* @__PURE__ */ H(b, {
+						children: /* @__PURE__ */ H(x, {
 							value: d,
 							onChange: (e) => f(e.target.value),
-							children: k(q)
+							children: A(q)
 						})
-					}), /* @__PURE__ */ H(g, {
+					}), /* @__PURE__ */ H(_, {
 						label: "Allocation %",
 						hint: "Share of this person's time on the engagement.",
-						children: /* @__PURE__ */ H(D, {
+						children: /* @__PURE__ */ H(O, {
 							type: "number",
 							min: 1,
 							max: 100,
-							value: _,
+							value: g,
 							onChange: (e) => v(e.target.value)
 						})
 					})]
 				}),
-				/* @__PURE__ */ H(g, {
+				/* @__PURE__ */ H(_, {
 					label: `Billing rate (${r} / hr)`,
 					hint: "Leave blank for a non-billed seat.",
-					children: /* @__PURE__ */ H(D, {
+					children: /* @__PURE__ */ H(O, {
 						type: "number",
 						min: 0,
-						value: x,
+						value: y,
 						onChange: (e) => S(e.target.value),
 						placeholder: "0"
 					})
@@ -504,7 +505,7 @@ var ce = {
 					className: "flex items-center gap-2 text-sm text-text-secondary",
 					children: [/* @__PURE__ */ H("input", {
 						type: "checkbox",
-						checked: m,
+						checked: p,
 						onChange: (e) => h(e.target.checked),
 						className: "h-4 w-4 rounded border-border-seam accent-accent"
 					}), "Engagement lead"]
@@ -514,7 +515,7 @@ var ce = {
 	});
 }, de = ({ id: e, engagementId: t, status: n, onDone: r }) => {
 	let i = u();
-	return /* @__PURE__ */ H(b, {
+	return /* @__PURE__ */ H(x, {
 		value: n,
 		disabled: i.isPending,
 		onChange: (n) => i.mutate({
@@ -525,7 +526,7 @@ var ce = {
 		className: "w-40 shrink-0",
 		children: K.map((e) => /* @__PURE__ */ H("option", {
 			value: e,
-			children: N(e)
+			children: p(e)
 		}, e))
 	});
 }, fe = ({ id: e, engagementId: t, onDone: r }) => {
@@ -551,7 +552,7 @@ var ce = {
 		...n,
 		[e]: t.target.value
 	}));
-	return /* @__PURE__ */ H(y, {
+	return /* @__PURE__ */ H(b, {
 		open: !0,
 		onClose: t,
 		title: "Add deliverable",
@@ -582,37 +583,37 @@ var ce = {
 		children: /* @__PURE__ */ U("div", {
 			className: "space-y-3",
 			children: [
-				s && /* @__PURE__ */ H(p, {
+				s && /* @__PURE__ */ H(m, {
 					tone: "danger",
 					children: s
 				}),
-				/* @__PURE__ */ H(g, {
+				/* @__PURE__ */ H(_, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ H(D, {
+					children: /* @__PURE__ */ H(O, {
 						value: a.name,
 						onChange: l("name"),
 						placeholder: "Draft audit report"
 					})
 				}),
-				/* @__PURE__ */ H(g, {
+				/* @__PURE__ */ H(_, {
 					label: "Due date",
-					children: /* @__PURE__ */ H(D, {
+					children: /* @__PURE__ */ H(O, {
 						type: "date",
 						value: a.dueDate,
 						onChange: l("dueDate")
 					})
 				}),
-				/* @__PURE__ */ H(g, {
+				/* @__PURE__ */ H(_, {
 					label: "Acceptance criteria",
-					children: /* @__PURE__ */ H(E, {
+					children: /* @__PURE__ */ H(D, {
 						value: a.acceptanceCriteria,
 						onChange: l("acceptanceCriteria")
 					})
 				}),
-				/* @__PURE__ */ H(g, {
+				/* @__PURE__ */ H(_, {
 					label: "Description",
-					children: /* @__PURE__ */ H(E, {
+					children: /* @__PURE__ */ H(D, {
 						value: a.description,
 						onChange: l("description")
 					})
@@ -627,7 +628,7 @@ var ce = {
 		triggerAmount: "",
 		triggersInvoice: !1
 	}), [s, c] = P(null);
-	return /* @__PURE__ */ H(y, {
+	return /* @__PURE__ */ H(b, {
 		open: !0,
 		onClose: t,
 		title: "Add milestone",
@@ -658,14 +659,14 @@ var ce = {
 		children: /* @__PURE__ */ U("div", {
 			className: "space-y-3",
 			children: [
-				s && /* @__PURE__ */ H(p, {
+				s && /* @__PURE__ */ H(m, {
 					tone: "danger",
 					children: s
 				}),
-				/* @__PURE__ */ H(g, {
+				/* @__PURE__ */ H(_, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ H(D, {
+					children: /* @__PURE__ */ H(O, {
 						value: a.name,
 						onChange: (e) => o((t) => ({
 							...t,
@@ -674,9 +675,9 @@ var ce = {
 						placeholder: "Phase 1 sign-off"
 					})
 				}),
-				/* @__PURE__ */ H(g, {
+				/* @__PURE__ */ H(_, {
 					label: "Due date",
-					children: /* @__PURE__ */ H(D, {
+					children: /* @__PURE__ */ H(O, {
 						type: "date",
 						value: a.dueDate,
 						onChange: (e) => o((t) => ({
@@ -685,10 +686,10 @@ var ce = {
 						}))
 					})
 				}),
-				/* @__PURE__ */ H(g, {
+				/* @__PURE__ */ H(_, {
 					label: "Trigger amount",
 					hint: "Amount billed when this milestone completes (if it triggers an invoice).",
-					children: /* @__PURE__ */ H(D, {
+					children: /* @__PURE__ */ H(O, {
 						type: "number",
 						min: "0",
 						value: a.triggerAmount,