@burdenoff/microfe-proserviceworld 2026.1028.1 → 2026.1031.2

package/dist/proserviceworld/pages/InvoicesPage.js

@@ -1,191 +1,192 @@
 import { useCancelInvoice as e, useClients as t, useCreateInvoice as n, useEngagements as r, useInvoice as i, useInvoices as a, useMarkInvoicePaid as o, useSendInvoice as s } from "../hooks/useProServiceWorldApi.js";
 import { cn as c } from "../utils/cn.js";
-import { Banner as l, Empty as u, ErrorState as d, Field as f, LoadingBlock as p, MetricCard as m, Modal as h, NativeSelect as g, PageHeader as _, SectionCard as v, StatusPill as y, TableWrap as b, Td as x, TextArea as S, TextInput as C, Th as w, enumOptions as T, fmtDate as E, fmtMoney as D } from "../components/ui.js";
-import { useAnalytics as O } from "../hooks/useAnalytics.js";
-import { useDeferredValue as ee, useMemo as te, useState as k } from "react";
-import { AlertCircle as ne, CheckCircle2 as re, Eye as ie, Plus as A, Receipt as j, Search as M, Send as N, Wallet as P, XCircle as F } from "lucide-react";
-import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
-import { Button as z } from "@burdenoff/fe-libs/ui";
+import { plural as l, useEnumLabel as u, useTr as d } from "../hooks/useTr.js";
+import { Banner as f, Empty as p, ErrorState as m, Field as h, LoadingBlock as g, MetricCard as _, Modal as v, NativeSelect as y, PageHeader as b, SectionCard as ee, StatusPill as x, TableWrap as S, Td as C, TextArea as w, TextInput as T, Th as E, enumOptions as te, fmtDate as D, fmtMoney as O } from "../components/ui.js";
+import { useAnalytics as ne } from "../hooks/useAnalytics.js";
+import { useDeferredValue as k, useMemo as re, useState as A } from "react";
+import { AlertCircle as ie, CheckCircle2 as ae, Eye as oe, Plus as j, Receipt as M, Search as N, Send as se, Wallet as ce, XCircle 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";
 //#region src/proserviceworld/pages/InvoicesPage.tsx
-var B = [
+var le = [
 	"DRAFT",
 	"SENT",
 	"PAID",
 	"OVERDUE",
 	"CANCELLED"
-], V = () => {
-	let [n, r] = k(""), [i, f] = k(""), h = ee(i), [S, I] = k(!1), [V, H] = k(null), [U, W] = k(null), { data: G, isLoading: se, error: K, refetch: ce } = a({
-		status: n || void 0,
-		search: h.trim() || void 0
-	}), { emitFact: le } = O(), q = s(), J = o(), Y = e(), X = t({ pagination: { limit: 100 } }), Z = te(() => new Map((X.data?.items ?? []).map((e) => [e.id, e.name])), [X.data]), Q = (G?.items ?? []).filter((e) => e.status === "SENT" || e.status === "OVERDUE"), $ = (G?.items ?? []).filter((e) => e.status === "PAID"), ue = Q.reduce((e, t) => e + t.total, 0), de = $.reduce((e, t) => e + t.total, 0);
-	return /* @__PURE__ */ R("div", {
+], z = () => {
+	let n = d(), r = u(), [i, h] = A(""), [v, w] = A(""), F = k(v), [z, B] = A(!1), [V, H] = A(null), [U, W] = A(null), { data: G, isLoading: fe, error: K, refetch: pe } = a({
+		status: i || void 0,
+		search: F.trim() || void 0
+	}), { emitFact: me } = ne(), q = s(), J = o(), Y = e(), X = t({ pagination: { limit: 100 } }), Z = re(() => new Map((X.data?.items ?? []).map((e) => [e.id, e.name])), [X.data]), Q = (G?.items ?? []).filter((e) => e.status === "SENT" || e.status === "OVERDUE"), $ = (G?.items ?? []).filter((e) => e.status === "PAID"), he = Q.reduce((e, t) => e + t.total, 0), ge = $.reduce((e, t) => e + t.total, 0);
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ L(_, {
-				title: "Invoices",
-				subtitle: "Assemble invoices from time, milestones and fixed-fee schedules — and track what's outstanding.",
-				icon: /* @__PURE__ */ L(j, { className: "h-6 w-6" }),
-				actions: /* @__PURE__ */ R(z, {
-					onClick: () => I(!0),
-					children: [/* @__PURE__ */ L(A, { className: "mr-1.5 h-4 w-4" }), "New invoice"]
+			/* @__PURE__ */ I(b, {
+				title: n("psw.invoices.title", "Invoices"),
+				subtitle: n("psw.invoices.subtitle", "Assemble invoices from time, milestones and fixed-fee schedules — and track what's outstanding."),
+				icon: /* @__PURE__ */ I(M, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ L(R, {
+					onClick: () => B(!0),
+					children: [/* @__PURE__ */ I(j, { className: "me-1.5 h-4 w-4" }), n("psw.invoices.new", "New invoice")]
 				})
 			}),
-			U && /* @__PURE__ */ L(l, {
+			U && /* @__PURE__ */ I(f, {
 				tone: U.tone,
 				onClose: () => W(null),
 				children: U.text
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ L("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ L(m, {
-						label: "Invoices",
+					/* @__PURE__ */ I(_, {
+						label: n("psw.invoices.title", "Invoices"),
 						value: G?.totalCount ?? 0,
-						icon: /* @__PURE__ */ L(j, { className: "h-4 w-4" })
+						icon: /* @__PURE__ */ I(M, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ L(m, {
-						label: "Outstanding",
-						value: D(ue),
-						hint: `${Q.length} sent + overdue`,
-						icon: /* @__PURE__ */ L(ne, { className: "h-4 w-4" }),
+					/* @__PURE__ */ I(_, {
+						label: n("psw.invoices.outstanding", "Outstanding"),
+						value: O(he),
+						hint: n("psw.invoices.outstandingHint", "{{count}} sent + overdue", { count: Q.length }),
+						icon: /* @__PURE__ */ I(ie, { className: "h-4 w-4" }),
 						tone: "warning"
 					}),
-					/* @__PURE__ */ L(m, {
-						label: "Collected",
-						value: D(de),
-						hint: `${$.length} paid`,
-						icon: /* @__PURE__ */ L(P, { className: "h-4 w-4" }),
+					/* @__PURE__ */ I(_, {
+						label: n("psw.invoices.collected", "Collected"),
+						value: O(ge),
+						hint: n("psw.invoices.paidHint", "{{count}} paid", { count: $.length }),
+						icon: /* @__PURE__ */ I(ce, { className: "h-4 w-4" }),
 						tone: "success"
 					})
 				]
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ L("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ L(M, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ L(C, {
-						placeholder: "Search invoices…",
-						value: i,
-						onChange: (e) => f(e.target.value),
+					children: [/* @__PURE__ */ I(N, { className: "pointer-events-none absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ I(T, {
+						placeholder: n("psw.invoices.searchPlaceholder", "Search invoices…"),
+						value: v,
+						onChange: (e) => w(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && i.trim() && le("psw.search.performed", {
+							e.key === "Enter" && v.trim() && me("psw.search.performed", {
 								entityType: "invoice",
-								queryLength: i.trim().length
+								queryLength: v.trim().length
 							});
 						},
-						className: "pl-9"
+						className: "ps-9"
 					})]
-				}), /* @__PURE__ */ R(g, {
-					value: n,
-					onChange: (e) => r(e.target.value),
+				}), /* @__PURE__ */ L(y, {
+					value: i,
+					onChange: (e) => h(e.target.value),
 					className: "sm:w-48",
-					children: [/* @__PURE__ */ L("option", {
+					children: [/* @__PURE__ */ I("option", {
 						value: "",
-						children: "All statuses"
-					}), T(B)]
+						children: n("psw.common.allStatuses", "All statuses")
+					}), te(le, r)]
 				})]
 			}),
-			se ? /* @__PURE__ */ L(p, {}) : K ? /* @__PURE__ */ L(d, {
+			fe ? /* @__PURE__ */ I(g, {}) : K ? /* @__PURE__ */ I(m, {
 				error: K,
-				onRetry: () => void ce()
-			}) : !G || G.items.length === 0 ? /* @__PURE__ */ L(u, {
-				title: "No invoices yet",
-				description: "Raise an invoice for a client to start tracking receivables.",
-				icon: /* @__PURE__ */ L(j, { className: "h-8 w-8" }),
-				action: /* @__PURE__ */ R(z, {
-					onClick: () => I(!0),
-					children: [/* @__PURE__ */ L(A, { className: "mr-1.5 h-4 w-4" }), "New invoice"]
+				onRetry: () => void pe()
+			}) : !G || G.items.length === 0 ? /* @__PURE__ */ I(p, {
+				title: n("psw.invoices.emptyTitle", "No invoices yet"),
+				description: n("psw.invoices.emptyDescription", "Raise an invoice for a client to start tracking receivables."),
+				icon: /* @__PURE__ */ I(M, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ L(R, {
+					onClick: () => B(!0),
+					children: [/* @__PURE__ */ I(j, { className: "me-1.5 h-4 w-4" }), n("psw.invoices.new", "New invoice")]
 				})
-			}) : /* @__PURE__ */ L(v, {
-				title: "Invoices",
-				children: /* @__PURE__ */ R(b, { children: [/* @__PURE__ */ L("thead", { children: /* @__PURE__ */ R("tr", { children: [
-					/* @__PURE__ */ L(w, { children: "Number" }),
-					/* @__PURE__ */ L(w, { children: "Client" }),
-					/* @__PURE__ */ L(w, { children: "Total" }),
-					/* @__PURE__ */ L(w, { children: "Status" }),
-					/* @__PURE__ */ L(w, { children: "Due" }),
-					/* @__PURE__ */ L(w, {
-						className: "text-right",
-						children: "Actions"
+			}) : /* @__PURE__ */ I(ee, {
+				title: l(n, "psw.invoices.count", G.totalCount, "{{count}} invoice", "{{count}} invoices"),
+				children: /* @__PURE__ */ L(S, { children: [/* @__PURE__ */ I("thead", { children: /* @__PURE__ */ L("tr", { children: [
+					/* @__PURE__ */ I(E, { children: n("psw.invoices.number", "Number") }),
+					/* @__PURE__ */ I(E, { children: n("psw.common.client", "Client") }),
+					/* @__PURE__ */ I(E, { children: n("psw.invoices.total", "Total") }),
+					/* @__PURE__ */ I(E, { children: n("psw.common.status", "Status") }),
+					/* @__PURE__ */ I(E, { children: n("psw.common.due", "Due") }),
+					/* @__PURE__ */ I(E, {
+						className: "text-end",
+						children: n("psw.common.actions", "Actions")
 					})
-				] }) }), /* @__PURE__ */ L("tbody", { children: G.items.map((e) => /* @__PURE__ */ R("tr", {
+				] }) }), /* @__PURE__ */ I("tbody", { children: G.items.map((e) => /* @__PURE__ */ L("tr", {
 					className: "transition-colors hover:bg-bg-sunken/60",
 					children: [
-						/* @__PURE__ */ L(x, { children: /* @__PURE__ */ L("span", {
+						/* @__PURE__ */ I(C, { children: /* @__PURE__ */ I("span", {
 							className: "font-medium text-text-primary",
 							children: e.number
 						}) }),
-						/* @__PURE__ */ L(x, {
+						/* @__PURE__ */ I(C, {
 							className: "text-text-primary",
 							children: Z.get(e.clientId) ?? "—"
 						}),
-						/* @__PURE__ */ L(x, {
+						/* @__PURE__ */ I(C, {
 							className: "whitespace-nowrap font-semibold text-text-primary",
-							children: D(e.total, e.currency)
+							children: O(e.total, e.currency)
 						}),
-						/* @__PURE__ */ L(x, { children: /* @__PURE__ */ L(y, { status: e.status }) }),
-						/* @__PURE__ */ L(x, {
+						/* @__PURE__ */ I(C, { children: /* @__PURE__ */ I(x, { status: e.status }) }),
+						/* @__PURE__ */ I(C, {
 							className: c("whitespace-nowrap", e.status === "OVERDUE" && "font-medium text-status-error-text"),
-							children: E(e.dueDate)
+							children: D(e.dueDate)
 						}),
-						/* @__PURE__ */ L(x, {
-							className: "text-right",
-							children: /* @__PURE__ */ R("div", {
+						/* @__PURE__ */ I(C, {
+							className: "text-end",
+							children: /* @__PURE__ */ L("div", {
 								className: "flex items-center justify-end gap-1",
 								children: [
-									/* @__PURE__ */ R(z, {
+									/* @__PURE__ */ L(R, {
 										variant: "ghost",
 										size: "sm",
 										onClick: () => H(e.id),
-										children: [/* @__PURE__ */ L(ie, { className: "mr-1 h-4 w-4" }), "View"]
+										children: [/* @__PURE__ */ I(oe, { className: "me-1 h-4 w-4" }), n("psw.invoices.view", "View")]
 									}),
-									e.status === "DRAFT" && /* @__PURE__ */ R(z, {
+									e.status === "DRAFT" && /* @__PURE__ */ L(R, {
 										variant: "ghost",
 										size: "sm",
 										disabled: q.isPending,
 										onClick: () => q.mutate(e.id, {
 											onSuccess: () => W({
 												tone: "success",
-												text: `${e.number} sent.`
+												text: n("psw.invoices.sent", "{{number}} sent.", { number: e.number })
 											}),
 											onError: (e) => W({
 												tone: "danger",
-												text: e instanceof Error ? e.message : "Failed."
+												text: e instanceof Error ? e.message : n("psw.common.failed", "Failed.")
 											})
 										}),
-										children: [/* @__PURE__ */ L(N, { className: "mr-1 h-4 w-4" }), "Send"]
+										children: [/* @__PURE__ */ I(se, { className: "me-1 h-4 w-4" }), n("psw.invoices.send", "Send")]
 									}),
-									(e.status === "SENT" || e.status === "OVERDUE") && /* @__PURE__ */ R(z, {
+									(e.status === "SENT" || e.status === "OVERDUE") && /* @__PURE__ */ L(R, {
 										variant: "ghost",
 										size: "sm",
 										disabled: J.isPending,
 										onClick: () => J.mutate(e.id, {
 											onSuccess: () => W({
 												tone: "success",
-												text: `${e.number} marked paid.`
+												text: n("psw.invoices.markedPaid", "{{number}} marked paid.", { number: e.number })
 											}),
 											onError: (e) => W({
 												tone: "danger",
-												text: e instanceof Error ? e.message : "Failed."
+												text: e instanceof Error ? e.message : n("psw.common.failed", "Failed.")
 											})
 										}),
-										children: [/* @__PURE__ */ L(re, { className: "mr-1 h-4 w-4" }), "Mark paid"]
+										children: [/* @__PURE__ */ I(ae, { className: "me-1 h-4 w-4" }), n("psw.invoices.markPaid", "Mark paid")]
 									}),
-									(e.status === "DRAFT" || e.status === "SENT") && /* @__PURE__ */ R(z, {
+									(e.status === "DRAFT" || e.status === "SENT") && /* @__PURE__ */ L(R, {
 										variant: "ghost",
 										size: "sm",
 										disabled: Y.isPending,
 										onClick: () => Y.mutate(e.id, {
 											onSuccess: () => W({
 												tone: "success",
-												text: `${e.number} cancelled.`
+												text: n("psw.invoices.cancelled", "{{number}} cancelled.", { number: e.number })
 											}),
 											onError: (e) => W({
 												tone: "danger",
-												text: e instanceof Error ? e.message : "Failed."
+												text: e instanceof Error ? e.message : n("psw.common.failed", "Failed.")
 											})
 										}),
-										children: [/* @__PURE__ */ L(F, { className: "mr-1 h-4 w-4" }), "Cancel"]
+										children: [/* @__PURE__ */ I(P, { className: "me-1 h-4 w-4" }), n("psw.common.cancel", "Cancel")]
 									})
 								]
 							})
@@ -193,144 +194,144 @@ var B = [
 					]
 				}, e.id)) })] })
 			}),
-			S && /* @__PURE__ */ L(oe, {
-				onClose: () => I(!1),
+			z && /* @__PURE__ */ I(de, {
+				onClose: () => B(!1),
 				onSaved: (e) => W({
 					tone: "success",
-					text: `${e} created.`
+					text: n("psw.invoices.created", "{{number}} created.", { number: e })
 				})
 			}),
-			V && /* @__PURE__ */ L(ae, {
+			V && /* @__PURE__ */ I(ue, {
 				id: V,
 				clientName: Z,
 				onClose: () => H(null),
 				onCancelled: (e) => {
 					H(null), W({
 						tone: "success",
-						text: `${e} cancelled.`
+						text: n("psw.invoices.cancelled", "{{number}} cancelled.", { number: e })
 					});
 				}
 			})
 		]
 	});
-}, ae = ({ id: t, clientName: n, onClose: r, onCancelled: a }) => {
-	let { data: o, isLoading: s, error: c } = i(t), f = e(), [m, g] = k(null);
-	return /* @__PURE__ */ L(h, {
+}, ue = ({ id: t, clientName: n, onClose: r, onCancelled: a }) => {
+	let o = d(), s = u(), { data: c, isLoading: l, error: h } = i(t), _ = e(), [y, b] = A(null);
+	return /* @__PURE__ */ I(v, {
 		open: !0,
 		onClose: r,
-		title: o ? `Invoice ${o.number}` : "Invoice",
-		footer: /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(z, {
+		title: c ? o("psw.invoices.detailTitle", "Invoice {{number}}", { number: c.number }) : o("psw.invoices.invoice", "Invoice"),
+		footer: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(R, {
 			variant: "outline",
 			onClick: r,
-			children: "Close"
-		}), o && (o.status === "DRAFT" || o.status === "SENT") && /* @__PURE__ */ R(z, {
+			children: o("psw.common.close", "Close")
+		}), c && (c.status === "DRAFT" || c.status === "SENT") && /* @__PURE__ */ L(R, {
 			variant: "destructive",
-			disabled: f.isPending,
+			disabled: _.isPending,
 			onClick: () => {
-				g(null), f.mutate(o.id, {
-					onSuccess: () => a(o.number),
-					onError: (e) => g(e instanceof Error ? e.message : "Failed.")
+				b(null), _.mutate(c.id, {
+					onSuccess: () => a(c.number),
+					onError: (e) => b(e instanceof Error ? e.message : o("psw.common.failed", "Failed."))
 				});
 			},
-			children: [/* @__PURE__ */ L(F, { className: "mr-1.5 h-4 w-4" }), f.isPending ? "Cancelling…" : "Cancel invoice"]
+			children: [/* @__PURE__ */ I(P, { className: "me-1.5 h-4 w-4" }), _.isPending ? o("psw.invoices.cancelling", "Cancelling…") : o("psw.invoices.cancelInvoice", "Cancel invoice")]
 		})] }),
-		children: /* @__PURE__ */ R("div", {
+		children: /* @__PURE__ */ L("div", {
 			className: "space-y-3",
-			children: [m && /* @__PURE__ */ L(l, {
+			children: [y && /* @__PURE__ */ I(f, {
 				tone: "danger",
-				children: m
-			}), s ? /* @__PURE__ */ L(p, {}) : c ? /* @__PURE__ */ L(d, { error: c }) : o ? /* @__PURE__ */ R(I, { children: [
-				/* @__PURE__ */ R("div", {
+				children: y
+			}), l ? /* @__PURE__ */ I(g, {}) : h ? /* @__PURE__ */ I(m, { error: h }) : c ? /* @__PURE__ */ L(F, { children: [
+				/* @__PURE__ */ L("div", {
 					className: "grid grid-cols-2 gap-3 text-sm",
 					children: [
-						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
+						/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("div", {
 							className: "text-text-tertiary",
-							children: "Client"
-						}), /* @__PURE__ */ L("div", {
+							children: o("psw.common.client", "Client")
+						}), /* @__PURE__ */ I("div", {
 							className: "font-medium text-text-primary",
-							children: n.get(o.clientId) ?? "—"
+							children: n.get(c.clientId) ?? "—"
 						})] }),
-						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
+						/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("div", {
 							className: "text-text-tertiary",
-							children: "Status"
-						}), /* @__PURE__ */ L(y, { status: o.status })] }),
-						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
+							children: o("psw.common.status", "Status")
+						}), /* @__PURE__ */ I(x, { status: c.status })] }),
+						/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("div", {
 							className: "text-text-tertiary",
-							children: "Issue date"
-						}), /* @__PURE__ */ L("div", {
+							children: o("psw.invoices.issueDate", "Issue date")
+						}), /* @__PURE__ */ I("div", {
 							className: "text-text-primary",
-							children: E(o.issueDate)
+							children: D(c.issueDate)
 						})] }),
-						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
+						/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("div", {
 							className: "text-text-tertiary",
-							children: "Due date"
-						}), /* @__PURE__ */ L("div", {
+							children: o("psw.common.dueDate", "Due date")
+						}), /* @__PURE__ */ I("div", {
 							className: "text-text-primary",
-							children: E(o.dueDate)
+							children: D(c.dueDate)
 						})] }),
-						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
+						/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("div", {
 							className: "text-text-tertiary",
-							children: "Sent"
-						}), /* @__PURE__ */ L("div", {
+							children: o("psw.invoices.sentAt", "Sent")
+						}), /* @__PURE__ */ I("div", {
 							className: "text-text-primary",
-							children: E(o.sentAt)
+							children: D(c.sentAt)
 						})] }),
-						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
+						/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("div", {
 							className: "text-text-tertiary",
-							children: "Paid"
-						}), /* @__PURE__ */ L("div", {
+							children: o("psw.invoices.paidAt", "Paid")
+						}), /* @__PURE__ */ I("div", {
 							className: "text-text-primary",
-							children: E(o.paidAt)
+							children: D(c.paidAt)
 						})] })
 					]
 				}),
-				o.lineItems && o.lineItems.length > 0 && /* @__PURE__ */ R(b, { children: [/* @__PURE__ */ L("thead", { children: /* @__PURE__ */ R("tr", { children: [
-					/* @__PURE__ */ L(w, { children: "Source" }),
-					/* @__PURE__ */ L(w, { children: "Description" }),
-					/* @__PURE__ */ L(w, {
-						className: "text-right",
-						children: "Amount"
+				c.lineItems && c.lineItems.length > 0 && /* @__PURE__ */ L(S, { children: [/* @__PURE__ */ I("thead", { children: /* @__PURE__ */ L("tr", { children: [
+					/* @__PURE__ */ I(E, { children: o("psw.invoices.source", "Source") }),
+					/* @__PURE__ */ I(E, { children: o("psw.common.description", "Description") }),
+					/* @__PURE__ */ I(E, {
+						className: "text-end",
+						children: o("psw.common.amount", "Amount")
 					})
-				] }) }), /* @__PURE__ */ L("tbody", { children: o.lineItems.map((e, t) => /* @__PURE__ */ R("tr", { children: [
-					/* @__PURE__ */ L(x, { children: e.sourceType }),
-					/* @__PURE__ */ L(x, { children: e.description ?? e.sourceId }),
-					/* @__PURE__ */ L(x, {
-						className: "text-right",
-						children: D(e.amount, o.currency)
+				] }) }), /* @__PURE__ */ I("tbody", { children: c.lineItems.map((e, t) => /* @__PURE__ */ L("tr", { children: [
+					/* @__PURE__ */ I(C, { children: s(e.sourceType) }),
+					/* @__PURE__ */ I(C, { children: e.description ?? e.sourceId }),
+					/* @__PURE__ */ I(C, {
+						className: "text-end",
+						children: O(e.amount, c.currency)
 					})
 				] }, `${e.sourceType}-${e.sourceId}-${t}`)) })] }),
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ L("div", {
 					className: "rounded-lg bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
 					children: [
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ L("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ L("span", { children: "Subtotal" }), /* @__PURE__ */ L("span", { children: D(o.subtotal, o.currency) })]
+							children: [/* @__PURE__ */ I("span", { children: o("psw.invoices.subtotal", "Subtotal") }), /* @__PURE__ */ I("span", { children: O(c.subtotal, c.currency) })]
 						}),
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ L("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ L("span", { children: "Tax" }), /* @__PURE__ */ L("span", { children: D(o.taxAmount, o.currency) })]
+							children: [/* @__PURE__ */ I("span", { children: o("psw.invoices.tax", "Tax") }), /* @__PURE__ */ I("span", { children: O(c.taxAmount, c.currency) })]
 						}),
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ L("div", {
 							className: "flex justify-between font-semibold text-text-primary",
-							children: [/* @__PURE__ */ L("span", { children: "Total" }), /* @__PURE__ */ L("span", { children: D(o.total, o.currency) })]
+							children: [/* @__PURE__ */ I("span", { children: o("psw.invoices.total", "Total") }), /* @__PURE__ */ I("span", { children: O(c.total, c.currency) })]
 						})
 					]
 				}),
-				o.notes && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
+				c.notes && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("div", {
 					className: "text-sm text-text-tertiary",
-					children: "Notes"
-				}), /* @__PURE__ */ L("div", {
+					children: o("psw.common.notes", "Notes")
+				}), /* @__PURE__ */ I("div", {
 					className: "text-sm text-text-primary",
-					children: o.notes
+					children: c.notes
 				})] })
-			] }) : /* @__PURE__ */ L(u, {
-				title: "Invoice not found",
-				icon: /* @__PURE__ */ L(j, { className: "h-8 w-8" })
+			] }) : /* @__PURE__ */ I(p, {
+				title: o("psw.invoices.notFound", "Invoice not found"),
+				icon: /* @__PURE__ */ I(M, { className: "h-8 w-8" })
 			})]
 		})
 	});
-}, oe = ({ onClose: e, onSaved: i }) => {
-	let a = n(), o = t({ pagination: { limit: 100 } }), [s, c] = k({
+}, de = ({ onClose: e, onSaved: i }) => {
+	let a = d(), o = n(), s = t({ pagination: { limit: 100 } }), [c, l] = A({
 		clientId: "",
 		engagementId: "",
 		number: "",
@@ -340,160 +341,160 @@ var B = [
 		issueDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
 		dueDate: "",
 		notes: ""
-	}), [u, d] = k(null), p = r({
-		clientId: s.clientId || void 0,
+	}), [u, p] = A(null), m = r({
+		clientId: c.clientId || void 0,
 		pagination: { limit: 100 }
-	}), m = (e) => (t) => c((n) => ({
+	}), g = (e) => (t) => l((n) => ({
 		...n,
 		[e]: t.target.value
-	})), _ = (Number(s.subtotal) || 0) + (Number(s.taxAmount) || 0);
-	return /* @__PURE__ */ L(h, {
+	})), _ = (Number(c.subtotal) || 0) + (Number(c.taxAmount) || 0);
+	return /* @__PURE__ */ I(v, {
 		open: !0,
 		onClose: e,
-		title: "New invoice",
-		footer: /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(z, {
+		title: a("psw.invoices.new", "New invoice"),
+		footer: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(R, {
 			variant: "outline",
 			onClick: e,
-			disabled: a.isPending,
-			children: "Cancel"
-		}), /* @__PURE__ */ L(z, {
+			disabled: o.isPending,
+			children: a("psw.common.cancel", "Cancel")
+		}), /* @__PURE__ */ I(R, {
 			onClick: () => {
-				if (d(null), !s.clientId) return d("Select a client.");
-				if (!s.number.trim()) return d("Invoice number is required.");
-				a.mutate({
-					clientId: s.clientId,
-					engagementId: s.engagementId || null,
-					number: s.number.trim(),
-					currency: s.currency || "USD",
-					subtotal: Number(s.subtotal) || 0,
-					taxAmount: Number(s.taxAmount) || 0,
+				if (p(null), !c.clientId) return p(a("psw.invoices.selectClient", "Select a client."));
+				if (!c.number.trim()) return p(a("psw.invoices.numberRequired", "Invoice number is required."));
+				o.mutate({
+					clientId: c.clientId,
+					engagementId: c.engagementId || null,
+					number: c.number.trim(),
+					currency: c.currency || "USD",
+					subtotal: Number(c.subtotal) || 0,
+					taxAmount: Number(c.taxAmount) || 0,
 					total: _,
-					issueDate: s.issueDate ? new Date(s.issueDate).toISOString() : null,
-					dueDate: s.dueDate ? new Date(s.dueDate).toISOString() : null,
-					notes: s.notes.trim() || null
+					issueDate: c.issueDate ? new Date(c.issueDate).toISOString() : null,
+					dueDate: c.dueDate ? new Date(c.dueDate).toISOString() : null,
+					notes: c.notes.trim() || null
 				}, {
 					onSuccess: () => {
-						i(s.number.trim()), e();
+						i(c.number.trim()), e();
 					},
-					onError: (e) => d(e instanceof Error ? e.message : "Failed.")
+					onError: (e) => p(e instanceof Error ? e.message : a("psw.common.failed", "Failed."))
 				});
 			},
-			disabled: a.isPending,
-			children: a.isPending ? "Creating…" : "Create invoice"
+			disabled: o.isPending,
+			children: o.isPending ? a("psw.common.creating", "Creating…") : a("psw.invoices.create", "Create invoice")
 		})] }),
-		children: /* @__PURE__ */ R("div", {
+		children: /* @__PURE__ */ L("div", {
 			className: "space-y-3",
 			children: [
-				u && /* @__PURE__ */ L(l, {
+				u && /* @__PURE__ */ I(f, {
 					tone: "danger",
 					children: u
 				}),
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ L("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ L(f, {
-						label: "Client",
+					children: [/* @__PURE__ */ I(h, {
+						label: a("psw.common.client", "Client"),
 						required: !0,
-						children: /* @__PURE__ */ R(g, {
-							value: s.clientId,
-							onChange: m("clientId"),
-							children: [/* @__PURE__ */ L("option", {
+						children: /* @__PURE__ */ L(y, {
+							value: c.clientId,
+							onChange: g("clientId"),
+							children: [/* @__PURE__ */ I("option", {
 								value: "",
-								children: "Select…"
-							}), o.data?.items.map((e) => /* @__PURE__ */ L("option", {
+								children: a("psw.common.select", "Select…")
+							}), s.data?.items.map((e) => /* @__PURE__ */ I("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))]
 						})
-					}), /* @__PURE__ */ L(f, {
-						label: "Number",
+					}), /* @__PURE__ */ I(h, {
+						label: a("psw.invoices.number", "Number"),
 						required: !0,
-						children: /* @__PURE__ */ L(C, {
-							value: s.number,
-							onChange: m("number"),
+						children: /* @__PURE__ */ I(T, {
+							value: c.number,
+							onChange: g("number"),
 							placeholder: "INV-2026-014"
 						})
 					})]
 				}),
-				/* @__PURE__ */ L(f, {
-					label: "Engagement (optional)",
-					children: /* @__PURE__ */ R(g, {
-						value: s.engagementId,
-						onChange: m("engagementId"),
-						disabled: !s.clientId,
-						children: [/* @__PURE__ */ L("option", {
+				/* @__PURE__ */ I(h, {
+					label: a("psw.invoices.engagementOptional", "Engagement (optional)"),
+					children: /* @__PURE__ */ L(y, {
+						value: c.engagementId,
+						onChange: g("engagementId"),
+						disabled: !c.clientId,
+						children: [/* @__PURE__ */ I("option", {
 							value: "",
-							children: "None"
-						}), p.data?.items.map((e) => /* @__PURE__ */ L("option", {
+							children: a("psw.common.none", "None")
+						}), m.data?.items.map((e) => /* @__PURE__ */ I("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
 					})
 				}),
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ L("div", {
 					className: "grid grid-cols-3 gap-3",
 					children: [
-						/* @__PURE__ */ L(f, {
-							label: "Subtotal",
-							children: /* @__PURE__ */ L(C, {
+						/* @__PURE__ */ I(h, {
+							label: a("psw.invoices.subtotal", "Subtotal"),
+							children: /* @__PURE__ */ I(T, {
 								type: "number",
 								min: "0",
-								value: s.subtotal,
-								onChange: m("subtotal")
+								value: c.subtotal,
+								onChange: g("subtotal")
 							})
 						}),
-						/* @__PURE__ */ L(f, {
-							label: "Tax",
-							children: /* @__PURE__ */ L(C, {
+						/* @__PURE__ */ I(h, {
+							label: a("psw.invoices.tax", "Tax"),
+							children: /* @__PURE__ */ I(T, {
 								type: "number",
 								min: "0",
-								value: s.taxAmount,
-								onChange: m("taxAmount")
+								value: c.taxAmount,
+								onChange: g("taxAmount")
 							})
 						}),
-						/* @__PURE__ */ L(f, {
-							label: "Currency",
-							children: /* @__PURE__ */ L(C, {
-								value: s.currency,
-								onChange: m("currency"),
+						/* @__PURE__ */ I(h, {
+							label: a("psw.invoices.currency", "Currency"),
+							children: /* @__PURE__ */ I(T, {
+								value: c.currency,
+								onChange: g("currency"),
 								maxLength: 3
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ L("div", {
 					className: "rounded-lg bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
 					children: [
-						"Total:",
+						a("psw.invoices.totalLabel", "Total:"),
 						" ",
-						/* @__PURE__ */ L("span", {
+						/* @__PURE__ */ I("span", {
 							className: "font-semibold text-text-primary",
-							children: D(_, s.currency)
+							children: O(_, c.currency)
 						})
 					]
 				}),
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ L("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ L(f, {
-						label: "Issue date",
-						children: /* @__PURE__ */ L(C, {
+					children: [/* @__PURE__ */ I(h, {
+						label: a("psw.invoices.issueDate", "Issue date"),
+						children: /* @__PURE__ */ I(T, {
 							type: "date",
-							value: s.issueDate,
-							onChange: m("issueDate")
+							value: c.issueDate,
+							onChange: g("issueDate")
 						})
-					}), /* @__PURE__ */ L(f, {
-						label: "Due date",
-						children: /* @__PURE__ */ L(C, {
+					}), /* @__PURE__ */ I(h, {
+						label: a("psw.common.dueDate", "Due date"),
+						children: /* @__PURE__ */ I(T, {
 							type: "date",
-							value: s.dueDate,
-							onChange: m("dueDate")
+							value: c.dueDate,
+							onChange: g("dueDate")
 						})
 					})]
 				}),
-				/* @__PURE__ */ L(f, {
-					label: "Notes",
-					children: /* @__PURE__ */ L(S, {
-						value: s.notes,
-						onChange: m("notes")
+				/* @__PURE__ */ I(h, {
+					label: a("psw.common.notes", "Notes"),
+					children: /* @__PURE__ */ I(w, {
+						value: c.notes,
+						onChange: g("notes")
 					})
 				})
 			]
@@ -501,6 +502,6 @@ var B = [
 	});
 };
 //#endregion
-export { V as InvoicesPage };
+export { z as InvoicesPage };
 
 //# sourceMappingURL=InvoicesPage.js.map