@burdenoff/microfe-proserviceworld 2026.626.2 → 2026.706.1

package/dist/proserviceworld/pages/ClientsPage.js

@@ -0,0 +1,295 @@
+import { useArchiveClient as e, useClients as t, useCreateClient as n, useUpdateClient as r } from "../hooks/useProServiceWorldApi.js";
+import { useNav as i } from "../utils/nav.js";
+import { Banner as a, Empty as o, ErrorState as s, Field as c, LoadingBlock as l, Modal as u, NativeSelect 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, enumOptions as b, fmtDate as x } from "../components/ui.js";
+import { useMemo as S, useState as C } from "react";
+import { Archive as w, Pencil as T, Plus as E, Search as D, Users as O } from "lucide-react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { Button as M } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/ClientsPage.tsx
+var N = ["ORGANIZATION", "INDIVIDUAL"], P = [
+	"PROSPECT",
+	"ACTIVE",
+	"INACTIVE",
+	"ARCHIVED"
+], F = {
+	name: "",
+	type: "ORGANIZATION",
+	status: "PROSPECT",
+	industry: "",
+	contactName: "",
+	contactEmail: "",
+	contactPhone: "",
+	notes: ""
+}, I = () => {
+	let e = i(), [n, r] = C(""), [c, u] = C(""), [_, S] = C(null), [w, k] = C(!1), [N, F] = C(null), { data: I, isLoading: z, error: B, refetch: V } = t({
+		search: n.trim() || void 0,
+		status: c || void 0
+	});
+	return /* @__PURE__ */ j("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ A(f, {
+				title: "Clients",
+				subtitle: "Every person or organization your firm serves — the record engagements, matters, documents and invoices hang off.",
+				icon: /* @__PURE__ */ A(O, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ j(M, {
+					onClick: () => k(!0),
+					children: [/* @__PURE__ */ A(E, { className: "mr-1.5 h-4 w-4" }), " New client"]
+				})
+			}),
+			N && /* @__PURE__ */ A(a, {
+				tone: N.tone,
+				onClose: () => F(null),
+				children: N.text
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
+				children: [/* @__PURE__ */ j("div", {
+					className: "relative flex-1",
+					children: [/* @__PURE__ */ A(D, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ A(v, {
+						placeholder: "Search clients…",
+						value: n,
+						onChange: (e) => r(e.target.value),
+						className: "pl-9"
+					})]
+				}), /* @__PURE__ */ j(d, {
+					value: c,
+					onChange: (e) => u(e.target.value),
+					className: "sm:w-48",
+					children: [/* @__PURE__ */ A("option", {
+						value: "",
+						children: "All statuses"
+					}), b(P)]
+				})]
+			}),
+			z ? /* @__PURE__ */ A(l, {}) : B ? /* @__PURE__ */ A(s, {
+				error: B,
+				onRetry: () => void V()
+			}) : !I || I.items.length === 0 ? /* @__PURE__ */ A(o, {
+				title: "No clients yet",
+				description: "Add your first client to start scoping engagements and matters.",
+				icon: /* @__PURE__ */ A(O, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ j(M, {
+					onClick: () => k(!0),
+					children: [/* @__PURE__ */ A(E, { className: "mr-1.5 h-4 w-4" }), " New client"]
+				})
+			}) : /* @__PURE__ */ A(p, {
+				title: `${I.totalCount} client${I.totalCount === 1 ? "" : "s"}`,
+				children: /* @__PURE__ */ j(h, { children: [/* @__PURE__ */ A("thead", { children: /* @__PURE__ */ j("tr", { children: [
+					/* @__PURE__ */ A(y, { children: "Name" }),
+					/* @__PURE__ */ A(y, { children: "Type" }),
+					/* @__PURE__ */ A(y, { children: "Industry" }),
+					/* @__PURE__ */ A(y, { children: "Status" }),
+					/* @__PURE__ */ A(y, { children: "Added" }),
+					/* @__PURE__ */ A(y, {
+						className: "text-right",
+						children: "Actions"
+					})
+				] }) }), /* @__PURE__ */ A("tbody", { children: I.items.map((t) => /* @__PURE__ */ j("tr", {
+					className: "hover:bg-bg-sunken/50",
+					children: [
+						/* @__PURE__ */ j(g, { children: [/* @__PURE__ */ A("button", {
+							type: "button",
+							className: "text-left font-medium text-text-primary hover:text-accent",
+							onClick: () => e(`clients/${t.id}`),
+							children: t.name
+						}), t.contactName ? /* @__PURE__ */ A("div", {
+							className: "text-xs text-text-tertiary",
+							children: t.contactName
+						}) : null] }),
+						/* @__PURE__ */ A(g, { children: t.type === "ORGANIZATION" ? "Organization" : "Individual" }),
+						/* @__PURE__ */ A(g, { children: t.industry || "—" }),
+						/* @__PURE__ */ A(g, { children: /* @__PURE__ */ A(m, { status: t.status }) }),
+						/* @__PURE__ */ A(g, { children: x(t.createdAt) }),
+						/* @__PURE__ */ A(g, {
+							className: "text-right",
+							children: /* @__PURE__ */ j("div", {
+								className: "flex justify-end gap-1",
+								children: [/* @__PURE__ */ A(M, {
+									variant: "ghost",
+									size: "sm",
+									onClick: () => S(t),
+									"aria-label": "Edit",
+									children: /* @__PURE__ */ A(T, { className: "h-4 w-4" })
+								}), t.status !== "ARCHIVED" && /* @__PURE__ */ A(L, {
+									id: t.id,
+									onDone: (e) => F(e ? {
+										tone: "success",
+										text: `${t.name} archived.`
+									} : {
+										tone: "danger",
+										text: "Could not archive client."
+									})
+								})]
+							})
+						})
+					]
+				}, t.id)) })] })
+			}),
+			w && /* @__PURE__ */ A(R, {
+				onClose: () => k(!1),
+				onSaved: (e) => F({
+					tone: "success",
+					text: `${e} created.`
+				})
+			}),
+			_ && /* @__PURE__ */ A(R, {
+				client: _,
+				onClose: () => S(null),
+				onSaved: (e) => F({
+					tone: "success",
+					text: `${e} updated.`
+				})
+			})
+		]
+	});
+}, L = ({ id: t, onDone: n }) => {
+	let r = e();
+	return /* @__PURE__ */ A(M, {
+		variant: "ghost",
+		size: "sm",
+		"aria-label": "Archive",
+		disabled: r.isPending,
+		onClick: () => {
+			window.confirm("Archive this client? Their engagements and matters remain.") && r.mutate(t, {
+				onSuccess: (e) => n(!!e),
+				onError: () => n(!1)
+			});
+		},
+		children: /* @__PURE__ */ A(w, { className: "h-4 w-4" })
+	});
+}, R = ({ client: e, onClose: t, onSaved: i }) => {
+	let o = n(), s = r(), [l, f] = C(e ? {
+		name: e.name,
+		type: e.type,
+		status: e.status,
+		industry: e.industry ?? "",
+		contactName: e.contactName ?? "",
+		contactEmail: e.contactEmail ?? "",
+		contactPhone: e.contactPhone ?? "",
+		notes: e.notes ?? ""
+	} : F), [p, m] = C(null), h = (e) => (t) => f((n) => ({
+		...n,
+		[e]: t.target.value
+	})), g = o.isPending || s.isPending, y = S(() => ({
+		name: l.name.trim(),
+		type: l.type,
+		status: l.status,
+		industry: l.industry.trim() || null,
+		contactName: l.contactName.trim() || null,
+		contactEmail: l.contactEmail.trim() || null,
+		contactPhone: l.contactPhone.trim() || null,
+		notes: l.notes.trim() || null
+	}), [l]);
+	return /* @__PURE__ */ A(u, {
+		open: !0,
+		onClose: t,
+		title: e ? "Edit client" : "New client",
+		footer: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(M, {
+			variant: "outline",
+			onClick: t,
+			disabled: g,
+			children: "Cancel"
+		}), /* @__PURE__ */ A(M, {
+			onClick: () => {
+				if (m(null), !y.name) return m("Client name is required.");
+				let n = (e) => m(e instanceof Error ? e.message : "Save failed.");
+				e ? s.mutate({
+					id: e.id,
+					input: y
+				}, {
+					onSuccess: () => {
+						i(y.name), t();
+					},
+					onError: n
+				}) : o.mutate(y, {
+					onSuccess: () => {
+						i(y.name), t();
+					},
+					onError: n
+				});
+			},
+			disabled: g,
+			children: g ? "Saving…" : e ? "Save changes" : "Create client"
+		})] }),
+		children: /* @__PURE__ */ j("div", {
+			className: "space-y-3",
+			children: [
+				p && /* @__PURE__ */ A(a, {
+					tone: "danger",
+					children: p
+				}),
+				/* @__PURE__ */ A(c, {
+					label: "Name",
+					required: !0,
+					children: /* @__PURE__ */ A(v, {
+						value: l.name,
+						onChange: h("name"),
+						placeholder: "Acme Holdings Ltd."
+					})
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "grid grid-cols-2 gap-3",
+					children: [/* @__PURE__ */ A(c, {
+						label: "Type",
+						children: /* @__PURE__ */ A(d, {
+							value: l.type,
+							onChange: h("type"),
+							children: b(N)
+						})
+					}), /* @__PURE__ */ A(c, {
+						label: "Status",
+						children: /* @__PURE__ */ A(d, {
+							value: l.status,
+							onChange: h("status"),
+							children: b(P)
+						})
+					})]
+				}),
+				/* @__PURE__ */ A(c, {
+					label: "Industry",
+					children: /* @__PURE__ */ A(v, {
+						value: l.industry,
+						onChange: h("industry"),
+						placeholder: "Financial services"
+					})
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+					children: [/* @__PURE__ */ A(c, {
+						label: "Contact name",
+						children: /* @__PURE__ */ A(v, {
+							value: l.contactName,
+							onChange: h("contactName")
+						})
+					}), /* @__PURE__ */ A(c, {
+						label: "Contact email",
+						children: /* @__PURE__ */ A(v, {
+							type: "email",
+							value: l.contactEmail,
+							onChange: h("contactEmail")
+						})
+					})]
+				}),
+				/* @__PURE__ */ A(c, {
+					label: "Contact phone",
+					children: /* @__PURE__ */ A(v, {
+						value: l.contactPhone,
+						onChange: h("contactPhone")
+					})
+				}),
+				/* @__PURE__ */ A(c, {
+					label: "Notes",
+					children: /* @__PURE__ */ A(_, {
+						value: l.notes,
+						onChange: h("notes")
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { I as ClientsPage };
+
+//# sourceMappingURL=ClientsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClientsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ClientsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Search, Users, Pencil, Archive } from 'lucide-react';\nimport {\n  useClients,\n  useCreateClient,\n  useUpdateClient,\n  useArchiveClient,\n  type PswClient,\n  type PswClientStatus,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\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} from '../components/ui';\n\nconst CLIENT_TYPES = ['ORGANIZATION', 'INDIVIDUAL'] as const;\nconst CLIENT_STATUSES: PswClientStatus[] = ['PROSPECT', 'ACTIVE', 'INACTIVE', 'ARCHIVED'];\n\ninterface FormState {\n  name: string;\n  type: string;\n  status: string;\n  industry: string;\n  contactName: string;\n  contactEmail: string;\n  contactPhone: string;\n  notes: string;\n}\nconst emptyForm: FormState = {\n  name: '',\n  type: 'ORGANIZATION',\n  status: 'PROSPECT',\n  industry: '',\n  contactName: '',\n  contactEmail: '',\n  contactPhone: '',\n  notes: '',\n};\n\nexport const ClientsPage: FC = () => {\n  const nav = useNav();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<PswClientStatus | ''>('');\n  const [editing, setEditing] = useState<PswClient | null>(null);\n  const [creating, setCreating] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n\n  const { data, isLoading, error, refetch } = useClients({\n    search: search.trim() || undefined,\n    status: statusFilter || undefined,\n  });\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Clients\"\n        subtitle=\"Every person or organization your firm serves — the record engagements, matters, documents and invoices hang off.\"\n        icon={<Users className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setCreating(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" /> New client\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone={banner.tone} onClose={() => setBanner(null)}>\n          {banner.text}\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 clients…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            className=\"pl-9\"\n          />\n        </div>\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswClientStatus | '')}\n          className=\"sm:w-48\"\n        >\n          <option value=\"\">All statuses</option>\n          {enumOptions(CLIENT_STATUSES)}\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 clients yet\"\n          description=\"Add your first client to start scoping engagements and matters.\"\n          icon={<Users className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> New client\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title={`${data.totalCount} client${data.totalCount === 1 ? '' : 's'}`}>\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Name</Th>\n                <Th>Type</Th>\n                <Th>Industry</Th>\n                <Th>Status</Th>\n                <Th>Added</Th>\n                <Th className=\"text-right\">Actions</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.items.map((c) => (\n                <tr key={c.id} className=\"hover:bg-bg-sunken/50\">\n                  <Td>\n                    <button\n                      type=\"button\"\n                      className=\"text-left font-medium text-text-primary hover:text-accent\"\n                      onClick={() => nav(`clients/${c.id}`)}\n                    >\n                      {c.name}\n                    </button>\n                    {c.contactName ? (\n                      <div className=\"text-xs text-text-tertiary\">{c.contactName}</div>\n                    ) : null}\n                  </Td>\n                  <Td>{c.type === 'ORGANIZATION' ? 'Organization' : 'Individual'}</Td>\n                  <Td>{c.industry || '—'}</Td>\n                  <Td>\n                    <StatusPill status={c.status} />\n                  </Td>\n                  <Td>{fmtDate(c.createdAt)}</Td>\n                  <Td className=\"text-right\">\n                    <div className=\"flex justify-end gap-1\">\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={() => setEditing(c)}\n                        aria-label=\"Edit\"\n                      >\n                        <Pencil className=\"h-4 w-4\" />\n                      </Button>\n                      {c.status !== 'ARCHIVED' && (\n                        <ArchiveButton\n                          id={c.id}\n                          onDone={(ok) =>\n                            setBanner(\n                              ok\n                                ? { tone: 'success', text: `${c.name} archived.` }\n                                : { tone: 'danger', text: 'Could not archive client.' }\n                            )\n                          }\n                        />\n                      )}\n                    </div>\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\n      )}\n\n      {creating && (\n        <ClientModal\n          onClose={() => setCreating(false)}\n          onSaved={(name) => setBanner({ tone: 'success', text: `${name} created.` })}\n        />\n      )}\n      {editing && (\n        <ClientModal\n          client={editing}\n          onClose={() => setEditing(null)}\n          onSaved={(name) => setBanner({ tone: 'success', text: `${name} updated.` })}\n        />\n      )}\n    </div>\n  );\n};\n\nconst ArchiveButton: FC<{ id: string; onDone: (ok: boolean) => void }> = ({ id, onDone }) => {\n  const archive = useArchiveClient();\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      aria-label=\"Archive\"\n      disabled={archive.isPending}\n      onClick={() => {\n        if (!window.confirm('Archive this client? Their engagements and matters remain.')) return;\n        archive.mutate(id, { onSuccess: (r) => onDone(Boolean(r)), onError: () => onDone(false) });\n      }}\n    >\n      <Archive className=\"h-4 w-4\" />\n    </Button>\n  );\n};\n\nconst ClientModal: FC<{\n  client?: PswClient;\n  onClose: () => void;\n  onSaved: (name: string) => void;\n}> = ({ client, onClose, onSaved }) => {\n  const create = useCreateClient();\n  const update = useUpdateClient();\n  const [form, setForm] = useState<FormState>(\n    client\n      ? {\n          name: client.name,\n          type: client.type,\n          status: client.status,\n          industry: client.industry ?? '',\n          contactName: client.contactName ?? '',\n          contactEmail: client.contactEmail ?? '',\n          contactPhone: client.contactPhone ?? '',\n          notes: client.notes ?? '',\n        }\n      : emptyForm\n  );\n  const [err, setErr] = useState<string | null>(null);\n  const set = (k: keyof FormState) => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n  const pending = create.isPending || update.isPending;\n\n  const payload = useMemo(\n    () => ({\n      name: form.name.trim(),\n      type: form.type,\n      status: form.status,\n      industry: form.industry.trim() || null,\n      contactName: form.contactName.trim() || null,\n      contactEmail: form.contactEmail.trim() || null,\n      contactPhone: form.contactPhone.trim() || null,\n      notes: form.notes.trim() || null,\n    }),\n    [form]\n  );\n\n  const submit = () => {\n    setErr(null);\n    if (!payload.name) return setErr('Client name is required.');\n    const onError = (e: unknown) => setErr(e instanceof Error ? e.message : 'Save failed.');\n    if (client) {\n      update.mutate(\n        { id: client.id, input: payload },\n        {\n          onSuccess: () => {\n            onSaved(payload.name);\n            onClose();\n          },\n          onError,\n        }\n      );\n    } else {\n      create.mutate(payload, {\n        onSuccess: () => {\n          onSaved(payload.name);\n          onClose();\n        },\n        onError,\n      });\n    }\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title={client ? 'Edit client' : 'New client'}\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={pending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={pending}>\n            {pending ? 'Saving…' : client ? 'Save changes' : 'Create client'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Name\" required>\n          <TextInput value={form.name} onChange={set('name')} placeholder=\"Acme Holdings Ltd.\" />\n        </Field>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Type\">\n            <NativeSelect value={form.type} onChange={set('type')}>\n              {enumOptions(CLIENT_TYPES)}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Status\">\n            <NativeSelect value={form.status} onChange={set('status')}>\n              {enumOptions(CLIENT_STATUSES)}\n            </NativeSelect>\n          </Field>\n        </div>\n        <Field label=\"Industry\">\n          <TextInput\n            value={form.industry}\n            onChange={set('industry')}\n            placeholder=\"Financial services\"\n          />\n        </Field>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n          <Field label=\"Contact name\">\n            <TextInput value={form.contactName} onChange={set('contactName')} />\n          </Field>\n          <Field label=\"Contact email\">\n            <TextInput type=\"email\" value={form.contactEmail} onChange={set('contactEmail')} />\n          </Field>\n        </div>\n        <Field label=\"Contact phone\">\n          <TextInput value={form.contactPhone} onChange={set('contactPhone')} />\n        </Field>\n        <Field label=\"Notes\">\n          <TextArea value={form.notes} onChange={set('notes')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}

package/dist/proserviceworld/pages/CompliancePage.js

@@ -0,0 +1,307 @@
+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";
+//#region src/proserviceworld/pages/CompliancePage.tsx
+var j = [
+	"ENGAGEMENT_ACCEPTANCE",
+	"INDEPENDENCE",
+	"LICENSING",
+	"CONTINUING_EDUCATION",
+	"DATA_RETENTION",
+	"LEGAL_HOLD"
+], M = [
+	"IN_REVIEW",
+	"PASSED",
+	"FAILED",
+	"WAIVED"
+], N = [
+	"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", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ O(p, {
+				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, {
+					onClick: () => i(!0),
+					children: [/* @__PURE__ */ O(T, { className: "mr-1.5 h-4 w-4" }), "New check"]
+				})
+			}),
+			d && /* @__PURE__ */ O(o, {
+				tone: "success",
+				onClose: () => v(null),
+				children: d
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ k(f, {
+					value: e,
+					onChange: (e) => n(e.target.value),
+					className: "sm:w-52",
+					children: [/* @__PURE__ */ O("option", {
+						value: "",
+						children: "All statuses"
+					}), x([
+						"PENDING",
+						"IN_REVIEW",
+						"PASSED",
+						"FAILED",
+						"WAIVED"
+					])]
+				})
+			}),
+			D ? /* @__PURE__ */ O(u, {}) : j ? /* @__PURE__ */ O(c, {
+				error: j,
+				onRetry: () => void M()
+			}) : !y || y.length === 0 ? /* @__PURE__ */ O(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, {
+					onClick: () => i(!0),
+					children: [/* @__PURE__ */ O(T, { 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, {
+						className: "text-right",
+						children: "Actions"
+					})
+				] }) }), /* @__PURE__ */ O("tbody", { children: y.map((e) => /* @__PURE__ */ k("tr", {
+					className: "hover:bg-bg-sunken/50",
+					children: [
+						/* @__PURE__ */ O(_, { children: /* @__PURE__ */ O("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(_, {
+							className: "text-right",
+							children: e.status === "PENDING" || e.status === "IN_REVIEW" ? /* @__PURE__ */ O(A, {
+								variant: "ghost",
+								size: "sm",
+								onClick: () => l({
+									id: e.id,
+									title: e.title
+								}),
+								children: "Resolve"
+							}) : /* @__PURE__ */ O("span", {
+								className: "text-xs text-text-tertiary",
+								children: e.resolvedAt ? S(e.resolvedAt) : ""
+							})
+						})
+					]
+				}, e.id)) })] })
+			}),
+			r && /* @__PURE__ */ O(F, {
+				onClose: () => i(!1),
+				onDone: () => {
+					M(), v("Compliance check created.");
+				}
+			}),
+			a && /* @__PURE__ */ O(I, {
+				check: a,
+				onClose: () => l(null),
+				onDone: () => {
+					M(), v("Compliance check resolved.");
+				}
+			})
+		]
+	});
+}, F = ({ onClose: t, onDone: a }) => {
+	let s = n(), [c, u] = w({
+		type: "ENGAGEMENT_ACCEPTANCE",
+		subjectType: "ENGAGEMENT",
+		subjectId: "",
+		title: "",
+		dueDate: "",
+		details: ""
+	}), [p, m] = w(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) => ({
+		id: e.id,
+		label: e.name
+	})) : c.subjectType === "ENGAGEMENT" ? (_.data?.items ?? []).map((e) => ({
+		id: e.id,
+		label: e.name
+	})) : (b.data?.items ?? []).map((e) => ({
+		id: e.id,
+		label: e.title
+	}));
+	return /* @__PURE__ */ O(d, {
+		open: !0,
+		onClose: t,
+		title: "New compliance check",
+		footer: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(A, {
+			variant: "outline",
+			onClick: t,
+			disabled: s.isPending,
+			children: "Cancel"
+		}), /* @__PURE__ */ O(A, {
+			onClick: () => {
+				if (m(null), !c.title.trim()) return m("Title is required.");
+				if (!c.subjectId) return m("Select a subject.");
+				s.mutate({
+					type: c.type,
+					subjectType: c.subjectType,
+					subjectId: c.subjectId,
+					title: c.title.trim(),
+					dueDate: c.dueDate ? new Date(c.dueDate).toISOString() : null,
+					details: c.details.trim() || null
+				}, {
+					onSuccess: () => {
+						a(), t();
+					},
+					onError: (e) => m(e instanceof Error ? e.message : "Failed.")
+				});
+			},
+			disabled: s.isPending,
+			children: s.isPending ? "Creating…" : "Create check"
+		})] }),
+		children: /* @__PURE__ */ k("div", {
+			className: "space-y-3",
+			children: [
+				p && /* @__PURE__ */ O(o, {
+					tone: "danger",
+					children: p
+				}),
+				/* @__PURE__ */ O(l, {
+					label: "Title",
+					required: !0,
+					children: /* @__PURE__ */ O(y, {
+						value: c.title,
+						onChange: h("title"),
+						placeholder: "Independence confirmation — FY26 audit"
+					})
+				}),
+				/* @__PURE__ */ O(l, {
+					label: "Type",
+					children: /* @__PURE__ */ O(f, {
+						value: c.type,
+						onChange: h("type"),
+						children: x(j)
+					})
+				}),
+				/* @__PURE__ */ k("div", {
+					className: "grid grid-cols-2 gap-3",
+					children: [/* @__PURE__ */ O(l, {
+						label: "Subject type",
+						children: /* @__PURE__ */ O(f, {
+							value: c.subjectType,
+							onChange: (e) => u((t) => ({
+								...t,
+								subjectType: e.target.value,
+								subjectId: ""
+							})),
+							children: x(N)
+						})
+					}), /* @__PURE__ */ O(l, {
+						label: "Subject",
+						required: !0,
+						children: /* @__PURE__ */ k(f, {
+							value: c.subjectId,
+							onChange: h("subjectId"),
+							children: [/* @__PURE__ */ O("option", {
+								value: "",
+								children: "Select…"
+							}), S.map((e) => /* @__PURE__ */ O("option", {
+								value: e.id,
+								children: e.label
+							}, e.id))]
+						})
+					})]
+				}),
+				/* @__PURE__ */ O(l, {
+					label: "Due date",
+					children: /* @__PURE__ */ O(y, {
+						type: "date",
+						value: c.dueDate,
+						onChange: h("dueDate")
+					})
+				}),
+				/* @__PURE__ */ O(l, {
+					label: "Details",
+					children: /* @__PURE__ */ O(v, {
+						value: c.details,
+						onChange: h("details")
+					})
+				})
+			]
+		})
+	});
+}, 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, {
+		open: !0,
+		onClose: t,
+		title: `Resolve: ${e.title}`,
+		footer: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(A, {
+			variant: "outline",
+			onClick: t,
+			disabled: r.isPending,
+			children: "Cancel"
+		}), /* @__PURE__ */ O(A, {
+			onClick: () => r.mutate({
+				id: e.id,
+				status: i,
+				details: c.trim() || void 0
+			}, {
+				onSuccess: () => {
+					n(), t();
+				},
+				onError: (e) => m(e instanceof Error ? e.message : "Failed.")
+			}),
+			disabled: r.isPending,
+			children: r.isPending ? "Saving…" : "Resolve"
+		})] }),
+		children: /* @__PURE__ */ k("div", {
+			className: "space-y-3",
+			children: [
+				p && /* @__PURE__ */ O(o, {
+					tone: "danger",
+					children: p
+				}),
+				/* @__PURE__ */ O(l, {
+					label: "Outcome",
+					children: /* @__PURE__ */ O(f, {
+						value: i,
+						onChange: (e) => s(e.target.value),
+						children: M.map((e) => /* @__PURE__ */ O("option", {
+							value: e,
+							children: C(e)
+						}, e))
+					})
+				}),
+				/* @__PURE__ */ O(l, {
+					label: "Notes",
+					children: /* @__PURE__ */ O(v, {
+						value: c,
+						onChange: (e) => u(e.target.value)
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { P as CompliancePage };
+
+//# sourceMappingURL=CompliancePage.js.map