@burdenoff/microfe-proserviceworld 2026.801.1 → 2026.830.1

package/dist/proserviceworld/pages/ClientsPage.js

@@ -1,27 +1,27 @@
 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";
-import { LoadMore as D } from "../components/LoadMore.js";
-import { useMemo as O, useState as k } from "react";
-import { Archive as A, Building2 as ee, ChevronRight as te, Pencil as ne, Plus as j, Search as M, User as N, Users as P } from "lucide-react";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { Button as R } from "@burdenoff/fe-libs/ui";
+import { LoadMore as ee } 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 { 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 z = ["ORGANIZATION", "INDIVIDUAL"], B = [
+var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 	"PROSPECT",
 	"ACTIVE",
 	"INACTIVE",
 	"ARCHIVED"
-], V = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "?", H = ({ name: e, className: t }) => /* @__PURE__ */ I("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: V(e)
-}), U = {
+	children: B(e)
+}), H = {
 	name: "",
 	type: "ORGANIZATION",
 	status: "PROSPECT",
@@ -30,220 +30,303 @@ var z = ["ORGANIZATION", "INDIVIDUAL"], B = [
 	contactEmail: "",
 	contactPhone: "",
 	notes: ""
-}, W = 25, G = () => {
-	let e = i(), { emitIntent: n, emitFact: a } = w(), [l, d] = k(""), [v, A] = k(""), [F, z] = k(null), [V, U] = k(!1), [G, q] = k(null), [ie, J] = k({
-		limit: W,
+}, 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({
+		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
-	}), ae = r(), $ = O(() => Y?.items ?? [], [Y]);
-	return /* @__PURE__ */ L("div", {
+	}), ae = r(), oe = D(() => X?.items ?? [], [X]);
+	return /* @__PURE__ */ I("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ I(p, {
-				title: C("psw.clients.title"),
-				subtitle: C("psw.clients.subtitle"),
-				icon: /* @__PURE__ */ I(P, { className: "h-6 w-6" }),
-				actions: /* @__PURE__ */ L(R, {
+			/* @__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"), U(!0);
+						T("light"), a("psw.client.create_clicked"), W(!0);
 					},
 					children: [
-						/* @__PURE__ */ I(j, { className: "mr-1.5 h-4 w-4" }),
+						/* @__PURE__ */ F(M, { className: "mr-1.5 h-4 w-4" }),
 						" ",
-						C("psw.clients.new")
+						n("psw.clients.new", "New client")
 					]
 				})
 			}),
-			G && /* @__PURE__ */ I(o, {
-				tone: G.tone,
-				onClose: () => q(null),
-				children: G.text
+			q && /* @__PURE__ */ F(s, {
+				tone: q.tone,
+				onClose: () => J(null),
+				children: q.text
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ L("div", {
+				children: [/* @__PURE__ */ I("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ I(M, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ I(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({
-								limit: W,
+							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__ */ L(f, {
-					value: v,
+				}), /* @__PURE__ */ I(p, {
+					value: k,
 					onChange: (e) => {
-						A(e.target.value), J({
-							limit: W,
+						P(e.target.value), Y({
+							limit: U,
 							offset: 0
 						});
 					},
 					className: "sm:w-48",
-					children: [/* @__PURE__ */ I("option", {
+					children: [/* @__PURE__ */ F("option", {
 						value: "",
-						children: C("psw.clients.allStatuses")
-					}), x(B)]
+						children: n("psw.clients.allStatuses", "All statuses")
+					}), S(z)]
 				})]
 			}),
-			X ? /* @__PURE__ */ I(u, {}) : Z ? /* @__PURE__ */ I(c, {
-				error: Z,
-				onRetry: () => void Q()
-			}) : !Y || Y.items.length === 0 ? /* @__PURE__ */ I(s, {
-				title: C("psw.clients.emptyTitle"),
-				description: C("psw.clients.emptyDescription"),
-				icon: /* @__PURE__ */ I(P, { className: "h-8 w-8" }),
-				action: /* @__PURE__ */ L(R, {
-					onClick: () => U(!0),
+			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: () => W(!0),
 					children: [
-						/* @__PURE__ */ I(j, { className: "mr-1.5 h-4 w-4" }),
+						/* @__PURE__ */ F(M, { className: "mr-1.5 h-4 w-4" }),
 						" ",
-						C("psw.clients.new")
+						n("psw.clients.new", "New client")
 					]
 				})
-			}) : /* @__PURE__ */ L(m, {
-				title: `${Y.totalCount} client${Y.totalCount === 1 ? "" : "s"}`,
-				children: [/* @__PURE__ */ L(g, { children: [/* @__PURE__ */ I("thead", { children: /* @__PURE__ */ L("tr", { children: [
-					/* @__PURE__ */ I(b, { children: C("psw.common.name") }),
-					/* @__PURE__ */ I(b, { children: C("psw.common.type") }),
-					/* @__PURE__ */ I(b, { children: "Industry" }),
-					/* @__PURE__ */ I(b, { children: C("psw.common.status") }),
-					/* @__PURE__ */ I(b, { children: C("psw.common.added") }),
-					/* @__PURE__ */ I(b, { children: "Tags" }),
-					/* @__PURE__ */ I(b, {
-						className: "text-right",
-						children: C("psw.common.actions")
-					})
-				] }) }), /* @__PURE__ */ I("tbody", { children: Y.items.map((t) => /* @__PURE__ */ L("tr", {
-					className: "group cursor-pointer transition-colors hover:bg-bg-sunken/60",
-					onClick: () => e(`clients/${t.id}`),
-					children: [
-						/* @__PURE__ */ I(_, { children: /* @__PURE__ */ L("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ I(H, { name: t.name }), /* @__PURE__ */ L("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ L("div", {
-									className: "flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent",
-									children: [/* @__PURE__ */ I("span", {
-										className: "truncate",
-										children: t.name
-									}), /* @__PURE__ */ I(te, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100" })]
-								}), t.contactName ? /* @__PURE__ */ I("div", {
-									className: "truncate text-xs text-text-tertiary",
-									children: t.contactName
-								}) : null]
-							})]
-						}) }),
-						/* @__PURE__ */ I(_, { children: /* @__PURE__ */ L("span", {
-							className: "inline-flex items-center gap-1.5 text-text-secondary",
-							children: [t.type === "ORGANIZATION" ? /* @__PURE__ */ I(ee, { className: "h-3.5 w-3.5 text-text-tertiary" }) : /* @__PURE__ */ I(N, { className: "h-3.5 w-3.5 text-text-tertiary" }), t.type === "ORGANIZATION" ? "Organization" : "Individual"]
-						}) }),
-						/* @__PURE__ */ I(_, { children: t.industry || "—" }),
-						/* @__PURE__ */ I(_, { children: /* @__PURE__ */ I(h, { status: t.status }) }),
-						/* @__PURE__ */ I(_, {
-							className: "whitespace-nowrap",
-							children: S(t.createdAt)
-						}),
-						/* @__PURE__ */ I(_, { children: /* @__PURE__ */ I("div", {
-							onClick: (e) => e.stopPropagation(),
-							role: "presentation",
-							children: /* @__PURE__ */ I(E, {
-								entityType: "PswClient",
-								entityId: t.id,
-								tags: t.tags ?? [],
-								onChange: async (e) => {
-									await ae.mutateAsync({
-										id: t.id,
-										input: { tags: e }
-									}), Q();
+			}) : /* @__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: 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",
+								onClick: () => {
+									T("light"), e(`clients/${t.id}`);
 								},
-								maxTags: 5
-							})
-						}) }),
-						/* @__PURE__ */ I(_, {
-							className: "text-right",
-							children: /* @__PURE__ */ L("div", {
-								className: "flex justify-end gap-1",
-								onClick: (e) => e.stopPropagation(),
-								role: "presentation",
-								children: [/* @__PURE__ */ I(R, {
-									variant: "ghost",
-									size: "sm",
-									onClick: () => z(t),
-									"aria-label": "Edit",
-									children: /* @__PURE__ */ I(ne, { className: "h-4 w-4" })
-								}), t.status !== "ARCHIVED" && /* @__PURE__ */ I(re, {
-									id: t.id,
-									onDone: (e) => q(e ? {
-										tone: "success",
-										text: `${t.name} archived.`
-									} : {
-										tone: "danger",
-										text: "Could not archive client."
+								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,
+										className: "h-11 w-11 text-sm"
+									}),
+									/* @__PURE__ */ I("span", {
+										className: "min-w-0 flex-1",
+										children: [
+											/* @__PURE__ */ F("span", {
+												className: "block truncate text-sm font-semibold text-text-primary",
+												children: t.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"))
+											}),
+											/* @__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 })]
+											})
+										]
+									}),
+									/* @__PURE__ */ F(A, { className: "h-4 w-4 shrink-0 text-text-tertiary" })
+								]
+							}), /* @__PURE__ */ I("div", {
+								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, {
+										entityType: "PswClient",
+										entityId: t.id,
+										tags: t.tags ?? [],
+										onChange: async (e) => {
+											await ae.mutateAsync({
+												id: t.id,
+												input: { tags: e }
+											}), $();
+										},
+										maxTags: 5
 									})
+								}), /* @__PURE__ */ I("div", {
+									className: "flex shrink-0 gap-1",
+									children: [/* @__PURE__ */ F(L, {
+										variant: "ghost",
+										size: "sm",
+										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,
+										name: t.name,
+										onDone: (e) => J(e ? {
+											tone: "success",
+											text: n("psw.clients.archived", "{{name}} archived.", { name: t.name })
+										} : {
+											tone: "danger",
+											text: n("psw.clients.archiveFailed", "Could not archive client.")
+										})
+									})]
 								})]
+							})]
+						}, t.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, {
+								className: "text-right",
+								children: n("psw.common.actions", "Actions")
 							})
-						})
-					]
-				}, t.id)) })] }), /* @__PURE__ */ I(D, {
-					hasMore: Y?.pageInfo?.hasMore ?? !1,
-					loading: X,
-					loadedCount: $.length,
-					totalCount: Y?.totalCount ?? $.length,
-					onLoadMore: () => J((e) => ({
-						limit: W,
-						offset: e.offset + W
-					}))
-				})]
+						] }) }), /* @__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(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",
+										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
+											}), /* @__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", {
+											className: "truncate text-xs text-text-tertiary",
+											children: t.contactName
+										}) : null]
+									})]
+								}) }),
+								/* @__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" ? n("psw.clients.typeOrganization", "Organization") : n("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, {
+									className: "whitespace-nowrap",
+									children: C(t.createdAt)
+								}),
+								/* @__PURE__ */ F(v, { children: /* @__PURE__ */ F("div", {
+									onClick: (e) => e.stopPropagation(),
+									role: "presentation",
+									children: /* @__PURE__ */ F(E, {
+										entityType: "PswClient",
+										entityId: t.id,
+										tags: t.tags ?? [],
+										onChange: async (e) => {
+											await ae.mutateAsync({
+												id: t.id,
+												input: { tags: e }
+											}), $();
+										},
+										maxTags: 5
+									})
+								}) }),
+								/* @__PURE__ */ F(v, {
+									className: "text-right",
+									children: /* @__PURE__ */ I("div", {
+										className: "flex justify-end gap-1",
+										onClick: (e) => e.stopPropagation(),
+										role: "presentation",
+										children: [/* @__PURE__ */ F(L, {
+											variant: "ghost",
+											size: "sm",
+											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,
+											name: t.name,
+											onDone: (e) => J(e ? {
+												tone: "success",
+												text: n("psw.clients.archived", "{{name}} archived.", { name: t.name })
+											} : {
+												tone: "danger",
+												text: n("psw.clients.archiveFailed", "Could not archive client.")
+											})
+										})]
+									})
+								})
+							]
+						}, t.id)) })] })
+					}),
+					/* @__PURE__ */ F(ee, {
+						hasMore: X?.pageInfo?.hasMore ?? !1,
+						loading: Z,
+						loadedCount: oe.length,
+						totalCount: X?.totalCount ?? oe.length,
+						onLoadMore: () => Y((e) => ({
+							limit: U,
+							offset: e.offset + U
+						}))
+					})
+				]
 			}),
