@burdenoff/microfe-proserviceworld 2026.1026.2 → 2026.1031.1

package/dist/proserviceworld/pages/AnalyticsPage.js

@@ -1,169 +1,251 @@
-import { useDashboardStats as e } from "../hooks/useProServiceWorldApi.js";
-import { cn as t } from "../utils/cn.js";
-import { ErrorState as n, LoadingBlock as r, MetricCard as i, PageHeader as a, SectionCard as o, StatusPill as s, fmtHours as c, fmtMoney as l } from "../components/ui.js";
-import { BarChart3 as u, Clock as d, TrendingUp as f, Wallet as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useDashboardStats as e, useWriteOffs as t } from "../hooks/useProServiceWorldApi.js";
+import { cn as n } from "../utils/cn.js";
+import { plural as r, useTr as i } from "../hooks/useTr.js";
+import { Empty as a, ErrorState as o, LoadingBlock as s, MetricCard as c, PageHeader as l, SectionCard as u, StatusPill as d, TableWrap as f, Td as p, Th as m, fmtDate as h, fmtHours as g, fmtMoney as _ } from "../components/ui.js";
+import { AlertTriangle as v, BarChart3 as y, Clock as b, Scale as x, TrendingUp as S, Wallet as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/proserviceworld/pages/AnalyticsPage.tsx
-var g = () => {
-	let { data: t, isLoading: s, error: g, refetch: v } = e();
-	if (s) return /* @__PURE__ */ m(r, { label: "Crunching numbers…" });
-	if (g) return /* @__PURE__ */ m(n, {
-		error: g,
-		onRetry: () => void v()
+var E = () => {
+	let n = i(), { data: r, isLoading: d, error: E, refetch: k } = e(), N = t({ pagination: { limit: 10 } });
+	if (d) return /* @__PURE__ */ w(s, { label: n("psw.analytics.loading", "Crunching numbers…") });
+	if (E) return /* @__PURE__ */ w(o, {
+		error: E,
+		onRetry: () => void k()
 	});
-	if (!t) return null;
-	let S = t.unbilledHours + t.billedHours, C = S > 0 ? Math.round(t.billedHours / S * 100) : 0, w = t.paidInvoiceTotal + t.outstandingInvoiceTotal, T = w > 0 ? Math.round(t.paidInvoiceTotal / w * 100) : 0;
-	return /* @__PURE__ */ h("div", {
+	if (!r) return null;
+	let P = r.unbilledHours + r.billedHours, F = P > 0 ? Math.round(r.billedHours / P * 100) : 0, I = r.paidInvoiceTotal + r.outstandingInvoiceTotal, L = I > 0 ? Math.round(r.paidInvoiceTotal / I * 100) : 0;
+	return /* @__PURE__ */ T("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ m(a, {
-				title: "Analytics",
-				subtitle: "Real, live metrics across the practice — no estimates, straight from your records.",
-				icon: /* @__PURE__ */ m(u, { className: "h-6 w-6" })
+			/* @__PURE__ */ w(l, {
+				title: n("psw.analytics.title", "Analytics"),
+				subtitle: n("psw.analytics.subtitle", "Real, live metrics across the practice — no estimates, straight from your records."),
+				icon: /* @__PURE__ */ w(y, { className: "h-6 w-6" })
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ m(i, {
-						label: "Collected revenue",
-						value: l(t.paidInvoiceTotal),
-						hint: `${l(w)} invoiced`,
-						icon: /* @__PURE__ */ m(p, { className: "h-4 w-4" }),
+					/* @__PURE__ */ w(c, {
+						label: n("psw.analytics.collectedRevenue", "Collected revenue"),
+						value: _(r.paidInvoiceTotal),
+						hint: n("psw.analytics.invoicedHint", "{{amount}} invoiced", { amount: _(I) }),
+						icon: /* @__PURE__ */ w(C, { className: "h-4 w-4" }),
 						tone: "success"
 					}),
-					/* @__PURE__ */ m(i, {
-						label: "Collection rate",
-						value: `${T}%`,
-						hint: `${l(t.outstandingInvoiceTotal)} outstanding`,
-						icon: /* @__PURE__ */ m(f, { className: "h-4 w-4" }),
+					/* @__PURE__ */ w(c, {
+						label: n("psw.analytics.collectionRate", "Collection rate"),
+						value: `${L}%`,
+						hint: n("psw.analytics.outstandingHint", "{{amount}} outstanding", { amount: _(r.outstandingInvoiceTotal) }),
+						icon: /* @__PURE__ */ w(S, { className: "h-4 w-4" }),
 						tone: "accent"
 					}),
-					/* @__PURE__ */ m(i, {
-						label: "Utilization",
-						value: `${C}%`,
-						hint: `${c(t.billedHours)} of ${c(S)}`,
-						icon: /* @__PURE__ */ m(d, { className: "h-4 w-4" }),
+					/* @__PURE__ */ w(c, {
+						label: n("psw.analytics.utilization", "Utilization"),
+						value: `${F}%`,
+						hint: n("psw.analytics.hoursOfTotal", "{{billed}} of {{total}}", {
+							billed: g(r.billedHours),
+							total: g(P)
+						}),
+						icon: /* @__PURE__ */ w(b, { className: "h-4 w-4" }),
 						tone: "info"
 					}),
-					/* @__PURE__ */ m(i, {
-						label: "Active engagements",
-						value: t.activeEngagements,
-						hint: `${t.openMatters} open matters`,
-						icon: /* @__PURE__ */ m(u, { className: "h-4 w-4" }),
+					/* @__PURE__ */ w(c, {
+						label: n("psw.analytics.activeEngagements", "Active engagements"),
+						value: r.activeEngagements,
+						hint: n("psw.analytics.openMattersHint", "{{count}} open matters", { count: r.openMatters }),
+						icon: /* @__PURE__ */ w(y, { className: "h-4 w-4" }),
 						tone: "warning"
 					})
 				]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-				children: [/* @__PURE__ */ m(o, {
-					title: "Collection rate",
-					description: "Paid vs. total invoiced.",
-					children: /* @__PURE__ */ m(_, {
-						pct: T,
+				children: [/* @__PURE__ */ w(u, {
+					title: n("psw.analytics.collectionRate", "Collection rate"),
+					description: n("psw.analytics.collectionRateDescription", "Paid vs. total invoiced."),
+					children: /* @__PURE__ */ w(O, {
+						pct: L,
 						tone: "accent",
-						primary: l(t.paidInvoiceTotal),
-						primaryLabel: "Collected",
-						secondary: l(t.outstandingInvoiceTotal),
-						secondaryLabel: "Outstanding"
+						primary: _(r.paidInvoiceTotal),
+						primaryLabel: n("psw.analytics.collected", "Collected"),
+						secondary: _(r.outstandingInvoiceTotal),
+						secondaryLabel: n("psw.analytics.outstanding", "Outstanding")
 					})
-				}), /* @__PURE__ */ m(o, {
-					title: "Utilization",
-					description: "Billed vs. total logged hours.",
-					children: /* @__PURE__ */ m(_, {
-						pct: C,
+				}), /* @__PURE__ */ w(u, {
+					title: n("psw.analytics.utilization", "Utilization"),
+					description: n("psw.analytics.utilizationDescription", "Billed vs. total logged hours."),
+					children: /* @__PURE__ */ w(O, {
+						pct: F,
 						tone: "info",
-						primary: c(t.billedHours),
-						primaryLabel: "Billed",
-						secondary: c(t.unbilledHours),
-						secondaryLabel: "Unbilled"
+						primary: g(r.billedHours),
+						primaryLabel: n("psw.analytics.billed", "Billed"),
+						secondary: g(r.unbilledHours),
+						secondaryLabel: n("psw.analytics.unbilled", "Unbilled")
 					})
 				})]
 			}),
-			/* @__PURE__ */ m(o, {
-				title: "Revenue by month",
-				description: "Invoiced totals across recent months.",
-				children: /* @__PURE__ */ m(y, { data: t.revenueByMonth })
+			/* @__PURE__ */ w(u, {
+				title: n("psw.analytics.revenueByMonth", "Revenue by month"),
+				description: n("psw.analytics.revenueByMonthDescription", "Invoiced totals across recent months."),
+				children: /* @__PURE__ */ w(A, { data: r.revenueByMonth })
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
 				children: [
-					/* @__PURE__ */ m(o, {
-						title: "Engagements",
-						description: "By status",
-						children: /* @__PURE__ */ m(b, { items: t.engagementsByStatus })
+					/* @__PURE__ */ w(u, {
+						title: n("psw.analytics.engagements", "Engagements"),
+						description: n("psw.analytics.byStatus", "By status"),
+						children: /* @__PURE__ */ w(j, { items: r.engagementsByStatus })
 					}),
-					/* @__PURE__ */ m(o, {
-						title: "Matters",
-						description: "By status",
-						children: /* @__PURE__ */ m(b, { items: t.mattersByStatus })
+					/* @__PURE__ */ w(u, {
+						title: n("psw.analytics.matters", "Matters"),
+						description: n("psw.analytics.byStatus", "By status"),
+						children: /* @__PURE__ */ w(j, { items: r.mattersByStatus })
 					}),
-					/* @__PURE__ */ m(o, {
-						title: "Invoices",
-						description: "By status",
-						children: /* @__PURE__ */ m(b, { items: t.invoicesByStatus })
+					/* @__PURE__ */ w(u, {
+						title: n("psw.analytics.invoices", "Invoices"),
+						description: n("psw.analytics.byStatus", "By status"),
+						children: /* @__PURE__ */ w(j, { items: r.invoicesByStatus })
 					})
 				]
 			}),
-			/* @__PURE__ */ m(o, {
-				title: "Time & billing",
-				description: "Billable capacity across the practice.",
-				children: /* @__PURE__ */ h("div", {
+			/* @__PURE__ */ w(u, {
+				title: n("psw.analytics.timeBilling", "Time & billing"),
+				description: n("psw.analytics.timeBillingDescription", "Billable capacity across the practice."),
+				children: /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ m(x, {
-						label: "Billed hours",
-						value: t.billedHours,
-						total: S,
+					children: [/* @__PURE__ */ w(M, {
+						label: n("psw.analytics.billedHours", "Billed hours"),
+						value: r.billedHours,
+						total: P,
 						tone: "accent"
-					}), /* @__PURE__ */ m(x, {
-						label: "Unbilled hours",
-						value: t.unbilledHours,
-						total: S,
+					}), /* @__PURE__ */ w(M, {
+						label: n("psw.analytics.unbilledHours", "Unbilled hours"),
+						value: r.unbilledHours,
+						total: P,
 						tone: "warning"
 					})]
 				})
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
+				children: [/* @__PURE__ */ w(c, {
+					label: n("psw.analytics.realization", "Realization"),
+					value: `${Math.round(r.realizationPct)}%`,
+					hint: n("psw.analytics.realizationHint", "{{billed}} of {{worked}} worked", {
+						billed: _(r.billedValue),
+						worked: _(r.workedValue)
+					}),
+					icon: /* @__PURE__ */ w(x, { className: "h-4 w-4" }),
+					tone: "accent"
+				}), /* @__PURE__ */ w(c, {
+					label: n("psw.analytics.writeOffs", "Write-offs"),
+					value: _(r.writeOffTotal),
+					hint: n("psw.analytics.writeOffsHint", "Total written off"),
+					icon: /* @__PURE__ */ w(v, { className: "h-4 w-4" }),
+					tone: "warning"
+				})]
+			}),
+			/* @__PURE__ */ w(u, {
+				title: n("psw.analytics.agedReceivables", "Aged receivables"),
+				description: n("psw.analytics.agedReceivablesDescription", "Outstanding invoice value by age — the margin-leak early warning."),
+				children: /* @__PURE__ */ T("div", {
+					className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ w(D, {
+							label: n("psw.analytics.agingCurrent", "Current"),
+							bucket: r.agedReceivables.current,
+							tone: "success"
+						}),
+						/* @__PURE__ */ w(D, {
+							label: n("psw.analytics.aging30", "30 days"),
+							bucket: r.agedReceivables.thirty,
+							tone: "info"
+						}),
+						/* @__PURE__ */ w(D, {
+							label: n("psw.analytics.aging60", "60 days"),
+							bucket: r.agedReceivables.sixty,
+							tone: "warning"
+						}),
+						/* @__PURE__ */ w(D, {
+							label: n("psw.analytics.aging90", "90+ days"),
+							bucket: r.agedReceivables.ninetyPlus,
+							tone: "danger"
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ w(u, {
+				title: n("psw.analytics.writeOffs", "Write-offs"),
+				description: n("psw.analytics.writeOffsDescription", "Append-only audit of written-off amounts."),
+				children: N.isLoading ? /* @__PURE__ */ w(s, { label: n("psw.analytics.writeOffsLoading", "Loading write-offs…") }) : N.data?.length ? /* @__PURE__ */ T(f, { children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", { children: [
+					/* @__PURE__ */ w(m, { children: n("psw.common.date", "Date") }),
+					/* @__PURE__ */ w(m, { children: n("psw.analytics.reason", "Reason") }),
+					/* @__PURE__ */ w(m, {
+						className: "text-end",
+						children: n("psw.common.amount", "Amount")
+					})
+				] }) }), /* @__PURE__ */ w("tbody", { children: N.data.map((e) => /* @__PURE__ */ T("tr", { children: [
+					/* @__PURE__ */ w(p, { children: h(e.createdAt) }),
+					/* @__PURE__ */ w(p, { children: e.reason }),
+					/* @__PURE__ */ w(p, {
+						className: "text-end",
+						children: _(e.amount)
+					})
+				] }, e.id)) })] }) : /* @__PURE__ */ w(a, {
+					title: n("psw.analytics.writeOffsEmptyTitle", "No write-offs"),
+					description: n("psw.analytics.writeOffsEmptyDescription", "Nothing has been written off yet.")
+				})
 			})
 		]
 	});
-}, _ = ({ pct: e, tone: t, primary: n, primaryLabel: r, secondary: i, secondaryLabel: a }) => /* @__PURE__ */ h("div", {
+}, D = ({ label: e, bucket: t, tone: n }) => {
+	let a = i();
+	return /* @__PURE__ */ w(c, {
+		label: e,
+		value: _(t.amount),
+		hint: r(a, "psw.invoices.count", t.count, "{{count}} invoice", "{{count}} invoices"),
+		tone: n
+	});
+}, O = ({ pct: e, tone: t, primary: n, primaryLabel: r, secondary: i, secondaryLabel: a }) => /* @__PURE__ */ T("div", {
 	className: "flex items-center gap-5",
-	children: [/* @__PURE__ */ m(v, {
+	children: [/* @__PURE__ */ w(k, {
 		pct: e,
 		tone: t
-	}), /* @__PURE__ */ h("div", {
+	}), /* @__PURE__ */ T("div", {
 		className: "flex flex-1 flex-col gap-2.5",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex items-baseline justify-between gap-3",
-				children: [/* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ w("span", {
 					className: "text-xs font-medium uppercase tracking-wider text-text-tertiary",
 					children: r
-				}), /* @__PURE__ */ m("span", {
+				}), /* @__PURE__ */ w("span", {
 					className: "text-sm font-semibold tabular-nums text-text-primary",
 					children: n
 				})]
 			}),
-			/* @__PURE__ */ m("div", { className: "h-px bg-border-seam" }),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ w("div", { className: "h-px bg-border-seam" }),
+			/* @__PURE__ */ T("div", {
 				className: "flex items-baseline justify-between gap-3",
-				children: [/* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ w("span", {
 					className: "text-xs font-medium uppercase tracking-wider text-text-tertiary",
 					children: a
-				}), /* @__PURE__ */ m("span", {
+				}), /* @__PURE__ */ w("span", {
 					className: "text-sm font-semibold tabular-nums text-text-secondary",
 					children: i
 				})]
 			})
 		]
 	})]
-}), v = ({ pct: e, tone: n }) => {
+}), k = ({ pct: e, tone: t }) => {
 	let r = Math.max(0, Math.min(100, e)), i = 2 * Math.PI * 34, a = r / 100 * i;
-	return /* @__PURE__ */ h("div", {
-		className: t("relative h-24 w-24 shrink-0", n === "accent" ? "text-accent" : "text-text-link"),
-		children: [/* @__PURE__ */ h("svg", {
+	return /* @__PURE__ */ T("div", {
+		className: n("relative h-24 w-24 shrink-0", t === "accent" ? "text-accent" : "text-text-link"),
+		children: [/* @__PURE__ */ T("svg", {
 			viewBox: "0 0 80 80",
 			className: "h-full w-full -rotate-90",
-			children: [/* @__PURE__ */ m("circle", {
+			children: [/* @__PURE__ */ w("circle", {
 				cx: "40",
 				cy: "40",
 				r: 34,
@@ -171,7 +253,7 @@ var g = () => {
 				strokeWidth: "8",
 				className: "text-bg-sunken",
 				stroke: "currentColor"
-			}), /* @__PURE__ */ m("circle", {
+			}), /* @__PURE__ */ w("circle", {
 				cx: "40",
 				cy: "40",
 				r: 34,
@@ -182,115 +264,117 @@ var g = () => {
 				strokeDasharray: `${a} ${i}`,
 				className: "transition-[stroke-dasharray] duration-700"
 			})]
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ w("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ h("span", {
+			children: /* @__PURE__ */ T("span", {
 				className: "text-lg font-bold tabular-nums text-text-primary",
 				children: [r, "%"]
 			})
 		})]
 	});
-}, y = ({ data: e }) => {
-	if (!e.length) return /* @__PURE__ */ m("p", {
+}, A = ({ data: e }) => {
+	let t = i();
+	if (!e.length) return /* @__PURE__ */ w("p", {
 		className: "text-sm text-text-tertiary",
-		children: "No invoiced revenue yet."
+		children: t("psw.dashboard.noRevenue", "No invoiced revenue yet.")
 	});
-	let t = Math.max(...e.map((e) => e.amount), 1);
-	return /* @__PURE__ */ m("div", {
+	let n = Math.max(...e.map((e) => e.amount), 1);
+	return /* @__PURE__ */ w("div", {
 		className: "overflow-x-auto",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "min-w-[520px]",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ w("div", {
 				className: "flex h-60 items-end gap-2 border-b border-border-seam",
-				children: e.map((e) => /* @__PURE__ */ h("div", {
+				children: e.map((e) => /* @__PURE__ */ T("div", {
 					className: "group flex h-full flex-1 flex-col items-center justify-end gap-1.5",
-					children: [/* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ w("span", {
 						className: "whitespace-nowrap text-[10px] font-semibold tabular-nums text-text-secondary",
-						children: l(e.amount)
-					}), /* @__PURE__ */ m("div", {
+						children: _(e.amount)
+					}), /* @__PURE__ */ w("div", {
 						className: "w-full max-w-[3rem] rounded-t-lg bg-gradient-to-t from-accent/50 to-accent shadow-sm transition-all duration-200 group-hover:-translate-y-1 group-hover:shadow-md",
-						style: { height: `${Math.max(e.amount / t * 90, 2)}%` },
-						title: l(e.amount)
+						style: { height: `${Math.max(e.amount / n * 90, 2)}%` },
+						title: _(e.amount)
 					})]
 				}, e.month))
-			}), /* @__PURE__ */ m("div", {
+			}), /* @__PURE__ */ w("div", {
 				className: "mt-2 flex gap-2",
-				children: e.map((e) => /* @__PURE__ */ m("span", {
+				children: e.map((e) => /* @__PURE__ */ w("span", {
 					className: "flex-1 text-center text-xs text-text-tertiary",
-					children: T(e.month)
+					children: I(e.month)
 				}, e.month))
 			})]
 		})
 	});
-}, b = ({ items: e }) => {
-	if (!e.length) return /* @__PURE__ */ m("p", {
+}, j = ({ items: e }) => {
+	let t = i();
+	if (!e.length) return /* @__PURE__ */ w("p", {
 		className: "text-sm text-text-tertiary",
-		children: "No records yet."
+		children: t("psw.dashboard.noRecords", "No records yet.")
 	});
-	let n = Math.max(...e.map((e) => e.count), 1), r = e.reduce((e, t) => e + t.count, 0) || 1;
-	return /* @__PURE__ */ m("ul", {
+	let r = Math.max(...e.map((e) => e.count), 1), a = e.reduce((e, t) => e + t.count, 0) || 1;
+	return /* @__PURE__ */ w("ul", {
 		className: "space-y-3.5",
-		children: e.map((e) => /* @__PURE__ */ h("li", {
+		children: e.map((e) => /* @__PURE__ */ T("li", {
 			className: "grid grid-cols-[7.5rem_minmax(0,1fr)_auto] items-center gap-3",
 			children: [
-				/* @__PURE__ */ m(s, {
+				/* @__PURE__ */ w(d, {
 					status: e.status,
 					className: "justify-self-start"
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ w("div", {
 					className: "h-2.5 overflow-hidden rounded-full bg-bg-sunken",
-					children: /* @__PURE__ */ m("div", {
-						className: t("h-full rounded-full bg-gradient-to-r transition-all duration-500", w(e.status)),
-						style: { width: `${Math.max(e.count / n * 100, 4)}%` }
+					children: /* @__PURE__ */ w("div", {
+						className: n("h-full rounded-full bg-gradient-to-r transition-all duration-500", F(e.status)),
+						style: { width: `${Math.max(e.count / r * 100, 4)}%` }
 					})
 				}),
-				/* @__PURE__ */ h("span", {
+				/* @__PURE__ */ T("span", {
 					className: "flex items-baseline justify-end gap-1.5 tabular-nums",
-					children: [/* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ w("span", {
 						className: "text-sm font-semibold text-text-primary",
 						children: e.count
-					}), /* @__PURE__ */ h("span", {
+					}), /* @__PURE__ */ T("span", {
 						className: "text-xs text-text-tertiary",
-						children: [Math.round(e.count / r * 100), "%"]
+						children: [Math.round(e.count / a * 100), "%"]
 					})]
 				})
 			]
 		}, e.status))
 	});
-}, x = ({ label: e, value: n, total: r, tone: i }) => {
-	let a = r > 0 ? Math.round(n / r * 100) : 0, o = i === "accent" ? "from-accent/60 to-accent" : "from-status-warning-text/60 to-status-warning-text";
-	return /* @__PURE__ */ h("div", {
+}, M = ({ label: e, value: t, total: r, tone: i }) => {
+	let a = r > 0 ? Math.round(t / r * 100) : 0, o = i === "accent" ? "from-accent/60 to-accent" : "from-status-warning-text/60 to-status-warning-text";
+	return /* @__PURE__ */ T("div", {
 		className: "rounded-xl border border-border-seam bg-bg-canvas p-4",
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ T("div", {
 			className: "mb-2.5 flex items-center justify-between gap-3",
-			children: [/* @__PURE__ */ m("span", {
+			children: [/* @__PURE__ */ w("span", {
 				className: "text-sm font-medium text-text-secondary",
 				children: e
-			}), /* @__PURE__ */ h("span", {
+			}), /* @__PURE__ */ T("span", {
 				className: "text-sm font-semibold tabular-nums text-text-primary",
 				children: [
-					c(n),
+					g(t),
 					" · ",
 					a,
 					"%"
 				]
 			})]
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ w("div", {
 			className: "h-3 overflow-hidden rounded-full bg-bg-sunken",
-			children: /* @__PURE__ */ m("div", {
-				className: t("h-full rounded-full bg-gradient-to-r transition-all duration-700", o),
+			children: /* @__PURE__ */ w("div", {
+				className: n("h-full rounded-full bg-gradient-to-r transition-all duration-700", o),
 				style: { width: `${a}%` }
 			})
 		})]
 	});
-}, S = {
+}, N = {
 	success: "from-status-success-text/55 to-status-success-text",
 	warning: "from-status-warning-text/55 to-status-warning-text",
 	danger: "from-status-error-text/55 to-status-error-text",
 	info: "from-text-link/55 to-text-link",
 	accent: "from-accent/55 to-accent",
 	neutral: "from-text-tertiary/30 to-text-tertiary/70"
-}, C = {
+}, P = {
 	ACTIVE: "success",
 	DELIVERED: "success",
 	INVOICED: "success",
@@ -330,16 +414,16 @@ var g = () => {
 	DRAFT: "neutral",
 	WAIVED: "neutral"
 };
-function w(e) {
-	return S[C[e] ?? "accent"];
+function F(e) {
+	return N[P[e] ?? "accent"];
 }
-function T(e) {
+function I(e) {
 	let [t, n] = e.split("-").map(Number);
 	if (!t || !n) return e;
 	let r = new Date(t, n - 1, 1);
 	return Number.isNaN(r.getTime()) ? e : r.toLocaleDateString(void 0, { month: "short" });
 }
 //#endregion
-export { g as AnalyticsPage };
+export { E as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map