@burdenoff/microfe-proserviceworld 2026.1015.1 → 2026.1026.2

package/dist/proserviceworld/pages/InvoicesPage.js

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