-			V && /* @__PURE__ */ I(K, {
-				onClose: () => U(!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 })
 				})
 			}),
-			F && /* @__PURE__ */ I(K, {
-				client: F,
-				onClose: () => z(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 })
 				})
 			})
 		]
 	});
-}, re = ({ id: t, onDone: n }) => {
-	let r = e(), { emitFact: i } = w();
-	return /* @__PURE__ */ I(R, {
+}, 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__ */ I(A, { className: "h-4 w-4" })
+		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] = k(e ? {
+	let a = o(), c = n(), l = r(), { emitFact: d } = w(), [m, h] = O(e ? {
 		name: e.name,
 		type: e.type,
 		status: e.status,
@@ -252,121 +335,121 @@ var z = ["ORGANIZATION", "INDIVIDUAL"], B = [
 		contactEmail: e.contactEmail ?? "",
 		contactPhone: e.contactPhone ?? "",
 		notes: e.notes ?? ""
-	} : U), [m, h] = k(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 = O(() => ({
-		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__ */ I(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",
-		footer: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(R, {
+		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"
-		}), /* @__PURE__ */ I(R, {
+			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__ */ L("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "space-y-3",
 			children: [
-				m && /* @__PURE__ */ I(o, {
+				g && /* @__PURE__ */ F(s, {
 					tone: "danger",
-					children: m
+					children: g
 				}),
-				/* @__PURE__ */ I(l, {
-					label: "Name",
+				/* @__PURE__ */ F(u, {
+					label: a("psw.common.name", "Name"),
 					required: !0,
-					children: /* @__PURE__ */ I(y, {
-						value: u.name,
-						onChange: g("name"),
+					children: /* @__PURE__ */ F(b, {
+						value: m.name,
+						onChange: v("name"),
 						placeholder: "Acme Holdings Ltd."
 					})
 				}),
-				/* @__PURE__ */ L("div", {
+				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ I(l, {
-						label: "Type",
-						children: /* @__PURE__ */ I(f, {
-							value: u.type,
-							onChange: g("type"),
-							children: x(z)
+					children: [/* @__PURE__ */ F(u, {
+						label: a("psw.common.type", "Type"),
+						children: /* @__PURE__ */ F(p, {
+							value: m.type,
+							onChange: v("type"),
+							children: S(R)
 						})
-					}), /* @__PURE__ */ I(l, {
-						label: "Status",
-						children: /* @__PURE__ */ I(f, {
-							value: u.status,
-							onChange: g("status"),
-							children: x(B)
+					}), /* @__PURE__ */ F(u, {
+						label: a("psw.common.status", "Status"),
+						children: /* @__PURE__ */ F(p, {
+							value: m.status,
+							onChange: v("status"),
+							children: S(z)
 						})
 					})]
 				}),
-				/* @__PURE__ */ I(l, {
-					label: "Industry",
-					children: /* @__PURE__ */ I(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__ */ L("div", {
+				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-					children: [/* @__PURE__ */ I(l, {
-						label: "Contact name",
-						children: /* @__PURE__ */ I(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__ */ I(l, {
-						label: "Contact email",
-						children: /* @__PURE__ */ I(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__ */ I(l, {
-					label: "Contact phone",
-					children: /* @__PURE__ */ I(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__ */ I(l, {
-					label: "Notes",
-					children: /* @__PURE__ */ I(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")
 					})
 				})
 			]
@@ -374,6 +457,6 @@ var z = ["ORGANIZATION", "INDIVIDUAL"], B = [
 	});
 };
 //#endregion
-export { H as Avatar, G as ClientsPage };
+export { V as Avatar, W as ClientsPage };
 
 //# sourceMappingURL=ClientsPage.js.map