@burdenoff/microfe-proserviceworld 2026.827.1 → 2026.1009.1

package/dist/proserviceworld/pages/ClientsPage.js

@@ -1,8 +1,8 @@
 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 { 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 { t as C } from "../i18n/index.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";
@@ -31,62 +31,62 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 	contactPhone: "",
 	notes: ""
 }, U = 25, W = () => {
-	let e = i(), { emitIntent: n, emitFact: a } = w(), [l, d] = O(""), [v, k] = O(""), [P, R] = O(null), [B, H] = O(!1), [W, q] = O(null), [ie, J] = O({
+	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({
 		limit: U,
 		offset: 0
-	}), { data: Y, isLoading: X, error: Z, refetch: Q } = t({
-		search: l.trim() || void 0,
-		status: v || void 0,
+	}), { data: X, isLoading: Z, error: Q, refetch: $ } = t({
+		search: f.trim() || void 0,
+		status: k || void 0,
 		pagination: ie
-	}), $ = r(), ae = D(() => Y?.items ?? [], [Y]);
+	}), ae = r(), oe = D(() => X?.items ?? [], [X]);
 	return /* @__PURE__ */ I("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ F(p, {
-				title: C("psw.clients.title"),
-				subtitle: C("psw.clients.subtitle"),
+			/* @__PURE__ */ F(m, {
+				title: n("psw.clients.title", "Clients"),
+				subtitle: n("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"), n("psw.client.create_clicked"), H(!0);
+						T("light"), a("psw.client.create_clicked"), W(!0);
 					},
 					children: [
 						/* @__PURE__ */ F(M, { className: "mr-1.5 h-4 w-4" }),
 						" ",
-						C("psw.clients.new")
+						n("psw.clients.new", "New client")
 					]
 				})
 			}),
