@burdenoff/microfe-proserviceworld 2026.1028.1 → 2026.1031.2

package/dist/proserviceworld/pages/ClientsPage.js

@@ -1,14 +1,14 @@
 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 { cn as a } from "../utils/cn.js";
-import { useTr as o } from "../hooks/useTr.js";
-import { Banner as s, Empty as c, ErrorState as l, Field as u, LoadingBlock 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 } from "../components/ui.js";
-import { useAnalytics as w } from "../hooks/useAnalytics.js";
-import { impactFeedback as T } from "../utils/native.js";
-import { TagPicker as E } from "../components/TagPicker.js";
-import { LoadMore as ee } from "../components/LoadMore.js";
+import { useEnumLabel as o, useTr as s } from "../hooks/useTr.js";
+import { Banner as c, Empty as l, ErrorState as u, Field as d, LoadingBlock as f, Modal as p, NativeSelect as m, PageHeader as h, SectionCard as g, StatusPill as _, TableWrap as v, Td as y, TextArea as b, TextInput as x, Th as S, enumOptions as C, fmtDate as w } from "../components/ui.js";
+import { useAnalytics as T } from "../hooks/useAnalytics.js";
+import { impactFeedback as E } from "../utils/native.js";
+import { TagPicker as ee } from "../components/TagPicker.js";
+import { LoadMore as te } from "../components/LoadMore.js";
 import { useMemo as D, useState as O } from "react";
