@burdenoff/microfe-proserviceworld 2026.801.1 → 2026.830.1

package/dist/proserviceworld/pages/ClientDetailPage.js

@@ -1,274 +1,398 @@
-import { useClient as e, useConflictChecks as t, useCreateConflictCheck as n } from "../hooks/useProServiceWorldApi.js";
-import { useNav as r } from "../utils/nav.js";
-import { cn as i } from "../utils/cn.js";
-import { Banner as a, Empty as o, ErrorState as s, Field as c, LoadingBlock as l, Modal as u, PageHeader as d, SectionCard as f, StatusPill as p, TableWrap as m, Td as h, TextArea as g, TextInput as _, Th as v, fmtDate as y, fmtMoney as b, humanize as x } from "../components/ui.js";
-import { DiscussionThread as S } from "../components/DiscussionThread.js";
-import { useState as C } from "react";
-import { ArrowLeft as w, Briefcase as T, ChevronRight as E, FolderKanban as D, GitBranch as O, Mail as k, MapPin as A, Phone as j, Plus as M, StickyNote as N } from "lucide-react";
-import { useParams as P } from "react-router";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { Button as R } from "@burdenoff/fe-libs/ui";
+import { useClient as e, useClientTeamAssignments as t, useConflictChecks as n, useCreateConflictCheck as r } from "../hooks/useProServiceWorldApi.js";
+import { useNav as i } from "../utils/nav.js";
+import { cn as a } from "../utils/cn.js";
+import { Banner as o, Empty as s, ErrorState as c, Field as l, LoadingBlock as u, Modal as d, PageHeader as f, SectionCard as p, StatusPill as m, TableWrap as h, Td as g, TextArea as _, TextInput as v, Th as y, fmtDate as b, fmtMoney as x, humanize as S } from "../components/ui.js";
+import { useActorNames as C } from "../hooks/useActorNames.js";
+import { DiscussionThread as w } from "../components/DiscussionThread.js";
+import { useMemo as T, useState as E } from "react";
+import { ArrowLeft as D, Briefcase as O, ChevronRight as k, FolderKanban as A, GitBranch as j, Mail as M, MapPin as N, Phone as P, Plus as F, StickyNote as I, UserRoundCheck as L, Users as R } from "lucide-react";
+import { useParams as z } from "react-router";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { Button as U } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/ClientDetailPage.tsx
-var z = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "?", B = () => {
-	let { id: n = "" } = P(), i = r(), { data: a, isLoading: c, error: u, refetch: g } = e(n), _ = t({ clientId: n }), [F, B] = C(!1);
-	if (c) return /* @__PURE__ */ I(l, {});
-	if (u) return /* @__PURE__ */ I(s, {
-		error: u,
-		onRetry: () => void g()
+var W = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "?", G = () => {
+	let { id: r = "" } = z(), a = i(), { data: o, isLoading: l, error: d, refetch: _ } = e(r), v = n({ clientId: r }), [R, B] = E(!1), G = T(() => [...(o?.engagements ?? []).map((e) => ({
+		type: "engagement",
+		id: e.id,
+		name: e.name
+	})), ...(o?.matters ?? []).map((e) => ({
+		type: "matter",
+		id: e.id,
+		name: e.reference || e.title
+	}))], [o]), K = t(G), X = C([
+		o?.relationshipOwnerId,
+		...(o?.engagements ?? []).map((e) => e.responsiblePartnerId),
+		...(o?.matters ?? []).map((e) => e.leadPractitionerId),
+		...(K.data ?? []).map((e) => e.practitionerId)
+	]);
+	if (l) return /* @__PURE__ */ V(u, {});
+	if (d) return /* @__PURE__ */ V(c, {
+		error: d,
+		onRetry: () => void _()
 	});
-	if (!a) return /* @__PURE__ */ I(o, {
+	if (!o) return /* @__PURE__ */ V(s, {
 		title: "Client not found",
 		description: "It may have been archived or belongs to another workspace."
 	});
-	let U = a.contactName || a.name;
-	return /* @__PURE__ */ L("div", {
+	let Z = o.contactName || o.name;
+	return /* @__PURE__ */ H("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ L("button", {
+			/* @__PURE__ */ H("button", {
 				type: "button",
-				onClick: () => i("clients"),
+				onClick: () => a("clients"),
 				className: "flex items-center gap-1.5 text-sm text-text-secondary transition-colors hover:text-accent",
-				children: [/* @__PURE__ */ I(w, { className: "h-4 w-4" }), " Back to clients"]
+				children: [/* @__PURE__ */ V(D, { className: "h-4 w-4" }), " Back to clients"]
 			}),
-			/* @__PURE__ */ I(d, {
-				title: a.name,
-				subtitle: [a.type === "ORGANIZATION" ? "Organization" : "Individual", a.industry].filter(Boolean).join(" · "),
-				actions: /* @__PURE__ */ I(p, { status: a.status })
+			/* @__PURE__ */ V(f, {
+				title: o.name,
+				subtitle: [o.type === "ORGANIZATION" ? "Organization" : "Individual", o.industry].filter(Boolean).join(" · "),
+				actions: /* @__PURE__ */ V(m, { status: o.status })
 			}),
-			a.tags.length > 0 && /* @__PURE__ */ I("div", {
+			o.tags.length > 0 && /* @__PURE__ */ V("div", {
 				className: "flex flex-wrap gap-2",
-				children: a.tags.map((e) => /* @__PURE__ */ I("span", {
+				children: o.tags.map((e) => /* @__PURE__ */ V("span", {
 					className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
 					children: e
 				}, e))
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ H("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ I(f, {
+				children: [/* @__PURE__ */ V(p, {
 					title: "Contact",
 					className: "lg:col-span-1",
-					children: /* @__PURE__ */ L("div", {
+					children: /* @__PURE__ */ H("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ L("div", {
+						children: [/* @__PURE__ */ H("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ I("span", {
+							children: [/* @__PURE__ */ V("span", {
 								className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-accent/10 text-sm font-semibold text-accent ring-1 ring-inset ring-accent/15",
-								children: z(U)
-							}), /* @__PURE__ */ L("div", {
+								children: W(Z)
+							}), /* @__PURE__ */ H("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ I("div", {
+								children: [/* @__PURE__ */ V("div", {
 									className: "truncate text-sm font-semibold text-text-primary",
-									children: a.contactName || a.name
-								}), /* @__PURE__ */ I("div", {
+									children: o.contactName || o.name
+								}), /* @__PURE__ */ V("div", {
 									className: "truncate text-xs text-text-tertiary",
-									children: a.contactName ? "Primary contact" : "Client record"
+									children: o.contactName ? "Primary contact" : "Client record"
 								})]
 							})]
-						}), /* @__PURE__ */ L("dl", {
+						}), /* @__PURE__ */ H("dl", {
 							className: "space-y-2.5 text-sm",
 							children: [
-								a.contactEmail && /* @__PURE__ */ I(V, {
-									icon: /* @__PURE__ */ I(k, { className: "h-4 w-4" }),
-									value: a.contactEmail
+								o.contactEmail && /* @__PURE__ */ V(J, {
+									icon: /* @__PURE__ */ V(M, { className: "h-4 w-4" }),
+									value: o.contactEmail
 								}),
-								a.contactPhone && /* @__PURE__ */ I(V, {
-									icon: /* @__PURE__ */ I(j, { className: "h-4 w-4" }),
-									value: a.contactPhone
+								o.contactPhone && /* @__PURE__ */ V(J, {
+									icon: /* @__PURE__ */ V(P, { className: "h-4 w-4" }),
+									value: o.contactPhone
 								}),
-								a.address && /* @__PURE__ */ I(V, {
-									icon: /* @__PURE__ */ I(A, { className: "h-4 w-4" }),
-									value: a.address
+								o.address && /* @__PURE__ */ V(J, {
+									icon: /* @__PURE__ */ V(N, { className: "h-4 w-4" }),
+									value: o.address
 								}),
-								a.notes && /* @__PURE__ */ I(V, {
-									icon: /* @__PURE__ */ I(N, { className: "h-4 w-4" }),
-									value: a.notes,
+								o.notes && /* @__PURE__ */ V(J, {
+									icon: /* @__PURE__ */ V(I, { className: "h-4 w-4" }),
+									value: o.notes,
 									multiline: !0
 								}),
-								!a.contactEmail && !a.contactPhone && !a.address && !a.notes && /* @__PURE__ */ I("p", {
+								o.relationshipOwnerId && /* @__PURE__ */ V(J, {
+									icon: /* @__PURE__ */ V(L, { className: "h-4 w-4" }),
+									value: `${X.nameOf(o.relationshipOwnerId)} · relationship owner`
+								}),
+								!o.contactEmail && !o.contactPhone && !o.address && !o.notes && !o.relationshipOwnerId && /* @__PURE__ */ V("p", {
 									className: "text-sm text-text-tertiary",
 									children: "No contact details recorded yet."
 								})
 							]
 						})]
 					})
-				}), /* @__PURE__ */ I(f, {
+				}), /* @__PURE__ */ V(p, {
 					title: "Conflict checks",
 					className: "lg:col-span-2",
-					action: /* @__PURE__ */ L(R, {
+					action: /* @__PURE__ */ H(U, {
 						size: "sm",
 						variant: "outline",
 						onClick: () => B(!0),
-						children: [/* @__PURE__ */ I(O, { className: "mr-1.5 h-4 w-4" }), " Run check"]
+						children: [/* @__PURE__ */ V(j, { className: "mr-1.5 h-4 w-4" }), " Run check"]
 					}),
-					children: _.isLoading ? /* @__PURE__ */ I(l, { label: "Loading…" }) : !_.data || _.data.items.length === 0 ? /* @__PURE__ */ I(o, {
+					children: v.isLoading ? /* @__PURE__ */ V(u, { label: "Loading…" }) : !v.data || v.data.items.length === 0 ? /* @__PURE__ */ V(s, {
 						title: "No conflict checks",
 						description: "Run a conflict check before accepting new work for this client.",
-						icon: /* @__PURE__ */ I(O, { className: "h-7 w-7" })
-					}) : /* @__PURE__ */ L(m, { children: [/* @__PURE__ */ I("thead", { children: /* @__PURE__ */ L("tr", { children: [
-						/* @__PURE__ */ I(v, { children: "Parties searched" }),
-						/* @__PURE__ */ I(v, { children: "Date" }),
-						/* @__PURE__ */ I(v, {
+						icon: /* @__PURE__ */ V(j, { className: "h-7 w-7" })
+					}) : /* @__PURE__ */ H(h, { children: [/* @__PURE__ */ V("thead", { children: /* @__PURE__ */ H("tr", { children: [
+						/* @__PURE__ */ V(y, { children: "Parties searched" }),
+						/* @__PURE__ */ V(y, { children: "Date" }),
+						/* @__PURE__ */ V(y, {
 							className: "text-right",
 							children: "Status"
 						})
-					] }) }), /* @__PURE__ */ I("tbody", { children: _.data.items.map((e) => /* @__PURE__ */ L("tr", {
+					] }) }), /* @__PURE__ */ V("tbody", { children: v.data.items.map((e) => /* @__PURE__ */ H("tr", {
 						className: "transition-colors hover:bg-bg-sunken/60",
 						children: [
-							/* @__PURE__ */ L(h, { children: [/* @__PURE__ */ I("div", {
+							/* @__PURE__ */ H(g, { children: [/* @__PURE__ */ V("div", {
 								className: "font-medium text-text-primary",
 								children: e.searchedParties.join(", ") || "Conflict search"
-							}), e.findings ? /* @__PURE__ */ I("div", {
+							}), e.findings ? /* @__PURE__ */ V("div", {
 								className: "text-xs text-text-tertiary",
 								children: e.findings
 							}) : null] }),
-							/* @__PURE__ */ I(h, {
+							/* @__PURE__ */ V(g, {
 								className: "whitespace-nowrap",
-								children: y(e.createdAt)
+								children: b(e.createdAt)
 							}),
-							/* @__PURE__ */ I(h, {
+							/* @__PURE__ */ V(g, {
 								className: "text-right",
-								children: /* @__PURE__ */ I(p, { status: e.status })
+								children: /* @__PURE__ */ V(m, { status: e.status })
 							})
 						]
 					}, e.id)) })] })
 				})]
 			}),
-			/* @__PURE__ */ I(f, {
+			/* @__PURE__ */ V(q, {
+				rows: K.data ?? [],
+				loading: K.isLoading,
+				error: K.error,
+				hasScopes: G.length > 0,
+				actors: X
+			}),
+			/* @__PURE__ */ V(p, {
 				title: "Engagements",
-				description: `${a.engagements.length} scoped for this client`,
-				action: /* @__PURE__ */ L(R, {
+				description: `${o.engagements.length} scoped for this client`,
+				action: /* @__PURE__ */ H(U, {
 					size: "sm",
 					variant: "outline",
-					onClick: () => i("engagements"),
-					children: [/* @__PURE__ */ I(M, { className: "mr-1.5 h-4 w-4" }), "Manage"]
+					onClick: () => a("engagements"),
+					children: [/* @__PURE__ */ V(F, { className: "mr-1.5 h-4 w-4" }), "Manage"]
 				}),
-				children: a.engagements.length === 0 ? /* @__PURE__ */ I(o, {
+				children: o.engagements.length === 0 ? /* @__PURE__ */ V(s, {
 					title: "No engagements",
 					description: "Scope the first engagement for this client.",
-					icon: /* @__PURE__ */ I(T, { className: "h-7 w-7" })
-				}) : /* @__PURE__ */ L(m, { children: [/* @__PURE__ */ I("thead", { children: /* @__PURE__ */ L("tr", { children: [
-					/* @__PURE__ */ I(v, { children: "Engagement" }),
-					/* @__PURE__ */ I(v, { children: "Fee" }),
-					/* @__PURE__ */ I(v, { children: "Started" }),
-					/* @__PURE__ */ I(v, {
+					icon: /* @__PURE__ */ V(O, { className: "h-7 w-7" })
+				}) : /* @__PURE__ */ H(h, { children: [/* @__PURE__ */ V("thead", { children: /* @__PURE__ */ H("tr", { children: [
+					/* @__PURE__ */ V(y, { children: "Engagement" }),
+					/* @__PURE__ */ V(y, { children: "Partner" }),
+					/* @__PURE__ */ V(y, { children: "Fee" }),
+					/* @__PURE__ */ V(y, { children: "Started" }),
+					/* @__PURE__ */ V(y, {
 						className: "text-right",
 						children: "Status"
 					})
-				] }) }), /* @__PURE__ */ I("tbody", { children: a.engagements.map((e) => /* @__PURE__ */ L("tr", {
+				] }) }), /* @__PURE__ */ V("tbody", { children: o.engagements.map((e) => /* @__PURE__ */ H("tr", {
 					className: "group cursor-pointer transition-colors hover:bg-bg-sunken/60",
-					onClick: () => i(`engagements/${e.id}`),
+					onClick: () => a(`engagements/${e.id}`),
 					children: [
-						/* @__PURE__ */ I(h, { children: /* @__PURE__ */ L("div", {
+						/* @__PURE__ */ V(g, { children: /* @__PURE__ */ H("div", {
 							className: "flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent",
-							children: [/* @__PURE__ */ I("span", { children: e.name }), /* @__PURE__ */ I(E, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100" })]
+							children: [/* @__PURE__ */ V("span", { children: e.name }), /* @__PURE__ */ V(k, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100" })]
 						}) }),
-						/* @__PURE__ */ L(h, {
+						/* @__PURE__ */ V(g, {
+							className: "whitespace-nowrap",
+							children: e.responsiblePartnerId ? X.nameOf(e.responsiblePartnerId) : /* @__PURE__ */ V("span", {
+								className: "text-text-tertiary",
+								children: "Unassigned"
+							})
+						}),
+						/* @__PURE__ */ H(g, {
 							className: "whitespace-nowrap",
 							children: [
-								b(e.feeAmount, e.currency),
+								x(e.feeAmount, e.currency),
 								" ",
-								/* @__PURE__ */ L("span", {
+								/* @__PURE__ */ H("span", {
 									className: "text-xs text-text-tertiary",
-									children: ["/ ", x(e.feeArrangement)]
+									children: ["/ ", S(e.feeArrangement)]
 								})
 							]
 						}),
-						/* @__PURE__ */ I(h, {
+						/* @__PURE__ */ V(g, {
 							className: "whitespace-nowrap",
-							children: y(e.startDate)
+							children: b(e.startDate)
 						}),
-						/* @__PURE__ */ I(h, {
+						/* @__PURE__ */ V(g, {
 							className: "text-right",
-							children: /* @__PURE__ */ I(p, { status: e.status })
+							children: /* @__PURE__ */ V(m, { status: e.status })
 						})
 					]
 				}, e.id)) })] })
 			}),
-			/* @__PURE__ */ I(f, {
+			/* @__PURE__ */ V(p, {
 				title: "Matters",
-				description: `${a.matters.length} tracked for this client`,
-				action: /* @__PURE__ */ L(R, {
+				description: `${o.matters.length} tracked for this client`,
+				action: /* @__PURE__ */ H(U, {
 					size: "sm",
 					variant: "outline",
-					onClick: () => i("matters"),
-					children: [/* @__PURE__ */ I(M, { className: "mr-1.5 h-4 w-4" }), "Manage"]
+					onClick: () => a("matters"),
+					children: [/* @__PURE__ */ V(F, { className: "mr-1.5 h-4 w-4" }), "Manage"]
 				}),
-				children: a.matters.length === 0 ? /* @__PURE__ */ I(o, {
+				children: o.matters.length === 0 ? /* @__PURE__ */ V(s, {
 					title: "No matters",
 					description: "Open a matter to track regulated work for this client.",
-					icon: /* @__PURE__ */ I(D, { className: "h-7 w-7" })
-				}) : /* @__PURE__ */ L(m, { children: [/* @__PURE__ */ I("thead", { children: /* @__PURE__ */ L("tr", { children: [
-					/* @__PURE__ */ I(v, { children: "Reference" }),
-					/* @__PURE__ */ I(v, { children: "Title" }),
-					/* @__PURE__ */ I(v, { children: "Due" }),
-					/* @__PURE__ */ I(v, { children: "Priority" }),
-					/* @__PURE__ */ I(v, {
+					icon: /* @__PURE__ */ V(A, { className: "h-7 w-7" })
+				}) : /* @__PURE__ */ H(h, { children: [/* @__PURE__ */ V("thead", { children: /* @__PURE__ */ H("tr", { children: [
+					/* @__PURE__ */ V(y, { children: "Reference" }),
+					/* @__PURE__ */ V(y, { children: "Title" }),
+					/* @__PURE__ */ V(y, { children: "Lead" }),
+					/* @__PURE__ */ V(y, { children: "Due" }),
+					/* @__PURE__ */ V(y, { children: "Priority" }),
+					/* @__PURE__ */ V(y, {
 						className: "text-right",
 						children: "Status"
 					})
-				] }) }), /* @__PURE__ */ I("tbody", { children: a.matters.map((e) => /* @__PURE__ */ L("tr", {
+				] }) }), /* @__PURE__ */ V("tbody", { children: o.matters.map((e) => /* @__PURE__ */ H("tr", {
 					className: "transition-colors hover:bg-bg-sunken/60",
 					children: [
-						/* @__PURE__ */ I(h, {
+						/* @__PURE__ */ V(g, {
 							className: "whitespace-nowrap font-medium text-text-primary",
 							children: e.reference || "—"
 						}),
-						/* @__PURE__ */ I(h, { children: e.title }),
-						/* @__PURE__ */ I(h, {
+						/* @__PURE__ */ V(g, { children: e.title }),
+						/* @__PURE__ */ V(g, {
 							className: "whitespace-nowrap",
-							children: y(e.dueDate)
+							children: e.leadPractitionerId ? X.nameOf(e.leadPractitionerId) : /* @__PURE__ */ V("span", {
+								className: "text-text-tertiary",
+								children: "Unassigned"
+							})
 						}),
-						/* @__PURE__ */ I(h, { children: /* @__PURE__ */ I(p, { status: e.priority }) }),
-						/* @__PURE__ */ I(h, {
+						/* @__PURE__ */ V(g, {
+							className: "whitespace-nowrap",
+							children: b(e.dueDate)
+						}),
+						/* @__PURE__ */ V(g, { children: /* @__PURE__ */ V(m, { status: e.priority }) }),
+						/* @__PURE__ */ V(g, {
 							className: "text-right",
-							children: /* @__PURE__ */ I(p, { status: e.status })
+							children: /* @__PURE__ */ V(m, { status: e.status })
 						})
 					]
 				}, e.id)) })] })
 			}),
-			/* @__PURE__ */ I(S, {
+			/* @__PURE__ */ V(w, {
 				entityType: "proserviceworld-client",
-				entityId: n
+				entityId: r
 			}),
-			F && /* @__PURE__ */ I(H, {
-				clientId: n,
+			R && /* @__PURE__ */ V(Y, {
+				clientId: r,
 				onClose: () => B(!1),
-				onDone: () => void _.refetch()
+				onDone: () => void v.refetch()
 			})
 		]
 	});
-}, V = ({ icon: e, value: t, multiline: n }) => /* @__PURE__ */ L("div", {
-	className: i("flex gap-2.5 text-text-secondary", n ? "items-start" : "items-center"),
-	children: [/* @__PURE__ */ I("span", {
+};
+function K(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = t.get(n.practitionerId) ?? {
+			practitionerId: n.practitionerId,
+			roles: [],
+			isLead: !1,
+			scopes: []
+		}, r = S(n.role);
+		e.roles.includes(r) || e.roles.push(r), e.isLead = e.isLead || n.isLead, e.scopes.some((e) => e.id === n.scopeId) || e.scopes.push({
+			id: n.scopeId,
+			name: n.scopeName,
+			type: n.scopeType
+		}), t.set(n.practitionerId, e);
+	}
+	return [...t.values()].sort((e, t) => Number(t.isLead) - Number(e.isLead));
+}
+var q = ({ rows: e, loading: t, error: n, hasScopes: r, actors: i }) => {
+	let a = K(e);
+	return /* @__PURE__ */ V(p, {
+		title: "Client team",
+		description: "Everyone staffed on this client's engagements and matters.",
+		children: t ? /* @__PURE__ */ V(u, { label: "Loading…" }) : n ? /* @__PURE__ */ V(c, { error: n }) : r ? a.length === 0 ? /* @__PURE__ */ V(s, {
+			title: "No one assigned",
+			description: "Staff practitioners from an engagement's Team section to see them here.",
+			icon: /* @__PURE__ */ V(R, { className: "h-7 w-7" })
+		}) : /* @__PURE__ */ V("ul", {
+			className: "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3",
+			children: a.map((e) => {
+				let t = i.nameOf(e.practitionerId), n = i.profiles[e.practitionerId]?.email;
+				return /* @__PURE__ */ H("li", {
+					className: "flex items-start gap-3 rounded-xl border border-border-seam bg-bg-canvas p-3.5",
+					children: [
+						/* @__PURE__ */ V("span", {
+							className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-accent/10 text-xs font-semibold text-accent ring-1 ring-inset ring-accent/15",
+							children: W(t)
+						}),
+						/* @__PURE__ */ H("div", {
+							className: "min-w-0 flex-1",
+							children: [
+								/* @__PURE__ */ H("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ V("span", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: t
+									}), e.isLead && /* @__PURE__ */ V("span", {
+										className: "shrink-0 rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-accent",
+										children: "Lead"
+									})]
+								}),
+								/* @__PURE__ */ V("div", {
+									className: "mt-0.5 truncate text-xs text-text-tertiary",
+									children: e.roles.join(" · ")
+								}),
+								/* @__PURE__ */ V("div", {
+									className: "mt-2 flex flex-wrap gap-1.5",
+									children: e.scopes.map((e) => /* @__PURE__ */ H("span", {
+										className: "inline-flex max-w-full items-center gap-1 rounded-md bg-bg-sunken px-1.5 py-0.5 text-[11px] text-text-secondary",
+										children: [e.type === "engagement" ? /* @__PURE__ */ V(O, { className: "h-3 w-3 shrink-0 text-text-tertiary" }) : /* @__PURE__ */ V(A, { className: "h-3 w-3 shrink-0 text-text-tertiary" }), /* @__PURE__ */ V("span", {
+											className: "truncate",
+											children: e.name
+										})]
+									}, e.id))
+								})
+							]
+						}),
+						n ? /* @__PURE__ */ V("a", {
+							href: `mailto:${n}`,
+							className: "shrink-0 rounded-lg p-1.5 text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-accent",
+							"aria-label": `Email ${t}`,
+							title: n,
+							children: /* @__PURE__ */ V(M, { className: "h-4 w-4" })
+						}) : null
+					]
+				}, e.practitionerId);
+			})
+		}) : /* @__PURE__ */ V(s, {
+			title: "Nothing to staff yet",
+			description: "Scope an engagement or open a matter, then assign the team that will deliver it.",
+			icon: /* @__PURE__ */ V(R, { className: "h-7 w-7" })
+		})
+	});
+}, J = ({ icon: e, value: t, multiline: n }) => /* @__PURE__ */ H("div", {
+	className: a("flex gap-2.5 text-text-secondary", n ? "items-start" : "items-center"),
+	children: [/* @__PURE__ */ V("span", {
 		className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-tertiary",
 		children: e
-	}), /* @__PURE__ */ I("span", {
-		className: i("min-w-0 break-words", n ? "leading-relaxed" : "truncate"),
+	}), /* @__PURE__ */ V("span", {
+		className: a("min-w-0 break-words", n ? "leading-relaxed" : "truncate"),
 		children: t
 	})]
-}), H = ({ clientId: e, onClose: t, onDone: r }) => {
-	let i = n(), [o, s] = C(""), [l, d] = C(""), [f, p] = C(null);
-	return /* @__PURE__ */ I(u, {
+}), Y = ({ clientId: e, onClose: t, onDone: n }) => {
+	let i = r(), [a, s] = E(""), [c, u] = E(""), [f, p] = E(null);
+	return /* @__PURE__ */ V(d, {
 		open: !0,
 		onClose: t,
 		title: "Run conflict check",
-		footer: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(R, {
+		footer: /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(U, {
 			variant: "outline",
 			onClick: t,
 			disabled: i.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ I(R, {
+		}), /* @__PURE__ */ V(U, {
 			onClick: () => {
 				p(null);
-				let n = o.split(",").map((e) => e.trim()).filter(Boolean);
-				if (n.length === 0) return p("Add at least one party to search.");
+				let r = a.split(",").map((e) => e.trim()).filter(Boolean);
+				if (r.length === 0) return p("Add at least one party to search.");
 				i.mutate({
 					clientId: e,
-					searchedParties: n,
-					findings: l.trim() || null
+					searchedParties: r,
+					findings: c.trim() || null
 				}, {
 					onSuccess: () => {
-						r(), t();
+						n(), t();
 					},
 					onError: (e) => p(e instanceof Error ? e.message : "Failed.")
 				});
@@ -276,28 +400,28 @@ var z = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpp
 			disabled: i.isPending,
 			children: i.isPending ? "Running…" : "Record check"
 		})] }),
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ H("div", {
 			className: "space-y-3",
 			children: [
-				f && /* @__PURE__ */ I(a, {
+				f && /* @__PURE__ */ V(o, {
 					tone: "danger",
 					children: f
 				}),
-				/* @__PURE__ */ I(c, {
+				/* @__PURE__ */ V(l, {
 					label: "Parties searched",
 					required: !0,
 					hint: "Comma-separated — counterparties, related entities, principals.",
-					children: /* @__PURE__ */ I(_, {
-						value: o,
+					children: /* @__PURE__ */ V(v, {
+						value: a,
 						onChange: (e) => s(e.target.value),
 						placeholder: "Beta Corp, John Roe, Gamma LLP"
 					})
 				}),
-				/* @__PURE__ */ I(c, {
+				/* @__PURE__ */ V(l, {
 					label: "Findings",
-					children: /* @__PURE__ */ I(g, {
-						value: l,
-						onChange: (e) => d(e.target.value),
+					children: /* @__PURE__ */ V(_, {
+						value: c,
+						onChange: (e) => u(e.target.value),
 						placeholder: "Notes on any potential conflicts…"
 					})
 				})
@@ -306,6 +430,6 @@ var z = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpp
 	});
 };
 //#endregion
-export { B as ClientDetailPage };
+export { G as ClientDetailPage };
 
 //# sourceMappingURL=ClientDetailPage.js.map