@burdenoff/microfe-proserviceworld 2026.706.2 → 2026.706.3

package/dist/proserviceworld/pages/CompliancePage.js

@@ -1,55 +1,90 @@
 import { useClients as e, useComplianceChecks as t, useCreateComplianceCheck as n, useEngagements as r, useMatters as i, useResolveComplianceCheck as a } from "../hooks/useProServiceWorldApi.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, humanize as C } from "../components/ui.js";
-import { useState as w } from "react";
-import { Plus as T, ShieldCheck as E } from "lucide-react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Button as A } from "@burdenoff/fe-libs/ui";
+import { Banner as o, Empty as s, ErrorState as c, Field as l, LoadingBlock as u, MetricCard as d, Modal as f, NativeSelect as p, PageHeader as m, SectionCard as h, StatusPill as g, TableWrap as _, Td as v, TextArea as y, TextInput as b, Th as x, enumOptions as S, fmtDate as C, humanize as w } from "../components/ui.js";
+import { useState as T } from "react";
+import { BadgeCheck as E, CheckCircle2 as D, Clock as O, Database as k, FileCheck as A, GraduationCap as j, ListChecks as M, Lock as N, Plus as P, Scale as F, ShieldCheck as I } from "lucide-react";
+import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { Button as B } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/CompliancePage.tsx
-var j = [
+var V = [
 	"ENGAGEMENT_ACCEPTANCE",
 	"INDEPENDENCE",
 	"LICENSING",
 	"CONTINUING_EDUCATION",
 	"DATA_RETENTION",
 	"LEGAL_HOLD"
-], M = [
+], H = [
 	"IN_REVIEW",
 	"PASSED",
 	"FAILED",
 	"WAIVED"
-], N = [
+], U = [
 	"CLIENT",
 	"ENGAGEMENT",
 	"MATTER"
-], P = () => {
-	let [e, n] = w(""), [r, i] = w(!1), [a, l] = w(null), [d, v] = w(null), { data: y, isLoading: D, error: j, refetch: M } = t({ status: e || void 0 });
-	return /* @__PURE__ */ k("div", {
+], W = {
+	ENGAGEMENT_ACCEPTANCE: /* @__PURE__ */ R(A, { className: "h-3.5 w-3.5" }),
+	INDEPENDENCE: /* @__PURE__ */ R(F, { className: "h-3.5 w-3.5" }),
+	LICENSING: /* @__PURE__ */ R(E, { className: "h-3.5 w-3.5" }),
+	CONTINUING_EDUCATION: /* @__PURE__ */ R(j, { className: "h-3.5 w-3.5" }),
+	DATA_RETENTION: /* @__PURE__ */ R(k, { className: "h-3.5 w-3.5" }),
+	LEGAL_HOLD: /* @__PURE__ */ R(N, { className: "h-3.5 w-3.5" })
+}, G = () => {
+	let [e, n] = T(""), [r, i] = T(!1), [a, l] = T(null), [f, y] = T(null), { data: b, isLoading: E, error: k, refetch: A } = t({ status: e || void 0 }), j = b ?? [], N = j.filter((e) => e.status === "PENDING").length, F = j.filter((e) => e.status === "IN_REVIEW").length, L = j.filter((e) => e.status === "PASSED" || e.status === "FAILED" || e.status === "WAIVED").length;
+	return /* @__PURE__ */ z("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ O(p, {
+			/* @__PURE__ */ R(m, {
 				title: "Compliance",
 				subtitle: "The duties that travel with the work — acceptance, independence, licensing, CE, retention and legal hold — as gates, not afterthoughts.",
-				icon: /* @__PURE__ */ O(E, { className: "h-6 w-6" }),
-				actions: /* @__PURE__ */ k(A, {
+				icon: /* @__PURE__ */ R(I, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ z(B, {
 					onClick: () => i(!0),
-					children: [/* @__PURE__ */ O(T, { className: "mr-1.5 h-4 w-4" }), "New check"]
+					children: [/* @__PURE__ */ R(P, { className: "mr-1.5 h-4 w-4" }), "New check"]
 				})
 			}),
-			d && /* @__PURE__ */ O(o, {
+			f && /* @__PURE__ */ R(o, {
 				tone: "success",
-				onClose: () => v(null),
-				children: d
+				onClose: () => y(null),
+				children: f
 			}),
-			/* @__PURE__ */ O("div", {
+			b && b.length > 0 && /* @__PURE__ */ z("div", {
+				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ R(d, {
+						label: "Checks",
+						value: j.length,
+						icon: /* @__PURE__ */ R(M, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ R(d, {
+						label: "Pending",
+						value: N,
+						icon: /* @__PURE__ */ R(O, { className: "h-4 w-4" }),
+						tone: N ? "warning" : "neutral"
+					}),
+					/* @__PURE__ */ R(d, {
+						label: "In review",
+						value: F,
+						icon: /* @__PURE__ */ R(I, { className: "h-4 w-4" }),
+						tone: "info"
+					}),
+					/* @__PURE__ */ R(d, {
+						label: "Resolved",
+						value: L,
+						icon: /* @__PURE__ */ R(D, { className: "h-4 w-4" }),
+						tone: "success"
+					})
+				]
+			}),
+			/* @__PURE__ */ R("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ k(f, {
+				children: /* @__PURE__ */ z(p, {
 					value: e,
 					onChange: (e) => n(e.target.value),
 					className: "sm:w-52",
-					children: [/* @__PURE__ */ O("option", {
+					children: [/* @__PURE__ */ R("option", {
 						value: "",
 						children: "All statuses"
-					}), x([
+					}), S([
 						"PENDING",
 						"IN_REVIEW",
 						"PASSED",
@@ -58,43 +93,52 @@ var j = [
 					])]
 				})
 			}),
-			D ? /* @__PURE__ */ O(u, {}) : j ? /* @__PURE__ */ O(c, {
-				error: j,
-				onRetry: () => void M()
-			}) : !y || y.length === 0 ? /* @__PURE__ */ O(s, {
+			E ? /* @__PURE__ */ R(u, {}) : k ? /* @__PURE__ */ R(c, {
+				error: k,
+				onRetry: () => void A()
+			}) : !b || b.length === 0 ? /* @__PURE__ */ R(s, {
 				title: "No compliance checks",
 				description: "Raise a check to gate acceptance or track a professional obligation.",
-				icon: /* @__PURE__ */ O(E, { className: "h-8 w-8" }),
-				action: /* @__PURE__ */ k(A, {
+				icon: /* @__PURE__ */ R(I, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ z(B, {
 					onClick: () => i(!0),
-					children: [/* @__PURE__ */ O(T, { className: "mr-1.5 h-4 w-4" }), "New check"]
+					children: [/* @__PURE__ */ R(P, { className: "mr-1.5 h-4 w-4" }), "New check"]
 				})
-			}) : /* @__PURE__ */ O(m, {
-				title: `${y.length} check${y.length === 1 ? "" : "s"}`,
-				children: /* @__PURE__ */ k(g, { children: [/* @__PURE__ */ O("thead", { children: /* @__PURE__ */ k("tr", { children: [
-					/* @__PURE__ */ O(b, { children: "Title" }),
-					/* @__PURE__ */ O(b, { children: "Type" }),
-					/* @__PURE__ */ O(b, { children: "Subject" }),
-					/* @__PURE__ */ O(b, { children: "Due" }),
-					/* @__PURE__ */ O(b, { children: "Status" }),
-					/* @__PURE__ */ O(b, {
+			}) : /* @__PURE__ */ R(h, {
+				title: `${b.length} check${b.length === 1 ? "" : "s"}`,
+				children: /* @__PURE__ */ z(_, { children: [/* @__PURE__ */ R("thead", { children: /* @__PURE__ */ z("tr", { children: [
+					/* @__PURE__ */ R(x, { children: "Title" }),
+					/* @__PURE__ */ R(x, { children: "Type" }),
+					/* @__PURE__ */ R(x, { children: "Subject" }),
+					/* @__PURE__ */ R(x, { children: "Due" }),
+					/* @__PURE__ */ R(x, { children: "Status" }),
+					/* @__PURE__ */ R(x, {
 						className: "text-right",
 						children: "Actions"
 					})
-				] }) }), /* @__PURE__ */ O("tbody", { children: y.map((e) => /* @__PURE__ */ k("tr", {
-					className: "hover:bg-bg-sunken/50",
+				] }) }), /* @__PURE__ */ R("tbody", { children: b.map((e) => /* @__PURE__ */ z("tr", {
+					className: "transition-colors hover:bg-bg-sunken/60",
 					children: [
-						/* @__PURE__ */ O(_, { children: /* @__PURE__ */ O("span", {
+						/* @__PURE__ */ R(v, { children: /* @__PURE__ */ R("span", {
 							className: "font-medium text-text-primary",
 							children: e.title
 						}) }),
-						/* @__PURE__ */ O(_, { children: C(e.type) }),
-						/* @__PURE__ */ O(_, { children: C(e.subjectType) }),
-						/* @__PURE__ */ O(_, { children: S(e.dueDate) }),
-						/* @__PURE__ */ O(_, { children: /* @__PURE__ */ O(h, { status: e.status }) }),
-						/* @__PURE__ */ O(_, {
+						/* @__PURE__ */ R(v, { children: /* @__PURE__ */ z("span", {
+							className: "inline-flex items-center gap-2 whitespace-nowrap",
+							children: [/* @__PURE__ */ R("span", {
+								className: "flex h-6 w-6 items-center justify-center rounded-md bg-bg-sunken text-accent",
+								children: W[e.type]
+							}), w(e.type)]
+						}) }),
+						/* @__PURE__ */ R(v, { children: w(e.subjectType) }),
+						/* @__PURE__ */ R(v, {
+							className: "whitespace-nowrap",
+							children: C(e.dueDate)
+						}),
+						/* @__PURE__ */ R(v, { children: /* @__PURE__ */ R(g, { status: e.status }) }),
+						/* @__PURE__ */ R(v, {
 							className: "text-right",
-							children: e.status === "PENDING" || e.status === "IN_REVIEW" ? /* @__PURE__ */ O(A, {
+							children: e.status === "PENDING" || e.status === "IN_REVIEW" ? /* @__PURE__ */ R(B, {
 								variant: "ghost",
 								size: "sm",
 								onClick: () => l({
@@ -102,60 +146,60 @@ var j = [
 									title: e.title
 								}),
 								children: "Resolve"
-							}) : /* @__PURE__ */ O("span", {
+							}) : /* @__PURE__ */ R("span", {
 								className: "text-xs text-text-tertiary",
-								children: e.resolvedAt ? S(e.resolvedAt) : ""
+								children: e.resolvedAt ? C(e.resolvedAt) : ""
 							})
 						})
 					]
 				}, e.id)) })] })
 			}),
-			r && /* @__PURE__ */ O(F, {
+			r && /* @__PURE__ */ R(K, {
 				onClose: () => i(!1),
 				onDone: () => {
-					M(), v("Compliance check created.");
+					A(), y("Compliance check created.");
 				}
 			}),
-			a && /* @__PURE__ */ O(I, {
+			a && /* @__PURE__ */ R(q, {
 				check: a,
 				onClose: () => l(null),
 				onDone: () => {
-					M(), v("Compliance check resolved.");
+					A(), y("Compliance check resolved.");
 				}
 			})
 		]
 	});
-}, F = ({ onClose: t, onDone: a }) => {
-	let s = n(), [c, u] = w({
+}, K = ({ onClose: t, onDone: a }) => {
+	let s = n(), [c, u] = T({
 		type: "ENGAGEMENT_ACCEPTANCE",
 		subjectType: "ENGAGEMENT",
 		subjectId: "",
 		title: "",
 		dueDate: "",
 		details: ""
-	}), [p, m] = w(null), h = (e) => (t) => u((n) => ({
+	}), [d, m] = T(null), h = (e) => (t) => u((n) => ({
 		...n,
 		[e]: t.target.value
-	})), g = e({ pagination: { limit: 100 } }), _ = r({ pagination: { limit: 100 } }), b = i({ pagination: { limit: 100 } }), S = c.subjectType === "CLIENT" ? (g.data?.items ?? []).map((e) => ({
+	})), g = e({ pagination: { limit: 100 } }), _ = r({ pagination: { limit: 100 } }), v = i({ pagination: { limit: 100 } }), x = c.subjectType === "CLIENT" ? (g.data?.items ?? []).map((e) => ({
 		id: e.id,
 		label: e.name
 	})) : c.subjectType === "ENGAGEMENT" ? (_.data?.items ?? []).map((e) => ({
 		id: e.id,
 		label: e.name
-	})) : (b.data?.items ?? []).map((e) => ({
+	})) : (v.data?.items ?? []).map((e) => ({
 		id: e.id,
 		label: e.title
 	}));
-	return /* @__PURE__ */ O(d, {
+	return /* @__PURE__ */ R(f, {
 		open: !0,
 		onClose: t,
 		title: "New compliance check",
-		footer: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(A, {
+		footer: /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(B, {
 			variant: "outline",
 			onClick: t,
 			disabled: s.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ O(A, {
+		}), /* @__PURE__ */ R(B, {
 			onClick: () => {
 				if (m(null), !c.title.trim()) return m("Title is required.");
 				if (!c.subjectId) return m("Select a subject.");
@@ -176,70 +220,70 @@ var j = [
 			disabled: s.isPending,
 			children: s.isPending ? "Creating…" : "Create check"
 		})] }),
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ z("div", {
 			className: "space-y-3",
 			children: [
-				p && /* @__PURE__ */ O(o, {
+				d && /* @__PURE__ */ R(o, {
 					tone: "danger",
-					children: p
+					children: d
 				}),
-				/* @__PURE__ */ O(l, {
+				/* @__PURE__ */ R(l, {
 					label: "Title",
 					required: !0,
-					children: /* @__PURE__ */ O(y, {
+					children: /* @__PURE__ */ R(b, {
 						value: c.title,
 						onChange: h("title"),
 						placeholder: "Independence confirmation — FY26 audit"
 					})
 				}),
-				/* @__PURE__ */ O(l, {
+				/* @__PURE__ */ R(l, {
 					label: "Type",
-					children: /* @__PURE__ */ O(f, {
+					children: /* @__PURE__ */ R(p, {
 						value: c.type,
 						onChange: h("type"),
-						children: x(j)
+						children: S(V)
 					})
 				}),
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ z("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ O(l, {
+					children: [/* @__PURE__ */ R(l, {
 						label: "Subject type",
-						children: /* @__PURE__ */ O(f, {
+						children: /* @__PURE__ */ R(p, {
 							value: c.subjectType,
 							onChange: (e) => u((t) => ({
 								...t,
 								subjectType: e.target.value,
 								subjectId: ""
 							})),
-							children: x(N)
+							children: S(U)
 						})
-					}), /* @__PURE__ */ O(l, {
+					}), /* @__PURE__ */ R(l, {
 						label: "Subject",
 						required: !0,
-						children: /* @__PURE__ */ k(f, {
+						children: /* @__PURE__ */ z(p, {
 							value: c.subjectId,
 							onChange: h("subjectId"),
-							children: [/* @__PURE__ */ O("option", {
+							children: [/* @__PURE__ */ R("option", {
 								value: "",
 								children: "Select…"
-							}), S.map((e) => /* @__PURE__ */ O("option", {
+							}), x.map((e) => /* @__PURE__ */ R("option", {
 								value: e.id,
 								children: e.label
 							}, e.id))]
 						})
 					})]
 				}),
-				/* @__PURE__ */ O(l, {
+				/* @__PURE__ */ R(l, {
 					label: "Due date",
-					children: /* @__PURE__ */ O(y, {
+					children: /* @__PURE__ */ R(b, {
 						type: "date",
 						value: c.dueDate,
 						onChange: h("dueDate")
 					})
 				}),
-				/* @__PURE__ */ O(l, {
+				/* @__PURE__ */ R(l, {
 					label: "Details",
-					children: /* @__PURE__ */ O(v, {
+					children: /* @__PURE__ */ R(y, {
 						value: c.details,
 						onChange: h("details")
 					})
@@ -247,18 +291,18 @@ var j = [
 			]
 		})
 	});
-}, I = ({ check: e, onClose: t, onDone: n }) => {
-	let r = a(), [i, s] = w("PASSED"), [c, u] = w(""), [p, m] = w(null);
-	return /* @__PURE__ */ O(d, {
+}, q = ({ check: e, onClose: t, onDone: n }) => {
+	let r = a(), [i, s] = T("PASSED"), [c, u] = T(""), [d, m] = T(null);
+	return /* @__PURE__ */ R(f, {
 		open: !0,
 		onClose: t,
 		title: `Resolve: ${e.title}`,
-		footer: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(A, {
+		footer: /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(B, {
 			variant: "outline",
 			onClick: t,
 			disabled: r.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ O(A, {
+		}), /* @__PURE__ */ R(B, {
 			onClick: () => r.mutate({
 				id: e.id,
 				status: i,
@@ -272,27 +316,27 @@ var j = [
 			disabled: r.isPending,
 			children: r.isPending ? "Saving…" : "Resolve"
 		})] }),
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ z("div", {
 			className: "space-y-3",
 			children: [
-				p && /* @__PURE__ */ O(o, {
+				d && /* @__PURE__ */ R(o, {
 					tone: "danger",
-					children: p
+					children: d
 				}),
-				/* @__PURE__ */ O(l, {
+				/* @__PURE__ */ R(l, {
 					label: "Outcome",
-					children: /* @__PURE__ */ O(f, {
+					children: /* @__PURE__ */ R(p, {
 						value: i,
 						onChange: (e) => s(e.target.value),
-						children: M.map((e) => /* @__PURE__ */ O("option", {
+						children: H.map((e) => /* @__PURE__ */ R("option", {
 							value: e,
-							children: C(e)
+							children: w(e)
 						}, e))
 					})
 				}),
-				/* @__PURE__ */ O(l, {
+				/* @__PURE__ */ R(l, {
 					label: "Notes",
-					children: /* @__PURE__ */ O(v, {
+					children: /* @__PURE__ */ R(y, {
 						value: c,
 						onChange: (e) => u(e.target.value)
 					})
@@ -302,6 +346,6 @@ var j = [
 	});
 };
 //#endregion
-export { P as CompliancePage };
+export { G as CompliancePage };
 
 //# sourceMappingURL=CompliancePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompliancePage.js","names":[],"sources":["../../../src/proserviceworld/pages/CompliancePage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, ShieldCheck } from 'lucide-react';\nimport {\n  useComplianceChecks,\n  useCreateComplianceCheck,\n  useResolveComplianceCheck,\n  useClients,\n  useEngagements,\n  useMatters,\n  type PswComplianceStatus,\n} from '../hooks/useProServiceWorldApi';\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  fmtDate,\n  humanize,\n} from '../components/ui';\n\nconst TYPES = [\n  'ENGAGEMENT_ACCEPTANCE',\n  'INDEPENDENCE',\n  'LICENSING',\n  'CONTINUING_EDUCATION',\n  'DATA_RETENTION',\n  'LEGAL_HOLD',\n] as const;\nconst RESOLVE_STATUSES: PswComplianceStatus[] = ['IN_REVIEW', 'PASSED', 'FAILED', 'WAIVED'];\nconst SUBJECT_TYPES = ['CLIENT', 'ENGAGEMENT', 'MATTER'] as const;\n\nexport const CompliancePage: FC = () => {\n  const [statusFilter, setStatusFilter] = useState<PswComplianceStatus | ''>('');\n  const [creating, setCreating] = useState(false);\n  const [resolving, setResolving] = useState<{ id: string; title: string } | null>(null);\n  const [banner, setBanner] = useState<string | null>(null);\n  const { data, isLoading, error, refetch } = useComplianceChecks({\n    status: statusFilter || undefined,\n  });\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Compliance\"\n        subtitle=\"The duties that travel with the work — acceptance, independence, licensing, CE, retention and legal hold — as gates, not afterthoughts.\"\n        icon={<ShieldCheck className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setCreating(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New check\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone=\"success\" onClose={() => setBanner(null)}>\n          {banner}\n        </Banner>\n      )}\n\n      <div className=\"flex justify-end\">\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswComplianceStatus | '')}\n          className=\"sm:w-52\"\n        >\n          <option value=\"\">All statuses</option>\n          {enumOptions(['PENDING', 'IN_REVIEW', 'PASSED', 'FAILED', 'WAIVED'])}\n        </NativeSelect>\n      </div>\n\n      {isLoading ? (\n        <LoadingBlock />\n      ) : error ? (\n        <ErrorState error={error} onRetry={() => void refetch()} />\n      ) : !data || data.length === 0 ? (\n        <Empty\n          title=\"No compliance checks\"\n          description=\"Raise a check to gate acceptance or track a professional obligation.\"\n          icon={<ShieldCheck className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New check\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title={`${data.length} check${data.length === 1 ? '' : 's'}`}>\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Title</Th>\n                <Th>Type</Th>\n                <Th>Subject</Th>\n                <Th>Due</Th>\n                <Th>Status</Th>\n                <Th className=\"text-right\">Actions</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((c) => (\n                <tr key={c.id} className=\"hover:bg-bg-sunken/50\">\n                  <Td>\n                    <span className=\"font-medium text-text-primary\">{c.title}</span>\n                  </Td>\n                  <Td>{humanize(c.type)}</Td>\n                  <Td>{humanize(c.subjectType)}</Td>\n                  <Td>{fmtDate(c.dueDate)}</Td>\n                  <Td>\n                    <StatusPill status={c.status} />\n                  </Td>\n                  <Td className=\"text-right\">\n                    {c.status === 'PENDING' || c.status === 'IN_REVIEW' ? (\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={() => setResolving({ id: c.id, title: c.title })}\n                      >\n                        Resolve\n                      </Button>\n                    ) : (\n                      <span className=\"text-xs text-text-tertiary\">\n                        {c.resolvedAt ? fmtDate(c.resolvedAt) : ''}\n                      </span>\n                    )}\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\n      )}\n\n      {creating && (\n        <ComplianceModal\n          onClose={() => setCreating(false)}\n          onDone={() => {\n            void refetch();\n            setBanner('Compliance check created.');\n          }}\n        />\n      )}\n      {resolving && (\n        <ResolveModal\n          check={resolving}\n          onClose={() => setResolving(null)}\n          onDone={() => {\n            void refetch();\n            setBanner('Compliance check resolved.');\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst ComplianceModal: FC<{ onClose: () => void; onDone: () => void }> = ({ onClose, onDone }) => {\n  const create = useCreateComplianceCheck();\n  const [form, setForm] = useState({\n    type: 'ENGAGEMENT_ACCEPTANCE',\n    subjectType: 'ENGAGEMENT',\n    subjectId: '',\n    title: '',\n    dueDate: '',\n    details: '',\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 clients = useClients({ pagination: { limit: 100 } });\n  const engagements = useEngagements({ pagination: { limit: 100 } });\n  const matters = useMatters({ pagination: { limit: 100 } });\n  const subjects =\n    form.subjectType === 'CLIENT'\n      ? (clients.data?.items ?? []).map((c) => ({ id: c.id, label: c.name }))\n      : form.subjectType === 'ENGAGEMENT'\n        ? (engagements.data?.items ?? []).map((e) => ({ id: e.id, label: e.name }))\n        : (matters.data?.items ?? []).map((m) => ({ id: m.id, label: m.title }));\n\n  const submit = () => {\n    setErr(null);\n    if (!form.title.trim()) return setErr('Title is required.');\n    if (!form.subjectId) return setErr('Select a subject.');\n    create.mutate(\n      {\n        type: form.type,\n        subjectType: form.subjectType,\n        subjectId: form.subjectId,\n        title: form.title.trim(),\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n        details: form.details.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          onDone();\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 compliance check\"\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 check'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Title\" required>\n          <TextInput\n            value={form.title}\n            onChange={set('title')}\n            placeholder=\"Independence confirmation — FY26 audit\"\n          />\n        </Field>\n        <Field label=\"Type\">\n          <NativeSelect value={form.type} onChange={set('type')}>\n            {enumOptions(TYPES)}\n          </NativeSelect>\n        </Field>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Subject type\">\n            <NativeSelect\n              value={form.subjectType}\n              onChange={(e) =>\n                setForm((f) => ({ ...f, subjectType: e.target.value, subjectId: '' }))\n              }\n            >\n              {enumOptions(SUBJECT_TYPES)}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Subject\" required>\n            <NativeSelect value={form.subjectId} onChange={set('subjectId')}>\n              <option value=\"\">Select…</option>\n              {subjects.map((s) => (\n                <option key={s.id} value={s.id}>\n                  {s.label}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n        </div>\n        <Field label=\"Due date\">\n          <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n        </Field>\n        <Field label=\"Details\">\n          <TextArea value={form.details} onChange={set('details')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n\nconst ResolveModal: FC<{\n  check: { id: string; title: string };\n  onClose: () => void;\n  onDone: () => void;\n}> = ({ check, onClose, onDone }) => {\n  const resolve = useResolveComplianceCheck();\n  const [status, setStatus] = useState<PswComplianceStatus>('PASSED');\n  const [details, setDetails] = useState('');\n  const [err, setErr] = useState<string | null>(null);\n  const submit = () =>\n    resolve.mutate(\n      { id: check.id, status, details: details.trim() || undefined },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title={`Resolve: ${check.title}`}\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={resolve.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={resolve.isPending}>\n            {resolve.isPending ? 'Saving…' : 'Resolve'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Outcome\">\n          <NativeSelect\n            value={status}\n            onChange={(e) => setStatus(e.target.value as PswComplianceStatus)}\n          >\n            {RESOLVE_STATUSES.map((s) => (\n              <option key={s} value={s}>\n                {humanize(s)}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <Field label=\"Notes\">\n          <TextArea value={details} onChange={(e) => setDetails(e.target.value)} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CompliancePage.js","names":[],"sources":["../../../src/proserviceworld/pages/CompliancePage.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  Plus,\n  ShieldCheck,\n  FileCheck,\n  Scale,\n  BadgeCheck,\n  GraduationCap,\n  Database,\n  Lock,\n  Clock,\n  ListChecks,\n  CheckCircle2,\n} from 'lucide-react';\nimport {\n  useComplianceChecks,\n  useCreateComplianceCheck,\n  useResolveComplianceCheck,\n  useClients,\n  useEngagements,\n  useMatters,\n  type PswComplianceStatus,\n  type PswComplianceType,\n} from '../hooks/useProServiceWorldApi';\nimport {\n  PageHeader,\n  SectionCard,\n  MetricCard,\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  fmtDate,\n  humanize,\n} from '../components/ui';\n\nconst TYPES = [\n  'ENGAGEMENT_ACCEPTANCE',\n  'INDEPENDENCE',\n  'LICENSING',\n  'CONTINUING_EDUCATION',\n  'DATA_RETENTION',\n  'LEGAL_HOLD',\n] as const;\nconst RESOLVE_STATUSES: PswComplianceStatus[] = ['IN_REVIEW', 'PASSED', 'FAILED', 'WAIVED'];\nconst SUBJECT_TYPES = ['CLIENT', 'ENGAGEMENT', 'MATTER'] as const;\n\nconst TYPE_ICON: Record<PswComplianceType, ReactNode> = {\n  ENGAGEMENT_ACCEPTANCE: <FileCheck className=\"h-3.5 w-3.5\" />,\n  INDEPENDENCE: <Scale className=\"h-3.5 w-3.5\" />,\n  LICENSING: <BadgeCheck className=\"h-3.5 w-3.5\" />,\n  CONTINUING_EDUCATION: <GraduationCap className=\"h-3.5 w-3.5\" />,\n  DATA_RETENTION: <Database className=\"h-3.5 w-3.5\" />,\n  LEGAL_HOLD: <Lock className=\"h-3.5 w-3.5\" />,\n};\n\nexport const CompliancePage: FC = () => {\n  const [statusFilter, setStatusFilter] = useState<PswComplianceStatus | ''>('');\n  const [creating, setCreating] = useState(false);\n  const [resolving, setResolving] = useState<{ id: string; title: string } | null>(null);\n  const [banner, setBanner] = useState<string | null>(null);\n  const { data, isLoading, error, refetch } = useComplianceChecks({\n    status: statusFilter || undefined,\n  });\n\n  const checks = data ?? [];\n  const pendingCount = checks.filter((c) => c.status === 'PENDING').length;\n  const inReviewCount = checks.filter((c) => c.status === 'IN_REVIEW').length;\n  const resolvedCount = checks.filter(\n    (c) => c.status === 'PASSED' || c.status === 'FAILED' || c.status === 'WAIVED'\n  ).length;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Compliance\"\n        subtitle=\"The duties that travel with the work — acceptance, independence, licensing, CE, retention and legal hold — as gates, not afterthoughts.\"\n        icon={<ShieldCheck className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setCreating(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New check\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone=\"success\" onClose={() => setBanner(null)}>\n          {banner}\n        </Banner>\n      )}\n\n      {data && data.length > 0 && (\n        <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n          <MetricCard\n            label=\"Checks\"\n            value={checks.length}\n            icon={<ListChecks className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            label=\"Pending\"\n            value={pendingCount}\n            icon={<Clock className=\"h-4 w-4\" />}\n            tone={pendingCount ? 'warning' : 'neutral'}\n          />\n          <MetricCard\n            label=\"In review\"\n            value={inReviewCount}\n            icon={<ShieldCheck className=\"h-4 w-4\" />}\n            tone=\"info\"\n          />\n          <MetricCard\n            label=\"Resolved\"\n            value={resolvedCount}\n            icon={<CheckCircle2 className=\"h-4 w-4\" />}\n            tone=\"success\"\n          />\n        </div>\n      )}\n\n      <div className=\"flex justify-end\">\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswComplianceStatus | '')}\n          className=\"sm:w-52\"\n        >\n          <option value=\"\">All statuses</option>\n          {enumOptions(['PENDING', 'IN_REVIEW', 'PASSED', 'FAILED', 'WAIVED'])}\n        </NativeSelect>\n      </div>\n\n      {isLoading ? (\n        <LoadingBlock />\n      ) : error ? (\n        <ErrorState error={error} onRetry={() => void refetch()} />\n      ) : !data || data.length === 0 ? (\n        <Empty\n          title=\"No compliance checks\"\n          description=\"Raise a check to gate acceptance or track a professional obligation.\"\n          icon={<ShieldCheck className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New check\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title={`${data.length} check${data.length === 1 ? '' : 's'}`}>\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Title</Th>\n                <Th>Type</Th>\n                <Th>Subject</Th>\n                <Th>Due</Th>\n                <Th>Status</Th>\n                <Th className=\"text-right\">Actions</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((c) => (\n                <tr key={c.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                  <Td>\n                    <span className=\"font-medium text-text-primary\">{c.title}</span>\n                  </Td>\n                  <Td>\n                    <span className=\"inline-flex items-center gap-2 whitespace-nowrap\">\n                      <span className=\"flex h-6 w-6 items-center justify-center rounded-md bg-bg-sunken text-accent\">\n                        {TYPE_ICON[c.type]}\n                      </span>\n                      {humanize(c.type)}\n                    </span>\n                  </Td>\n                  <Td>{humanize(c.subjectType)}</Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(c.dueDate)}</Td>\n                  <Td>\n                    <StatusPill status={c.status} />\n                  </Td>\n                  <Td className=\"text-right\">\n                    {c.status === 'PENDING' || c.status === 'IN_REVIEW' ? (\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={() => setResolving({ id: c.id, title: c.title })}\n                      >\n                        Resolve\n                      </Button>\n                    ) : (\n                      <span className=\"text-xs text-text-tertiary\">\n                        {c.resolvedAt ? fmtDate(c.resolvedAt) : ''}\n                      </span>\n                    )}\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\n      )}\n\n      {creating && (\n        <ComplianceModal\n          onClose={() => setCreating(false)}\n          onDone={() => {\n            void refetch();\n            setBanner('Compliance check created.');\n          }}\n        />\n      )}\n      {resolving && (\n        <ResolveModal\n          check={resolving}\n          onClose={() => setResolving(null)}\n          onDone={() => {\n            void refetch();\n            setBanner('Compliance check resolved.');\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst ComplianceModal: FC<{ onClose: () => void; onDone: () => void }> = ({ onClose, onDone }) => {\n  const create = useCreateComplianceCheck();\n  const [form, setForm] = useState({\n    type: 'ENGAGEMENT_ACCEPTANCE',\n    subjectType: 'ENGAGEMENT',\n    subjectId: '',\n    title: '',\n    dueDate: '',\n    details: '',\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 clients = useClients({ pagination: { limit: 100 } });\n  const engagements = useEngagements({ pagination: { limit: 100 } });\n  const matters = useMatters({ pagination: { limit: 100 } });\n  const subjects =\n    form.subjectType === 'CLIENT'\n      ? (clients.data?.items ?? []).map((c) => ({ id: c.id, label: c.name }))\n      : form.subjectType === 'ENGAGEMENT'\n        ? (engagements.data?.items ?? []).map((e) => ({ id: e.id, label: e.name }))\n        : (matters.data?.items ?? []).map((m) => ({ id: m.id, label: m.title }));\n\n  const submit = () => {\n    setErr(null);\n    if (!form.title.trim()) return setErr('Title is required.');\n    if (!form.subjectId) return setErr('Select a subject.');\n    create.mutate(\n      {\n        type: form.type,\n        subjectType: form.subjectType,\n        subjectId: form.subjectId,\n        title: form.title.trim(),\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n        details: form.details.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          onDone();\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 compliance check\"\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 check'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Title\" required>\n          <TextInput\n            value={form.title}\n            onChange={set('title')}\n            placeholder=\"Independence confirmation — FY26 audit\"\n          />\n        </Field>\n        <Field label=\"Type\">\n          <NativeSelect value={form.type} onChange={set('type')}>\n            {enumOptions(TYPES)}\n          </NativeSelect>\n        </Field>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Subject type\">\n            <NativeSelect\n              value={form.subjectType}\n              onChange={(e) =>\n                setForm((f) => ({ ...f, subjectType: e.target.value, subjectId: '' }))\n              }\n            >\n              {enumOptions(SUBJECT_TYPES)}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Subject\" required>\n            <NativeSelect value={form.subjectId} onChange={set('subjectId')}>\n              <option value=\"\">Select…</option>\n              {subjects.map((s) => (\n                <option key={s.id} value={s.id}>\n                  {s.label}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n        </div>\n        <Field label=\"Due date\">\n          <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n        </Field>\n        <Field label=\"Details\">\n          <TextArea value={form.details} onChange={set('details')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n\nconst ResolveModal: FC<{\n  check: { id: string; title: string };\n  onClose: () => void;\n  onDone: () => void;\n}> = ({ check, onClose, onDone }) => {\n  const resolve = useResolveComplianceCheck();\n  const [status, setStatus] = useState<PswComplianceStatus>('PASSED');\n  const [details, setDetails] = useState('');\n  const [err, setErr] = useState<string | null>(null);\n  const submit = () =>\n    resolve.mutate(\n      { id: check.id, status, details: details.trim() || undefined },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title={`Resolve: ${check.title}`}\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={resolve.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={resolve.isPending}>\n            {resolve.isPending ? 'Saving…' : 'Resolve'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Outcome\">\n          <NativeSelect\n            value={status}\n            onChange={(e) => setStatus(e.target.value as PswComplianceStatus)}\n          >\n            {RESOLVE_STATUSES.map((s) => (\n              <option key={s} value={s}>\n                {humanize(s)}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <Field label=\"Notes\">\n          <TextArea value={details} onChange={(e) => setDetails(e.target.value)} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}