@burdenoff/microfe-proserviceworld 2026.706.2 → 2026.706.3

package/dist/proserviceworld/pages/AnalyticsPage.js

@@ -1,179 +1,345 @@
 import { useDashboardStats as e } from "../hooks/useProServiceWorldApi.js";
-import { ErrorState as t, LoadingBlock as n, MetricCard as r, PageHeader as i, SectionCard as a, StatusPill as o, fmtHours as s, fmtMoney as c } from "../components/ui.js";
-import { BarChart3 as l, Clock as u, TrendingUp as d, Wallet as f } from "lucide-react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+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";
 //#region src/proserviceworld/pages/AnalyticsPage.tsx
-var h = () => {
-	let { data: o, isLoading: h, error: y, refetch: b } = e();
-	if (h) return /* @__PURE__ */ p(n, { label: "Crunching numbers…" });
-	if (y) return /* @__PURE__ */ p(t, {
-		error: y,
-		onRetry: () => void b()
+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()
 	});
-	if (!o) return null;
-	let x = o.unbilledHours + o.billedHours, S = x > 0 ? Math.round(o.billedHours / x * 100) : 0, C = o.paidInvoiceTotal + o.outstandingInvoiceTotal > 0 ? Math.round(o.paidInvoiceTotal / (o.paidInvoiceTotal + o.outstandingInvoiceTotal) * 100) : 0;
-	return /* @__PURE__ */ m("div", {
+	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", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ p(i, {
+			/* @__PURE__ */ m(a, {
 				title: "Analytics",
 				subtitle: "Real, live metrics across the practice — no estimates, straight from your records.",
-				icon: /* @__PURE__ */ p(l, { className: "h-6 w-6" })
+				icon: /* @__PURE__ */ m(u, { className: "h-6 w-6" })
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ m(i, {
 						label: "Collected revenue",
-						value: c(o.paidInvoiceTotal),
-						icon: /* @__PURE__ */ p(f, { className: "h-4 w-4" }),
+						value: l(t.paidInvoiceTotal),
+						hint: `${l(w)} invoiced`,
+						icon: /* @__PURE__ */ m(p, { className: "h-4 w-4" }),
 						tone: "success"
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ m(i, {
 						label: "Collection rate",
-						value: `${C}%`,
-						hint: `${c(o.outstandingInvoiceTotal)} outstanding`,
-						icon: /* @__PURE__ */ p(d, { className: "h-4 w-4" }),
+						value: `${T}%`,
+						hint: `${l(t.outstandingInvoiceTotal)} outstanding`,
+						icon: /* @__PURE__ */ m(f, { className: "h-4 w-4" }),
 						tone: "accent"
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ m(i, {
 						label: "Utilization",
-						value: `${S}%`,
-						hint: `${s(o.billedHours)} of ${s(x)}`,
-						icon: /* @__PURE__ */ p(u, { className: "h-4 w-4" }),
+						value: `${C}%`,
+						hint: `${c(t.billedHours)} of ${c(S)}`,
+						icon: /* @__PURE__ */ m(d, { className: "h-4 w-4" }),
 						tone: "info"
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ m(i, {
 						label: "Active engagements",
-						value: o.activeEngagements,
-						icon: /* @__PURE__ */ p(l, { className: "h-4 w-4" })
+						value: t.activeEngagements,
+						hint: `${t.openMatters} open matters`,
+						icon: /* @__PURE__ */ m(u, { className: "h-4 w-4" }),
+						tone: "warning"
 					})
 				]
 			}),
-			/* @__PURE__ */ p(a, {
+			/* @__PURE__ */ h("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,
+						tone: "accent",
+						primary: l(t.paidInvoiceTotal),
+						primaryLabel: "Collected",
+						secondary: l(t.outstandingInvoiceTotal),
+						secondaryLabel: "Outstanding"
+					})
+				}), /* @__PURE__ */ m(o, {
+					title: "Utilization",
+					description: "Billed vs. total logged hours.",
+					children: /* @__PURE__ */ m(_, {
+						pct: C,
+						tone: "info",
+						primary: c(t.billedHours),
+						primaryLabel: "Billed",
+						secondary: c(t.unbilledHours),
+						secondaryLabel: "Unbilled"
+					})
+				})]
+			}),
+			/* @__PURE__ */ m(o, {
 				title: "Revenue by month",
 				description: "Invoiced totals across recent months.",
-				children: /* @__PURE__ */ p(g, { data: o.revenueByMonth })
+				children: /* @__PURE__ */ m(y, { data: t.revenueByMonth })
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
 				children: [
-					/* @__PURE__ */ p(a, {
+					/* @__PURE__ */ m(o, {
 						title: "Engagements",
-						children: /* @__PURE__ */ p(_, { items: o.engagementsByStatus })
+						description: "By status",
+						children: /* @__PURE__ */ m(b, { items: t.engagementsByStatus })
 					}),
-					/* @__PURE__ */ p(a, {
+					/* @__PURE__ */ m(o, {
 						title: "Matters",
-						children: /* @__PURE__ */ p(_, { items: o.mattersByStatus })
+						description: "By status",
+						children: /* @__PURE__ */ m(b, { items: t.mattersByStatus })
 					}),
-					/* @__PURE__ */ p(a, {
+					/* @__PURE__ */ m(o, {
 						title: "Invoices",
-						children: /* @__PURE__ */ p(_, { items: o.invoicesByStatus })
+						description: "By status",
+						children: /* @__PURE__ */ m(b, { items: t.invoicesByStatus })
 					})
 				]
 			}),
-			/* @__PURE__ */ p(a, {
+			/* @__PURE__ */ m(o, {
 				title: "Time & billing",
-				children: /* @__PURE__ */ m("div", {
+				description: "Billable capacity across the practice.",
+				children: /* @__PURE__ */ h("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ p(v, {
+					children: [/* @__PURE__ */ m(x, {
 						label: "Billed hours",
-						value: o.billedHours,
-						total: x,
+						value: t.billedHours,
+						total: S,
 						tone: "accent"
-					}), /* @__PURE__ */ p(v, {
+					}), /* @__PURE__ */ m(x, {
 						label: "Unbilled hours",
-						value: o.unbilledHours,
-						total: x,
+						value: t.unbilledHours,
+						total: S,
 						tone: "warning"
 					})]
 				})
 			})
 		]
 	});
-}, g = ({ data: e }) => {
-	if (!e.length) return /* @__PURE__ */ p("p", {
+}, _ = ({ pct: e, tone: t, primary: n, primaryLabel: r, secondary: i, secondaryLabel: a }) => /* @__PURE__ */ h("div", {
+	className: "flex items-center gap-5",
+	children: [/* @__PURE__ */ m(v, {
+		pct: e,
+		tone: t
+	}), /* @__PURE__ */ h("div", {
+		className: "flex flex-1 flex-col gap-2.5",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex items-baseline justify-between gap-3",
+				children: [/* @__PURE__ */ m("span", {
+					className: "text-xs font-medium uppercase tracking-wider text-text-tertiary",
+					children: r
+				}), /* @__PURE__ */ m("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", {
+				className: "flex items-baseline justify-between gap-3",
+				children: [/* @__PURE__ */ m("span", {
+					className: "text-xs font-medium uppercase tracking-wider text-text-tertiary",
+					children: a
+				}), /* @__PURE__ */ m("span", {
+					className: "text-sm font-semibold tabular-nums text-text-secondary",
+					children: i
+				})]
+			})
+		]
+	})]
+}), v = ({ pct: e, tone: n }) => {
+	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", {
+			viewBox: "0 0 80 80",
+			className: "h-full w-full -rotate-90",
+			children: [/* @__PURE__ */ m("circle", {
+				cx: "40",
+				cy: "40",
+				r: 34,
+				fill: "none",
+				strokeWidth: "8",
+				className: "text-bg-sunken",
+				stroke: "currentColor"
+			}), /* @__PURE__ */ m("circle", {
+				cx: "40",
+				cy: "40",
+				r: 34,
+				fill: "none",
+				strokeWidth: "8",
+				strokeLinecap: "round",
+				stroke: "currentColor",
+				strokeDasharray: `${a} ${i}`,
+				className: "transition-[stroke-dasharray] duration-700"
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: "absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ h("span", {
+				className: "text-lg font-bold tabular-nums text-text-primary",
+				children: [r, "%"]
+			})
+		})]
+	});
+}, y = ({ data: e }) => {
+	if (!e.length) return /* @__PURE__ */ m("p", {
 		className: "text-sm text-text-tertiary",
 		children: "No invoiced revenue yet."
 	});
 	let t = Math.max(...e.map((e) => e.amount), 1);
-	return /* @__PURE__ */ p("div", {
-		className: "flex h-52 items-end gap-2",
-		children: e.map((e) => /* @__PURE__ */ m("div", {
-			className: "flex flex-1 flex-col items-center gap-2",
-			children: [
-				/* @__PURE__ */ p("span", {
-					className: "text-[10px] text-text-tertiary",
-					children: c(e.amount)
-				}),
-				/* @__PURE__ */ p("div", {
-					className: "flex w-full flex-1 items-end",
-					children: /* @__PURE__ */ p("div", {
-						className: "w-full rounded-t bg-accent",
-						style: { height: `${Math.max(e.amount / t * 100, 2)}%` }
-					})
-				}),
-				/* @__PURE__ */ p("span", {
-					className: "text-[10px] text-text-tertiary",
-					children: e.month
-				})
-			]
-		}, e.month))
+	return /* @__PURE__ */ m("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ h("div", {
+			className: "min-w-[520px]",
+			children: [/* @__PURE__ */ m("div", {
+				className: "flex h-60 items-end gap-2 border-b border-border-seam",
+				children: e.map((e) => /* @__PURE__ */ h("div", {
+					className: "group flex h-full flex-1 flex-col items-center justify-end gap-1.5",
+					children: [/* @__PURE__ */ m("span", {
+						className: "whitespace-nowrap text-[10px] font-semibold tabular-nums text-text-secondary",
+						children: l(e.amount)
+					}), /* @__PURE__ */ m("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)
+					})]
+				}, e.month))
+			}), /* @__PURE__ */ m("div", {
+				className: "mt-2 flex gap-2",
+				children: e.map((e) => /* @__PURE__ */ m("span", {
+					className: "flex-1 text-center text-xs text-text-tertiary",
+					children: T(e.month)
+				}, e.month))
+			})]
+		})
 	});
-}, _ = ({ items: e }) => {
-	if (!e.length) return /* @__PURE__ */ p("p", {
+}, b = ({ items: e }) => {
+	if (!e.length) return /* @__PURE__ */ m("p", {
 		className: "text-sm text-text-tertiary",
 		children: "No records yet."
 	});
-	let t = e.reduce((e, t) => e + t.count, 0) || 1;
-	return /* @__PURE__ */ p("ul", {
-		className: "space-y-2.5",
-		children: e.map((e) => /* @__PURE__ */ m("li", {
-			className: "flex items-center gap-3",
+	let n = Math.max(...e.map((e) => e.count), 1), r = e.reduce((e, t) => e + t.count, 0) || 1;
+	return /* @__PURE__ */ m("ul", {
+		className: "space-y-3.5",
+		children: e.map((e) => /* @__PURE__ */ h("li", {
+			className: "grid grid-cols-[7.5rem_minmax(0,1fr)_auto] items-center gap-3",
 			children: [
-				/* @__PURE__ */ p("div", {
-					className: "w-28 shrink-0",
-					children: /* @__PURE__ */ p(o, { status: e.status })
+				/* @__PURE__ */ m(s, {
+					status: e.status,
+					className: "justify-self-start"
 				}),
-				/* @__PURE__ */ p("div", {
-					className: "h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken",
-					children: /* @__PURE__ */ p("div", {
-						className: "h-full rounded-full bg-accent",
-						style: { width: `${e.count / t * 100}%` }
+				/* @__PURE__ */ m("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)}%` }
 					})
 				}),
-				/* @__PURE__ */ p("span", {
-					className: "w-8 text-right text-sm font-medium text-text-primary",
-					children: e.count
+				/* @__PURE__ */ h("span", {
+					className: "flex items-baseline justify-end gap-1.5 tabular-nums",
+					children: [/* @__PURE__ */ m("span", {
+						className: "text-sm font-semibold text-text-primary",
+						children: e.count
+					}), /* @__PURE__ */ h("span", {
+						className: "text-xs text-text-tertiary",
+						children: [Math.round(e.count / r * 100), "%"]
+					})]
 				})
 			]
 		}, e.status))
 	});
-}, v = ({ label: e, value: t, total: n, tone: r }) => {
-	let i = n > 0 ? Math.round(t / n * 100) : 0;
-	return /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
-		className: "mb-1 flex items-center justify-between text-sm",
-		children: [/* @__PURE__ */ p("span", {
-			className: "text-text-secondary",
-			children: e
-		}), /* @__PURE__ */ m("span", {
-			className: "font-medium text-text-primary",
-			children: [
-				s(t),
-				" · ",
-				i,
-				"%"
-			]
+}, 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", {
+		className: "rounded-xl border border-border-seam bg-bg-canvas p-4",
+		children: [/* @__PURE__ */ h("div", {
+			className: "mb-2.5 flex items-center justify-between gap-3",
+			children: [/* @__PURE__ */ m("span", {
+				className: "text-sm font-medium text-text-secondary",
+				children: e
+			}), /* @__PURE__ */ h("span", {
+				className: "text-sm font-semibold tabular-nums text-text-primary",
+				children: [
+					c(n),
+					" · ",
+					a,
+					"%"
+				]
+			})]
+		}), /* @__PURE__ */ m("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),
+				style: { width: `${a}%` }
+			})
 		})]
-	}), /* @__PURE__ */ p("div", {
-		className: "h-2.5 overflow-hidden rounded-full bg-bg-sunken",
-		children: /* @__PURE__ */ p("div", {
-			className: r === "accent" ? "h-full rounded-full bg-accent" : "h-full rounded-full bg-status-warning-text",
-			style: { width: `${i}%` }
-		})
-	})] });
+	});
+}, S = {
+	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 = {
+	ACTIVE: "success",
+	DELIVERED: "success",
+	INVOICED: "success",
+	PAID: "success",
+	APPROVED: "success",
+	PASSED: "success",
+	CLEAR: "success",
+	COMPLETED: "success",
+	FINAL: "success",
+	PROSPECT: "info",
+	PROPOSAL: "info",
+	MEDIUM: "info",
+	INTERNAL_REVIEW: "info",
+	SUBMITTED: "info",
+	SENT: "info",
+	IN_REVIEW: "info",
+	REVIEW: "warning",
+	ON_HOLD: "warning",
+	HIGH: "warning",
+	CLIENT_REVIEW: "warning",
+	PENDING: "warning",
+	POTENTIAL_CONFLICT: "warning",
+	CANCELLED: "danger",
+	CRITICAL: "danger",
+	REJECTED: "danger",
+	OVERDUE: "danger",
+	FAILED: "danger",
+	CONFLICT: "danger",
+	ACCEPTED: "accent",
+	IN_PROGRESS: "accent",
+	OPEN: "accent",
+	BILLED: "accent",
+	INACTIVE: "neutral",
+	ARCHIVED: "neutral",
+	CLOSED: "neutral",
+	LOW: "neutral",
+	DRAFT: "neutral",
+	WAIVED: "neutral"
 };
+function w(e) {
+	return S[C[e] ?? "accent"];
+}
+function T(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 { h as AnalyticsPage };
+export { g as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map

package/dist/proserviceworld/pages/AnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AnalyticsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { BarChart3, TrendingUp, Clock, Wallet } from 'lucide-react';\nimport { useDashboardStats } from '../hooks/useProServiceWorldApi';\nimport {\n  PageHeader,\n  SectionCard,\n  MetricCard,\n  LoadingBlock,\n  ErrorState,\n  StatusPill,\n  fmtMoney,\n  fmtHours,\n} from '../components/ui';\n\nexport const AnalyticsPage: FC = () => {\n  const { data, isLoading, error, refetch } = useDashboardStats();\n  if (isLoading) return <LoadingBlock label=\"Crunching numbers…\" />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!data) return null;\n\n  const totalHours = data.unbilledHours + data.billedHours;\n  const utilization = totalHours > 0 ? Math.round((data.billedHours / totalHours) * 100) : 0;\n  const collectionRate =\n    data.paidInvoiceTotal + data.outstandingInvoiceTotal > 0\n      ? Math.round(\n          (data.paidInvoiceTotal / (data.paidInvoiceTotal + data.outstandingInvoiceTotal)) * 100\n        )\n      : 0;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Analytics\"\n        subtitle=\"Real, live metrics across the practice — no estimates, straight from your records.\"\n        icon={<BarChart3 className=\"h-6 w-6\" />}\n      />\n\n      <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n        <MetricCard\n          label=\"Collected revenue\"\n          value={fmtMoney(data.paidInvoiceTotal)}\n          icon={<Wallet className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n        <MetricCard\n          label=\"Collection rate\"\n          value={`${collectionRate}%`}\n          hint={`${fmtMoney(data.outstandingInvoiceTotal)} outstanding`}\n          icon={<TrendingUp className=\"h-4 w-4\" />}\n          tone=\"accent\"\n        />\n        <MetricCard\n          label=\"Utilization\"\n          value={`${utilization}%`}\n          hint={`${fmtHours(data.billedHours)} of ${fmtHours(totalHours)}`}\n          icon={<Clock className=\"h-4 w-4\" />}\n          tone=\"info\"\n        />\n        <MetricCard\n          label=\"Active engagements\"\n          value={data.activeEngagements}\n          icon={<BarChart3 className=\"h-4 w-4\" />}\n        />\n      </div>\n\n      <SectionCard title=\"Revenue by month\" description=\"Invoiced totals across recent months.\">\n        <RevenueChart data={data.revenueByMonth} />\n      </SectionCard>\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <SectionCard title=\"Engagements\">\n          <Distribution items={data.engagementsByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Matters\">\n          <Distribution items={data.mattersByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Invoices\">\n          <Distribution items={data.invoicesByStatus} />\n        </SectionCard>\n      </div>\n\n      <SectionCard title=\"Time & billing\">\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <HoursBar\n            label=\"Billed hours\"\n            value={data.billedHours}\n            total={totalHours}\n            tone=\"accent\"\n          />\n          <HoursBar\n            label=\"Unbilled hours\"\n            value={data.unbilledHours}\n            total={totalHours}\n            tone=\"warning\"\n          />\n        </div>\n      </SectionCard>\n    </div>\n  );\n};\n\nconst RevenueChart: FC<{ data: { month: string; amount: number }[] }> = ({ data }) => {\n  if (!data.length) return <p className=\"text-sm text-text-tertiary\">No invoiced revenue yet.</p>;\n  const max = Math.max(...data.map((d) => d.amount), 1);\n  return (\n    <div className=\"flex h-52 items-end gap-2\">\n      {data.map((d) => (\n        <div key={d.month} className=\"flex flex-1 flex-col items-center gap-2\">\n          <span className=\"text-[10px] text-text-tertiary\">{fmtMoney(d.amount)}</span>\n          <div className=\"flex w-full flex-1 items-end\">\n            <div\n              className=\"w-full rounded-t bg-accent\"\n              style={{ height: `${Math.max((d.amount / max) * 100, 2)}%` }}\n            />\n          </div>\n          <span className=\"text-[10px] text-text-tertiary\">{d.month}</span>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nconst Distribution: FC<{ items: { status: string; count: number }[] }> = ({ items }) => {\n  if (!items.length) return <p className=\"text-sm text-text-tertiary\">No records yet.</p>;\n  const total = items.reduce((s, i) => s + i.count, 0) || 1;\n  return (\n    <ul className=\"space-y-2.5\">\n      {items.map((i) => (\n        <li key={i.status} className=\"flex items-center gap-3\">\n          <div className=\"w-28 shrink-0\">\n            <StatusPill status={i.status} />\n          </div>\n          <div className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className=\"h-full rounded-full bg-accent\"\n              style={{ width: `${(i.count / total) * 100}%` }}\n            />\n          </div>\n          <span className=\"w-8 text-right text-sm font-medium text-text-primary\">{i.count}</span>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nconst HoursBar: FC<{ label: string; value: number; total: number; tone: 'accent' | 'warning' }> = ({\n  label,\n  value,\n  total,\n  tone,\n}) => {\n  const pct = total > 0 ? Math.round((value / total) * 100) : 0;\n  return (\n    <div>\n      <div className=\"mb-1 flex items-center justify-between text-sm\">\n        <span className=\"text-text-secondary\">{label}</span>\n        <span className=\"font-medium text-text-primary\">\n          {fmtHours(value)} · {pct}%\n        </span>\n      </div>\n      <div className=\"h-2.5 overflow-hidden rounded-full bg-bg-sunken\">\n        <div\n          className={\n            tone === 'accent'\n              ? 'h-full rounded-full bg-accent'\n              : 'h-full rounded-full bg-status-warning-text'\n          }\n          style={{ width: `${pct}%` }}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AnalyticsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { BarChart3, TrendingUp, Clock, Wallet } from 'lucide-react';\nimport { useDashboardStats } from '../hooks/useProServiceWorldApi';\nimport { cn } from '../utils/cn';\nimport {\n  PageHeader,\n  SectionCard,\n  MetricCard,\n  LoadingBlock,\n  ErrorState,\n  StatusPill,\n  fmtMoney,\n  fmtHours,\n} from '../components/ui';\n\nexport const AnalyticsPage: FC = () => {\n  const { data, isLoading, error, refetch } = useDashboardStats();\n  if (isLoading) return <LoadingBlock label=\"Crunching numbers…\" />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!data) return null;\n\n  const totalHours = data.unbilledHours + data.billedHours;\n  const utilization = totalHours > 0 ? Math.round((data.billedHours / totalHours) * 100) : 0;\n  const billableBase = data.paidInvoiceTotal + data.outstandingInvoiceTotal;\n  const collectionRate =\n    billableBase > 0 ? Math.round((data.paidInvoiceTotal / billableBase) * 100) : 0;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Analytics\"\n        subtitle=\"Real, live metrics across the practice — no estimates, straight from your records.\"\n        icon={<BarChart3 className=\"h-6 w-6\" />}\n      />\n\n      <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n        <MetricCard\n          label=\"Collected revenue\"\n          value={fmtMoney(data.paidInvoiceTotal)}\n          hint={`${fmtMoney(billableBase)} invoiced`}\n          icon={<Wallet className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n        <MetricCard\n          label=\"Collection rate\"\n          value={`${collectionRate}%`}\n          hint={`${fmtMoney(data.outstandingInvoiceTotal)} outstanding`}\n          icon={<TrendingUp className=\"h-4 w-4\" />}\n          tone=\"accent\"\n        />\n        <MetricCard\n          label=\"Utilization\"\n          value={`${utilization}%`}\n          hint={`${fmtHours(data.billedHours)} of ${fmtHours(totalHours)}`}\n          icon={<Clock className=\"h-4 w-4\" />}\n          tone=\"info\"\n        />\n        <MetricCard\n          label=\"Active engagements\"\n          value={data.activeEngagements}\n          hint={`${data.openMatters} open matters`}\n          icon={<BarChart3 className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n      </div>\n\n      {/* Practice-health meters — collection & utilization at a glance */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <SectionCard title=\"Collection rate\" description=\"Paid vs. total invoiced.\">\n          <GaugeRow\n            pct={collectionRate}\n            tone=\"accent\"\n            primary={fmtMoney(data.paidInvoiceTotal)}\n            primaryLabel=\"Collected\"\n            secondary={fmtMoney(data.outstandingInvoiceTotal)}\n            secondaryLabel=\"Outstanding\"\n          />\n        </SectionCard>\n        <SectionCard title=\"Utilization\" description=\"Billed vs. total logged hours.\">\n          <GaugeRow\n            pct={utilization}\n            tone=\"info\"\n            primary={fmtHours(data.billedHours)}\n            primaryLabel=\"Billed\"\n            secondary={fmtHours(data.unbilledHours)}\n            secondaryLabel=\"Unbilled\"\n          />\n        </SectionCard>\n      </div>\n\n      <SectionCard title=\"Revenue by month\" description=\"Invoiced totals across recent months.\">\n        <RevenueChart data={data.revenueByMonth} />\n      </SectionCard>\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <SectionCard title=\"Engagements\" description=\"By status\">\n          <Distribution items={data.engagementsByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Matters\" description=\"By status\">\n          <Distribution items={data.mattersByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Invoices\" description=\"By status\">\n          <Distribution items={data.invoicesByStatus} />\n        </SectionCard>\n      </div>\n\n      <SectionCard title=\"Time & billing\" description=\"Billable capacity across the practice.\">\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <HoursBar\n            label=\"Billed hours\"\n            value={data.billedHours}\n            total={totalHours}\n            tone=\"accent\"\n          />\n          <HoursBar\n            label=\"Unbilled hours\"\n            value={data.unbilledHours}\n            total={totalHours}\n            tone=\"warning\"\n          />\n        </div>\n      </SectionCard>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Radial gauge with a supporting two-number legend\n// ---------------------------------------------------------------------------\nconst GaugeRow: FC<{\n  pct: number;\n  tone: 'accent' | 'info';\n  primary: string;\n  primaryLabel: string;\n  secondary: string;\n  secondaryLabel: string;\n}> = ({ pct, tone, primary, primaryLabel, secondary, secondaryLabel }) => (\n  <div className=\"flex items-center gap-5\">\n    <Gauge pct={pct} tone={tone} />\n    <div className=\"flex flex-1 flex-col gap-2.5\">\n      <div className=\"flex items-baseline justify-between gap-3\">\n        <span className=\"text-xs font-medium uppercase tracking-wider text-text-tertiary\">\n          {primaryLabel}\n        </span>\n        <span className=\"text-sm font-semibold tabular-nums text-text-primary\">{primary}</span>\n      </div>\n      <div className=\"h-px bg-border-seam\" />\n      <div className=\"flex items-baseline justify-between gap-3\">\n        <span className=\"text-xs font-medium uppercase tracking-wider text-text-tertiary\">\n          {secondaryLabel}\n        </span>\n        <span className=\"text-sm font-semibold tabular-nums text-text-secondary\">{secondary}</span>\n      </div>\n    </div>\n  </div>\n);\n\nconst Gauge: FC<{ pct: number; tone: 'accent' | 'info' }> = ({ pct, tone }) => {\n  const clamped = Math.max(0, Math.min(100, pct));\n  const r = 34;\n  const c = 2 * Math.PI * r;\n  const dash = (clamped / 100) * c;\n  return (\n    <div\n      className={cn(\n        'relative h-24 w-24 shrink-0',\n        tone === 'accent' ? 'text-accent' : 'text-text-link'\n      )}\n    >\n      <svg viewBox=\"0 0 80 80\" className=\"h-full w-full -rotate-90\">\n        <circle\n          cx=\"40\"\n          cy=\"40\"\n          r={r}\n          fill=\"none\"\n          strokeWidth=\"8\"\n          className=\"text-bg-sunken\"\n          stroke=\"currentColor\"\n        />\n        <circle\n          cx=\"40\"\n          cy=\"40\"\n          r={r}\n          fill=\"none\"\n          strokeWidth=\"8\"\n          strokeLinecap=\"round\"\n          stroke=\"currentColor\"\n          strokeDasharray={`${dash} ${c}`}\n          className=\"transition-[stroke-dasharray] duration-700\"\n        />\n      </svg>\n      <div className=\"absolute inset-0 flex items-center justify-center\">\n        <span className=\"text-lg font-bold tabular-nums text-text-primary\">{clamped}%</span>\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Revenue chart — gradient columns with value labels + month axis\n// ---------------------------------------------------------------------------\nconst RevenueChart: FC<{ data: { month: string; amount: number }[] }> = ({ data }) => {\n  if (!data.length) return <p className=\"text-sm text-text-tertiary\">No invoiced revenue yet.</p>;\n  const peak = Math.max(...data.map((d) => d.amount), 1);\n  return (\n    <div className=\"overflow-x-auto\">\n      <div className=\"min-w-[520px]\">\n        <div className=\"flex h-60 items-end gap-2 border-b border-border-seam\">\n          {data.map((d) => (\n            <div\n              key={d.month}\n              className=\"group flex h-full flex-1 flex-col items-center justify-end gap-1.5\"\n            >\n              <span className=\"whitespace-nowrap text-[10px] font-semibold tabular-nums text-text-secondary\">\n                {fmtMoney(d.amount)}\n              </span>\n              <div\n                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\"\n                style={{ height: `${Math.max((d.amount / peak) * 90, 2)}%` }}\n                title={fmtMoney(d.amount)}\n              />\n            </div>\n          ))}\n        </div>\n        <div className=\"mt-2 flex gap-2\">\n          {data.map((d) => (\n            <span key={d.month} className=\"flex-1 text-center text-xs text-text-tertiary\">\n              {monthShort(d.month)}\n            </span>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Distribution — tone-colored gradient bars with count + share\n// ---------------------------------------------------------------------------\nconst Distribution: FC<{ items: { status: string; count: number }[] }> = ({ items }) => {\n  if (!items.length) return <p className=\"text-sm text-text-tertiary\">No records yet.</p>;\n  const max = Math.max(...items.map((i) => i.count), 1);\n  const total = items.reduce((s, i) => s + i.count, 0) || 1;\n  return (\n    <ul className=\"space-y-3.5\">\n      {items.map((i) => (\n        <li\n          key={i.status}\n          className=\"grid grid-cols-[7.5rem_minmax(0,1fr)_auto] items-center gap-3\"\n        >\n          <StatusPill status={i.status} className=\"justify-self-start\" />\n          <div className=\"h-2.5 overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className={cn(\n                'h-full rounded-full bg-gradient-to-r transition-all duration-500',\n                barGradientFor(i.status)\n              )}\n              style={{ width: `${Math.max((i.count / max) * 100, 4)}%` }}\n            />\n          </div>\n          <span className=\"flex items-baseline justify-end gap-1.5 tabular-nums\">\n            <span className=\"text-sm font-semibold text-text-primary\">{i.count}</span>\n            <span className=\"text-xs text-text-tertiary\">\n              {Math.round((i.count / total) * 100)}%\n            </span>\n          </span>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Hours bar — big gradient progress meter (billed vs unbilled)\n// ---------------------------------------------------------------------------\nconst HoursBar: FC<{ label: string; value: number; total: number; tone: 'accent' | 'warning' }> = ({\n  label,\n  value,\n  total,\n  tone,\n}) => {\n  const pct = total > 0 ? Math.round((value / total) * 100) : 0;\n  const grad =\n    tone === 'accent'\n      ? 'from-accent/60 to-accent'\n      : 'from-status-warning-text/60 to-status-warning-text';\n  return (\n    <div className=\"rounded-xl border border-border-seam bg-bg-canvas p-4\">\n      <div className=\"mb-2.5 flex items-center justify-between gap-3\">\n        <span className=\"text-sm font-medium text-text-secondary\">{label}</span>\n        <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n          {fmtHours(value)} · {pct}%\n        </span>\n      </div>\n      <div className=\"h-3 overflow-hidden rounded-full bg-bg-sunken\">\n        <div\n          className={cn('h-full rounded-full bg-gradient-to-r transition-all duration-700', grad)}\n          style={{ width: `${pct}%` }}\n        />\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Chart helpers (token-driven; self-contained to this page)\n// ---------------------------------------------------------------------------\ntype BarTone = 'success' | 'warning' | 'danger' | 'info' | 'accent' | 'neutral';\n\nconst BAR_GRADIENT: Record<BarTone, string> = {\n  success: 'from-status-success-text/55 to-status-success-text',\n  warning: 'from-status-warning-text/55 to-status-warning-text',\n  danger: 'from-status-error-text/55 to-status-error-text',\n  info: 'from-text-link/55 to-text-link',\n  accent: 'from-accent/55 to-accent',\n  neutral: 'from-text-tertiary/30 to-text-tertiary/70',\n};\n\n/** Mirror of the shared StatusPill tone mapping, used to tint chart bars. */\nconst STATUS_BAR_TONE: Record<string, BarTone> = {\n  ACTIVE: 'success',\n  DELIVERED: 'success',\n  INVOICED: 'success',\n  PAID: 'success',\n  APPROVED: 'success',\n  PASSED: 'success',\n  CLEAR: 'success',\n  COMPLETED: 'success',\n  FINAL: 'success',\n  PROSPECT: 'info',\n  PROPOSAL: 'info',\n  MEDIUM: 'info',\n  INTERNAL_REVIEW: 'info',\n  SUBMITTED: 'info',\n  SENT: 'info',\n  IN_REVIEW: 'info',\n  REVIEW: 'warning',\n  ON_HOLD: 'warning',\n  HIGH: 'warning',\n  CLIENT_REVIEW: 'warning',\n  PENDING: 'warning',\n  POTENTIAL_CONFLICT: 'warning',\n  CANCELLED: 'danger',\n  CRITICAL: 'danger',\n  REJECTED: 'danger',\n  OVERDUE: 'danger',\n  FAILED: 'danger',\n  CONFLICT: 'danger',\n  ACCEPTED: 'accent',\n  IN_PROGRESS: 'accent',\n  OPEN: 'accent',\n  BILLED: 'accent',\n  INACTIVE: 'neutral',\n  ARCHIVED: 'neutral',\n  CLOSED: 'neutral',\n  LOW: 'neutral',\n  DRAFT: 'neutral',\n  WAIVED: 'neutral',\n};\n\nfunction barGradientFor(status: string): string {\n  return BAR_GRADIENT[STATUS_BAR_TONE[status] ?? 'accent'];\n}\n\n/** \"2026-07\" → \"Jul\" (falls back to the raw value if unparseable). */\nfunction monthShort(m: string): string {\n  const [y, mo] = m.split('-').map(Number);\n  if (!y || !mo) return m;\n  const d = new Date(y, mo - 1, 1);\n  return Number.isNaN(d.getTime()) ? m : d.toLocaleDateString(undefined, { month: 'short' });\n}\n"],"mappings":"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"}