-			W && /* @__PURE__ */ F(o, {
-				tone: W.tone,
-				onClose: () => q(null),
-				children: W.text
+			q && /* @__PURE__ */ F(s, {
+				tone: q.tone,
+				onClose: () => J(null),
+				children: q.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(y, {
-						placeholder: C("psw.clients.searchPlaceholder"),
-						value: l,
+					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,
 						onChange: (e) => {
-							d(e.target.value), J({
+							y(e.target.value), Y({
 								limit: U,
 								offset: 0
 							});
 						},
 						onKeyDown: (e) => {
-							e.key === "Enter" && l.trim() && a("psw.search.performed", {
+							e.key === "Enter" && f.trim() && u("psw.search.performed", {
 								entityType: "client",
-								queryLength: l.trim().length
+								queryLength: f.trim().length
 							});
 						},
 						className: "pl-9"
 					})]
-				}), /* @__PURE__ */ I(f, {
-					value: v,
+				}), /* @__PURE__ */ I(p, {
+					value: k,
 					onChange: (e) => {
-						k(e.target.value), J({
+						P(e.target.value), Y({
 							limit: U,
 							offset: 0
 						});
@@ -94,31 +94,31 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 					className: "sm:w-48",
 					children: [/* @__PURE__ */ F("option", {
 						value: "",
-						children: C("psw.clients.allStatuses")
-					}), x(z)]
+						children: n("psw.clients.allStatuses", "All statuses")
+					}), S(z)]
 				})]
 			}),
-			X ? /* @__PURE__ */ F(u, {}) : Z ? /* @__PURE__ */ F(c, {
-				error: Z,
-				onRetry: () => void Q()
-			}) : !Y || Y.items.length === 0 ? /* @__PURE__ */ F(s, {
-				title: C("psw.clients.emptyTitle"),
-				description: C("psw.clients.emptyDescription"),
+			Z ? /* @__PURE__ */ F(d, {}) : Q ? /* @__PURE__ */ F(l, {
+				error: Q,
+				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."),
 				icon: /* @__PURE__ */ F(N, { className: "h-8 w-8" }),
 				action: /* @__PURE__ */ I(L, {
-					onClick: () => H(!0),
+					onClick: () => W(!0),
 					children: [
 						/* @__PURE__ */ F(M, { className: "mr-1.5 h-4 w-4" }),
 						" ",
-						C("psw.clients.new")
+						n("psw.clients.new", "New client")
 					]
 				})
-			}) : /* @__PURE__ */ I(m, {
-				title: `${Y.totalCount} client${Y.totalCount === 1 ? "" : "s"}`,
+			}) : /* @__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 }),
 				children: [
 					/* @__PURE__ */ F("ul", {
 						className: "space-y-2.5 sm:hidden",
-						children: Y.items.map((t) => /* @__PURE__ */ I("li", {
+						children: X.items.map((t) => /* @__PURE__ */ I("li", {
 							className: "overflow-hidden rounded-xl border border-border-seam bg-bg-canvas",
 							children: [/* @__PURE__ */ I("button", {
 								type: "button",
@@ -140,14 +140,14 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 											}),
 											/* @__PURE__ */ F("span", {
 												className: "mt-0.5 block truncate text-sm text-text-secondary",
-												children: t.contactName || (t.type === "ORGANIZATION" ? "Organization" : "Individual")
+												children: t.contactName || (t.type === "ORGANIZATION" ? n("psw.clients.typeOrganization", "Organization") : n("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 || S(t.createdAt)
-												}), /* @__PURE__ */ F(h, { status: t.status })]
+													children: t.industry || C(t.createdAt)
+												}), /* @__PURE__ */ F(g, { status: t.status })]
 											})
 										]
 									}),
@@ -162,10 +162,10 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 										entityId: t.id,
 										tags: t.tags ?? [],
 										onChange: async (e) => {
-											await $.mutateAsync({
+											await ae.mutateAsync({
 												id: t.id,
 												input: { tags: e }
-											}), Q();
+											}), $();
 										},
 										maxTags: 5
 									})
@@ -174,17 +174,18 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 									children: [/* @__PURE__ */ F(L, {
 										variant: "ghost",
 										size: "sm",
-										onClick: () => R(t),
-										"aria-label": `Edit ${t.name}`,
+										onClick: () => B(t),
+										"aria-label": n("psw.common.edit", "Edit"),
 										children: /* @__PURE__ */ F(j, { className: "h-4 w-4" })
 									}), t.status !== "ARCHIVED" && /* @__PURE__ */ F(G, {
 										id: t.id,
-										onDone: (e) => q(e ? {
+										name: t.name,
+										onDone: (e) => J(e ? {
 											tone: "success",
-											text: `${t.name} archived.`
+											text: n("psw.clients.archived", "{{name}} archived.", { name: t.name })
 										} : {
 											tone: "danger",
-											text: "Could not archive client."
+											text: n("psw.clients.archiveFailed", "Could not archive client.")
 										})
 									})]
 								})]
@@ -193,22 +194,22 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 					}),
 					/* @__PURE__ */ F("div", {
 						className: "hidden sm:block",
-						children: /* @__PURE__ */ I(g, { children: [/* @__PURE__ */ F("thead", { children: /* @__PURE__ */ I("tr", { children: [
-							/* @__PURE__ */ F(b, { children: C("psw.common.name") }),
-							/* @__PURE__ */ F(b, { children: C("psw.common.type") }),
-							/* @__PURE__ */ F(b, { children: "Industry" }),
-							/* @__PURE__ */ F(b, { children: C("psw.common.status") }),
-							/* @__PURE__ */ F(b, { children: C("psw.common.added") }),
-							/* @__PURE__ */ F(b, { children: "Tags" }),
-							/* @__PURE__ */ F(b, {
+						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, {
 								className: "text-right",
-								children: C("psw.common.actions")
+								children: n("psw.common.actions", "Actions")
 							})
-						] }) }), /* @__PURE__ */ F("tbody", { children: Y.items.map((t) => /* @__PURE__ */ I("tr", {
+						] }) }), /* @__PURE__ */ F("tbody", { children: X.items.map((t) => /* @__PURE__ */ I("tr", {
 							className: "group cursor-pointer transition-colors hover:bg-bg-sunken/60",
 							onClick: () => e(`clients/${t.id}`),
 							children: [
-								/* @__PURE__ */ F(_, { children: /* @__PURE__ */ I("div", {
+								/* @__PURE__ */ F(v, { children: /* @__PURE__ */ I("div", {
 									className: "flex items-center gap-3",
 									children: [/* @__PURE__ */ F(V, { name: t.name }), /* @__PURE__ */ I("div", {
 										className: "min-w-0",
@@ -224,17 +225,17 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 										}) : null]
 									})]
 								}) }),
-								/* @__PURE__ */ F(_, { children: /* @__PURE__ */ I("span", {
+								/* @__PURE__ */ F(v, { 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" ? "Organization" : "Individual"]
+									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")]
 								}) }),
-								/* @__PURE__ */ F(_, { children: t.industry || "—" }),
-								/* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(h, { status: t.status }) }),
-								/* @__PURE__ */ F(_, {
+								/* @__PURE__ */ F(v, { children: t.industry || n("psw.common.dash", "—") }),
+								/* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(g, { status: t.status }) }),
+								/* @__PURE__ */ F(v, {
 									className: "whitespace-nowrap",
-									children: S(t.createdAt)
+									children: C(t.createdAt)
 								}),
-								/* @__PURE__ */ F(_, { children: /* @__PURE__ */ F("div", {
+								/* @__PURE__ */ F(v, { children: /* @__PURE__ */ F("div", {
 									onClick: (e) => e.stopPropagation(),
 									role: "presentation",
 									children: /* @__PURE__ */ F(E, {
@@ -242,15 +243,15 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 										entityId: t.id,
 										tags: t.tags ?? [],
 										onChange: async (e) => {
-											await $.mutateAsync({
+											await ae.mutateAsync({
 												id: t.id,
 												input: { tags: e }
-											}), Q();
+											}), $();
 										},
 										maxTags: 5
 									})
 								}) }),
-								/* @__PURE__ */ F(_, {
+								/* @__PURE__ */ F(v, {
 									className: "text-right",
 									children: /* @__PURE__ */ I("div", {
 										className: "flex justify-end gap-1",
@@ -259,17 +260,18 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 										children: [/* @__PURE__ */ F(L, {
 											variant: "ghost",
 											size: "sm",
-											onClick: () => R(t),
-											"aria-label": "Edit",
+											onClick: () => B(t),
+											"aria-label": n("psw.common.edit", "Edit"),
 											children: /* @__PURE__ */ F(j, { className: "h-4 w-4" })
 										}), t.status !== "ARCHIVED" && /* @__PURE__ */ F(G, {
 											id: t.id,
-											onDone: (e) => q(e ? {
+											name: t.name,
+											onDone: (e) => J(e ? {
 												tone: "success",
-												text: `${t.name} archived.`
+												text: n("psw.clients.archived", "{{name}} archived.", { name: t.name })
 											} : {
 												tone: "danger",
-												text: "Could not archive client."
+												text: n("psw.clients.archiveFailed", "Could not archive client.")
 											})
 										})]
 									})
@@ -278,53 +280,53 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 						}, t.id)) })] })
 					}),
 					/* @__PURE__ */ F(ee, {
-						hasMore: Y?.pageInfo?.hasMore ?? !1,
-						loading: X,
-						loadedCount: ae.length,
-						totalCount: Y?.totalCount ?? ae.length,
-						onLoadMore: () => J((e) => ({
+						hasMore: X?.pageInfo?.hasMore ?? !1,
+						loading: Z,
+						loadedCount: oe.length,
+						totalCount: X?.totalCount ?? oe.length,
+						onLoadMore: () => Y((e) => ({
 							limit: U,
 							offset: e.offset + U
 						}))
 					})
 				]
 			}),
-			B && /* @__PURE__ */ F(K, {
-				onClose: () => H(!1),
-				onSaved: (e) => q({
+			H && /* @__PURE__ */ F(K, {
+				onClose: () => W(!1),
+				onSaved: (e) => J({
 					tone: "success",
-					text: `${e} created.`
+					text: n("psw.clients.created", "{{name}} created.", { name: e })
 				})
 			}),
-			P && /* @__PURE__ */ F(K, {
-				client: P,
-				onClose: () => R(null),
-				onSaved: (e) => q({
+			R && /* @__PURE__ */ F(K, {
+				client: R,
+				onClose: () => B(null),
+				onSaved: (e) => J({
 					tone: "success",
-					text: `${e} updated.`
+					text: n("psw.clients.updated", "{{name}} updated.", { name: e })
 				})
 			})
 		]
 	});
-}, G = ({ id: t, onDone: n }) => {
-	let r = e(), { emitFact: i } = w();
+}, G = ({ id: t, name: n, onDone: r }) => {
+	let i = e(), a = o(), { emitFact: s } = w();
 	return /* @__PURE__ */ F(L, {
 		variant: "ghost",
 		size: "sm",
-		"aria-label": "Archive",
-		disabled: r.isPending,
+		"aria-label": a("psw.common.archive", "Archive"),
+		disabled: i.isPending,
 		onClick: () => {
-			window.confirm("Archive this client? Their engagements and matters remain.") && r.mutate(t, {
+			window.confirm(a("psw.clients.archiveConfirm", "Archive this client? Their engagements and matters remain.")) && i.mutate(t, {
 				onSuccess: (e) => {
-					i("psw.client.archived", { clientId: t }), n(!!e);
+					s("psw.client.archived", { clientId: t }), r(!!e);
 				},
-				onError: () => n(!1)
+				onError: () => r(!1)
 			});
 		},
 		children: /* @__PURE__ */ F(k, { className: "h-4 w-4" })
 	});
 }, K = ({ client: e, onClose: t, onSaved: i }) => {
-	let a = n(), s = r(), { emitFact: c } = w(), [u, p] = O(e ? {
+	let a = o(), c = n(), l = r(), { emitFact: d } = w(), [m, h] = O(e ? {
 		name: e.name,
 		type: e.type,
 		status: e.status,
@@ -333,121 +335,121 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 		contactEmail: e.contactEmail ?? "",
 		contactPhone: e.contactPhone ?? "",
 		notes: e.notes ?? ""
-	} : H), [m, h] = O(null), g = (e) => (t) => p((n) => ({
+	} : H), [g, _] = O(null), v = (e) => (t) => h((n) => ({
 		...n,
 		[e]: t.target.value
-	})), _ = a.isPending || s.isPending, b = D(() => ({
-		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, {
+	})), 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, {
 		open: !0,
 		onClose: t,
-		title: e ? "Edit client" : "New client",
+		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: _,
-			children: "Cancel"
+			disabled: x,
+			children: a("psw.common.cancel", "Cancel")
 		}), /* @__PURE__ */ F(L, {
 			onClick: () => {
-				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({
+				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({
 					id: e.id,
-					input: b
+					input: C
 				}, {
 					onSuccess: () => {
-						c("psw.client.updated", { clientId: e.id }), i(b.name), t();
+						d("psw.client.updated", { clientId: e.id }), i(C.name), t();
 					},
 					onError: n
-				}) : a.mutate(b, {
+				}) : c.mutate(C, {
 					onSuccess: (e) => {
-						c("psw.client.created", { clientId: e.pswCreateClient.id }), i(b.name), t();
+						d("psw.client.created", { clientId: e.pswCreateClient.id }), i(C.name), t();
 					},
 					onError: n
 				});
 			},
-			disabled: _,
-			children: _ ? "Saving…" : e ? "Save changes" : "Create client"
+			disabled: x,
+			children: x ? a("psw.common.saving", "Saving…") : e ? a("psw.common.save", "Save changes") : a("psw.common.create", "Create client")
 		})] }),
 		children: /* @__PURE__ */ I("div", {
 			className: "space-y-3",
 			children: [
-				m && /* @__PURE__ */ F(o, {
+				g && /* @__PURE__ */ F(s, {
 					tone: "danger",
-					children: m
+					children: g
 				}),
-				/* @__PURE__ */ F(l, {
-					label: "Name",
+				/* @__PURE__ */ F(u, {
+					label: a("psw.common.name", "Name"),
 					required: !0,
-					children: /* @__PURE__ */ F(y, {
-						value: u.name,
-						onChange: g("name"),
+					children: /* @__PURE__ */ F(b, {
+						value: m.name,
+						onChange: v("name"),
 						placeholder: "Acme Holdings Ltd."
 					})
 				}),
 				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ F(l, {
-						label: "Type",
-						children: /* @__PURE__ */ F(f, {
-							value: u.type,
-							onChange: g("type"),
-							children: x(R)
+					children: [/* @__PURE__ */ F(u, {
+						label: a("psw.common.type", "Type"),
+						children: /* @__PURE__ */ F(p, {
+							value: m.type,
+							onChange: v("type"),
+							children: S(R)
 						})
-					}), /* @__PURE__ */ F(l, {
-						label: "Status",
-						children: /* @__PURE__ */ F(f, {
-							value: u.status,
-							onChange: g("status"),
-							children: x(z)
+					}), /* @__PURE__ */ F(u, {
+						label: a("psw.common.status", "Status"),
+						children: /* @__PURE__ */ F(p, {
+							value: m.status,
+							onChange: v("status"),
+							children: S(z)
 						})
 					})]
 				}),
-				/* @__PURE__ */ F(l, {
-					label: "Industry",
-					children: /* @__PURE__ */ F(y, {
-						value: u.industry,
-						onChange: g("industry"),
+				/* @__PURE__ */ F(u, {
+					label: a("psw.clients.industry", "Industry"),
+					children: /* @__PURE__ */ F(b, {
+						value: m.industry,
+						onChange: v("industry"),
 						placeholder: "Financial services"
 					})
 				}),
 				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-					children: [/* @__PURE__ */ F(l, {
-						label: "Contact name",
-						children: /* @__PURE__ */ F(y, {
-							value: u.contactName,
-							onChange: g("contactName")
+					children: [/* @__PURE__ */ F(u, {
+						label: a("psw.clients.contactName", "Contact name"),
+						children: /* @__PURE__ */ F(b, {
+							value: m.contactName,
+							onChange: v("contactName")
 						})
-					}), /* @__PURE__ */ F(l, {
-						label: "Contact email",
-						children: /* @__PURE__ */ F(y, {
+					}), /* @__PURE__ */ F(u, {
+						label: a("psw.clients.contactEmail", "Contact email"),
+						children: /* @__PURE__ */ F(b, {
 							type: "email",
-							value: u.contactEmail,
-							onChange: g("contactEmail")
+							value: m.contactEmail,
+							onChange: v("contactEmail")
 						})
 					})]
 				}),
-				/* @__PURE__ */ F(l, {
-					label: "Contact phone",
-					children: /* @__PURE__ */ F(y, {
-						value: u.contactPhone,
-						onChange: g("contactPhone")
+				/* @__PURE__ */ F(u, {
+					label: a("psw.clients.contactPhone", "Contact phone"),
+					children: /* @__PURE__ */ F(b, {
+						value: m.contactPhone,
+						onChange: v("contactPhone")
 					})
 				}),
-				/* @__PURE__ */ F(l, {
-					label: "Notes",
-					children: /* @__PURE__ */ F(v, {
-						value: u.notes,
-						onChange: g("notes")
+				/* @__PURE__ */ F(u, {
+					label: a("psw.clients.notes", "Notes"),
+					children: /* @__PURE__ */ F(y, {
+						value: m.notes,
+						onChange: v("notes")
 					})
 				})
 			]