@burdenoff/microfe-proserviceworld 2026.709.2 → 2026.709.4

package/dist/proserviceworld/pages/EngagementsPage.js

@@ -1,16 +1,17 @@
 import { useClients as e, useCreateEngagement as t, useEngagements as n, usePracticeAreas as r, useUpdateEngagement as i } from "../hooks/useProServiceWorldApi.js";
 import { useNav as a } from "../utils/nav.js";
-import { Banner as o, Empty as s, ErrorState as c, Field as l, LoadingBlock as u, Modal as d, NativeSelect as f, PageHeader as p, SectionCard as m, StatusPill as h, TableWrap as g, Td as _, TextArea as v, TextInput as y, Th as b, enumOptions as x, fmtDate as S, fmtMoney as ee, humanize as C } from "../components/ui.js";
-import { useAnalytics as w } from "../hooks/useAnalytics.js";
-import { impactFeedback as T } from "../utils/native.js";
-import { TagPicker as E } from "../components/TagPicker.js";
+import { Banner as o, Empty as s, ErrorState as c, Field as l, LoadingBlock as u, Modal as d, NativeSelect as f, PageHeader as p, SectionCard as m, StatusPill as h, TableWrap as g, Td as _, TextArea as v, TextInput as y, Th as b, enumOptions as x, fmtDate as S, fmtMoney as C, humanize as ee } from "../components/ui.js";
+import { t as w } from "../i18n/index.js";
+import { useAnalytics as T } from "../hooks/useAnalytics.js";
+import { impactFeedback as E } from "../utils/native.js";
+import { TagPicker as D } from "../components/TagPicker.js";
 import { LoadMore as te } from "../components/LoadMore.js";