-import { Archive as k, Building2 as te, ChevronRight as A, Pencil as j, Plus as M, Search as ne, User as re, Users as N } from "lucide-react";
+import { Archive as k, Building2 as ne, ChevronRight as A, Pencil as j, Plus as M, Search as re, User as ie, 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
@@ -31,62 +31,62 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 	contactPhone: "",
 	notes: ""
 }, U = 25, W = () => {
-	let e = i(), n = o(), { emitIntent: a, emitFact: u } = w(), [f, y] = O(""), [k, P] = O(""), [R, B] = O(null), [H, W] = O(!1), [q, J] = O(null), [ie, Y] = O({
+	let e = o(), n = i(), a = s(), { emitIntent: d, emitFact: p } = T(), [b, k] = O(""), [P, R] = O(""), [B, H] = O(null), [W, q] = O(!1), [J, Y] = O(null), [ae, X] = O({
 		limit: U,
 		offset: 0
-	}), { data: X, isLoading: Z, error: Q, refetch: $ } = t({
-		search: f.trim() || void 0,
-		status: k || void 0,
-		pagination: ie
-	}), ae = r(), oe = D(() => X?.items ?? [], [X]);
+	}), { data: Z, isLoading: Q, error: oe, refetch: $ } = t({
+		search: b.trim() || void 0,
+		status: P || void 0,
+		pagination: ae
+	}), se = r(), ce = D(() => Z?.items ?? [], [Z]);
 	return /* @__PURE__ */ I("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ F(m, {
-				title: n("psw.clients.title", "Clients"),
-				subtitle: n("psw.clients.subtitle", "Every person or organization your firm serves."),
+			/* @__PURE__ */ F(h, {
+				title: a("psw.clients.title", "Clients"),
+				subtitle: a("psw.clients.subtitle", "Every person or organization your firm serves."),
 				icon: /* @__PURE__ */ F(N, { className: "h-6 w-6" }),
 				actions: /* @__PURE__ */ I(L, {
 					onClick: () => {
-						T("light"), a("psw.client.create_clicked"), W(!0);
+						E("light"), d("psw.client.create_clicked"), q(!0);
 					},
 					children: [
 						/* @__PURE__ */ F(M, { className: "mr-1.5 h-4 w-4" }),
 						" ",
-						n("psw.clients.new", "New client")
+						a("psw.clients.new", "New client")
 					]
 				})
 			}),
-			q && /* @__PURE__ */ F(s, {
-				tone: q.tone,
-				onClose: () => J(null),
-				children: q.text
+			J && /* @__PURE__ */ F(c, {
+				tone: J.tone,
+				onClose: () => Y(null),
+				children: J.text
 			}),
 			/* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
 				children: [/* @__PURE__ */ I("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ F(ne, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ F(b, {
-						placeholder: n("psw.clients.searchPlaceholder", "Search clients…"),
-						value: f,
+					children: [/* @__PURE__ */ F(re, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ F(x, {
+						placeholder: a("psw.clients.searchPlaceholder", "Search clients…"),
+						value: b,
 						onChange: (e) => {
-							y(e.target.value), Y({
+							k(e.target.value), X({
 								limit: U,
 								offset: 0
 							});
 						},
 						onKeyDown: (e) => {
-							e.key === "Enter" && f.trim() && u("psw.search.performed", {
+							e.key === "Enter" && b.trim() && p("psw.search.performed", {
 								entityType: "client",
-								queryLength: f.trim().length
+								queryLength: b.trim().length
 							});
 						},
 						className: "pl-9"
 					})]
-				}), /* @__PURE__ */ I(p, {
-					value: k,
+				}), /* @__PURE__ */ I(m, {
+					value: P,
 					onChange: (e) => {
-						P(e.target.value), Y({
+						R(e.target.value), X({
 							limit: U,
 							offset: 0
 						});
@@ -94,41 +94,41 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 					className: "sm:w-48",
 					children: [/* @__PURE__ */ F("option", {
 						value: "",
-						children: n("psw.clients.allStatuses", "All statuses")
-					}), S(z)]
+						children: a("psw.clients.allStatuses", "All statuses")
+					}), C(z, e)]
 				})]
 			}),
-			Z ? /* @__PURE__ */ F(d, {}) : Q ? /* @__PURE__ */ F(l, {
-				error: Q,
+			Q ? /* @__PURE__ */ F(f, {}) : oe ? /* @__PURE__ */ F(u, {
+				error: oe,
 				onRetry: () => void $()
-			}) : !X || X.items.length === 0 ? /* @__PURE__ */ F(c, {
-				title: n("psw.clients.emptyTitle", "No clients yet"),
-				description: n("psw.clients.emptyDescription", "Add your first client to start scoping engagements and matters."),
+			}) : !Z || Z.items.length === 0 ? /* @__PURE__ */ F(l, {
+				title: a("psw.clients.emptyTitle", "No clients yet"),
+				description: a("psw.clients.emptyDescription", "Add your first client to start scoping engagements and matters."),
 				icon: /* @__PURE__ */ F(N, { className: "h-8 w-8" }),
 				action: /* @__PURE__ */ I(L, {
-					onClick: () => W(!0),
+					onClick: () => q(!0),
 					children: [
 						/* @__PURE__ */ F(M, { className: "mr-1.5 h-4 w-4" }),
 						" ",
-						n("psw.clients.new", "New client")
+						a("psw.clients.new", "New client")
 					]
 				})
-			}) : /* @__PURE__ */ I(h, {
-				title: X.totalCount === 1 ? n("psw.clients.count", "{{count}} client", { count: X.totalCount }) : n("psw.clients.countPlural", "{{count}} clients", { count: X.totalCount }),
+			}) : /* @__PURE__ */ I(g, {
+				title: Z.totalCount === 1 ? a("psw.clients.count", "{{count}} client", { count: Z.totalCount }) : a("psw.clients.countPlural", "{{count}} clients", { count: Z.totalCount }),
 				children: [
 					/* @__PURE__ */ F("ul", {
 						className: "space-y-2.5 sm:hidden",
-						children: X.items.map((t) => /* @__PURE__ */ I("li", {
+						children: Z.items.map((e) => /* @__PURE__ */ I("li", {
 							className: "overflow-hidden rounded-xl border border-border-seam bg-bg-canvas",
 							children: [/* @__PURE__ */ I("button", {
 								type: "button",
 								onClick: () => {
-									T("light"), e(`clients/${t.id}`);
+									E("light"), n(`clients/${e.id}`);
 								},
 								className: "flex w-full items-center gap-3 p-3.5 text-left transition-colors active:bg-bg-sunken/60",
 								children: [
 									/* @__PURE__ */ F(V, {
-										name: t.name,
+										name: e.name,
 										className: "h-11 w-11 text-sm"
 									}),
 									/* @__PURE__ */ I("span", {
@@ -136,18 +136,18 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 										children: [
 											/* @__PURE__ */ F("span", {
 												className: "block truncate text-sm font-semibold text-text-primary",
-												children: t.name
+												children: e.name
 											}),
 											/* @__PURE__ */ F("span", {
 												className: "mt-0.5 block truncate text-sm text-text-secondary",
-												children: t.contactName || (t.type === "ORGANIZATION" ? n("psw.clients.typeOrganization", "Organization") : n("psw.clients.typeIndividual", "Individual"))
+												children: e.contactName || (e.type === "ORGANIZATION" ? a("psw.clients.typeOrganization", "Organization") : a("psw.clients.typeIndividual", "Individual"))
 											}),
 											/* @__PURE__ */ I("span", {
 												className: "mt-1.5 flex items-center gap-2",
 												children: [/* @__PURE__ */ F("span", {
 													className: "truncate text-xs text-text-tertiary",
-													children: t.industry || C(t.createdAt)
-												}), /* @__PURE__ */ F(g, { status: t.status })]
+													children: e.industry || w(e.createdAt)
+												}), /* @__PURE__ */ F(_, { status: e.status })]
 											})
 										]
 									}),
@@ -157,14 +157,14 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 								className: "flex items-center justify-between gap-2 border-t border-border-seam px-3.5 py-2",
 								children: [/* @__PURE__ */ F("div", {
 									className: "min-w-0 flex-1",
-									children: /* @__PURE__ */ F(E, {
+									children: /* @__PURE__ */ F(ee, {
 										entityType: "PswClient",
-										entityId: t.id,
-										tags: t.tags ?? [],
-										onChange: async (e) => {
-											await ae.mutateAsync({
-												id: t.id,
-												input: { tags: e }
+										entityId: e.id,
+										tags: e.tags ?? [],
+										onChange: async (t) => {
+											await se.mutateAsync({
+												id: e.id,
+												input: { tags: t }
 											}), $();
 										},
 										maxTags: 5
@@ -174,84 +174,84 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 									children: [/* @__PURE__ */ F(L, {
 										variant: "ghost",
 										size: "sm",
-										onClick: () => B(t),
-										"aria-label": n("psw.common.edit", "Edit"),
+										onClick: () => H(e),
+										"aria-label": a("psw.common.edit", "Edit"),
 										children: /* @__PURE__ */ F(j, { className: "h-4 w-4" })
-									}), t.status !== "ARCHIVED" && /* @__PURE__ */ F(G, {
-										id: t.id,
-										name: t.name,
-										onDone: (e) => J(e ? {
+									}), e.status !== "ARCHIVED" && /* @__PURE__ */ F(G, {
+										id: e.id,
+										name: e.name,
+										onDone: (t) => Y(t ? {
 											tone: "success",
-											text: n("psw.clients.archived", "{{name}} archived.", { name: t.name })
+											text: a("psw.clients.archived", "{{name}} archived.", { name: e.name })
 										} : {
 											tone: "danger",
-											text: n("psw.clients.archiveFailed", "Could not archive client.")
+											text: a("psw.clients.archiveFailed", "Could not archive client.")
 										})
 									})]
 								})]
 							})]
-						}, t.id))
+						}, e.id))
 					}),
 					/* @__PURE__ */ F("div", {
 						className: "hidden sm:block",
-						children: /* @__PURE__ */ I(_, { children: [/* @__PURE__ */ F("thead", { children: /* @__PURE__ */ I("tr", { children: [
-							/* @__PURE__ */ F(x, { children: n("psw.common.name", "Name") }),
-							/* @__PURE__ */ F(x, { children: n("psw.common.type", "Type") }),
-							/* @__PURE__ */ F(x, { children: n("psw.clients.tableIndustry", "Industry") }),
-							/* @__PURE__ */ F(x, { children: n("psw.common.status", "Status") }),
-							/* @__PURE__ */ F(x, { children: n("psw.common.added", "Added") }),
-							/* @__PURE__ */ F(x, { children: n("psw.clients.tableTags", "Tags") }),
-							/* @__PURE__ */ F(x, {
+						children: /* @__PURE__ */ I(v, { children: [/* @__PURE__ */ F("thead", { children: /* @__PURE__ */ I("tr", { children: [
+							/* @__PURE__ */ F(S, { children: a("psw.common.name", "Name") }),
+							/* @__PURE__ */ F(S, { children: a("psw.common.type", "Type") }),
+							/* @__PURE__ */ F(S, { children: a("psw.clients.tableIndustry", "Industry") }),
+							/* @__PURE__ */ F(S, { children: a("psw.common.status", "Status") }),
+							/* @__PURE__ */ F(S, { children: a("psw.common.added", "Added") }),
+							/* @__PURE__ */ F(S, { children: a("psw.clients.tableTags", "Tags") }),
+							/* @__PURE__ */ F(S, {
 								className: "text-right",
-								children: n("psw.common.actions", "Actions")
+								children: a("psw.common.actions", "Actions")
 							})
-						] }) }), /* @__PURE__ */ F("tbody", { children: X.items.map((t) => /* @__PURE__ */ I("tr", {
+						] }) }), /* @__PURE__ */ F("tbody", { children: Z.items.map((e) => /* @__PURE__ */ I("tr", {
 							className: "group cursor-pointer transition-colors hover:bg-bg-sunken/60",
-							onClick: () => e(`clients/${t.id}`),
+							onClick: () => n(`clients/${e.id}`),
 							children: [
-								/* @__PURE__ */ F(v, { children: /* @__PURE__ */ I("div", {
+								/* @__PURE__ */ F(y, { children: /* @__PURE__ */ I("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ F(V, { name: t.name }), /* @__PURE__ */ I("div", {
+									children: [/* @__PURE__ */ F(V, { name: e.name }), /* @__PURE__ */ I("div", {
 										className: "min-w-0",
 										children: [/* @__PURE__ */ I("div", {
 											className: "flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent",
 											children: [/* @__PURE__ */ F("span", {
 												className: "truncate",
-												children: t.name
+												children: e.name
 											}), /* @__PURE__ */ F(A, { 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", {
+										}), e.contactName ? /* @__PURE__ */ F("div", {
 											className: "truncate text-xs text-text-tertiary",
-											children: t.contactName
+											children: e.contactName
 										}) : null]
 									})]
 								}) }),
-								/* @__PURE__ */ F(v, { children: /* @__PURE__ */ I("span", {
+								/* @__PURE__ */ F(y, { children: /* @__PURE__ */ I("span", {
 									className: "inline-flex items-center gap-1.5 text-text-secondary",
-									children: [t.type === "ORGANIZATION" ? /* @__PURE__ */ F(te, { className: "h-3.5 w-3.5 text-text-tertiary" }) : /* @__PURE__ */ F(re, { className: "h-3.5 w-3.5 text-text-tertiary" }), t.type === "ORGANIZATION" ? n("psw.clients.typeOrganization", "Organization") : n("psw.clients.typeIndividual", "Individual")]
+									children: [e.type === "ORGANIZATION" ? /* @__PURE__ */ F(ne, { className: "h-3.5 w-3.5 text-text-tertiary" }) : /* @__PURE__ */ F(ie, { className: "h-3.5 w-3.5 text-text-tertiary" }), e.type === "ORGANIZATION" ? a("psw.clients.typeOrganization", "Organization") : a("psw.clients.typeIndividual", "Individual")]
 								}) }),
-								/* @__PURE__ */ F(v, { children: t.industry || n("psw.common.dash", "—") }),
-								/* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(g, { status: t.status }) }),
-								/* @__PURE__ */ F(v, {
+								/* @__PURE__ */ F(y, { children: e.industry || a("psw.common.dash", "—") }),
+								/* @__PURE__ */ F(y, { children: /* @__PURE__ */ F(_, { status: e.status }) }),
+								/* @__PURE__ */ F(y, {
 									className: "whitespace-nowrap",
-									children: C(t.createdAt)
+									children: w(e.createdAt)
 								}),
-								/* @__PURE__ */ F(v, { children: /* @__PURE__ */ F("div", {
+								/* @__PURE__ */ F(y, { children: /* @__PURE__ */ F("div", {
 									onClick: (e) => e.stopPropagation(),
 									role: "presentation",
-									children: /* @__PURE__ */ F(E, {
+									children: /* @__PURE__ */ F(ee, {
 										entityType: "PswClient",
-										entityId: t.id,
-										tags: t.tags ?? [],
-										onChange: async (e) => {
-											await ae.mutateAsync({
-												id: t.id,
-												input: { tags: e }
+										entityId: e.id,
+										tags: e.tags ?? [],
+										onChange: async (t) => {
+											await se.mutateAsync({
+												id: e.id,
+												input: { tags: t }
 											}), $();
 										},
 										maxTags: 5
 									})
 								}) }),
-								/* @__PURE__ */ F(v, {
+								/* @__PURE__ */ F(y, {
 									className: "text-right",
 									children: /* @__PURE__ */ I("div", {
 										className: "flex justify-end gap-1",
@@ -260,56 +260,56 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 										children: [/* @__PURE__ */ F(L, {
 											variant: "ghost",
 											size: "sm",
-											onClick: () => B(t),
-											"aria-label": n("psw.common.edit", "Edit"),
+											onClick: () => H(e),
+											"aria-label": a("psw.common.edit", "Edit"),
 											children: /* @__PURE__ */ F(j, { className: "h-4 w-4" })
-										}), t.status !== "ARCHIVED" && /* @__PURE__ */ F(G, {
-											id: t.id,
-											name: t.name,
-											onDone: (e) => J(e ? {
+										}), e.status !== "ARCHIVED" && /* @__PURE__ */ F(G, {
+											id: e.id,
+											name: e.name,
+											onDone: (t) => Y(t ? {
 												tone: "success",
-												text: n("psw.clients.archived", "{{name}} archived.", { name: t.name })
+												text: a("psw.clients.archived", "{{name}} archived.", { name: e.name })
 											} : {
 												tone: "danger",
-												text: n("psw.clients.archiveFailed", "Could not archive client.")
+												text: a("psw.clients.archiveFailed", "Could not archive client.")
 											})
 										})]
 									})
 								})
 							]
-						}, t.id)) })] })
+						}, e.id)) })] })
 					}),
-					/* @__PURE__ */ F(ee, {
-						hasMore: X?.pageInfo?.hasMore ?? !1,
-						loading: Z,
-						loadedCount: oe.length,
-						totalCount: X?.totalCount ?? oe.length,
-						onLoadMore: () => Y((e) => ({
+					/* @__PURE__ */ F(te, {
+						hasMore: Z?.pageInfo?.hasMore ?? !1,
+						loading: Q,
+						loadedCount: ce.length,
+						totalCount: Z?.totalCount ?? ce.length,
+						onLoadMore: () => X((e) => ({
 							limit: U,
 							offset: e.offset + U
 						}))
 					})
 				]
 			}),
-			H && /* @__PURE__ */ F(K, {
-				onClose: () => W(!1),
-				onSaved: (e) => J({
+			W && /* @__PURE__ */ F(K, {
+				onClose: () => q(!1),
+				onSaved: (e) => Y({
 					tone: "success",
-					text: n("psw.clients.created", "{{name}} created.", { name: e })
+					text: a("psw.clients.created", "{{name}} created.", { name: e })
 				})
 			}),
-			R && /* @__PURE__ */ F(K, {
-				client: R,
-				onClose: () => B(null),
-				onSaved: (e) => J({
+			B && /* @__PURE__ */ F(K, {
+				client: B,
+				onClose: () => H(null),
+				onSaved: (e) => Y({
 					tone: "success",
-					text: n("psw.clients.updated", "{{name}} updated.", { name: e })
+					text: a("psw.clients.updated", "{{name}} updated.", { name: e })
 				})
 			})
 		]
 	});
 }, G = ({ id: t, name: n, onDone: r }) => {
-	let i = e(), a = o(), { emitFact: s } = w();
+	let i = e(), a = s(), { emitFact: o } = T();
 	return /* @__PURE__ */ F(L, {
 		variant: "ghost",
 		size: "sm",
@@ -318,7 +318,7 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 		onClick: () => {
 			window.confirm(a("psw.clients.archiveConfirm", "Archive this client? Their engagements and matters remain.")) && i.mutate(t, {
 				onSuccess: (e) => {
-					s("psw.client.archived", { clientId: t }), r(!!e);
+					o("psw.client.archived", { clientId: t }), r(!!e);
 				},
 				onError: () => r(!1)
 			});
@@ -326,7 +326,7 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 		children: /* @__PURE__ */ F(k, { className: "h-4 w-4" })
 	});
 }, K = ({ client: e, onClose: t, onSaved: i }) => {
-	let a = o(), c = n(), l = r(), { emitFact: d } = w(), [m, h] = O(e ? {
+	let a = s(), l = o(), u = n(), f = r(), { emitFact: h } = T(), [g, _] = O(e ? {
 		name: e.name,
 		type: e.type,
 		status: e.status,
@@ -335,121 +335,121 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 		contactEmail: e.contactEmail ?? "",
 		contactPhone: e.contactPhone ?? "",
 		notes: e.notes ?? ""
-	} : H), [g, _] = O(null), v = (e) => (t) => h((n) => ({
+	} : H), [v, y] = O(null), S = (e) => (t) => _((n) => ({
 		...n,
 		[e]: t.target.value
-	})), x = c.isPending || l.isPending, C = D(() => ({
-		name: m.name.trim(),
-		type: m.type,
-		status: m.status,
-		industry: m.industry.trim() || null,
-		contactName: m.contactName.trim() || null,
-		contactEmail: m.contactEmail.trim() || null,
-		contactPhone: m.contactPhone.trim() || null,
-		notes: m.notes.trim() || null
-	}), [m]);
-	return /* @__PURE__ */ F(f, {
+	})), w = u.isPending || f.isPending, E = D(() => ({
+		name: g.name.trim(),
+		type: g.type,
+		status: g.status,
+		industry: g.industry.trim() || null,
+		contactName: g.contactName.trim() || null,
+		contactEmail: g.contactEmail.trim() || null,
+		contactPhone: g.contactPhone.trim() || null,
+		notes: g.notes.trim() || null
+	}), [g]);
+	return /* @__PURE__ */ F(p, {
 		open: !0,
 		onClose: t,
 		title: e ? a("psw.clients.edit", "Edit client") : a("psw.clients.newTitle", "New client"),
 		footer: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(L, {
 			variant: "outline",
 			onClick: t,
-			disabled: x,
+			disabled: w,
 			children: a("psw.common.cancel", "Cancel")
 		}), /* @__PURE__ */ F(L, {
 			onClick: () => {
-				if (_(null), !C.name) return _(a("psw.clients.nameRequired", "Client name is required."));
-				let n = (e) => _(e instanceof Error ? e.message : a("psw.clients.saveFailed", "Save failed."));
-				e ? l.mutate({
+				if (y(null), !E.name) return y(a("psw.clients.nameRequired", "Client name is required."));
+				let n = (e) => y(e instanceof Error ? e.message : a("psw.clients.saveFailed", "Save failed."));
+				e ? f.mutate({
 					id: e.id,
-					input: C
+					input: E
 				}, {
 					onSuccess: () => {
-						d("psw.client.updated", { clientId: e.id }), i(C.name), t();
+						h("psw.client.updated", { clientId: e.id }), i(E.name), t();
 					},
 					onError: n
-				}) : c.mutate(C, {
+				}) : u.mutate(E, {
 					onSuccess: (e) => {
-						d("psw.client.created", { clientId: e.pswCreateClient.id }), i(C.name), t();
+						h("psw.client.created", { clientId: e.pswCreateClient.id }), i(E.name), t();
 					},
 					onError: n
 				});
 			},
-			disabled: x,
-			children: x ? a("psw.common.saving", "Saving…") : e ? a("psw.common.save", "Save changes") : a("psw.common.create", "Create client")
+			disabled: w,
+			children: w ? a("psw.common.saving", "Saving…") : e ? a("psw.clients.saveChanges", "Save changes") : a("psw.clients.create", "Create client")
 		})] }),
 		children: /* @__PURE__ */ I("div", {
 			className: "space-y-3",
 			children: [
-				g && /* @__PURE__ */ F(s, {
+				v && /* @__PURE__ */ F(c, {
 					tone: "danger",
-					children: g
+					children: v
 				}),
-				/* @__PURE__ */ F(u, {
+				/* @__PURE__ */ F(d, {
 					label: a("psw.common.name", "Name"),
 					required: !0,
-					children: /* @__PURE__ */ F(b, {
-						value: m.name,
-						onChange: v("name"),
+					children: /* @__PURE__ */ F(x, {
+						value: g.name,
+						onChange: S("name"),
 						placeholder: "Acme Holdings Ltd."
 					})
 				}),
 				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ F(u, {
+					children: [/* @__PURE__ */ F(d, {
 						label: a("psw.common.type", "Type"),
-						children: /* @__PURE__ */ F(p, {
-							value: m.type,
-							onChange: v("type"),
-							children: S(R)
+						children: /* @__PURE__ */ F(m, {
+							value: g.type,
+							onChange: S("type"),
+							children: C(R, l)
 						})
-					}), /* @__PURE__ */ F(u, {
+					}), /* @__PURE__ */ F(d, {
 						label: a("psw.common.status", "Status"),
-						children: /* @__PURE__ */ F(p, {
-							value: m.status,
-							onChange: v("status"),
-							children: S(z)
+						children: /* @__PURE__ */ F(m, {
+							value: g.status,
+							onChange: S("status"),
+							children: C(z, l)
 						})
 					})]
 				}),
-				/* @__PURE__ */ F(u, {
+				/* @__PURE__ */ F(d, {
 					label: a("psw.clients.industry", "Industry"),
-					children: /* @__PURE__ */ F(b, {
-						value: m.industry,
-						onChange: v("industry"),
+					children: /* @__PURE__ */ F(x, {
+						value: g.industry,
+						onChange: S("industry"),
 						placeholder: "Financial services"
 					})
 				}),
 				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-					children: [/* @__PURE__ */ F(u, {
+					children: [/* @__PURE__ */ F(d, {
 						label: a("psw.clients.contactName", "Contact name"),
-						children: /* @__PURE__ */ F(b, {
-							value: m.contactName,
-							onChange: v("contactName")
+						children: /* @__PURE__ */ F(x, {
+							value: g.contactName,
+							onChange: S("contactName")
 						})
-					}), /* @__PURE__ */ F(u, {
+					}), /* @__PURE__ */ F(d, {
 						label: a("psw.clients.contactEmail", "Contact email"),
-						children: /* @__PURE__ */ F(b, {
+						children: /* @__PURE__ */ F(x, {
 							type: "email",
-							value: m.contactEmail,
-							onChange: v("contactEmail")
+							value: g.contactEmail,
+							onChange: S("contactEmail")
 						})
 					})]
 				}),
-				/* @__PURE__ */ F(u, {
+				/* @__PURE__ */ F(d, {
 					label: a("psw.clients.contactPhone", "Contact phone"),
-					children: /* @__PURE__ */ F(b, {
-						value: m.contactPhone,
-						onChange: v("contactPhone")
+					children: /* @__PURE__ */ F(x, {
+						value: g.contactPhone,
+						onChange: S("contactPhone")
 					})
 				}),
-				/* @__PURE__ */ F(u, {
+				/* @__PURE__ */ F(d, {
 					label: a("psw.clients.notes", "Notes"),
-					children: /* @__PURE__ */ F(y, {
-						value: m.notes,
-						onChange: v("notes")
+					children: /* @__PURE__ */ F(b, {
+						value: g.notes,
+						onChange: S("notes")
 					})
 				})
 			]