@burdenoff/microfe-proserviceworld 2026.731.1 → 2026.827.1

package/dist/proserviceworld/pages/EngagementDetailPage.js

@@ -1,15 +1,18 @@
-import { useCompleteMilestone as e, useCreateDeliverable as t, useCreateMilestone as n, useEngagement as r, useTimeEntries as i, useTransitionDeliverable as a, useTransitionEngagement as o } from "../hooks/useProServiceWorldApi.js";
-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 { 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";
+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 { useActorNames as ee } from "../hooks/useActorNames.js";
+import { DiscussionThread as te } from "../components/DiscussionThread.js";
+import { useAnalytics as ne } from "../hooks/useAnalytics.js";
+import { useState as P } from "react";
+import { ArrowLeft as re, ArrowRight as ie, CheckCircle2 as F, Clock as I, DollarSign as ae, FileText as L, Flag as R, Plus as z, Trash2 as B, Users as oe } from "lucide-react";
+import { useParams as se } from "react-router";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { Button as W } from "@burdenoff/fe-libs/ui";
+import { useWorkspaceDirectory as G } from "@burdenoff/fe-libs/sharing";
 //#region src/proserviceworld/pages/EngagementDetailPage.tsx
-var V = {
+var ce = {
 	PROPOSAL: ["ACCEPTED", "CANCELLED"],
 	ACCEPTED: ["IN_PROGRESS", "CANCELLED"],
 	IN_PROGRESS: ["REVIEW", "CANCELLED"],
@@ -22,233 +25,286 @@ var V = {
 	INVOICED: ["CLOSED"],
 	CLOSED: [],
 	CANCELLED: []
-}, H = [
+}, K = [
 	"DRAFT",
 	"INTERNAL_REVIEW",
 	"CLIENT_REVIEW",
 	"ACCEPTED",
 	"REJECTED"
-], 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()
+], q = [
+	"PARTNER",
+	"MANAGER",
+	"ASSOCIATE",
+	"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, {
+		error: s,
+		onRetry: () => void u()
 	});
-	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", {
+	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 = [
+		r.client?.name,
+		ye,
+		N(r.feeArrangement),
+		r.responsiblePartnerId ? `Partner: ${q.nameOf(r.responsiblePartnerId)}` : null
+	].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ U("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ z("button", {
+			/* @__PURE__ */ U("button", {
 				type: "button",
 				onClick: () => t("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"]
+				children: [/* @__PURE__ */ H(re, { className: "h-4 w-4" }), " Back to engagements"]
 			}),
-			/* @__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 })
+			/* @__PURE__ */ H(x, {
+				title: r.name,
+				subtitle: be,
+				actions: /* @__PURE__ */ H(C, { status: r.status })
 			}),
-			J && /* @__PURE__ */ R(c, {
-				tone: J.tone,
-				onClose: () => Y(null),
-				children: J.text
+			G && /* @__PURE__ */ H(p, {
+				tone: G.tone,
+				onClose: () => K(null),
+				children: G.text
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ U("div", {
 				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ R(p, {
+					/* @__PURE__ */ H(v, {
 						label: "Fee",
-						value: C(a.feeAmount, a.currency),
-						hint: w(a.feeArrangement),
-						icon: /* @__PURE__ */ R(M, { className: "h-4 w-4" }),
+						value: M(r.feeAmount, r.currency),
+						hint: N(r.feeArrangement),
+						icon: /* @__PURE__ */ H(ae, { className: "h-4 w-4" }),
 						tone: "success"
 					}),
-					/* @__PURE__ */ R(p, {
+					/* @__PURE__ */ H(v, {
 						label: "Deliverables",
-						value: a.deliverables.length,
-						icon: /* @__PURE__ */ R(N, { className: "h-4 w-4" }),
+						value: r.deliverables.length,
+						hint: `${ve} in client review`,
+						icon: /* @__PURE__ */ H(L, { className: "h-4 w-4" }),
 						tone: "info"
 					}),
-					/* @__PURE__ */ R(p, {
+					/* @__PURE__ */ H(v, {
 						label: "Milestones",
-						value: a.milestones.length,
-						icon: /* @__PURE__ */ R(P, { className: "h-4 w-4" }),
+						value: `${_e} of ${r.milestones.length}`,
+						hint: "Completed",
+						icon: /* @__PURE__ */ H(R, { className: "h-4 w-4" }),
 						tone: "accent"
 					}),
-					/* @__PURE__ */ R(p, {
-						label: "Time logged",
-						value: S(Z),
-						hint: `${y.data?.totalCount ?? 0} entries`,
-						icon: /* @__PURE__ */ R(j, { className: "h-4 w-4" }),
+					/* @__PURE__ */ H(v, {
+						label: "Unbilled hours",
+						value: j(he),
+						hint: `${j(ge)} billed · ${j($)} logged${Q}`,
+						icon: /* @__PURE__ */ H(I, { className: "h-4 w-4" }),
 						tone: "warning"
 					})
 				]
 			}),
-			X.length > 0 && /* @__PURE__ */ R(_, {
+			J.length > 0 && /* @__PURE__ */ H(S, {
 				title: "Advance lifecycle",
-				children: /* @__PURE__ */ z("div", {
+				children: /* @__PURE__ */ U("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ z("div", {
+					children: [/* @__PURE__ */ U("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", {
+						children: [/* @__PURE__ */ H("span", { children: "Currently" }), /* @__PURE__ */ H(C, { status: r.status })]
+					}), /* @__PURE__ */ H("div", {
 						className: "flex flex-wrap gap-2",
-						children: X.map((e) => {
+						children: J.map((e) => {
 							let t = e === "CANCELLED";
-							return /* @__PURE__ */ z(B, {
+							return /* @__PURE__ */ U(W, {
 								size: "sm",
 								variant: t ? "outline" : "default",
-								disabled: b.isPending,
-								onClick: () => b.mutate({
-									id: a.id,
+								disabled: T.isPending,
+								onClick: () => T.mutate({
+									id: r.id,
 									status: e
 								}, {
 									onSuccess: () => {
 										n("psw.engagement.transitioned", {
-											engagementId: a.id,
+											engagementId: r.id,
 											status: e
-										}), Y({
+										}), K({
 											tone: "success",
-											text: `Moved to ${w(e)}.`
+											text: `Moved to ${N(e)}.`
 										});
 									},
-									onError: (e) => Y({
+									onError: (e) => K({
 										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" })]
+								children: [N(e), !t && /* @__PURE__ */ H(ie, { className: "ml-1.5 h-4 w-4" })]
 							}, e);
 						})
 					})]
 				})
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ U("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ R(_, {
+				children: [/* @__PURE__ */ H(S, {
 					title: "Deliverables",
-					action: /* @__PURE__ */ z(B, {
+					action: /* @__PURE__ */ U(W, {
 						size: "sm",
 						variant: "outline",
-						onClick: () => L(!0),
-						children: [/* @__PURE__ */ R(F, { className: "mr-1.5 h-4 w-4" }), "Add"]
+						onClick: () => D(!0),
+						children: [/* @__PURE__ */ H(z, { className: "mr-1.5 h-4 w-4" }), "Add"]
 					}),
-					children: a.deliverables.length === 0 ? /* @__PURE__ */ R(l, {
+					children: r.deliverables.length === 0 ? /* @__PURE__ */ H(m, {
 						title: "No deliverables",
 						description: "Track the tangible outputs of this engagement.",
-						icon: /* @__PURE__ */ R(N, { className: "h-7 w-7" })
-					}) : /* @__PURE__ */ R("ul", {
+						icon: /* @__PURE__ */ H(L, { className: "h-7 w-7" })
+					}) : /* @__PURE__ */ H("ul", {
 						className: "space-y-2.5",
-						children: a.deliverables.map((e) => /* @__PURE__ */ R("li", {
+						children: r.deliverables.map((e) => /* @__PURE__ */ H("li", {
 							className: "rounded-xl border border-border-seam bg-bg-canvas p-3.5 transition-colors hover:border-accent/40",
-							children: /* @__PURE__ */ z("div", {
+							children: /* @__PURE__ */ U("div", {
 								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ z("div", {
+								children: [/* @__PURE__ */ U("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ z("div", {
+									children: [/* @__PURE__ */ U("div", {
 										className: "flex items-center gap-2 text-sm font-medium text-text-primary",
-										children: [/* @__PURE__ */ R("span", {
+										children: [/* @__PURE__ */ H("span", {
 											className: "truncate",
 											children: e.name
-										}), /* @__PURE__ */ z("span", {
+										}), /* @__PURE__ */ U("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__ */ z("div", {
+									}), e.dueDate && /* @__PURE__ */ U("div", {
 										className: "mt-0.5 text-xs text-text-tertiary",
-										children: ["Due ", x(e.dueDate)]
+										children: ["Due ", A(e.dueDate)]
 									})]
-								}), /* @__PURE__ */ R(W, {
+								}), /* @__PURE__ */ H(de, {
 									id: e.id,
-									engagementId: a.id,
+									engagementId: r.id,
 									status: e.status,
-									onDone: () => void h()
+									onDone: () => void u()
 								})]
 							})
 						}, e.id))
 					})
-				}), /* @__PURE__ */ R(_, {
+				}), /* @__PURE__ */ H(S, {
 					title: "Milestones",
-					action: /* @__PURE__ */ z(B, {
+					action: /* @__PURE__ */ U(W, {
 						size: "sm",
 						variant: "outline",
-						onClick: () => U(!0),
-						children: [/* @__PURE__ */ R(F, { className: "mr-1.5 h-4 w-4" }), "Add"]
+						onClick: () => F(!0),
+						children: [/* @__PURE__ */ H(z, { className: "mr-1.5 h-4 w-4" }), "Add"]
 					}),
-					children: a.milestones.length === 0 ? /* @__PURE__ */ R(l, {
+					children: r.milestones.length === 0 ? /* @__PURE__ */ H(m, {
 						title: "No milestones",
 						description: "Add checkpoints — some can trigger billing.",
-						icon: /* @__PURE__ */ R(P, { className: "h-7 w-7" })
-					}) : /* @__PURE__ */ R("ul", {
+						icon: /* @__PURE__ */ H(R, { className: "h-7 w-7" })
+					}) : /* @__PURE__ */ H("ul", {
 						className: "space-y-2.5",
-						children: a.milestones.map((e) => /* @__PURE__ */ z("li", {
+						children: r.milestones.map((e) => /* @__PURE__ */ U("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", {
+							children: [/* @__PURE__ */ U("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ R("div", {
+								children: [/* @__PURE__ */ H("div", {
 									className: "truncate text-sm font-medium text-text-primary",
 									children: e.name
-								}), /* @__PURE__ */ z("div", {
+								}), /* @__PURE__ */ U("div", {
 									className: "mt-0.5 text-xs text-text-tertiary",
 									children: [
-										e.triggersInvoice ? `Bills ${C(e.triggerAmount, a.currency)} · ` : "",
+										e.triggersInvoice ? `Bills ${M(e.triggerAmount, r.currency)} · ` : "",
 										"Due ",
-										x(e.dueDate)
+										A(e.dueDate)
 									]
 								})]
-							}), /* @__PURE__ */ z("div", {
+							}), /* @__PURE__ */ U("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, {
+								children: [/* @__PURE__ */ H(C, { status: e.status }), e.status !== "COMPLETED" && e.status !== "CANCELLED" && /* @__PURE__ */ H(fe, {
 									id: e.id,
-									engagementId: a.id,
-									onDone: () => void h()
+									engagementId: r.id,
+									onDone: () => void u()
 								})]
 							})]
 						}, e.id))
 					})
 				})]
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ H(S, {
+				title: "Team",
+				description: `${b.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, {
+					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, {
+						className: "text-right",
+						children: "Actions"
+					})
+				] }) }), /* @__PURE__ */ H("tbody", { children: b.data.items.map((e) => /* @__PURE__ */ H(le, {
+					assignment: e,
+					currency: r.currency,
+					actors: q,
+					onRemoved: (e) => {
+						b.refetch(), K(e ? {
+							tone: "success",
+							text: "Team assignment removed."
+						} : {
+							tone: "danger",
+							text: "Could not remove the assignment."
+						});
+					}
+				}, e.id)) })] })
+			}),
+			/* @__PURE__ */ U("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: "lg:col-span-2",
-					children: /* @__PURE__ */ R(T, {
+					children: /* @__PURE__ */ H(te, {
 						entityType: "proserviceworld-engagement",
-						entityId: a.id
+						entityId: r.id
 					})
-				}), /* @__PURE__ */ R(_, {
+				}), /* @__PURE__ */ H(S, {
 					title: "Time logged",
-					description: S(Z),
-					action: /* @__PURE__ */ z(B, {
+					description: `${j($)}${Q}`,
+					action: /* @__PURE__ */ U(W, {
 						size: "sm",
 						variant: "outline",
 						onClick: () => t("time"),
-						children: [/* @__PURE__ */ R(j, { className: "mr-1.5 h-4 w-4" }), "Log time"]
+						children: [/* @__PURE__ */ H(I, { 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, {
+					children: g.isLoading ? /* @__PURE__ */ H(_, { label: "Loading…" }) : !g.data || g.data.items.length === 0 ? /* @__PURE__ */ H(m, {
 						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", {
+						icon: /* @__PURE__ */ H(I, { className: "h-7 w-7" })
+					}) : /* @__PURE__ */ H("ul", {
 						className: "space-y-2",
-						children: y.data.items.slice(0, 8).map((e) => /* @__PURE__ */ z("li", {
+						children: g.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__ */ z("div", {
+							children: [/* @__PURE__ */ U("div", {
 								className: "flex items-center justify-between gap-2",
-								children: [/* @__PURE__ */ R("span", {
+								children: [/* @__PURE__ */ H("span", {
 									className: "whitespace-nowrap text-xs text-text-tertiary",
-									children: x(e.date)
-								}), /* @__PURE__ */ z("span", {
+									children: A(e.date)
+								}), /* @__PURE__ */ U("span", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ R("span", {
+									children: [/* @__PURE__ */ H("span", {
 										className: "font-medium text-text-primary",
-										children: S(e.minutes)
-									}), /* @__PURE__ */ R(v, { status: e.status })]
+										children: j(e.minutes)
+									}), /* @__PURE__ */ H(C, { status: e.status })]
 								})]
-							}), /* @__PURE__ */ R("div", {
+							}), /* @__PURE__ */ H("div", {
 								className: "mt-1 truncate text-text-secondary",
 								children: e.narrative || "Time entry"
 							})]
@@ -256,21 +312,32 @@ var V = {
 					})
 				})]
 			}),
-			A && /* @__PURE__ */ R(K, {
-				engagementId: a.id,
-				onClose: () => L(!1),
+			B && /* @__PURE__ */ H(ue, {
+				engagementId: r.id,
+				currency: r.currency,
+				onClose: () => V(!1),
+				onDone: () => {
+					b.refetch(), K({
+						tone: "success",
+						text: "Practitioner assigned."
+					});
+				}
+			}),
+			E && /* @__PURE__ */ H(pe, {
+				engagementId: r.id,
+				onClose: () => D(!1),
 				onDone: () => {
-					h(), Y({
+					u(), K({
 						tone: "success",
 						text: "Deliverable added."
 					});
 				}
 			}),
-			H && /* @__PURE__ */ R(q, {
-				engagementId: a.id,
-				onClose: () => U(!1),
+			k && /* @__PURE__ */ H(me, {
+				engagementId: r.id,
+				onClose: () => F(!1),
 				onDone: () => {
-					h(), Y({
+					u(), K({
 						tone: "success",
 						text: "Milestone added."
 					});
@@ -278,9 +345,176 @@ var V = {
 			})
 		]
 	});
-}, W = ({ id: e, engagementId: t, status: n, onDone: r }) => {
-	let i = a();
-	return /* @__PURE__ */ R(h, {
+}, le = ({ assignment: e, currency: t, actors: n, onRemoved: r }) => {
+	let i = s(), a = n.nameOf(e.practitionerId), o = n.profiles[e.practitionerId]?.email;
+	return /* @__PURE__ */ U("tr", {
+		className: "transition-colors hover:bg-bg-sunken/60",
+		children: [
+			/* @__PURE__ */ U(T, { children: [/* @__PURE__ */ U("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ H("span", {
+					className: "font-medium text-text-primary",
+					children: a
+				}), e.isLead && /* @__PURE__ */ H("span", {
+					className: "rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-accent",
+					children: "Lead"
+				})]
+			}), o ? /* @__PURE__ */ H("div", {
+				className: "text-xs text-text-tertiary",
+				children: o
+			}) : null] }),
+			/* @__PURE__ */ H(T, {
+				className: "whitespace-nowrap",
+				children: N(e.role)
+			}),
+			/* @__PURE__ */ U(T, {
+				className: "whitespace-nowrap",
+				children: [e.allocationPct, "%"]
+			}),
+			/* @__PURE__ */ H(T, {
+				className: "whitespace-nowrap",
+				children: e.billingRate > 0 ? /* @__PURE__ */ U(V, { children: [M(e.billingRate, t), /* @__PURE__ */ H("span", {
+					className: "text-xs text-text-tertiary",
+					children: " / hr"
+				})] }) : /* @__PURE__ */ H("span", {
+					className: "text-text-tertiary",
+					children: "—"
+				})
+			}),
+			/* @__PURE__ */ H(T, {
+				className: "text-right",
+				children: /* @__PURE__ */ H(W, {
+					variant: "ghost",
+					size: "sm",
+					"aria-label": `Remove ${a}`,
+					disabled: i.isPending,
+					onClick: () => {
+						window.confirm(`Remove ${a} from this engagement?`) && i.mutate(e.id, {
+							onSuccess: (e) => r(!!e.pswRemoveTeamAssignment),
+							onError: () => r(!1)
+						});
+					},
+					children: /* @__PURE__ */ H(B, { className: "h-4 w-4" })
+				})
+			})
+		]
+	});
+}, 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 = () => {
+		if (w(null), !l) return w("Choose a practitioner to assign.");
+		let e = Number(_);
+		if (!Number.isFinite(e) || e < 1 || e > 100) return w("Allocation must be between 1 and 100.");
+		let t = x.trim() ? Number(x) : 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,
+			allocationPct: Math.round(e),
+			billingRate: t
+		}, {
+			onSuccess: () => {
+				a(), i();
+			},
+			onError: (e) => w(e instanceof Error ? e.message : "Could not assign.")
+		});
+	}, E = !s.loading && s.members.length === 0;
+	return /* @__PURE__ */ H(y, {
+		open: !0,
+		onClose: i,
+		title: "Assign practitioner",
+		footer: /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(W, {
+			variant: "outline",
+			onClick: i,
+			disabled: c.isPending,
+			children: "Cancel"
+		}), /* @__PURE__ */ H(W, {
+			onClick: T,
+			disabled: c.isPending || E,
+			children: c.isPending ? "Assigning…" : "Assign"
+		})] }),
+		children: /* @__PURE__ */ U("div", {
+			className: "space-y-3",
+			children: [
+				C && /* @__PURE__ */ H(p, {
+					tone: "danger",
+					children: C
+				}),
+				E && /* @__PURE__ */ H(p, {
+					tone: "danger",
+					children: "The workspace member directory could not be read, so there is nobody to assign here."
+				}),
+				/* @__PURE__ */ H(g, {
+					label: "Practitioner",
+					required: !0,
+					children: /* @__PURE__ */ U(b, {
+						value: l,
+						onChange: (e) => u(e.target.value),
+						disabled: s.loading || E,
+						children: [/* @__PURE__ */ H("option", {
+							value: "",
+							children: s.loading ? "Loading members…" : "Select a member"
+						}), s.members.map((e) => /* @__PURE__ */ H("option", {
+							value: e.id,
+							children: e.email ? `${e.name} · ${e.email}` : e.name
+						}, e.id))]
+					})
+				}),
+				s.hasMore && /* @__PURE__ */ H(W, {
+					variant: "outline",
+					size: "sm",
+					onClick: s.fetchMore,
+					disabled: s.loading,
+					children: "Load more members"
+				}),
+				/* @__PURE__ */ U("div", {
+					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+					children: [/* @__PURE__ */ H(g, {
+						label: "Role",
+						children: /* @__PURE__ */ H(b, {
+							value: d,
+							onChange: (e) => f(e.target.value),
+							children: k(q)
+						})
+					}), /* @__PURE__ */ H(g, {
+						label: "Allocation %",
+						hint: "Share of this person's time on the engagement.",
+						children: /* @__PURE__ */ H(D, {
+							type: "number",
+							min: 1,
+							max: 100,
+							value: _,
+							onChange: (e) => v(e.target.value)
+						})
+					})]
+				}),
+				/* @__PURE__ */ H(g, {
+					label: `Billing rate (${r} / hr)`,
+					hint: "Leave blank for a non-billed seat.",
+					children: /* @__PURE__ */ H(D, {
+						type: "number",
+						min: 0,
+						value: x,
+						onChange: (e) => S(e.target.value),
+						placeholder: "0"
+					})
+				}),
+				/* @__PURE__ */ U("label", {
+					className: "flex items-center gap-2 text-sm text-text-secondary",
+					children: [/* @__PURE__ */ H("input", {
+						type: "checkbox",
+						checked: m,
+						onChange: (e) => h(e.target.checked),
+						className: "h-4 w-4 rounded border-border-seam accent-accent"
+					}), "Engagement lead"]
+				})
+			]
+		})
+	});
+}, de = ({ id: e, engagementId: t, status: n, onDone: r }) => {
+	let i = u();
+	return /* @__PURE__ */ H(b, {
 		value: n,
 		disabled: i.isPending,
 		onChange: (n) => i.mutate({
@@ -289,46 +523,46 @@ var V = {
 			engagementId: t
 		}, { onSuccess: r }),
 		className: "w-40 shrink-0",
-		children: H.map((e) => /* @__PURE__ */ R("option", {
+		children: K.map((e) => /* @__PURE__ */ H("option", {
 			value: e,
-			children: w(e)
+			children: N(e)
 		}, e))
 	});
-}, G = ({ id: t, engagementId: n, onDone: r }) => {
-	let i = e();
-	return /* @__PURE__ */ R(B, {
+}, fe = ({ id: e, engagementId: t, onDone: r }) => {
+	let i = n();
+	return /* @__PURE__ */ H(W, {
 		variant: "ghost",
 		size: "sm",
 		"aria-label": "Complete milestone",
 		disabled: i.isPending,
 		onClick: () => i.mutate({
-			id: t,
-			engagementId: n
+			id: e,
+			engagementId: t
 		}, { onSuccess: r }),
-		children: /* @__PURE__ */ R(A, { className: "h-4 w-4" })
+		children: /* @__PURE__ */ H(F, { className: "h-4 w-4" })
 	});
-}, K = ({ engagementId: e, onClose: n, onDone: r }) => {
-	let i = t(), [a, o] = D({
+}, pe = ({ engagementId: e, onClose: t, onDone: n }) => {
+	let i = r(), [a, o] = P({
 		name: "",
 		description: "",
 		dueDate: "",
 		acceptanceCriteria: ""
-	}), [s, l] = D(null), u = (e) => (t) => o((n) => ({
+	}), [s, c] = P(null), l = (e) => (t) => o((n) => ({
 		...n,
 		[e]: t.target.value
 	}));
-	return /* @__PURE__ */ R(m, {
+	return /* @__PURE__ */ H(y, {
 		open: !0,
-		onClose: n,
+		onClose: t,
 		title: "Add deliverable",
-		footer: /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(B, {
+		footer: /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(W, {
 			variant: "outline",
-			onClick: n,
+			onClick: t,
 			disabled: i.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ R(B, {
+		}), /* @__PURE__ */ H(W, {
 			onClick: () => {
-				if (l(null), !a.name.trim()) return l("Name is required.");
+				if (c(null), !a.name.trim()) return c("Name is required.");
 				i.mutate({
 					engagementId: e,
 					name: a.name.trim(),
@@ -337,75 +571,75 @@ var V = {
 					dueDate: a.dueDate ? new Date(a.dueDate).toISOString() : null
 				}, {
 					onSuccess: () => {
-						r(), n();
+						n(), t();
 					},
-					onError: (e) => l(e instanceof Error ? e.message : "Failed.")
+					onError: (e) => c(e instanceof Error ? e.message : "Failed.")
 				});
 			},
 			disabled: i.isPending,
 			children: i.isPending ? "Adding…" : "Add"
 		})] }),
-		children: /* @__PURE__ */ z("div", {
+		children: /* @__PURE__ */ U("div", {
 			className: "space-y-3",
 			children: [
-				s && /* @__PURE__ */ R(c, {
+				s && /* @__PURE__ */ H(p, {
 					tone: "danger",
 					children: s
 				}),
-				/* @__PURE__ */ R(d, {
+				/* @__PURE__ */ H(g, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ R(b, {
+					children: /* @__PURE__ */ H(D, {
 						value: a.name,
-						onChange: u("name"),
+						onChange: l("name"),
 						placeholder: "Draft audit report"
 					})
 				}),
-				/* @__PURE__ */ R(d, {
+				/* @__PURE__ */ H(g, {
 					label: "Due date",
-					children: /* @__PURE__ */ R(b, {
+					children: /* @__PURE__ */ H(D, {
 						type: "date",
 						value: a.dueDate,
-						onChange: u("dueDate")
+						onChange: l("dueDate")
 					})
 				}),
-				/* @__PURE__ */ R(d, {
+				/* @__PURE__ */ H(g, {
 					label: "Acceptance criteria",
-					children: /* @__PURE__ */ R(y, {
+					children: /* @__PURE__ */ H(E, {
 						value: a.acceptanceCriteria,
-						onChange: u("acceptanceCriteria")
+						onChange: l("acceptanceCriteria")
 					})
 				}),
-				/* @__PURE__ */ R(d, {
+				/* @__PURE__ */ H(g, {
 					label: "Description",
-					children: /* @__PURE__ */ R(y, {
+					children: /* @__PURE__ */ H(E, {
 						value: a.description,
-						onChange: u("description")
+						onChange: l("description")
 					})
 				})
 			]
 		})
 	});
-}, q = ({ engagementId: e, onClose: t, onDone: r }) => {
-	let i = n(), [a, o] = D({
+}, me = ({ engagementId: e, onClose: t, onDone: n }) => {
+	let r = i(), [a, o] = P({
 		name: "",
 		dueDate: "",
 		triggerAmount: "",
 		triggersInvoice: !1
-	}), [s, l] = D(null);
-	return /* @__PURE__ */ R(m, {
+	}), [s, c] = P(null);
+	return /* @__PURE__ */ H(y, {
 		open: !0,
 		onClose: t,
 		title: "Add milestone",
-		footer: /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(B, {
+		footer: /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(W, {
 			variant: "outline",
 			onClick: t,
-			disabled: i.isPending,
+			disabled: r.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ R(B, {
+		}), /* @__PURE__ */ H(W, {
 			onClick: () => {
-				if (l(null), !a.name.trim()) return l("Name is required.");
-				i.mutate({
+				if (c(null), !a.name.trim()) return c("Name is required.");
+				r.mutate({
 					engagementId: e,
 					name: a.name.trim(),
 					dueDate: a.dueDate ? new Date(a.dueDate).toISOString() : null,
@@ -413,25 +647,25 @@ var V = {
 					triggersInvoice: a.triggersInvoice
 				}, {
 					onSuccess: () => {
-						r(), t();
+						n(), t();
 					},
-					onError: (e) => l(e instanceof Error ? e.message : "Failed.")
+					onError: (e) => c(e instanceof Error ? e.message : "Failed.")
 				});
 			},
-			disabled: i.isPending,
-			children: i.isPending ? "Adding…" : "Add"
+			disabled: r.isPending,
+			children: r.isPending ? "Adding…" : "Add"
 		})] }),
-		children: /* @__PURE__ */ z("div", {
+		children: /* @__PURE__ */ U("div", {
 			className: "space-y-3",
 			children: [
-				s && /* @__PURE__ */ R(c, {
+				s && /* @__PURE__ */ H(p, {
 					tone: "danger",
 					children: s
 				}),
-				/* @__PURE__ */ R(d, {
+				/* @__PURE__ */ H(g, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ R(b, {
+					children: /* @__PURE__ */ H(D, {
 						value: a.name,
 						onChange: (e) => o((t) => ({
 							...t,
@@ -440,9 +674,9 @@ var V = {
 						placeholder: "Phase 1 sign-off"
 					})
 				}),
-				/* @__PURE__ */ R(d, {
+				/* @__PURE__ */ H(g, {
 					label: "Due date",
-					children: /* @__PURE__ */ R(b, {
+					children: /* @__PURE__ */ H(D, {
 						type: "date",
 						value: a.dueDate,
 						onChange: (e) => o((t) => ({
@@ -451,10 +685,10 @@ var V = {
 						}))
 					})
 				}),
-				/* @__PURE__ */ R(d, {
+				/* @__PURE__ */ H(g, {
 					label: "Trigger amount",
 					hint: "Amount billed when this milestone completes (if it triggers an invoice).",
-					children: /* @__PURE__ */ R(b, {
+					children: /* @__PURE__ */ H(D, {
 						type: "number",
 						min: "0",
 						value: a.triggerAmount,
@@ -464,9 +698,9 @@ var V = {
 						}))
 					})
 				}),
-				/* @__PURE__ */ z("label", {
+				/* @__PURE__ */ U("label", {
 					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ R("input", {
+					children: [/* @__PURE__ */ H("input", {
 						type: "checkbox",
 						checked: a.triggersInvoice,
 						onChange: (e) => o((t) => ({
@@ -480,6 +714,6 @@ var V = {
 	});
 };
 //#endregion
-export { U as EngagementDetailPage };
+export { J as EngagementDetailPage };
 
 //# sourceMappingURL=EngagementDetailPage.js.map