-import { useMemo as ne, useState as D } from "react";
-import { Briefcase as O, ChevronRight as k, Plus as A, Search as re } from "lucide-react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-import { Button as P } from "@burdenoff/fe-libs/ui";
+import { useMemo as O, useState as k } from "react";
+import { Briefcase as A, ChevronRight as j, Plus as M, Search as ne } from "lucide-react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { Button as I } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/EngagementsPage.tsx
-var F = [
+var re = [
 	"PROPOSAL",
 	"ACCEPTED",
 	"IN_PROGRESS",
@@ -19,55 +20,55 @@ var F = [
 	"INVOICED",
 	"CLOSED",
 	"CANCELLED"
-], I = [
+], L = [
 	"FIXED",
 	"HOURLY",
 	"RETAINER",
 	"VALUE_BASED"
-], L = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "?", ie = ({ name: e }) => /* @__PURE__ */ M("span", {
+], R = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "?", ie = ({ name: e }) => /* @__PURE__ */ P("span", {
 	className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-accent/10 text-[10px] font-semibold text-accent ring-1 ring-inset ring-accent/15",
 	"aria-hidden": !0,
-	children: L(e)
-}), R = 25, z = () => {
-	let t = a(), { emitIntent: r, emitFact: l } = w(), [d, v] = D(""), [j, I] = D(""), [L, z] = D(""), [V, H] = D(!1), [U, W] = D(null), [G, K] = D({
-		limit: R,
+	children: R(e)
+}), z = 25, B = () => {
+	let t = a(), { emitIntent: r, emitFact: l } = T(), [d, v] = k(""), [N, L] = k(""), [R, B] = k(""), [H, U] = k(!1), [W, G] = k(null), [K, q] = k({
+		limit: z,
 		offset: 0
-	}), q = e({ pagination: { limit: 100 } }), J = i(), { data: Y, isLoading: X, error: Z, refetch: Q } = n({
+	}), J = e({ pagination: { limit: 100 } }), ae = i(), { data: Y, isLoading: X, error: Z, refetch: Q } = n({
 		search: d.trim() || void 0,
-		status: j || void 0,
-		clientId: L || void 0,
-		pagination: G
-	}), $ = ne(() => Y?.items ?? [], [Y]);
-	return /* @__PURE__ */ N("div", {
+		status: N || void 0,
+		clientId: R || void 0,
+		pagination: K
+	}), $ = O(() => Y?.items ?? [], [Y]);
+	return /* @__PURE__ */ F("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ M(p, {
-				title: "Engagements",
-				subtitle: "The commercial containers of contracted work — scope, fee arrangement, delivery lifecycle, and billing.",
-				icon: /* @__PURE__ */ M(O, { className: "h-6 w-6" }),
-				actions: /* @__PURE__ */ N(P, {
+			/* @__PURE__ */ P(p, {
+				title: w("psw.engagements.title"),
+				subtitle: w("psw.engagements.subtitle"),
+				icon: /* @__PURE__ */ P(A, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ F(I, {
 					onClick: () => {
-						T("light"), r("psw.engagement.create_clicked"), H(!0);
+						E("light"), r("psw.engagement.create_clicked"), U(!0);
 					},
-					children: [/* @__PURE__ */ M(A, { className: "mr-1.5 h-4 w-4" }), "New engagement"]
+					children: [/* @__PURE__ */ P(M, { className: "mr-1.5 h-4 w-4" }), w("psw.engagements.new")]
 				})
 			}),
-			U && /* @__PURE__ */ M(o, {
+			W && /* @__PURE__ */ P(o, {
 				tone: "success",
-				onClose: () => W(null),
-				children: U
+				onClose: () => G(null),
+				children: W
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ F("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
 				children: [
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ F("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ M(re, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ M(y, {
-							placeholder: "Search engagements…",
+						children: [/* @__PURE__ */ P(ne, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ P(y, {
+							placeholder: w("psw.engagements.searchPlaceholder"),
 							value: d,
 							onChange: (e) => {
-								v(e.target.value), K({
-									limit: R,
+								v(e.target.value), q({
+									limit: z,
 									offset: 0
 								});
 							},
@@ -80,105 +81,105 @@ var F = [
 							className: "pl-9"
 						})]
 					}),
-					/* @__PURE__ */ N(f, {
-						value: j,
+					/* @__PURE__ */ F(f, {
+						value: N,
 						onChange: (e) => {
-							I(e.target.value), K({
-								limit: R,
+							L(e.target.value), q({
+								limit: z,
 								offset: 0
 							});
 						},
 						className: "sm:w-44",
-						children: [/* @__PURE__ */ M("option", {
+						children: [/* @__PURE__ */ P("option", {
 							value: "",
-							children: "All statuses"
-						}), x(F)]
+							children: w("psw.engagements.allStatuses")
+						}), x(re)]
 					}),
-					/* @__PURE__ */ N(f, {
-						value: L,
+					/* @__PURE__ */ F(f, {
+						value: R,
 						onChange: (e) => {
-							z(e.target.value), K({
-								limit: R,
+							B(e.target.value), q({
+								limit: z,
 								offset: 0
 							});
 						},
 						className: "sm:w-48",
-						children: [/* @__PURE__ */ M("option", {
+						children: [/* @__PURE__ */ P("option", {
 							value: "",
-							children: "All clients"
-						}), q.data?.items.map((e) => /* @__PURE__ */ M("option", {
+							children: w("psw.engagements.allClients")
+						}), J.data?.items.map((e) => /* @__PURE__ */ P("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
 					})
 				]
 			}),
-			X ? /* @__PURE__ */ M(u, {}) : Z ? /* @__PURE__ */ M(c, {
+			X ? /* @__PURE__ */ P(u, {}) : Z ? /* @__PURE__ */ P(c, {
 				error: Z,
 				onRetry: () => void Q()
-			}) : !Y || Y.items.length === 0 ? /* @__PURE__ */ M(s, {
-				title: "No engagements yet",
-				description: "Scope your first engagement against a client to begin delivery and billing.",
-				icon: /* @__PURE__ */ M(O, { className: "h-8 w-8" }),
-				action: /* @__PURE__ */ N(P, {
-					onClick: () => H(!0),
-					children: [/* @__PURE__ */ M(A, { className: "mr-1.5 h-4 w-4" }), "New engagement"]
+			}) : !Y || Y.items.length === 0 ? /* @__PURE__ */ P(s, {
+				title: w("psw.engagements.emptyTitle"),
+				description: w("psw.engagements.emptyDescription"),
+				icon: /* @__PURE__ */ P(A, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ F(I, {
+					onClick: () => U(!0),
+					children: [/* @__PURE__ */ P(M, { className: "mr-1.5 h-4 w-4" }), w("psw.engagements.new")]
 				})
-			}) : /* @__PURE__ */ N(m, {
+			}) : /* @__PURE__ */ F(m, {
 				title: `${Y.totalCount} engagement${Y.totalCount === 1 ? "" : "s"}`,
-				children: [/* @__PURE__ */ N(g, { children: [/* @__PURE__ */ M("thead", { children: /* @__PURE__ */ N("tr", { children: [
-					/* @__PURE__ */ M(b, { children: "Engagement" }),
-					/* @__PURE__ */ M(b, { children: "Client" }),
-					/* @__PURE__ */ M(b, { children: "Fee" }),
-					/* @__PURE__ */ M(b, { children: "Status" }),
-					/* @__PURE__ */ M(b, { children: "Started" }),
-					/* @__PURE__ */ M(b, { children: "Tags" })
-				] }) }), /* @__PURE__ */ M("tbody", { children: Y.items.map((e) => /* @__PURE__ */ N("tr", {
+				children: [/* @__PURE__ */ F(g, { children: [/* @__PURE__ */ P("thead", { children: /* @__PURE__ */ F("tr", { children: [
+					/* @__PURE__ */ P(b, { children: w("psw.engagements.tableEngagement") }),
+					/* @__PURE__ */ P(b, { children: w("psw.engagements.tableClient") }),
+					/* @__PURE__ */ P(b, { children: w("psw.engagements.tableFee") }),
+					/* @__PURE__ */ P(b, { children: w("psw.engagements.tableStatus") }),
+					/* @__PURE__ */ P(b, { children: w("psw.engagements.tableStarted") }),
+					/* @__PURE__ */ P(b, { children: w("psw.engagements.tableTags") })
+				] }) }), /* @__PURE__ */ P("tbody", { children: Y.items.map((e) => /* @__PURE__ */ F("tr", {
 					className: "group cursor-pointer transition-colors hover:bg-bg-sunken/60",
 					onClick: () => t(`engagements/${e.id}`),
 					children: [
-						/* @__PURE__ */ N(_, { children: [/* @__PURE__ */ N("div", {
+						/* @__PURE__ */ F(_, { children: [/* @__PURE__ */ F("div", {
 							className: "flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent",
-							children: [/* @__PURE__ */ M("span", { children: e.name }), /* @__PURE__ */ M(k, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100" })]
-						}), e.description ? /* @__PURE__ */ M("div", {
+							children: [/* @__PURE__ */ P("span", { children: e.name }), /* @__PURE__ */ P(j, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100" })]
+						}), e.description ? /* @__PURE__ */ P("div", {
 							className: "mt-0.5 max-w-md truncate text-xs text-text-tertiary",
 							children: e.description
 						}) : null] }),
-						/* @__PURE__ */ M(_, { children: /* @__PURE__ */ N("span", {
+						/* @__PURE__ */ P(_, { children: /* @__PURE__ */ F("span", {
 							className: "inline-flex items-center gap-2.5",
-							children: [/* @__PURE__ */ M(ie, { name: e.client?.name ?? "—" }), /* @__PURE__ */ M("span", {
+							children: [/* @__PURE__ */ P(ie, { name: e.client?.name ?? "—" }), /* @__PURE__ */ P("span", {
 								className: "text-text-secondary",
 								children: e.client?.name ?? "—"
 							})]
 						}) }),
-						/* @__PURE__ */ N(_, {
+						/* @__PURE__ */ F(_, {
 							className: "whitespace-nowrap",
 							children: [
-								/* @__PURE__ */ M("span", {
+								/* @__PURE__ */ P("span", {
 									className: "font-medium text-text-primary",
-									children: ee(e.feeAmount, e.currency)
+									children: C(e.feeAmount, e.currency)
 								}),
 								" ",
-								/* @__PURE__ */ N("span", {
+								/* @__PURE__ */ F("span", {
 									className: "text-xs text-text-tertiary",
-									children: ["/ ", C(e.feeArrangement)]
+									children: ["/ ", ee(e.feeArrangement)]
 								})
 							]
 						}),
-						/* @__PURE__ */ M(_, { children: /* @__PURE__ */ M(h, { status: e.status }) }),
-						/* @__PURE__ */ M(_, {
+						/* @__PURE__ */ P(_, { children: /* @__PURE__ */ P(h, { status: e.status }) }),
+						/* @__PURE__ */ P(_, {
 							className: "whitespace-nowrap",
 							children: S(e.startDate)
 						}),
-						/* @__PURE__ */ M(_, { children: /* @__PURE__ */ M("div", {
+						/* @__PURE__ */ P(_, { children: /* @__PURE__ */ P("div", {
 							onClick: (e) => e.stopPropagation(),
 							role: "presentation",
-							children: /* @__PURE__ */ M(E, {
+							children: /* @__PURE__ */ P(D, {
 								entityType: "PswEngagement",
 								entityId: e.id,
 								tags: e.tags ?? [],
 								onChange: async (t) => {
-									await J.mutateAsync({
+									await ae.mutateAsync({
 										id: e.id,
 										input: { tags: t }
 									}), Q();
@@ -187,25 +188,25 @@ var F = [
 							})
 						}) })
 					]
-				}, e.id)) })] }), /* @__PURE__ */ M(te, {
+				}, e.id)) })] }), /* @__PURE__ */ P(te, {
 					hasMore: Y?.pageInfo?.hasMore ?? !1,
 					loading: X,
 					loadedCount: $.length,
 					totalCount: Y?.totalCount ?? $.length,
-					onLoadMore: () => K((e) => ({
-						limit: R,
-						offset: e.offset + R
+					onLoadMore: () => q((e) => ({
+						limit: z,
+						offset: e.offset + z
 					}))
 				})]
 			}),
-			V && /* @__PURE__ */ M(B, {
-				onClose: () => H(!1),
-				onSaved: (e) => W(`${e} created.`)
+			H && /* @__PURE__ */ P(V, {
+				onClose: () => U(!1),
+				onSaved: (e) => G(`${e} created.`)
 			})
 		]
 	});
-}, B = ({ onClose: n, onSaved: i }) => {
-	let a = t(), { emitFact: s } = w(), c = e({ pagination: { limit: 100 } }), u = r(), [p, m] = D({
+}, V = ({ onClose: n, onSaved: i }) => {
+	let a = t(), { emitFact: s } = T(), c = e({ pagination: { limit: 100 } }), u = r(), [p, m] = k({
 		clientId: "",
 		practiceAreaId: "",
 		name: "",
@@ -214,20 +215,20 @@ var F = [
 		feeAmount: "",
 		currency: "USD",
 		startDate: ""
-	}), [h, g] = D(null), _ = (e) => (t) => m((n) => ({
+	}), [h, g] = k(null), _ = (e) => (t) => m((n) => ({
 		...n,
 		[e]: t.target.value
 	}));
-	return /* @__PURE__ */ M(d, {
+	return /* @__PURE__ */ P(d, {
 		open: !0,
 		onClose: n,
-		title: "New engagement",
-		footer: /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(P, {
+		title: w("psw.engagements.newTitle"),
+		footer: /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(I, {
 			variant: "outline",
 			onClick: n,
 			disabled: a.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ M(P, {
+		}), /* @__PURE__ */ P(I, {
 			onClick: () => {
 				if (g(null), !p.clientId) return g("Select a client.");
 				if (!p.name.trim()) return g("Engagement name is required.");
@@ -254,65 +255,65 @@ var F = [
 			disabled: a.isPending,
 			children: a.isPending ? "Creating…" : "Create engagement"
 		})] }),
-		children: /* @__PURE__ */ N("div", {
+		children: /* @__PURE__ */ F("div", {
 			className: "space-y-3",
 			children: [
-				h && /* @__PURE__ */ M(o, {
+				h && /* @__PURE__ */ P(o, {
 					tone: "danger",
 					children: h
 				}),
-				/* @__PURE__ */ M(l, {
+				/* @__PURE__ */ P(l, {
 					label: "Client",
 					required: !0,
-					children: /* @__PURE__ */ N(f, {
+					children: /* @__PURE__ */ F(f, {
 						value: p.clientId,
 						onChange: _("clientId"),
-						children: [/* @__PURE__ */ M("option", {
+						children: [/* @__PURE__ */ P("option", {
 							value: "",
 							children: "Select a client…"
-						}), c.data?.items.map((e) => /* @__PURE__ */ M("option", {
+						}), c.data?.items.map((e) => /* @__PURE__ */ P("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
 					})
 				}),
-				/* @__PURE__ */ M(l, {
+				/* @__PURE__ */ P(l, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ M(y, {
+					children: /* @__PURE__ */ P(y, {
 						value: p.name,
 						onChange: _("name"),
 						placeholder: "FY26 Statutory Audit"
 					})
 				}),
-				/* @__PURE__ */ M(l, {
+				/* @__PURE__ */ P(l, {
 					label: "Practice area",
-					children: /* @__PURE__ */ N(f, {
+					children: /* @__PURE__ */ F(f, {
 						value: p.practiceAreaId,
 						onChange: _("practiceAreaId"),
-						children: [/* @__PURE__ */ M("option", {
+						children: [/* @__PURE__ */ P("option", {
 							value: "",
 							children: "Unassigned"
-						}), u.data?.map((e) => /* @__PURE__ */ M("option", {
+						}), u.data?.map((e) => /* @__PURE__ */ P("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
 					})
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ F("div", {
 					className: "grid grid-cols-3 gap-3",
 					children: [
-						/* @__PURE__ */ M(l, {
+						/* @__PURE__ */ P(l, {
 							label: "Fee type",
-							children: /* @__PURE__ */ M(f, {
+							children: /* @__PURE__ */ P(f, {
 								value: p.feeArrangement,
 								onChange: _("feeArrangement"),
-								children: x(I)
+								children: x(L)
 							})
 						}),
-						/* @__PURE__ */ M(l, {
+						/* @__PURE__ */ P(l, {
 							label: "Fee amount",
-							children: /* @__PURE__ */ M(y, {
+							children: /* @__PURE__ */ P(y, {
 								type: "number",
 								min: "0",
 								value: p.feeAmount,
@@ -320,9 +321,9 @@ var F = [
 								placeholder: "50000"
 							})
 						}),
-						/* @__PURE__ */ M(l, {
+						/* @__PURE__ */ P(l, {
 							label: "Currency",
-							children: /* @__PURE__ */ M(y, {
+							children: /* @__PURE__ */ P(y, {
 								value: p.currency,
 								onChange: _("currency"),
 								maxLength: 3
@@ -330,17 +331,17 @@ var F = [
 						})
 					]
 				}),
-				/* @__PURE__ */ M(l, {
+				/* @__PURE__ */ P(l, {
 					label: "Start date",
-					children: /* @__PURE__ */ M(y, {
+					children: /* @__PURE__ */ P(y, {
 						type: "date",
 						value: p.startDate,
 						onChange: _("startDate")
 					})
 				}),
-				/* @__PURE__ */ M(l, {
+				/* @__PURE__ */ P(l, {
 					label: "Description",
-					children: /* @__PURE__ */ M(v, {
+					children: /* @__PURE__ */ P(v, {
 						value: p.description,
 						onChange: _("description")
 					})
@@ -350,6 +351,6 @@ var F = [
 	});
 };
 //#endregion
-export { z as EngagementsPage };
+export { B as EngagementsPage };
 
 //# sourceMappingURL=EngagementsPage.js.map

package/dist/proserviceworld/pages/EngagementsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EngagementsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/EngagementsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Search, Briefcase, ChevronRight } from 'lucide-react';\nimport {\n  useEngagements,\n  useCreateEngagement,\n  useUpdateEngagement,\n  useClients,\n  usePracticeAreas,\n  type PswEngagementStatus,\n  type PswEngagement,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport { useAnalytics } from '../hooks/useAnalytics';\nimport { impactFeedback } from '../utils/native';\nimport {\n  PageHeader,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  NativeSelect,\n  Banner,\n  TableWrap,\n  Th,\n  Td,\n  enumOptions,\n  fmtMoney,\n  fmtDate,\n  humanize,\n} from '../components/ui';\nimport { TagPicker } from '../components/TagPicker';\nimport { LoadMore } from '../components/LoadMore';\n\nconst STATUSES: PswEngagementStatus[] = [\n  'PROPOSAL',\n  'ACCEPTED',\n  'IN_PROGRESS',\n  'REVIEW',\n  'DELIVERED',\n  'INVOICED',\n  'CLOSED',\n  'CANCELLED',\n];\nconst FEE_ARRANGEMENTS = ['FIXED', 'HOURLY', 'RETAINER', 'VALUE_BASED'] as const;\n\nconst initials = (name: string): string =>\n  name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((w) => w[0]?.toUpperCase() ?? '')\n    .join('') || '?';\n\nconst ClientAvatar: FC<{ name: string }> = ({ name }) => (\n  <span\n    className=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-accent/10 text-[10px] font-semibold text-accent ring-1 ring-inset ring-accent/15\"\n    aria-hidden\n  >\n    {initials(name)}\n  </span>\n);\n\nconst PAGE_SIZE = 25;\n\nexport const EngagementsPage: FC = () => {\n  const nav = useNav();\n  const { emitIntent, emitFact } = useAnalytics();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<PswEngagementStatus | ''>('');\n  const [clientFilter, setClientFilter] = useState('');\n  const [creating, setCreating] = useState(false);\n  const [banner, setBanner] = useState<string | null>(null);\n  const [pagination, setPagination] = useState({ limit: PAGE_SIZE, offset: 0 });\n  const clients = useClients({ pagination: { limit: 100 } });\n  const update = useUpdateEngagement();\n  const { data, isLoading, error, refetch } = useEngagements({\n    search: search.trim() || undefined,\n    status: statusFilter || undefined,\n    clientId: clientFilter || undefined,\n    pagination,\n  });\n\n  const allItems = useMemo(() => data?.items ?? [], [data]);\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Engagements\"\n        subtitle=\"The commercial containers of contracted work — scope, fee arrangement, delivery lifecycle, and billing.\"\n        icon={<Briefcase className=\"h-6 w-6\" />}\n        actions={\n          <Button\n            onClick={() => {\n              void impactFeedback('light');\n              emitIntent('psw.engagement.create_clicked');\n              setCreating(true);\n            }}\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New engagement\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone=\"success\" onClose={() => setBanner(null)}>\n          {banner}\n        </Banner>\n      )}\n\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n          <TextInput\n            placeholder=\"Search engagements…\"\n            value={search}\n            onChange={(e) => {\n              setSearch(e.target.value);\n              setPagination({ limit: PAGE_SIZE, offset: 0 });\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && search.trim()) {\n                emitFact('psw.search.performed', {\n                  entityType: 'engagement',\n                  queryLength: search.trim().length,\n                });\n              }\n            }}\n            className=\"pl-9\"\n          />\n        </div>\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => {\n            setStatusFilter(e.target.value as PswEngagementStatus | '');\n            setPagination({ limit: PAGE_SIZE, offset: 0 });\n          }}\n          className=\"sm:w-44\"\n        >\n          <option value=\"\">All statuses</option>\n          {enumOptions(STATUSES)}\n        </NativeSelect>\n        <NativeSelect\n          value={clientFilter}\n          onChange={(e) => {\n            setClientFilter(e.target.value);\n            setPagination({ limit: PAGE_SIZE, offset: 0 });\n          }}\n          className=\"sm:w-48\"\n        >\n          <option value=\"\">All clients</option>\n          {clients.data?.items.map((c) => (\n            <option key={c.id} value={c.id}>\n              {c.name}\n            </option>\n          ))}\n        </NativeSelect>\n      </div>\n\n      {isLoading ? (\n        <LoadingBlock />\n      ) : error ? (\n        <ErrorState error={error} onRetry={() => void refetch()} />\n      ) : !data || data.items.length === 0 ? (\n        <Empty\n          title=\"No engagements yet\"\n          description=\"Scope your first engagement against a client to begin delivery and billing.\"\n          icon={<Briefcase className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New engagement\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title={`${data.totalCount} engagement${data.totalCount === 1 ? '' : 's'}`}>\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Engagement</Th>\n                <Th>Client</Th>\n                <Th>Fee</Th>\n                <Th>Status</Th>\n                <Th>Started</Th>\n                <Th>Tags</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.items.map((e) => (\n                <tr\n                  key={e.id}\n                  className=\"group cursor-pointer transition-colors hover:bg-bg-sunken/60\"\n                  onClick={() => nav(`engagements/${e.id}`)}\n                >\n                  <Td>\n                    <div className=\"flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent\">\n                      <span>{e.name}</span>\n                      <ChevronRight className=\"h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100\" />\n                    </div>\n                    {e.description ? (\n                      <div className=\"mt-0.5 max-w-md truncate text-xs text-text-tertiary\">\n                        {e.description}\n                      </div>\n                    ) : null}\n                  </Td>\n                  <Td>\n                    <span className=\"inline-flex items-center gap-2.5\">\n                      <ClientAvatar name={e.client?.name ?? '—'} />\n                      <span className=\"text-text-secondary\">{e.client?.name ?? '—'}</span>\n                    </span>\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">\n                    <span className=\"font-medium text-text-primary\">\n                      {fmtMoney(e.feeAmount, e.currency)}\n                    </span>{' '}\n                    <span className=\"text-xs text-text-tertiary\">\n                      / {humanize(e.feeArrangement)}\n                    </span>\n                  </Td>\n                  <Td>\n                    <StatusPill status={e.status} />\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(e.startDate)}</Td>\n                  <Td>\n                    <div onClick={(ev) => ev.stopPropagation()} role=\"presentation\">\n                      <TagPicker\n                        entityType=\"PswEngagement\"\n                        entityId={e.id}\n                        tags={e.tags ?? []}\n                        onChange={async (tags) => {\n                          await update.mutateAsync({ id: e.id, input: { tags } });\n                          void refetch();\n                        }}\n                        maxTags={5}\n                      />\n                    </div>\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n          <LoadMore\n            hasMore={data?.pageInfo?.hasMore ?? false}\n            loading={isLoading}\n            loadedCount={allItems.length}\n            totalCount={data?.totalCount ?? allItems.length}\n            onLoadMore={() =>\n              setPagination((p) => ({ limit: PAGE_SIZE, offset: p.offset + PAGE_SIZE }))\n            }\n          />\n        </SectionCard>\n      )}\n\n      {creating && (\n        <EngagementModal\n          onClose={() => setCreating(false)}\n          onSaved={(name) => setBanner(`${name} created.`)}\n        />\n      )}\n    </div>\n  );\n};\n\nconst EngagementModal: FC<{ onClose: () => void; onSaved: (name: string) => void }> = ({\n  onClose,\n  onSaved,\n}) => {\n  const create = useCreateEngagement();\n  const { emitFact } = useAnalytics();\n  const clients = useClients({ pagination: { limit: 100 } });\n  const practiceAreas = usePracticeAreas();\n  const [form, setForm] = useState({\n    clientId: '',\n    practiceAreaId: '',\n    name: '',\n    description: '',\n    feeArrangement: 'FIXED',\n    feeAmount: '',\n    currency: 'USD',\n    startDate: '',\n  });\n  const [err, setErr] = useState<string | null>(null);\n  const set = (k: keyof typeof form) => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n\n  const submit = () => {\n    setErr(null);\n    if (!form.clientId) return setErr('Select a client.');\n    if (!form.name.trim()) return setErr('Engagement name is required.');\n    create.mutate(\n      {\n        clientId: form.clientId,\n        practiceAreaId: form.practiceAreaId || null,\n        name: form.name.trim(),\n        description: form.description.trim() || null,\n        feeArrangement: form.feeArrangement,\n        feeAmount: form.feeAmount ? Number(form.feeAmount) : 0,\n        currency: form.currency || 'USD',\n        startDate: form.startDate ? new Date(form.startDate).toISOString() : null,\n      },\n      {\n        onSuccess: (created) => {\n          const engagement = (created as { pswCreateEngagement: PswEngagement })\n            .pswCreateEngagement;\n          emitFact('psw.engagement.created', {\n            engagementId: engagement.id,\n            clientId: form.clientId,\n          });\n          onSaved(form.name.trim());\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"New engagement\"\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={create.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={create.isPending}>\n            {create.isPending ? 'Creating…' : 'Create engagement'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Client\" required>\n          <NativeSelect value={form.clientId} onChange={set('clientId')}>\n            <option value=\"\">Select a client…</option>\n            {clients.data?.items.map((c) => (\n              <option key={c.id} value={c.id}>\n                {c.name}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <Field label=\"Name\" required>\n          <TextInput value={form.name} onChange={set('name')} placeholder=\"FY26 Statutory Audit\" />\n        </Field>\n        <Field label=\"Practice area\">\n          <NativeSelect value={form.practiceAreaId} onChange={set('practiceAreaId')}>\n            <option value=\"\">Unassigned</option>\n            {practiceAreas.data?.map((p) => (\n              <option key={p.id} value={p.id}>\n                {p.name}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <div className=\"grid grid-cols-3 gap-3\">\n          <Field label=\"Fee type\">\n            <NativeSelect value={form.feeArrangement} onChange={set('feeArrangement')}>\n              {enumOptions(FEE_ARRANGEMENTS)}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Fee amount\">\n            <TextInput\n              type=\"number\"\n              min=\"0\"\n              value={form.feeAmount}\n              onChange={set('feeAmount')}\n              placeholder=\"50000\"\n            />\n          </Field>\n          <Field label=\"Currency\">\n            <TextInput value={form.currency} onChange={set('currency')} maxLength={3} />\n          </Field>\n        </div>\n        <Field label=\"Start date\">\n          <TextInput type=\"date\" value={form.startDate} onChange={set('startDate')} />\n        </Field>\n        <Field label=\"Description\">\n          <TextArea value={form.description} onChange={set('description')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"EngagementsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/EngagementsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Search, Briefcase, ChevronRight } from 'lucide-react';\nimport {\n  useEngagements,\n  useCreateEngagement,\n  useUpdateEngagement,\n  useClients,\n  usePracticeAreas,\n  type PswEngagementStatus,\n  type PswEngagement,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport { useAnalytics } from '../hooks/useAnalytics';\nimport { impactFeedback } from '../utils/native';\nimport {\n  PageHeader,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  NativeSelect,\n  Banner,\n  TableWrap,\n  Th,\n  Td,\n  enumOptions,\n  fmtMoney,\n  fmtDate,\n  humanize,\n} from '../components/ui';\nimport { TagPicker } from '../components/TagPicker';\nimport { LoadMore } from '../components/LoadMore';\nimport { t } from '../i18n';\n\nconst STATUSES: PswEngagementStatus[] = [\n  'PROPOSAL',\n  'ACCEPTED',\n  'IN_PROGRESS',\n  'REVIEW',\n  'DELIVERED',\n  'INVOICED',\n  'CLOSED',\n  'CANCELLED',\n];\nconst FEE_ARRANGEMENTS = ['FIXED', 'HOURLY', 'RETAINER', 'VALUE_BASED'] as const;\n\nconst initials = (name: string): string =>\n  name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((w) => w[0]?.toUpperCase() ?? '')\n    .join('') || '?';\n\nconst ClientAvatar: FC<{ name: string }> = ({ name }) => (\n  <span\n    className=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-accent/10 text-[10px] font-semibold text-accent ring-1 ring-inset ring-accent/15\"\n    aria-hidden\n  >\n    {initials(name)}\n  </span>\n);\n\nconst PAGE_SIZE = 25;\n\nexport const EngagementsPage: FC = () => {\n  const nav = useNav();\n  const { emitIntent, emitFact } = useAnalytics();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<PswEngagementStatus | ''>('');\n  const [clientFilter, setClientFilter] = useState('');\n  const [creating, setCreating] = useState(false);\n  const [banner, setBanner] = useState<string | null>(null);\n  const [pagination, setPagination] = useState({ limit: PAGE_SIZE, offset: 0 });\n  const clients = useClients({ pagination: { limit: 100 } });\n  const update = useUpdateEngagement();\n  const { data, isLoading, error, refetch } = useEngagements({\n    search: search.trim() || undefined,\n    status: statusFilter || undefined,\n    clientId: clientFilter || undefined,\n    pagination,\n  });\n\n  const allItems = useMemo(() => data?.items ?? [], [data]);\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title={t('psw.engagements.title')}\n        subtitle={t('psw.engagements.subtitle')}\n        icon={<Briefcase className=\"h-6 w-6\" />}\n        actions={\n          <Button\n            onClick={() => {\n              void impactFeedback('light');\n              emitIntent('psw.engagement.create_clicked');\n              setCreating(true);\n            }}\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {t('psw.engagements.new')}\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone=\"success\" onClose={() => setBanner(null)}>\n          {banner}\n        </Banner>\n      )}\n\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n          <TextInput\n            placeholder={t('psw.engagements.searchPlaceholder')}\n            value={search}\n            onChange={(e) => {\n              setSearch(e.target.value);\n              setPagination({ limit: PAGE_SIZE, offset: 0 });\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && search.trim()) {\n                emitFact('psw.search.performed', {\n                  entityType: 'engagement',\n                  queryLength: search.trim().length,\n                });\n              }\n            }}\n            className=\"pl-9\"\n          />\n        </div>\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => {\n            setStatusFilter(e.target.value as PswEngagementStatus | '');\n            setPagination({ limit: PAGE_SIZE, offset: 0 });\n          }}\n          className=\"sm:w-44\"\n        >\n          <option value=\"\">{t('psw.engagements.allStatuses')}</option>\n          {enumOptions(STATUSES)}\n        </NativeSelect>\n        <NativeSelect\n          value={clientFilter}\n          onChange={(e) => {\n            setClientFilter(e.target.value);\n            setPagination({ limit: PAGE_SIZE, offset: 0 });\n          }}\n          className=\"sm:w-48\"\n        >\n          <option value=\"\">{t('psw.engagements.allClients')}</option>\n          {clients.data?.items.map((c) => (\n            <option key={c.id} value={c.id}>\n              {c.name}\n            </option>\n          ))}\n        </NativeSelect>\n      </div>\n\n      {isLoading ? (\n        <LoadingBlock />\n      ) : error ? (\n        <ErrorState error={error} onRetry={() => void refetch()} />\n      ) : !data || data.items.length === 0 ? (\n        <Empty\n          title={t('psw.engagements.emptyTitle')}\n          description={t('psw.engagements.emptyDescription')}\n          icon={<Briefcase className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              {t('psw.engagements.new')}\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title={`${data.totalCount} engagement${data.totalCount === 1 ? '' : 's'}`}>\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>{t('psw.engagements.tableEngagement')}</Th>\n                <Th>{t('psw.engagements.tableClient')}</Th>\n                <Th>{t('psw.engagements.tableFee')}</Th>\n                <Th>{t('psw.engagements.tableStatus')}</Th>\n                <Th>{t('psw.engagements.tableStarted')}</Th>\n                <Th>{t('psw.engagements.tableTags')}</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.items.map((e) => (\n                <tr\n                  key={e.id}\n                  className=\"group cursor-pointer transition-colors hover:bg-bg-sunken/60\"\n                  onClick={() => nav(`engagements/${e.id}`)}\n                >\n                  <Td>\n                    <div className=\"flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent\">\n                      <span>{e.name}</span>\n                      <ChevronRight className=\"h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100\" />\n                    </div>\n                    {e.description ? (\n                      <div className=\"mt-0.5 max-w-md truncate text-xs text-text-tertiary\">\n                        {e.description}\n                      </div>\n                    ) : null}\n                  </Td>\n                  <Td>\n                    <span className=\"inline-flex items-center gap-2.5\">\n                      <ClientAvatar name={e.client?.name ?? '—'} />\n                      <span className=\"text-text-secondary\">{e.client?.name ?? '—'}</span>\n                    </span>\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">\n                    <span className=\"font-medium text-text-primary\">\n                      {fmtMoney(e.feeAmount, e.currency)}\n                    </span>{' '}\n                    <span className=\"text-xs text-text-tertiary\">\n                      / {humanize(e.feeArrangement)}\n                    </span>\n                  </Td>\n                  <Td>\n                    <StatusPill status={e.status} />\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(e.startDate)}</Td>\n                  <Td>\n                    <div onClick={(ev) => ev.stopPropagation()} role=\"presentation\">\n                      <TagPicker\n                        entityType=\"PswEngagement\"\n                        entityId={e.id}\n                        tags={e.tags ?? []}\n                        onChange={async (tags) => {\n                          await update.mutateAsync({ id: e.id, input: { tags } });\n                          void refetch();\n                        }}\n                        maxTags={5}\n                      />\n                    </div>\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n          <LoadMore\n            hasMore={data?.pageInfo?.hasMore ?? false}\n            loading={isLoading}\n            loadedCount={allItems.length}\n            totalCount={data?.totalCount ?? allItems.length}\n            onLoadMore={() =>\n              setPagination((p) => ({ limit: PAGE_SIZE, offset: p.offset + PAGE_SIZE }))\n            }\n          />\n        </SectionCard>\n      )}\n\n      {creating && (\n        <EngagementModal\n          onClose={() => setCreating(false)}\n          onSaved={(name) => setBanner(`${name} created.`)}\n        />\n      )}\n    </div>\n  );\n};\n\nconst EngagementModal: FC<{ onClose: () => void; onSaved: (name: string) => void }> = ({\n  onClose,\n  onSaved,\n}) => {\n  const create = useCreateEngagement();\n  const { emitFact } = useAnalytics();\n  const clients = useClients({ pagination: { limit: 100 } });\n  const practiceAreas = usePracticeAreas();\n  const [form, setForm] = useState({\n    clientId: '',\n    practiceAreaId: '',\n    name: '',\n    description: '',\n    feeArrangement: 'FIXED',\n    feeAmount: '',\n    currency: 'USD',\n    startDate: '',\n  });\n  const [err, setErr] = useState<string | null>(null);\n  const set = (k: keyof typeof form) => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n\n  const submit = () => {\n    setErr(null);\n    if (!form.clientId) return setErr('Select a client.');\n    if (!form.name.trim()) return setErr('Engagement name is required.');\n    create.mutate(\n      {\n        clientId: form.clientId,\n        practiceAreaId: form.practiceAreaId || null,\n        name: form.name.trim(),\n        description: form.description.trim() || null,\n        feeArrangement: form.feeArrangement,\n        feeAmount: form.feeAmount ? Number(form.feeAmount) : 0,\n        currency: form.currency || 'USD',\n        startDate: form.startDate ? new Date(form.startDate).toISOString() : null,\n      },\n      {\n        onSuccess: (created) => {\n          const engagement = (created as { pswCreateEngagement: PswEngagement })\n            .pswCreateEngagement;\n          emitFact('psw.engagement.created', {\n            engagementId: engagement.id,\n            clientId: form.clientId,\n          });\n          onSaved(form.name.trim());\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title={t('psw.engagements.newTitle')}\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={create.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={create.isPending}>\n            {create.isPending ? 'Creating…' : 'Create engagement'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Client\" required>\n          <NativeSelect value={form.clientId} onChange={set('clientId')}>\n            <option value=\"\">Select a client…</option>\n            {clients.data?.items.map((c) => (\n              <option key={c.id} value={c.id}>\n                {c.name}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <Field label=\"Name\" required>\n          <TextInput value={form.name} onChange={set('name')} placeholder=\"FY26 Statutory Audit\" />\n        </Field>\n        <Field label=\"Practice area\">\n          <NativeSelect value={form.practiceAreaId} onChange={set('practiceAreaId')}>\n            <option value=\"\">Unassigned</option>\n            {practiceAreas.data?.map((p) => (\n              <option key={p.id} value={p.id}>\n                {p.name}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <div className=\"grid grid-cols-3 gap-3\">\n          <Field label=\"Fee type\">\n            <NativeSelect value={form.feeArrangement} onChange={set('feeArrangement')}>\n              {enumOptions(FEE_ARRANGEMENTS)}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Fee amount\">\n            <TextInput\n              type=\"number\"\n              min=\"0\"\n              value={form.feeAmount}\n              onChange={set('feeAmount')}\n              placeholder=\"50000\"\n            />\n          </Field>\n          <Field label=\"Currency\">\n            <TextInput value={form.currency} onChange={set('currency')} maxLength={3} />\n          </Field>\n        </div>\n        <Field label=\"Start date\">\n          <TextInput type=\"date\" value={form.startDate} onChange={set('startDate')} />\n        </Field>\n        <Field label=\"Description\">\n          <TextArea value={form.description} onChange={set('description')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}