@burdenoff/microfe-proserviceworld 2026.706.3 → 2026.709.1

package/dist/proserviceworld/pages/AnalyticsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/AnalyticsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAehC,eAAO,MAAM,aAAa,EAAE,EA6G3B,CAAC"}

package/dist/proserviceworld/pages/ClientDetailPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const ClientDetailPage: FC;
+//# sourceMappingURL=ClientDetailPage.d.ts.map

package/dist/proserviceworld/pages/ClientDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientDetailPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ClientDetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAsDhC,eAAO,MAAM,gBAAgB,EAAE,EA2P9B,CAAC"}

package/dist/proserviceworld/pages/ClientsPage.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+/** Tinted initials avatar (semantic tokens only). */
+export declare const Avatar: FC<{
+    name: string;
+    className?: string;
+}>;
+export declare const ClientsPage: FC;
+//# sourceMappingURL=ClientsPage.d.ts.map

package/dist/proserviceworld/pages/ClientsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ClientsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA8ChC,qDAAqD;AACrD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAU3D,CAAC;AAuBF,eAAO,MAAM,WAAW,EAAE,EAoLzB,CAAC"}

package/dist/proserviceworld/pages/ClientsPage.js

@@ -2,21 +2,22 @@ import { useArchiveClient as e, useClients as t, useCreateClient as n, useUpdate
 import { useNav as i } from "../utils/nav.js";
 import { cn as a } from "../utils/cn.js";
 import { Banner as o, Empty as s, ErrorState as c, Field as l, LoadingBlock as u, Modal as d, 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 } from "../components/ui.js";
-import { useMemo as C, useState as w } from "react";
-import { Archive as T, Building2 as E, ChevronRight as D, Pencil as O, Plus as k, Search as A, User as j, Users as M } 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";
+import { useAnalytics as C } from "../hooks/useAnalytics.js";
+import { useMemo as w, useState as T } from "react";
+import { Archive as E, Building2 as D, ChevronRight as O, Pencil as k, Plus as A, Search as j, User as M, Users as N } from "lucide-react";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { Button as L } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/ClientsPage.tsx
-var L = ["ORGANIZATION", "INDIVIDUAL"], R = [
+var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 	"PROSPECT",
 	"ACTIVE",
 	"INACTIVE",
 	"ARCHIVED"
-], z = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "?", B = ({ name: e, className: t }) => /* @__PURE__ */ P("span", {
+], B = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "?", V = ({ name: e, className: t }) => /* @__PURE__ */ F("span", {
 	className: a("flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent/10 text-xs font-semibold text-accent ring-1 ring-inset ring-accent/15", t),
 	"aria-hidden": !0,
-	children: z(e)
-}), V = {
+	children: B(e)
+}), H = {
 	name: "",
 	type: "ORGANIZATION",
 	status: "PROSPECT",
@@ -25,116 +26,124 @@ var L = ["ORGANIZATION", "INDIVIDUAL"], R = [
 	contactEmail: "",
 	contactPhone: "",
 	notes: ""
-}, H = () => {
-	let e = i(), [n, r] = w(""), [a, l] = w(""), [d, v] = w(null), [C, T] = w(!1), [N, L] = w(null), { data: z, isLoading: V, error: H, refetch: G } = t({
-		search: n.trim() || void 0,
-		status: a || void 0
+}, U = () => {
+	let e = i(), { emitIntent: n, emitFact: r } = C(), [a, l] = T(""), [d, v] = T(""), [w, E] = T(null), [P, R] = T(!1), [B, H] = T(null), { data: U, isLoading: K, error: q, refetch: J } = t({
+		search: a.trim() || void 0,
+		status: d || void 0
 	});
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ P(p, {
+			/* @__PURE__ */ F(p, {
 				title: "Clients",
 				subtitle: "Every person or organization your firm serves — the record engagements, matters, documents and invoices hang off.",
-				icon: /* @__PURE__ */ P(M, { className: "h-6 w-6" }),
-				actions: /* @__PURE__ */ F(I, {
-					onClick: () => T(!0),
-					children: [/* @__PURE__ */ P(k, { className: "mr-1.5 h-4 w-4" }), " New client"]
+				icon: /* @__PURE__ */ F(N, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ I(L, {
+					onClick: () => {
+						n("psw.client.create_clicked"), R(!0);
+					},
+					children: [/* @__PURE__ */ F(A, { className: "mr-1.5 h-4 w-4" }), " New client"]
 				})
 			}),
-			N && /* @__PURE__ */ P(o, {
-				tone: N.tone,
-				onClose: () => L(null),
-				children: N.text
+			B && /* @__PURE__ */ F(o, {
+				tone: B.tone,
+				onClose: () => H(null),
+				children: B.text
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ F("div", {
+				children: [/* @__PURE__ */ I("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ P(A, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ P(y, {
+					children: [/* @__PURE__ */ F(j, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ F(y, {
 						placeholder: "Search clients…",
-						value: n,
-						onChange: (e) => r(e.target.value),
+						value: a,
+						onChange: (e) => l(e.target.value),
+						onKeyDown: (e) => {
+							e.key === "Enter" && a.trim() && r("psw.search.performed", {
+								entityType: "client",
+								queryLength: a.trim().length
+							});
+						},
 						className: "pl-9"
 					})]
-				}), /* @__PURE__ */ F(f, {
-					value: a,
-					onChange: (e) => l(e.target.value),
+				}), /* @__PURE__ */ I(f, {
+					value: d,
+					onChange: (e) => v(e.target.value),
 					className: "sm:w-48",
-					children: [/* @__PURE__ */ P("option", {
+					children: [/* @__PURE__ */ F("option", {
 						value: "",
 						children: "All statuses"
-					}), x(R)]
+					}), x(z)]
 				})]
 			}),
-			V ? /* @__PURE__ */ P(u, {}) : H ? /* @__PURE__ */ P(c, {
-				error: H,
-				onRetry: () => void G()
-			}) : !z || z.items.length === 0 ? /* @__PURE__ */ P(s, {
+			K ? /* @__PURE__ */ F(u, {}) : q ? /* @__PURE__ */ F(c, {
+				error: q,
+				onRetry: () => void J()
+			}) : !U || U.items.length === 0 ? /* @__PURE__ */ F(s, {
 				title: "No clients yet",
 				description: "Add your first client to start scoping engagements and matters.",
-				icon: /* @__PURE__ */ P(M, { className: "h-8 w-8" }),
-				action: /* @__PURE__ */ F(I, {
-					onClick: () => T(!0),
-					children: [/* @__PURE__ */ P(k, { className: "mr-1.5 h-4 w-4" }), " New client"]
+				icon: /* @__PURE__ */ F(N, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ I(L, {
+					onClick: () => R(!0),
+					children: [/* @__PURE__ */ F(A, { className: "mr-1.5 h-4 w-4" }), " New client"]
 				})
-			}) : /* @__PURE__ */ P(m, {
-				title: `${z.totalCount} client${z.totalCount === 1 ? "" : "s"}`,
-				children: /* @__PURE__ */ F(g, { children: [/* @__PURE__ */ P("thead", { children: /* @__PURE__ */ F("tr", { children: [
-					/* @__PURE__ */ P(b, { children: "Name" }),
-					/* @__PURE__ */ P(b, { children: "Type" }),
-					/* @__PURE__ */ P(b, { children: "Industry" }),
-					/* @__PURE__ */ P(b, { children: "Status" }),
-					/* @__PURE__ */ P(b, { children: "Added" }),
-					/* @__PURE__ */ P(b, {
+			}) : /* @__PURE__ */ F(m, {
+				title: `${U.totalCount} client${U.totalCount === 1 ? "" : "s"}`,
+				children: /* @__PURE__ */ I(g, { children: [/* @__PURE__ */ F("thead", { children: /* @__PURE__ */ I("tr", { children: [
+					/* @__PURE__ */ F(b, { children: "Name" }),
+					/* @__PURE__ */ F(b, { children: "Type" }),
+					/* @__PURE__ */ F(b, { children: "Industry" }),
+					/* @__PURE__ */ F(b, { children: "Status" }),
+					/* @__PURE__ */ F(b, { children: "Added" }),
+					/* @__PURE__ */ F(b, {
 						className: "text-right",
 						children: "Actions"
 					})
-				] }) }), /* @__PURE__ */ P("tbody", { children: z.items.map((t) => /* @__PURE__ */ F("tr", {
+				] }) }), /* @__PURE__ */ F("tbody", { children: U.items.map((t) => /* @__PURE__ */ I("tr", {
 					className: "group cursor-pointer transition-colors hover:bg-bg-sunken/60",
 					onClick: () => e(`clients/${t.id}`),
 					children: [
-						/* @__PURE__ */ P(_, { children: /* @__PURE__ */ F("div", {
+						/* @__PURE__ */ F(_, { children: /* @__PURE__ */ I("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ P(B, { name: t.name }), /* @__PURE__ */ F("div", {
+							children: [/* @__PURE__ */ F(V, { name: t.name }), /* @__PURE__ */ I("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ F("div", {
+								children: [/* @__PURE__ */ I("div", {
 									className: "flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent",
-									children: [/* @__PURE__ */ P("span", {
+									children: [/* @__PURE__ */ F("span", {
 										className: "truncate",
 										children: t.name
-									}), /* @__PURE__ */ P(D, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100" })]
-								}), t.contactName ? /* @__PURE__ */ P("div", {
+									}), /* @__PURE__ */ F(O, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100" })]
+								}), t.contactName ? /* @__PURE__ */ F("div", {
 									className: "truncate text-xs text-text-tertiary",
 									children: t.contactName
 								}) : null]
 							})]
 						}) }),
-						/* @__PURE__ */ P(_, { children: /* @__PURE__ */ F("span", {
+						/* @__PURE__ */ F(_, { children: /* @__PURE__ */ I("span", {
 							className: "inline-flex items-center gap-1.5 text-text-secondary",
-							children: [t.type === "ORGANIZATION" ? /* @__PURE__ */ P(E, { className: "h-3.5 w-3.5 text-text-tertiary" }) : /* @__PURE__ */ P(j, { className: "h-3.5 w-3.5 text-text-tertiary" }), t.type === "ORGANIZATION" ? "Organization" : "Individual"]
+							children: [t.type === "ORGANIZATION" ? /* @__PURE__ */ F(D, { className: "h-3.5 w-3.5 text-text-tertiary" }) : /* @__PURE__ */ F(M, { className: "h-3.5 w-3.5 text-text-tertiary" }), t.type === "ORGANIZATION" ? "Organization" : "Individual"]
 						}) }),
-						/* @__PURE__ */ P(_, { children: t.industry || "—" }),
-						/* @__PURE__ */ P(_, { children: /* @__PURE__ */ P(h, { status: t.status }) }),
-						/* @__PURE__ */ P(_, {
+						/* @__PURE__ */ F(_, { children: t.industry || "—" }),
+						/* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(h, { status: t.status }) }),
+						/* @__PURE__ */ F(_, {
 							className: "whitespace-nowrap",
 							children: S(t.createdAt)
 						}),
-						/* @__PURE__ */ P(_, {
+						/* @__PURE__ */ F(_, {
 							className: "text-right",
-							children: /* @__PURE__ */ F("div", {
+							children: /* @__PURE__ */ I("div", {
 								className: "flex justify-end gap-1",
 								onClick: (e) => e.stopPropagation(),
 								role: "presentation",
-								children: [/* @__PURE__ */ P(I, {
+								children: [/* @__PURE__ */ F(L, {
 									variant: "ghost",
 									size: "sm",
-									onClick: () => v(t),
+									onClick: () => E(t),
 									"aria-label": "Edit",
-									children: /* @__PURE__ */ P(O, { className: "h-4 w-4" })
-								}), t.status !== "ARCHIVED" && /* @__PURE__ */ P(U, {
+									children: /* @__PURE__ */ F(k, { className: "h-4 w-4" })
+								}), t.status !== "ARCHIVED" && /* @__PURE__ */ F(W, {
 									id: t.id,
-									onDone: (e) => L(e ? {
+									onDone: (e) => H(e ? {
 										tone: "success",
 										text: `${t.name} archived.`
 									} : {
@@ -147,40 +156,42 @@ var L = ["ORGANIZATION", "INDIVIDUAL"], R = [
 					]
 				}, t.id)) })] })
 			}),
-			C && /* @__PURE__ */ P(W, {
-				onClose: () => T(!1),
-				onSaved: (e) => L({
+			P && /* @__PURE__ */ F(G, {
+				onClose: () => R(!1),
+				onSaved: (e) => H({
 					tone: "success",
 					text: `${e} created.`
 				})
 			}),
-			d && /* @__PURE__ */ P(W, {
-				client: d,
-				onClose: () => v(null),
-				onSaved: (e) => L({
+			w && /* @__PURE__ */ F(G, {
+				client: w,
+				onClose: () => E(null),
+				onSaved: (e) => H({
 					tone: "success",
 					text: `${e} updated.`
 				})
 			})
 		]
 	});
-}, U = ({ id: t, onDone: n }) => {
-	let r = e();
-	return /* @__PURE__ */ P(I, {
+}, W = ({ id: t, onDone: n }) => {
+	let r = e(), { emitFact: i } = C();
+	return /* @__PURE__ */ F(L, {
 		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),
+				onSuccess: (e) => {
+					i("psw.client.archived", { clientId: t }), n(!!e);
+				},
 				onError: () => n(!1)
 			});
 		},
-		children: /* @__PURE__ */ P(T, { className: "h-4 w-4" })
+		children: /* @__PURE__ */ F(E, { className: "h-4 w-4" })
 	});
-}, W = ({ client: e, onClose: t, onSaved: i }) => {
-	let a = n(), s = r(), [c, u] = w(e ? {
+}, G = ({ client: e, onClose: t, onSaved: i }) => {
+	let a = n(), s = r(), { emitFact: c } = C(), [u, p] = T(e ? {
 		name: e.name,
 		type: e.type,
 		status: e.status,
@@ -189,121 +200,121 @@ var L = ["ORGANIZATION", "INDIVIDUAL"], R = [
 		contactEmail: e.contactEmail ?? "",
 		contactPhone: e.contactPhone ?? "",
 		notes: e.notes ?? ""
-	} : V), [p, m] = w(null), h = (e) => (t) => u((n) => ({
+	} : H), [m, h] = T(null), g = (e) => (t) => p((n) => ({
 		...n,
 		[e]: t.target.value
-	})), g = a.isPending || s.isPending, _ = C(() => ({
-		name: c.name.trim(),
-		type: c.type,
-		status: c.status,
-		industry: c.industry.trim() || null,
-		contactName: c.contactName.trim() || null,
-		contactEmail: c.contactEmail.trim() || null,
-		contactPhone: c.contactPhone.trim() || null,
-		notes: c.notes.trim() || null
-	}), [c]);
-	return /* @__PURE__ */ P(d, {
+	})), _ = a.isPending || s.isPending, b = w(() => ({
+		name: u.name.trim(),
+		type: u.type,
+		status: u.status,
+		industry: u.industry.trim() || null,
+		contactName: u.contactName.trim() || null,
+		contactEmail: u.contactEmail.trim() || null,
+		contactPhone: u.contactPhone.trim() || null,
+		notes: u.notes.trim() || null
+	}), [u]);
+	return /* @__PURE__ */ F(d, {
 		open: !0,
 		onClose: t,
 		title: e ? "Edit client" : "New client",
-		footer: /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(I, {
+		footer: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(L, {
 			variant: "outline",
 			onClick: t,
-			disabled: g,
+			disabled: _,
 			children: "Cancel"
-		}), /* @__PURE__ */ P(I, {
+		}), /* @__PURE__ */ F(L, {
 			onClick: () => {
-				if (m(null), !_.name) return m("Client name is required.");
-				let n = (e) => m(e instanceof Error ? e.message : "Save failed.");
+				if (h(null), !b.name) return h("Client name is required.");
+				let n = (e) => h(e instanceof Error ? e.message : "Save failed.");
 				e ? s.mutate({
 					id: e.id,
-					input: _
+					input: b
 				}, {
 					onSuccess: () => {
-						i(_.name), t();
+						c("psw.client.updated", { clientId: e.id }), i(b.name), t();
 					},
 					onError: n
-				}) : a.mutate(_, {
-					onSuccess: () => {
-						i(_.name), t();
+				}) : a.mutate(b, {
+					onSuccess: (e) => {
+						c("psw.client.created", { clientId: e.pswCreateClient.id }), i(b.name), t();
 					},
 					onError: n
 				});
 			},
-			disabled: g,
-			children: g ? "Saving…" : e ? "Save changes" : "Create client"
+			disabled: _,
+			children: _ ? "Saving…" : e ? "Save changes" : "Create client"
 		})] }),
-		children: /* @__PURE__ */ F("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "space-y-3",
 			children: [
-				p && /* @__PURE__ */ P(o, {
+				m && /* @__PURE__ */ F(o, {
 					tone: "danger",
-					children: p
+					children: m
 				}),
-				/* @__PURE__ */ P(l, {
+				/* @__PURE__ */ F(l, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ P(y, {
-						value: c.name,
-						onChange: h("name"),
+					children: /* @__PURE__ */ F(y, {
+						value: u.name,
+						onChange: g("name"),
 						placeholder: "Acme Holdings Ltd."
 					})
 				}),
-				/* @__PURE__ */ F("div", {
+				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ P(l, {
+					children: [/* @__PURE__ */ F(l, {
 						label: "Type",
-						children: /* @__PURE__ */ P(f, {
-							value: c.type,
-							onChange: h("type"),
-							children: x(L)
+						children: /* @__PURE__ */ F(f, {
+							value: u.type,
+							onChange: g("type"),
+							children: x(R)
 						})
-					}), /* @__PURE__ */ P(l, {
+					}), /* @__PURE__ */ F(l, {
 						label: "Status",
-						children: /* @__PURE__ */ P(f, {
-							value: c.status,
-							onChange: h("status"),
-							children: x(R)
+						children: /* @__PURE__ */ F(f, {
+							value: u.status,
+							onChange: g("status"),
+							children: x(z)
 						})
 					})]
 				}),
-				/* @__PURE__ */ P(l, {
+				/* @__PURE__ */ F(l, {
 					label: "Industry",
-					children: /* @__PURE__ */ P(y, {
-						value: c.industry,
-						onChange: h("industry"),
+					children: /* @__PURE__ */ F(y, {
+						value: u.industry,
+						onChange: g("industry"),
 						placeholder: "Financial services"
 					})
 				}),
-				/* @__PURE__ */ F("div", {
+				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-					children: [/* @__PURE__ */ P(l, {
+					children: [/* @__PURE__ */ F(l, {
 						label: "Contact name",
-						children: /* @__PURE__ */ P(y, {
-							value: c.contactName,
-							onChange: h("contactName")
+						children: /* @__PURE__ */ F(y, {
+							value: u.contactName,
+							onChange: g("contactName")
 						})
-					}), /* @__PURE__ */ P(l, {
+					}), /* @__PURE__ */ F(l, {
 						label: "Contact email",
-						children: /* @__PURE__ */ P(y, {
+						children: /* @__PURE__ */ F(y, {
 							type: "email",
-							value: c.contactEmail,
-							onChange: h("contactEmail")
+							value: u.contactEmail,
+							onChange: g("contactEmail")
 						})
 					})]
 				}),
-				/* @__PURE__ */ P(l, {
+				/* @__PURE__ */ F(l, {
 					label: "Contact phone",
-					children: /* @__PURE__ */ P(y, {
-						value: c.contactPhone,
-						onChange: h("contactPhone")
+					children: /* @__PURE__ */ F(y, {
+						value: u.contactPhone,
+						onChange: g("contactPhone")
 					})
 				}),
-				/* @__PURE__ */ P(l, {
+				/* @__PURE__ */ F(l, {
 					label: "Notes",
-					children: /* @__PURE__ */ P(v, {
-						value: c.notes,
-						onChange: h("notes")
+					children: /* @__PURE__ */ F(v, {
+						value: u.notes,
+						onChange: g("notes")
 					})
 				})
 			]
@@ -311,6 +322,6 @@ var L = ["ORGANIZATION", "INDIVIDUAL"], R = [
 	});
 };
 //#endregion
-export { H as ClientsPage };
+export { U as ClientsPage };
 
 //# sourceMappingURL=ClientsPage.js.map

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

@@ -1 +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, Building2, User, ChevronRight } 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 { cn } from '../utils/cn';\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\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\n/** Tinted initials avatar (semantic tokens only). */\nexport const Avatar: FC<{ name: string; className?: string }> = ({ name, className }) => (\n  <span\n    className={cn(\n      'flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent/10 text-xs font-semibold text-accent ring-1 ring-inset ring-accent/15',\n      className\n    )}\n    aria-hidden\n  >\n    {initials(name)}\n  </span>\n);\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\n                  key={c.id}\n                  className=\"group cursor-pointer transition-colors hover:bg-bg-sunken/60\"\n                  onClick={() => nav(`clients/${c.id}`)}\n                >\n                  <Td>\n                    <div className=\"flex items-center gap-3\">\n                      <Avatar name={c.name} />\n                      <div className=\"min-w-0\">\n                        <div className=\"flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent\">\n                          <span className=\"truncate\">{c.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                        {c.contactName ? (\n                          <div className=\"truncate text-xs text-text-tertiary\">{c.contactName}</div>\n                        ) : null}\n                      </div>\n                    </div>\n                  </Td>\n                  <Td>\n                    <span className=\"inline-flex items-center gap-1.5 text-text-secondary\">\n                      {c.type === 'ORGANIZATION' ? (\n                        <Building2 className=\"h-3.5 w-3.5 text-text-tertiary\" />\n                      ) : (\n                        <User className=\"h-3.5 w-3.5 text-text-tertiary\" />\n                      )}\n                      {c.type === 'ORGANIZATION' ? 'Organization' : 'Individual'}\n                    </span>\n                  </Td>\n                  <Td>{c.industry || '—'}</Td>\n                  <Td>\n                    <StatusPill status={c.status} />\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(c.createdAt)}</Td>\n                  <Td className=\"text-right\">\n                    <div\n                      className=\"flex justify-end gap-1\"\n                      onClick={(ev) => ev.stopPropagation()}\n                      role=\"presentation\"\n                    >\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":";;;;;;;;;AAkCA,IAAM,IAAe,CAAC,gBAAgB,aAAa,EAC7C,IAAqC;CAAC;CAAY;CAAU;CAAY;CAAW,EAEnF,KAAY,MAChB,EACG,MAAM,MAAM,CACZ,OAAO,QAAQ,CACf,MAAM,GAAG,EAAE,CACX,KAAK,MAAM,EAAE,IAAI,aAAa,IAAI,GAAG,CACrC,KAAK,GAAG,IAAI,KAGJ,KAAoD,EAAE,SAAM,mBACvE,kBAAC,QAAD;CACE,WAAW,EACT,kJACA,EACD;CACD,eAAA;WAEC,EAAS,EAAK;CACV,CAAA,EAaH,IAAuB;CAC3B,MAAM;CACN,MAAM;CACN,QAAQ;CACR,UAAU;CACV,aAAa;CACb,cAAc;CACd,cAAc;CACd,OAAO;CACR,EAEY,UAAwB;CACnC,IAAM,IAAM,GAAQ,EACd,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAc,KAAmB,EAA+B,GAAG,EACpE,CAAC,GAAS,KAAc,EAA2B,KAAK,EACxD,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,CAAC,GAAQ,KAAa,EAA8D,KAAK,EAEzF,EAAE,SAAM,cAAW,UAAO,eAAY,EAAW;EACrD,QAAQ,EAAO,MAAM,IAAI,KAAA;EACzB,QAAQ,KAAgB,KAAA;EACzB,CAAC;AAEF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAM;IACN,UAAS;IACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;IACnC,SACE,kBAAC,GAAD;KAAQ,eAAe,EAAY,GAAK;eAAxC,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,cAC5B;;IAEX,CAAA;GAED,KACC,kBAAC,GAAD;IAAQ,MAAM,EAAO;IAAM,eAAe,EAAU,KAAK;cACtD,EAAO;IACD,CAAA;GAGX,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,2FAA4F,CAAA,EAC9G,kBAAC,GAAD;MACE,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;MAC1C,WAAU;MACV,CAAA,CACE;QACN,kBAAC,GAAD;KACE,OAAO;KACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAA8B;KACxE,WAAU;eAHZ,CAKE,kBAAC,UAAD;MAAQ,OAAM;gBAAG;MAAqB,CAAA,EACrC,EAAY,EAAgB,CAChB;OACX;;GAEL,IACC,kBAAC,GAAD,EAAgB,CAAA,GACd,IACF,kBAAC,GAAD;IAAmB;IAAO,eAAe,KAAK,GAAS;IAAI,CAAA,GACzD,CAAC,KAAQ,EAAK,MAAM,WAAW,IACjC,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;IACnC,QACE,kBAAC,GAAD;KAAQ,eAAe,EAAY,GAAK;eAAxC,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,cAC5B;;IAEX,CAAA,GAEF,kBAAC,GAAD;IAAa,OAAO,GAAG,EAAK,WAAW,SAAS,EAAK,eAAe,IAAI,KAAK;cAC3E,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,GAAD,EAAA,UAAI,QAAS,CAAA;KACb,kBAAC,GAAD,EAAA,UAAI,QAAS,CAAA;KACb,kBAAC,GAAD,EAAA,UAAI,YAAa,CAAA;KACjB,kBAAC,GAAD,EAAA,UAAI,UAAW,CAAA;KACf,kBAAC,GAAD,EAAA,UAAI,SAAU,CAAA;KACd,kBAAC,GAAD;MAAI,WAAU;gBAAa;MAAY,CAAA;KACpC,EAAA,CAAA,EACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAK,MAAM,KAAK,MACf,kBAAC,MAAD;KAEE,WAAU;KACV,eAAe,EAAI,WAAW,EAAE,KAAK;eAHvC;MAKE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAQ,MAAM,EAAE,MAAQ,CAAA,EACxB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAY,EAAE;UAAY,CAAA,EAC1C,kBAAC,GAAD,EAAc,WAAU,gGAAiG,CAAA,CACrH;YACL,EAAE,cACD,kBAAC,OAAD;SAAK,WAAU;mBAAuC,EAAE;SAAkB,CAAA,GACxE,KACA;UACF;UACH,CAAA;MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,EAAE,SAAS,iBACV,kBAAC,GAAD,EAAW,WAAU,kCAAmC,CAAA,GAExD,kBAAC,GAAD,EAAM,WAAU,kCAAmC,CAAA,EAEpD,EAAE,SAAS,iBAAiB,iBAAiB,aACzC;UACJ,CAAA;MACL,kBAAC,GAAD,EAAA,UAAK,EAAE,YAAY,KAAS,CAAA;MAC5B,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,QAAQ,EAAE,QAAU,CAAA,EAC7B,CAAA;MACL,kBAAC,GAAD;OAAI,WAAU;iBAAqB,EAAQ,EAAE,UAAU;OAAM,CAAA;MAC7D,kBAAC,GAAD;OAAI,WAAU;iBACZ,kBAAC,OAAD;QACE,WAAU;QACV,UAAU,MAAO,EAAG,iBAAiB;QACrC,MAAK;kBAHP,CAKE,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,eAAe,EAAW,EAAE;SAC5B,cAAW;mBAEX,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;SACvB,CAAA,EACR,EAAE,WAAW,cACZ,kBAAC,GAAD;SACE,IAAI,EAAE;SACN,SAAS,MACP,EACE,IACI;UAAE,MAAM;UAAW,MAAM,GAAG,EAAE,KAAK;UAAa,GAChD;UAAE,MAAM;UAAU,MAAM;UAA6B,CAC1D;SAEH,CAAA,CAEA;;OACH,CAAA;MACF;OA7DE,EAAE,GA6DJ,CACL,EACI,CAAA,CACE,EAAA,CAAA;IACA,CAAA;GAGf,KACC,kBAAC,GAAD;IACE,eAAe,EAAY,GAAM;IACjC,UAAU,MAAS,EAAU;KAAE,MAAM;KAAW,MAAM,GAAG,EAAK;KAAY,CAAC;IAC3E,CAAA;GAEH,KACC,kBAAC,GAAD;IACE,QAAQ;IACR,eAAe,EAAW,KAAK;IAC/B,UAAU,MAAS,EAAU;KAAE,MAAM;KAAW,MAAM,GAAG,EAAK;KAAY,CAAC;IAC3E,CAAA;GAEA;;GAIJ,KAAoE,EAAE,OAAI,gBAAa;CAC3F,IAAM,IAAU,GAAkB;AAClC,QACE,kBAAC,GAAD;EACE,SAAQ;EACR,MAAK;EACL,cAAW;EACX,UAAU,EAAQ;EAClB,eAAe;AACR,UAAO,QAAQ,6DAA6D,IACjF,EAAQ,OAAO,GAAI;IAAE,YAAY,MAAM,EAAO,EAAQ,EAAG;IAAE,eAAe,EAAO,GAAM;IAAE,CAAC;;YAG5F,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EACxB,CAAA;GAIP,KAIA,EAAE,WAAQ,YAAS,iBAAc;CACrC,IAAM,IAAS,GAAiB,EAC1B,IAAS,GAAiB,EAC1B,CAAC,GAAM,KAAW,EACtB,IACI;EACE,MAAM,EAAO;EACb,MAAM,EAAO;EACb,QAAQ,EAAO;EACf,UAAU,EAAO,YAAY;EAC7B,aAAa,EAAO,eAAe;EACnC,cAAc,EAAO,gBAAgB;EACrC,cAAc,EAAO,gBAAgB;EACrC,OAAO,EAAO,SAAS;EACxB,GACD,EACL,EACK,CAAC,GAAK,KAAU,EAAwB,KAAK,EAC7C,KAAO,OAAwB,MACnC,GAAS,OAAO;EAAE,GAAG;GAAI,IAAI,EAAE,OAAO;EAAO,EAAE,EAC3C,IAAU,EAAO,aAAa,EAAO,WAErC,IAAU,SACP;EACL,MAAM,EAAK,KAAK,MAAM;EACtB,MAAM,EAAK;EACX,QAAQ,EAAK;EACb,UAAU,EAAK,SAAS,MAAM,IAAI;EAClC,aAAa,EAAK,YAAY,MAAM,IAAI;EACxC,cAAc,EAAK,aAAa,MAAM,IAAI;EAC1C,cAAc,EAAK,aAAa,MAAM,IAAI;EAC1C,OAAO,EAAK,MAAM,MAAM,IAAI;EAC7B,GACD,CAAC,EAAK,CACP;AA4BD,QACE,kBAAC,GAAD;EACE,MAAA;EACS;EACT,OAAO,IAAS,gBAAgB;EAChC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS;GAAS,UAAU;aAAS;GAEtD,CAAA,EACT,kBAAC,GAAD;GAAQ,eApCK;AAEnB,QADA,EAAO,KAAK,EACR,CAAC,EAAQ,KAAM,QAAO,EAAO,2BAA2B;IAC5D,IAAM,KAAW,MAAe,EAAO,aAAa,QAAQ,EAAE,UAAU,eAAe;AACvF,IAAI,IACF,EAAO,OACL;KAAE,IAAI,EAAO;KAAI,OAAO;KAAS,EACjC;KACE,iBAAiB;AAEf,MADA,EAAQ,EAAQ,KAAK,EACrB,GAAS;;KAEX;KACD,CACF,GAED,EAAO,OAAO,GAAS;KACrB,iBAAiB;AAEf,MADA,EAAQ,EAAQ,KAAK,EACrB,GAAS;;KAEX;KACD,CAAC;;GAc2B,UAAU;aAChC,IAAU,YAAY,IAAS,iBAAiB;GAC1C,CAAA,CACR,EAAA,CAAA;YAGL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAO,kBAAC,GAAD;KAAQ,MAAK;eAAU;KAAa,CAAA;IAC5C,kBAAC,GAAD;KAAO,OAAM;KAAO,UAAA;eAClB,kBAAC,GAAD;MAAW,OAAO,EAAK;MAAM,UAAU,EAAI,OAAO;MAAE,aAAY;MAAuB,CAAA;KACjF,CAAA;IACR,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,OAAM;gBACX,kBAAC,GAAD;OAAc,OAAO,EAAK;OAAM,UAAU,EAAI,OAAO;iBAClD,EAAY,EAAa;OACb,CAAA;MACT,CAAA,EACR,kBAAC,GAAD;MAAO,OAAM;gBACX,kBAAC,GAAD;OAAc,OAAO,EAAK;OAAQ,UAAU,EAAI,SAAS;iBACtD,EAAY,EAAgB;OAChB,CAAA;MACT,CAAA,CACJ;;IACN,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,UAAU,EAAI,WAAW;MACzB,aAAY;MACZ,CAAA;KACI,CAAA;IACR,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,OAAM;gBACX,kBAAC,GAAD;OAAW,OAAO,EAAK;OAAa,UAAU,EAAI,cAAc;OAAI,CAAA;MAC9D,CAAA,EACR,kBAAC,GAAD;MAAO,OAAM;gBACX,kBAAC,GAAD;OAAW,MAAK;OAAQ,OAAO,EAAK;OAAc,UAAU,EAAI,eAAe;OAAI,CAAA;MAC7E,CAAA,CACJ;;IACN,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MAAW,OAAO,EAAK;MAAc,UAAU,EAAI,eAAe;MAAI,CAAA;KAChE,CAAA;IACR,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MAAU,OAAO,EAAK;MAAO,UAAU,EAAI,QAAQ;MAAI,CAAA;KACjD,CAAA;IACJ;;EACA,CAAA"}
+{"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, Building2, User, ChevronRight } 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 { cn } from '../utils/cn';\nimport { useAnalytics } from '../hooks/useAnalytics';\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\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\n/** Tinted initials avatar (semantic tokens only). */\nexport const Avatar: FC<{ name: string; className?: string }> = ({ name, className }) => (\n  <span\n    className={cn(\n      'flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent/10 text-xs font-semibold text-accent ring-1 ring-inset ring-accent/15',\n      className\n    )}\n    aria-hidden\n  >\n    {initials(name)}\n  </span>\n);\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 { emitIntent, emitFact } = useAnalytics();\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\n            onClick={() => {\n              emitIntent('psw.client.create_clicked');\n              setCreating(true);\n            }}\n          >\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            onKeyDown={(e) => {\n              if (e.key === 'Enter' && search.trim()) {\n                emitFact('psw.search.performed', {\n                  entityType: 'client',\n                  queryLength: search.trim().length,\n                });\n              }\n            }}\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\n                  key={c.id}\n                  className=\"group cursor-pointer transition-colors hover:bg-bg-sunken/60\"\n                  onClick={() => nav(`clients/${c.id}`)}\n                >\n                  <Td>\n                    <div className=\"flex items-center gap-3\">\n                      <Avatar name={c.name} />\n                      <div className=\"min-w-0\">\n                        <div className=\"flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent\">\n                          <span className=\"truncate\">{c.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                        {c.contactName ? (\n                          <div className=\"truncate text-xs text-text-tertiary\">{c.contactName}</div>\n                        ) : null}\n                      </div>\n                    </div>\n                  </Td>\n                  <Td>\n                    <span className=\"inline-flex items-center gap-1.5 text-text-secondary\">\n                      {c.type === 'ORGANIZATION' ? (\n                        <Building2 className=\"h-3.5 w-3.5 text-text-tertiary\" />\n                      ) : (\n                        <User className=\"h-3.5 w-3.5 text-text-tertiary\" />\n                      )}\n                      {c.type === 'ORGANIZATION' ? 'Organization' : 'Individual'}\n                    </span>\n                  </Td>\n                  <Td>{c.industry || '—'}</Td>\n                  <Td>\n                    <StatusPill status={c.status} />\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(c.createdAt)}</Td>\n                  <Td className=\"text-right\">\n                    <div\n                      className=\"flex justify-end gap-1\"\n                      onClick={(ev) => ev.stopPropagation()}\n                      role=\"presentation\"\n                    >\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  const { emitFact } = useAnalytics();\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, {\n          onSuccess: (r) => {\n            emitFact('psw.client.archived', { clientId: id });\n            onDone(Boolean(r));\n          },\n          onError: () => onDone(false),\n        });\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 { emitFact } = useAnalytics();\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            emitFact('psw.client.updated', { clientId: client.id });\n            onSaved(payload.name);\n            onClose();\n          },\n          onError,\n        }\n      );\n    } else {\n      create.mutate(payload, {\n        onSuccess: (created) => {\n          emitFact('psw.client.created', { clientId: created.pswCreateClient.id });\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.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const CompliancePage: FC;
+//# sourceMappingURL=CompliancePage.d.ts.map

package/dist/proserviceworld/pages/CompliancePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompliancePage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/CompliancePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAoE3C,eAAO,MAAM,cAAc,EAAE,EAsK5B,CAAC"}

package/dist/proserviceworld/pages/ConflictsPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const ConflictsPage: FC;
+//# sourceMappingURL=ConflictsPage.d.ts.map

package/dist/proserviceworld/pages/ConflictsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConflictsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ConflictsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAsChC,eAAO,MAAM,aAAa,EAAE,EA+G3B,CAAC"}

package/dist/proserviceworld/pages/DashboardPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const DashboardPage: FC;
+//# sourceMappingURL=DashboardPage.d.ts.map

package/dist/proserviceworld/pages/DashboardPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/DashboardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AA0C3C,eAAO,MAAM,aAAa,EAAE,EA0G3B,CAAC"}