@burdenoff/microfe-proserviceworld 2026.706.2 → 2026.709.1

package/dist/proserviceworld/pages/DashboardPage.js

@@ -1,199 +1,316 @@
 import { useDashboardStats as e } from "../hooks/useProServiceWorldApi.js";
 import { useNav as t } from "../utils/nav.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 { ArrowRight as u, Briefcase as d, Clock as f, FolderKanban as p, GitBranch as m, Receipt as h, ShieldCheck as g, Users as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { cn as n } from "../utils/cn.js";
+import { ErrorState as r, LoadingBlock as i, MetricCard as a, PageHeader as o, SectionCard as s, StatusPill as c, fmtHours as l, fmtMoney as u } from "../components/ui.js";
+import { ArrowRight as d, BarChart3 as f, Briefcase as p, Clock as m, FileText as h, FolderKanban as g, GitBranch as _, Network as v, Receipt as y, Scale as b, ShieldCheck as x, Users as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/proserviceworld/pages/DashboardPage.tsx
-var b = [
+var T = [
 	{
 		label: "Clients",
 		to: "clients",
-		icon: /* @__PURE__ */ v(_, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ C(S, { className: "h-4 w-4" })
 	},
 	{
 		label: "Engagements",
 		to: "engagements",
-		icon: /* @__PURE__ */ v(d, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ C(p, { className: "h-4 w-4" })
 	},
 	{
 		label: "Matters",
 		to: "matters",
-		icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ C(g, { className: "h-4 w-4" })
 	},
 	{
 		label: "Time",
 		to: "time",
-		icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ C(m, { className: "h-4 w-4" })
 	},
 	{
 		label: "Invoices",
 		to: "invoices",
-		icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ C(y, { className: "h-4 w-4" })
 	},
 	{
 		label: "Compliance",
 		to: "compliance",
-		icon: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ C(x, { className: "h-4 w-4" })
+	},
+	{
+		label: "Conflict checks",
+		to: "conflicts",
+		icon: /* @__PURE__ */ C(b, { className: "h-4 w-4" })
+	},
+	{
+		label: "Documents",
+		to: "documents",
+		icon: /* @__PURE__ */ C(h, { className: "h-4 w-4" })
+	},
+	{
+		label: "Practice areas",
+		to: "practice-areas",
+		icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" })
+	},
+	{
+		label: "Analytics",
+		to: "analytics",
+		icon: /* @__PURE__ */ C(f, { className: "h-4 w-4" })
 	}
-], x = () => {
-	let s = t(), { data: x, isLoading: w, error: T, refetch: E } = e();
-	return w ? /* @__PURE__ */ v(r, { label: "Loading practice overview…" }) : T ? /* @__PURE__ */ v(n, {
-		error: T,
-		onRetry: () => void E()
-	}) : x ? /* @__PURE__ */ y("div", {
+], E = () => {
+	let c = t(), { data: f, isLoading: h, error: v, refetch: b } = e();
+	return h ? /* @__PURE__ */ C(i, { label: "Loading practice overview…" }) : v ? /* @__PURE__ */ C(r, {
+		error: v,
+		onRetry: () => void b()
+	}) : f ? /* @__PURE__ */ w("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ v(a, {
+			/* @__PURE__ */ C(o, {
 				title: "Practice overview",
 				subtitle: "One governed view of clients, engagements, matters, time and billing across your firm."
 			}),
-			/* @__PURE__ */ y("div", {
-				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
+			/* @__PURE__ */ w("div", {
+				className: "grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ C(a, {
 						label: "Active clients",
-						value: x.activeClients,
-						hint: `${x.totalClients} total`,
-						icon: /* @__PURE__ */ v(_, { className: "h-4 w-4" }),
+						value: f.activeClients,
+						hint: `${f.totalClients} total`,
+						icon: /* @__PURE__ */ C(S, { className: "h-4 w-4" }),
 						tone: "success"
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ C(a, {
 						label: "Active engagements",
-						value: x.activeEngagements,
-						icon: /* @__PURE__ */ v(d, { className: "h-4 w-4" }),
+						value: f.activeEngagements,
+						icon: /* @__PURE__ */ C(p, { className: "h-4 w-4" }),
 						tone: "accent"
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ C(a, {
 						label: "Open matters",
-						value: x.openMatters,
-						icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" }),
+						value: f.openMatters,
+						icon: /* @__PURE__ */ C(g, { className: "h-4 w-4" }),
 						tone: "info"
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ C(a, {
 						label: "Unbilled hours",
-						value: c(x.unbilledHours),
-						hint: `${c(x.billedHours)} billed`,
-						icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" }),
+						value: l(f.unbilledHours),
+						hint: `${l(f.billedHours)} billed`,
+						icon: /* @__PURE__ */ C(m, { className: "h-4 w-4" }),
 						tone: "warning"
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ C(a, {
 						label: "Outstanding",
-						value: l(x.outstandingInvoiceTotal),
+						value: u(f.outstandingInvoiceTotal),
 						hint: "Sent + overdue",
-						icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" }),
+						icon: /* @__PURE__ */ C(y, { className: "h-4 w-4" }),
 						tone: "warning"
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ C(a, {
 						label: "Collected",
-						value: l(x.paidInvoiceTotal),
-						icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" }),
+						value: u(f.paidInvoiceTotal),
+						icon: /* @__PURE__ */ C(y, { className: "h-4 w-4" }),
 						tone: "success"
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ C(a, {
 						label: "Compliance due",
-						value: x.pendingComplianceChecks,
-						icon: /* @__PURE__ */ v(g, { className: "h-4 w-4" }),
-						tone: x.pendingComplianceChecks ? "warning" : "success"
+						value: f.pendingComplianceChecks,
+						icon: /* @__PURE__ */ C(x, { className: "h-4 w-4" }),
+						tone: f.pendingComplianceChecks ? "warning" : "success"
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ C(a, {
 						label: "Open conflicts",
-						value: x.openConflictChecks,
-						icon: /* @__PURE__ */ v(m, { className: "h-4 w-4" }),
-						tone: x.openConflictChecks ? "danger" : "success"
+						value: f.openConflictChecks,
+						icon: /* @__PURE__ */ C(_, { className: "h-4 w-4" }),
+						tone: f.openConflictChecks ? "danger" : "success"
 					})
 				]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ w("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
 				children: [
-					/* @__PURE__ */ v(o, {
+					/* @__PURE__ */ C(s, {
 						title: "Engagements by status",
-						children: /* @__PURE__ */ v(S, { items: x.engagementsByStatus })
+						children: /* @__PURE__ */ C(D, { items: f.engagementsByStatus })
 					}),
-					/* @__PURE__ */ v(o, {
+					/* @__PURE__ */ C(s, {
 						title: "Matters by status",
-						children: /* @__PURE__ */ v(S, { items: x.mattersByStatus })
+						children: /* @__PURE__ */ C(D, { items: f.mattersByStatus })
 					}),
-					/* @__PURE__ */ v(o, {
-						title: "Revenue (last months)",
-						children: /* @__PURE__ */ v(C, { data: x.revenueByMonth })
+					/* @__PURE__ */ C(s, {
+						title: "Revenue",
+						description: "Invoiced totals, recent months.",
+						children: /* @__PURE__ */ C(O, { data: f.revenueByMonth })
 					})
 				]
 			}),
-			/* @__PURE__ */ v(o, {
+			/* @__PURE__ */ C(s, {
 				title: "Jump to",
-				children: /* @__PURE__ */ v("div", {
-					className: "grid grid-cols-2 gap-2 sm:grid-cols-3",
-					children: b.map((e) => /* @__PURE__ */ y("button", {
+				children: /* @__PURE__ */ C("div", {
+					className: "grid grid-cols-1 gap-2.5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
+					children: T.map((e) => /* @__PURE__ */ w("button", {
 						type: "button",
-						onClick: () => s(e.to),
-						className: "flex items-center justify-between rounded-lg border border-border-seam bg-bg-canvas px-3 py-2.5 text-sm text-text-primary transition hover:border-accent",
-						children: [/* @__PURE__ */ y("span", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v("span", {
-								className: "text-accent",
+						onClick: () => c(e.to),
+						className: n("group flex items-center gap-3 rounded-xl border border-border-seam bg-bg-canvas px-3.5 py-3 text-left", "transition hover:-translate-y-0.5 hover:border-accent hover:bg-bg-surface hover:shadow-sm"),
+						children: [
+							/* @__PURE__ */ C("span", {
+								className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-accent transition group-hover:bg-accent/15",
 								children: e.icon
-							}), e.label]
-						}), /* @__PURE__ */ v(u, { className: "h-4 w-4 text-text-tertiary" })]
+							}),
+							/* @__PURE__ */ C("span", {
+								className: "flex-1 truncate text-sm font-medium text-text-primary",
+								children: e.label
+							}),
+							/* @__PURE__ */ C(d, { className: "h-4 w-4 shrink-0 text-text-tertiary transition group-hover:translate-x-0.5 group-hover:text-accent" })
+						]
 					}, e.to))
 				})
 			})
 		]
 	}) : null;
-}, S = ({ items: e }) => {
-	if (!e.length) return /* @__PURE__ */ v("p", {
+}, D = ({ items: e }) => {
+	if (!e.length) return /* @__PURE__ */ C("p", {
 		className: "text-sm text-text-tertiary",
 		children: "No records yet."
 	});
-	let t = Math.max(...e.map((e) => e.count), 1);
-	return /* @__PURE__ */ v("ul", {
-		className: "space-y-2.5",
-		children: e.map((e) => /* @__PURE__ */ y("li", {
-			className: "flex items-center gap-3",
+	let t = Math.max(...e.map((e) => e.count), 1), r = e.reduce((e, t) => e + t.count, 0) || 1;
+	return /* @__PURE__ */ C("ul", {
+		className: "space-y-3.5",
+		children: e.map((e) => /* @__PURE__ */ w("li", {
+			className: "grid grid-cols-[7.5rem_minmax(0,1fr)_auto] items-center gap-3",
 			children: [
-				/* @__PURE__ */ v("div", {
-					className: "w-28 shrink-0",
-					children: /* @__PURE__ */ v(s, { status: e.status })
+				/* @__PURE__ */ C(c, {
+					status: e.status,
+					className: "justify-self-start"
 				}),
-				/* @__PURE__ */ v("div", {
-					className: "h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken",
-					children: /* @__PURE__ */ v("div", {
-						className: "h-full rounded-full bg-accent",
-						style: { width: `${e.count / t * 100}%` }
+				/* @__PURE__ */ C("div", {
+					className: "h-2.5 overflow-hidden rounded-full bg-bg-sunken",
+					children: /* @__PURE__ */ C("div", {
+						className: n("h-full rounded-full bg-gradient-to-r transition-all duration-500", j(e.status)),
+						style: { width: `${Math.max(e.count / t * 100, 4)}%` }
 					})
 				}),
-				/* @__PURE__ */ v("span", {
-					className: "w-8 text-right text-sm font-medium text-text-primary",
-					children: e.count
+				/* @__PURE__ */ w("span", {
+					className: "flex items-baseline justify-end gap-1.5 tabular-nums",
+					children: [/* @__PURE__ */ C("span", {
+						className: "text-sm font-semibold text-text-primary",
+						children: e.count
+					}), /* @__PURE__ */ w("span", {
+						className: "text-xs text-text-tertiary",
+						children: [Math.round(e.count / r * 100), "%"]
+					})]
 				})
 			]
 		}, e.status))
 	});
-}, C = ({ data: e }) => {
-	if (!e.length) return /* @__PURE__ */ v("p", {
+}, O = ({ data: e }) => {
+	if (!e.length) return /* @__PURE__ */ C("p", {
 		className: "text-sm text-text-tertiary",
 		children: "No invoiced revenue yet."
 	});
-	let t = Math.max(...e.map((e) => e.amount), 1);
-	return /* @__PURE__ */ v("div", {
-		className: "flex h-40 items-end gap-1.5",
-		children: e.map((e) => /* @__PURE__ */ y("div", {
-			className: "flex flex-1 flex-col items-center gap-1",
-			children: [/* @__PURE__ */ v("div", {
-				className: "flex w-full flex-1 items-end",
-				children: /* @__PURE__ */ v("div", {
-					className: "w-full rounded-t bg-accent/80",
-					style: { height: `${Math.max(e.amount / t * 100, 2)}%` },
-					title: l(e.amount)
-				})
-			}), /* @__PURE__ */ v("span", {
-				className: "text-[10px] text-text-tertiary",
-				children: e.month.slice(5)
+	let t = M(Math.max(...e.map((e) => e.amount), 1)), r = [
+		1,
+		.75,
+		.5,
+		.25,
+		0
+	].map((e) => t * e);
+	return /* @__PURE__ */ C("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ w("div", {
+			className: "min-w-[260px]",
+			children: [/* @__PURE__ */ w("div", {
+				className: "relative h-44",
+				children: [r.map((e, t) => /* @__PURE__ */ w("div", {
+					className: "absolute inset-x-0 flex items-center gap-2",
+					style: { top: `${t / (r.length - 1) * 100}%` },
+					children: [/* @__PURE__ */ C("span", {
+						className: "w-11 shrink-0 text-right text-[10px] leading-none tabular-nums text-text-tertiary",
+						children: N(e)
+					}), /* @__PURE__ */ C("span", { className: n("h-px flex-1", t === r.length - 1 ? "bg-border-seam" : "bg-border-seam/50") })]
+				}, e)), /* @__PURE__ */ C("div", {
+					className: "absolute inset-0 flex items-end gap-1.5 pl-[3.25rem]",
+					children: e.map((e) => /* @__PURE__ */ C("div", {
+						className: "group flex h-full flex-1 flex-col items-center justify-end",
+						children: /* @__PURE__ */ C("div", {
+							className: "w-full max-w-[2rem] rounded-t-md bg-gradient-to-t from-accent/55 to-accent shadow-sm transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow",
+							style: { height: `${Math.max(e.amount / t * 100, 1.5)}%` },
+							title: u(e.amount)
+						})
+					}, e.month))
+				})]
+			}), /* @__PURE__ */ C("div", {
+				className: "mt-2 flex gap-1.5 pl-[3.25rem]",
+				children: e.map((e) => /* @__PURE__ */ C("span", {
+					className: "flex-1 text-center text-[10px] text-text-tertiary",
+					children: P(e.month)
+				}, e.month))
 			})]
-		}, e.month))
+		})
 	});
+}, k = {
+	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"
+}, A = {
+	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 j(e) {
+	return k[A[e] ?? "accent"];
+}
+function M(e) {
+	if (e <= 0) return 1;
+	let t = 10 ** Math.floor(Math.log10(e)), n = e / t;
+	return (n <= 1 ? 1 : n <= 2 ? 2 : n <= 2.5 ? 2.5 : n <= 5 ? 5 : 10) * t;
+}
+function N(e) {
+	return e >= 1e6 ? `$${(e / 1e6).toFixed(e % 1e6 == 0 ? 0 : 1)}M` : e >= 1e3 ? `$${Math.round(e / 1e3)}k` : `$${Math.round(e)}`;
+}
+function P(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 { x as DashboardPage };
+export { E as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/proserviceworld/pages/DashboardPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport {\n  Users,\n  Briefcase,\n  FolderKanban,\n  Clock,\n  Receipt,\n  ShieldCheck,\n  GitBranch,\n  ArrowRight,\n} from 'lucide-react';\nimport { useDashboardStats } from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport {\n  PageHeader,\n  MetricCard,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  StatusPill,\n  fmtMoney,\n  fmtHours,\n} from '../components/ui';\n\nconst QUICK = [\n  { label: 'Clients', to: 'clients', icon: <Users className=\"h-4 w-4\" /> },\n  { label: 'Engagements', to: 'engagements', icon: <Briefcase className=\"h-4 w-4\" /> },\n  { label: 'Matters', to: 'matters', icon: <FolderKanban className=\"h-4 w-4\" /> },\n  { label: 'Time', to: 'time', icon: <Clock className=\"h-4 w-4\" /> },\n  { label: 'Invoices', to: 'invoices', icon: <Receipt className=\"h-4 w-4\" /> },\n  { label: 'Compliance', to: 'compliance', icon: <ShieldCheck className=\"h-4 w-4\" /> },\n];\n\nexport const DashboardPage: FC = () => {\n  const nav = useNav();\n  const { data, isLoading, error, refetch } = useDashboardStats();\n\n  if (isLoading) return <LoadingBlock label=\"Loading practice overview…\" />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!data) return null;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Practice overview\"\n        subtitle=\"One governed view of clients, engagements, matters, time and billing across your firm.\"\n      />\n\n      <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n        <MetricCard\n          label=\"Active clients\"\n          value={data.activeClients}\n          hint={`${data.totalClients} total`}\n          icon={<Users className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n        <MetricCard\n          label=\"Active engagements\"\n          value={data.activeEngagements}\n          icon={<Briefcase className=\"h-4 w-4\" />}\n          tone=\"accent\"\n        />\n        <MetricCard\n          label=\"Open matters\"\n          value={data.openMatters}\n          icon={<FolderKanban className=\"h-4 w-4\" />}\n          tone=\"info\"\n        />\n        <MetricCard\n          label=\"Unbilled hours\"\n          value={fmtHours(data.unbilledHours)}\n          hint={`${fmtHours(data.billedHours)} billed`}\n          icon={<Clock className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n        <MetricCard\n          label=\"Outstanding\"\n          value={fmtMoney(data.outstandingInvoiceTotal)}\n          hint=\"Sent + overdue\"\n          icon={<Receipt className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n        <MetricCard\n          label=\"Collected\"\n          value={fmtMoney(data.paidInvoiceTotal)}\n          icon={<Receipt className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n        <MetricCard\n          label=\"Compliance due\"\n          value={data.pendingComplianceChecks}\n          icon={<ShieldCheck className=\"h-4 w-4\" />}\n          tone={data.pendingComplianceChecks ? 'warning' : 'success'}\n        />\n        <MetricCard\n          label=\"Open conflicts\"\n          value={data.openConflictChecks}\n          icon={<GitBranch className=\"h-4 w-4\" />}\n          tone={data.openConflictChecks ? 'danger' : 'success'}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <SectionCard title=\"Engagements by status\">\n          <StatusBreakdown items={data.engagementsByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Matters by status\">\n          <StatusBreakdown items={data.mattersByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Revenue (last months)\">\n          <RevenueBars data={data.revenueByMonth} />\n        </SectionCard>\n      </div>\n\n      <SectionCard title=\"Jump to\">\n        <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-3\">\n          {QUICK.map((q) => (\n            <button\n              key={q.to}\n              type=\"button\"\n              onClick={() => nav(q.to)}\n              className=\"flex items-center justify-between rounded-lg border border-border-seam bg-bg-canvas px-3 py-2.5 text-sm text-text-primary transition hover:border-accent\"\n            >\n              <span className=\"flex items-center gap-2\">\n                <span className=\"text-accent\">{q.icon}</span>\n                {q.label}\n              </span>\n              <ArrowRight className=\"h-4 w-4 text-text-tertiary\" />\n            </button>\n          ))}\n        </div>\n      </SectionCard>\n    </div>\n  );\n};\n\nconst StatusBreakdown: 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  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 / max) * 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 RevenueBars: 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-40 items-end gap-1.5\">\n      {data.map((d) => (\n        <div key={d.month} className=\"flex flex-1 flex-col items-center gap-1\">\n          <div className=\"flex w-full flex-1 items-end\">\n            <div\n              className=\"w-full rounded-t bg-accent/80\"\n              style={{ height: `${Math.max((d.amount / max) * 100, 2)}%` }}\n              title={fmtMoney(d.amount)}\n            />\n          </div>\n          <span className=\"text-[10px] text-text-tertiary\">{d.month.slice(5)}</span>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/proserviceworld/pages/DashboardPage.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport {\n  Users,\n  Briefcase,\n  FolderKanban,\n  Clock,\n  Receipt,\n  ShieldCheck,\n  GitBranch,\n  ArrowRight,\n  Scale,\n  FileText,\n  Network,\n  BarChart3,\n} from 'lucide-react';\nimport { useDashboardStats } from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport { cn } from '../utils/cn';\nimport {\n  PageHeader,\n  MetricCard,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  StatusPill,\n  fmtMoney,\n  fmtHours,\n} from '../components/ui';\n\nconst QUICK: { label: string; to: string; icon: ReactNode }[] = [\n  { label: 'Clients', to: 'clients', icon: <Users className=\"h-4 w-4\" /> },\n  { label: 'Engagements', to: 'engagements', icon: <Briefcase className=\"h-4 w-4\" /> },\n  { label: 'Matters', to: 'matters', icon: <FolderKanban className=\"h-4 w-4\" /> },\n  { label: 'Time', to: 'time', icon: <Clock className=\"h-4 w-4\" /> },\n  { label: 'Invoices', to: 'invoices', icon: <Receipt className=\"h-4 w-4\" /> },\n  { label: 'Compliance', to: 'compliance', icon: <ShieldCheck className=\"h-4 w-4\" /> },\n  { label: 'Conflict checks', to: 'conflicts', icon: <Scale className=\"h-4 w-4\" /> },\n  { label: 'Documents', to: 'documents', icon: <FileText className=\"h-4 w-4\" /> },\n  { label: 'Practice areas', to: 'practice-areas', icon: <Network className=\"h-4 w-4\" /> },\n  { label: 'Analytics', to: 'analytics', icon: <BarChart3 className=\"h-4 w-4\" /> },\n];\n\nexport const DashboardPage: FC = () => {\n  const nav = useNav();\n  const { data, isLoading, error, refetch } = useDashboardStats();\n\n  if (isLoading) return <LoadingBlock label=\"Loading practice overview…\" />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!data) return null;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Practice overview\"\n        subtitle=\"One governed view of clients, engagements, matters, time and billing across your firm.\"\n      />\n\n      <div className=\"grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-4\">\n        <MetricCard\n          label=\"Active clients\"\n          value={data.activeClients}\n          hint={`${data.totalClients} total`}\n          icon={<Users className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n        <MetricCard\n          label=\"Active engagements\"\n          value={data.activeEngagements}\n          icon={<Briefcase className=\"h-4 w-4\" />}\n          tone=\"accent\"\n        />\n        <MetricCard\n          label=\"Open matters\"\n          value={data.openMatters}\n          icon={<FolderKanban className=\"h-4 w-4\" />}\n          tone=\"info\"\n        />\n        <MetricCard\n          label=\"Unbilled hours\"\n          value={fmtHours(data.unbilledHours)}\n          hint={`${fmtHours(data.billedHours)} billed`}\n          icon={<Clock className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n        <MetricCard\n          label=\"Outstanding\"\n          value={fmtMoney(data.outstandingInvoiceTotal)}\n          hint=\"Sent + overdue\"\n          icon={<Receipt className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n        <MetricCard\n          label=\"Collected\"\n          value={fmtMoney(data.paidInvoiceTotal)}\n          icon={<Receipt className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n        <MetricCard\n          label=\"Compliance due\"\n          value={data.pendingComplianceChecks}\n          icon={<ShieldCheck className=\"h-4 w-4\" />}\n          tone={data.pendingComplianceChecks ? 'warning' : 'success'}\n        />\n        <MetricCard\n          label=\"Open conflicts\"\n          value={data.openConflictChecks}\n          icon={<GitBranch className=\"h-4 w-4\" />}\n          tone={data.openConflictChecks ? 'danger' : 'success'}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <SectionCard title=\"Engagements by status\">\n          <StatusBreakdown items={data.engagementsByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Matters by status\">\n          <StatusBreakdown items={data.mattersByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Revenue\" description=\"Invoiced totals, recent months.\">\n          <RevenueBars data={data.revenueByMonth} />\n        </SectionCard>\n      </div>\n\n      <SectionCard title=\"Jump to\">\n        <div className=\"grid grid-cols-1 gap-2.5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5\">\n          {QUICK.map((q) => (\n            <button\n              key={q.to}\n              type=\"button\"\n              onClick={() => nav(q.to)}\n              className={cn(\n                'group flex items-center gap-3 rounded-xl border border-border-seam bg-bg-canvas px-3.5 py-3 text-left',\n                'transition hover:-translate-y-0.5 hover:border-accent hover:bg-bg-surface hover:shadow-sm'\n              )}\n            >\n              <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-accent transition group-hover:bg-accent/15\">\n                {q.icon}\n              </span>\n              <span className=\"flex-1 truncate text-sm font-medium text-text-primary\">\n                {q.label}\n              </span>\n              <ArrowRight className=\"h-4 w-4 shrink-0 text-text-tertiary transition group-hover:translate-x-0.5 group-hover:text-accent\" />\n            </button>\n          ))}\n        </div>\n      </SectionCard>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Status breakdown — tone-colored, gradient horizontal bars with count + share\n// ---------------------------------------------------------------------------\nconst StatusBreakdown: 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// Revenue column chart — y-axis scale + gridlines, gradient columns, hover\n// ---------------------------------------------------------------------------\nconst RevenueBars: 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  const axisMax = niceCeil(peak);\n  const ticks = [1, 0.75, 0.5, 0.25, 0].map((f) => axisMax * f);\n  return (\n    <div className=\"overflow-x-auto\">\n      <div className=\"min-w-[260px]\">\n        <div className=\"relative h-44\">\n          {ticks.map((t, idx) => (\n            <div\n              key={t}\n              className=\"absolute inset-x-0 flex items-center gap-2\"\n              style={{ top: `${(idx / (ticks.length - 1)) * 100}%` }}\n            >\n              <span className=\"w-11 shrink-0 text-right text-[10px] leading-none tabular-nums text-text-tertiary\">\n                {fmtCompactMoney(t)}\n              </span>\n              <span\n                className={cn(\n                  'h-px flex-1',\n                  idx === ticks.length - 1 ? 'bg-border-seam' : 'bg-border-seam/50'\n                )}\n              />\n            </div>\n          ))}\n          <div className=\"absolute inset-0 flex items-end gap-1.5 pl-[3.25rem]\">\n            {data.map((d) => (\n              <div\n                key={d.month}\n                className=\"group flex h-full flex-1 flex-col items-center justify-end\"\n              >\n                <div\n                  className=\"w-full max-w-[2rem] rounded-t-md bg-gradient-to-t from-accent/55 to-accent shadow-sm transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow\"\n                  style={{ height: `${Math.max((d.amount / axisMax) * 100, 1.5)}%` }}\n                  title={fmtMoney(d.amount)}\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n        <div className=\"mt-2 flex gap-1.5 pl-[3.25rem]\">\n          {data.map((d) => (\n            <span key={d.month} className=\"flex-1 text-center text-[10px] text-text-tertiary\">\n              {monthShort(d.month)}\n            </span>\n          ))}\n        </div>\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/** Round a peak value up to a clean axis maximum (1/2/2.5/5/10 × 10ⁿ). */\nfunction niceCeil(v: number): number {\n  if (v <= 0) return 1;\n  const pow = 10 ** Math.floor(Math.log10(v));\n  const n = v / pow;\n  const step = n <= 1 ? 1 : n <= 2 ? 2 : n <= 2.5 ? 2.5 : n <= 5 ? 5 : 10;\n  return step * pow;\n}\n\nfunction fmtCompactMoney(n: number): string {\n  if (n >= 1_000_000) return `$${(n / 1_000_000).toFixed(n % 1_000_000 === 0 ? 0 : 1)}M`;\n  if (n >= 1_000) return `$${Math.round(n / 1_000)}k`;\n  return `$${Math.round(n)}`;\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":";;;;;;;AA6BA,IAAM,IAA0D;CAC9D;EAAE,OAAO;EAAW,IAAI;EAAW,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EAAE;CACxE;EAAE,OAAO;EAAe,IAAI;EAAe,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EAAE;CACpF;EAAE,OAAO;EAAW,IAAI;EAAW,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;EAAE;CAC/E;EAAE,OAAO;EAAQ,IAAI;EAAQ,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EAAE;CAClE;EAAE,OAAO;EAAY,IAAI;EAAY,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EAAE;CAC5E;EAAE,OAAO;EAAc,IAAI;EAAc,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;EAAE;CACpF;EAAE,OAAO;EAAmB,IAAI;EAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EAAE;CAClF;EAAE,OAAO;EAAa,IAAI;EAAa,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EAAE;CAC/E;EAAE,OAAO;EAAkB,IAAI;EAAkB,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EAAE;CACxF;EAAE,OAAO;EAAa,IAAI;EAAa,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EAAE;CACjF,EAEY,UAA0B;CACrC,IAAM,IAAM,GAAQ,EACd,EAAE,SAAM,cAAW,UAAO,eAAY,GAAmB;AAM/D,QAJI,IAAkB,kBAAC,GAAD,EAAc,OAAM,8BAA+B,CAAA,GACrE,IAAc,kBAAC,GAAD;EAAmB;EAAO,eAAe,KAAK,GAAS;EAAI,CAAA,GACxE,IAGH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAM;IACN,UAAS;IACT,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,GAAG,EAAK,aAAa;MAC3B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;MAC1C,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAS,EAAK,cAAc;MACnC,MAAM,GAAG,EAAS,EAAK,YAAY,CAAC;MACpC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAS,EAAK,wBAAwB;MAC7C,MAAK;MACL,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;MACrC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAS,EAAK,iBAAiB;MACtC,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;MACrC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;MACzC,MAAM,EAAK,0BAA0B,YAAY;MACjD,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,MAAM,EAAK,qBAAqB,WAAW;MAC3C,CAAA;KACE;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAa,OAAM;gBACjB,kBAAC,GAAD,EAAiB,OAAO,EAAK,qBAAuB,CAAA;MACxC,CAAA;KACd,kBAAC,GAAD;MAAa,OAAM;gBACjB,kBAAC,GAAD,EAAiB,OAAO,EAAK,iBAAmB,CAAA;MACpC,CAAA;KACd,kBAAC,GAAD;MAAa,OAAM;MAAU,aAAY;gBACvC,kBAAC,GAAD,EAAa,MAAM,EAAK,gBAAkB,CAAA;MAC9B,CAAA;KACV;;GAEN,kBAAC,GAAD;IAAa,OAAM;cACjB,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,MACV,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAI,EAAE,GAAG;MACxB,WAAW,EACT,yGACA,4FACD;gBAPH;OASE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA;OACP,kBAAC,GAAD,EAAY,WAAU,sGAAuG,CAAA;OACtH;QAfF,EAAE,GAeA,CACT;KACE,CAAA;IACM,CAAA;GACV;MAlGU;GAyGd,KAAuE,EAAE,eAAY;AACzF,KAAI,CAAC,EAAM,OAAQ,QAAO,kBAAC,KAAD;EAAG,WAAU;YAA6B;EAAmB,CAAA;CACvF,IAAM,IAAM,KAAK,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,MAAM,EAAE,EAAE,EAC/C,IAAQ,EAAM,QAAQ,GAAG,MAAM,IAAI,EAAE,OAAO,EAAE,IAAI;AACxD,QACE,kBAAC,MAAD;EAAI,WAAU;YACX,EAAM,KAAK,MACV,kBAAC,MAAD;GAEE,WAAU;aAFZ;IAIE,kBAAC,GAAD;KAAY,QAAQ,EAAE;KAAQ,WAAU;KAAuB,CAAA;IAC/D,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAW,EACT,oEACA,EAAe,EAAE,OAAO,CACzB;MACD,OAAO,EAAE,OAAO,GAAG,KAAK,IAAK,EAAE,QAAQ,IAAO,KAAK,EAAE,CAAC,IAAI;MAC1D,CAAA;KACE,CAAA;IACN,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,QAAD;MAAM,WAAU;gBAA2C,EAAE;MAAa,CAAA,EAC1E,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACG,KAAK,MAAO,EAAE,QAAQ,IAAS,IAAI,EAAC,IAChC;QACF;;IACJ;KAnBE,EAAE,OAmBJ,CACL;EACC,CAAA;GAOH,KAAkE,EAAE,cAAW;AACnF,KAAI,CAAC,EAAK,OAAQ,QAAO,kBAAC,KAAD;EAAG,WAAU;YAA6B;EAA4B,CAAA;CAE/F,IAAM,IAAU,EADH,KAAK,IAAI,GAAG,EAAK,KAAK,MAAM,EAAE,OAAO,EAAE,EAAE,CACxB,EACxB,IAAQ;EAAC;EAAG;EAAM;EAAK;EAAM;EAAE,CAAC,KAAK,MAAM,IAAU,EAAE;AAC7D,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAM,KAAK,GAAG,MACb,kBAAC,OAAD;KAEE,WAAU;KACV,OAAO,EAAE,KAAK,GAAI,KAAO,EAAM,SAAS,KAAM,IAAI,IAAI;eAHxD,CAKE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAgB,EAAE;MACd,CAAA,EACP,kBAAC,QAAD,EACE,WAAW,EACT,eACA,MAAQ,EAAM,SAAS,IAAI,mBAAmB,oBAC/C,EACD,CAAA,CACE;OAbC,EAaD,CACN,EACF,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAK,KAAK,MACT,kBAAC,OAAD;MAEE,WAAU;gBAEV,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,QAAQ,GAAG,KAAK,IAAK,EAAE,SAAS,IAAW,KAAK,IAAI,CAAC,IAAI;OAClE,OAAO,EAAS,EAAE,OAAO;OACzB,CAAA;MACE,EARC,EAAE,MAQH,CACN;KACE,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,KAAK,MACT,kBAAC,QAAD;KAAoB,WAAU;eAC3B,EAAW,EAAE,MAAM;KACf,EAFI,EAAE,MAEN,CACP;IACE,CAAA,CACF;;EACF,CAAA;GASJ,IAAwC;CAC5C,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,SAAS;CACV,EAGK,IAA2C;CAC/C,QAAQ;CACR,WAAW;CACX,UAAU;CACV,MAAM;CACN,UAAU;CACV,QAAQ;CACR,OAAO;CACP,WAAW;CACX,OAAO;CACP,UAAU;CACV,UAAU;CACV,QAAQ;CACR,iBAAiB;CACjB,WAAW;CACX,MAAM;CACN,WAAW;CACX,QAAQ;CACR,SAAS;CACT,MAAM;CACN,eAAe;CACf,SAAS;CACT,oBAAoB;CACpB,WAAW;CACX,UAAU;CACV,UAAU;CACV,SAAS;CACT,QAAQ;CACR,UAAU;CACV,UAAU;CACV,aAAa;CACb,MAAM;CACN,QAAQ;CACR,UAAU;CACV,UAAU;CACV,QAAQ;CACR,KAAK;CACL,OAAO;CACP,QAAQ;CACT;AAED,SAAS,EAAe,GAAwB;AAC9C,QAAO,EAAa,EAAgB,MAAW;;AAIjD,SAAS,EAAS,GAAmB;AACnC,KAAI,KAAK,EAAG,QAAO;CACnB,IAAM,IAAM,MAAM,KAAK,MAAM,KAAK,MAAM,EAAE,CAAC,EACrC,IAAI,IAAI;AAEd,SADa,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,MAAM,MAAM,KAAK,IAAI,IAAI,MACvD;;AAGhB,SAAS,EAAgB,GAAmB;AAG1C,QAFI,KAAK,MAAkB,KAAK,IAAI,KAAW,QAAQ,IAAI,OAAc,IAAI,IAAI,EAAE,CAAC,KAChF,KAAK,MAAc,IAAI,KAAK,MAAM,IAAI,IAAM,CAAC,KAC1C,IAAI,KAAK,MAAM,EAAE;;AAI1B,SAAS,EAAW,GAAmB;CACrC,IAAM,CAAC,GAAG,KAAM,EAAE,MAAM,IAAI,CAAC,IAAI,OAAO;AACxC,KAAI,CAAC,KAAK,CAAC,EAAI,QAAO;CACtB,IAAM,IAAI,IAAI,KAAK,GAAG,IAAK,GAAG,EAAE;AAChC,QAAO,OAAO,MAAM,EAAE,SAAS,CAAC,GAAG,IAAI,EAAE,mBAAmB,KAAA,GAAW,EAAE,OAAO,SAAS,CAAC"}

package/dist/proserviceworld/pages/DocumentsPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const DocumentsPage: FC;
+//# sourceMappingURL=DocumentsPage.d.ts.map

package/dist/proserviceworld/pages/DocumentsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/DocumentsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAkChC,eAAO,MAAM,aAAa,EAAE,EAwJ3B,CAAC"}

package/dist/proserviceworld/pages/EngagementDetailPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const EngagementDetailPage: FC;
+//# sourceMappingURL=EngagementDetailPage.d.ts.map

package/dist/proserviceworld/pages/EngagementDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EngagementDetailPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/EngagementDetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmEhC,eAAO,MAAM,oBAAoB,EAAE,EA8RlC,CAAC"}