@burdenoff/microfe-proserviceworld 2026.626.2 → 2026.706.1

package/dist/proserviceworld/pages/DashboardPage.js

@@ -1,652 +1,199 @@
-import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
-import { tWithFallback as t } from "../utils/i18n.js";
-import { useState as n } from "react";
-import { AlertCircle as r, BarChart3 as i, Bell as a, BookOpen as o, Calendar as s, CheckCircle as c, Clock as l, DollarSign as u, Eye as d, Plus as f, Star as p, TrendingUp as m, Users as h } from "lucide-react";
-import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { AuroraBackground as y, Badge as b, Button as x, CTAOverflowMenu as S, Card as C, CardContent as w, CardHeader as T, CardTitle as E, EmphasisPanel as D, GlassCard as O, GradientText as k, IllustratedEmptyState as A, NextSteps as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/proserviceworld/pages/DashboardPage.tsx
-function N() {
-	let { t: N } = g(), P = (e, n, r) => t(N, e, n, r), { bookings: F, providers: I, services: L, reviews: R, notifications: z } = e(), [B, V] = n("client"), H = F.filter((e) => e.status === "in_progress"), U = F.filter((e) => e.status === "completed"), W = F.filter((e) => e.status === "pending"), G = F.filter((e) => e.paymentStatus === "completed").reduce((e, t) => e + t.budget, 0), K = z.filter((e) => !e.read).length, q = [
-		{
-			id: "client",
-			label: P("proserviceworld.dashboard.views.client", "Client")
-		},
-		{
-			id: "provider",
-			label: P("proserviceworld.dashboard.views.provider", "Provider")
-		},
-		{
-			id: "admin",
-			label: P("proserviceworld.dashboard.views.admin", "Admin")
-		},
-		{
-			id: "team",
-			label: P("proserviceworld.dashboard.views.team", "Team")
-		}
-	], J = (e) => e === "completed" ? P("proserviceworld.shared.bookingStatus.completed", "completed") : e === "in_progress" ? P("proserviceworld.shared.bookingStatus.inProgress", "in progress") : e === "pending" ? P("proserviceworld.shared.bookingStatus.pending", "pending") : P("proserviceworld.shared.bookingStatus.cancelled", "cancelled");
-	return /* @__PURE__ */ v("div", {
-		className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
+var b = [
+	{
+		label: "Clients",
+		to: "clients",
+		icon: /* @__PURE__ */ v(_, { className: "h-4 w-4" })
+	},
+	{
+		label: "Engagements",
+		to: "engagements",
+		icon: /* @__PURE__ */ v(d, { className: "h-4 w-4" })
+	},
+	{
+		label: "Matters",
+		to: "matters",
+		icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
+	},
+	{
+		label: "Time",
+		to: "time",
+		icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" })
+	},
+	{
+		label: "Invoices",
+		to: "invoices",
+		icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" })
+	},
+	{
+		label: "Compliance",
+		to: "compliance",
+		icon: /* @__PURE__ */ v(g, { 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", {
+		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ v("div", {
-				className: "relative overflow-hidden rounded-card -mx-2 px-2 pt-1",
-				children: [/* @__PURE__ */ _(y, { intensity: "subtle" }), /* @__PURE__ */ v("div", {
-					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
-						className: "text-2xl font-semibold tracking-tight",
-						children: /* @__PURE__ */ _(k, { children: P("proserviceworld.dashboard.title", "Dashboard") })
-					}), /* @__PURE__ */ _("p", {
-						className: "text-sm text-text-secondary",
-						children: P("proserviceworld.dashboard.subtitle", "Welcome back! Here is your activity overview.")
-					})] }), /* @__PURE__ */ v("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ _("div", {
-							className: "flex bg-bg-sunken rounded-lg p-1",
-							children: q.map((e) => /* @__PURE__ */ _("button", {
-								onClick: () => V(e.id),
-								"aria-pressed": B === e.id,
-								className: `px-3 py-1.5 rounded text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${B === e.id ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"}`,
-								children: e.label
-							}, e.id))
-						}), K > 0 && /* @__PURE__ */ v(x, {
-							variant: "outline",
-							size: "sm",
-							"aria-label": `${K} unread`,
-							children: [/* @__PURE__ */ _(a, { className: "h-4 w-4 mr-1" }), /* @__PURE__ */ _("span", {
-								className: "tabular-nums",
-								children: K
-							})]
-						})]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ _(M, {
-				icon: /* @__PURE__ */ _(i, { className: "h-4 w-4" }),
-				children: P("proserviceworld.dashboard.purpose", "Your command center for ProServiceWorld. Switch between Client, Provider, Admin, and Team views to track bookings, monitor earnings and ratings, watch platform activity, and jump straight to the actions that matter to your role.")
-			}),
-			/* @__PURE__ */ _(j, {
-				storageKey: "proserviceworld-dashboard",
-				steps: [
-					{
-						id: "find-services",
-						label: P("proserviceworld.dashboard.nextSteps.findServices", "Find a service to book"),
-						description: P("proserviceworld.dashboard.nextSteps.findServicesDesc", "Browse verified providers and book the help you need."),
-						icon: /* @__PURE__ */ _(o, { className: "h-4 w-4" }),
-						onClick: () => V("client")
-					},
-					{
-						id: "review-bookings",
-						label: P("proserviceworld.dashboard.nextSteps.reviewBookings", "Review active bookings"),
-						description: P("proserviceworld.dashboard.nextSteps.reviewBookingsDesc", "Check progress and status on work in flight."),
-						icon: /* @__PURE__ */ _(s, { className: "h-4 w-4" }),
-						onClick: () => V("client"),
-						done: H.length > 0
-					},
-					{
-						id: "provider-view",
-						label: P("proserviceworld.dashboard.nextSteps.providerView", "Grow your provider business"),
-						description: P("proserviceworld.dashboard.nextSteps.providerViewDesc", "Switch to the Provider view to manage services and earnings."),
-						icon: /* @__PURE__ */ _(m, { className: "h-4 w-4" }),
-						onClick: () => V("provider")
-					}
-				]
+			/* @__PURE__ */ v(a, {
+				title: "Practice overview",
+				subtitle: "One governed view of clients, engagements, matters, time and billing across your firm."
 			}),
-			B === "client" && /* @__PURE__ */ v("div", {
-				className: "space-y-6",
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ _(D, { children: /* @__PURE__ */ v("div", {
-						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
-							className: "text-xl font-bold tracking-tight",
-							children: P("proserviceworld.dashboard.client.welcomeTitle", "Welcome back, Alex!")
-						}), /* @__PURE__ */ _("p", {
-							className: "text-text-secondary mt-1",
-							children: P("proserviceworld.dashboard.client.welcomeSubtitle", "Manage your services, bookings, and find new providers")
-						})] }), /* @__PURE__ */ v(x, {
-							size: "sm",
-							children: [/* @__PURE__ */ _(f, { className: "h-4 w-4 mr-2" }), P("proserviceworld.dashboard.client.actions.findServices", "Find Services")]
-						})]
-					}) }),
-					/* @__PURE__ */ v("div", {
-						className: "grid gap-4 md:grid-cols-4",
-						children: [
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(s, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: H.length
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.client.metrics.activeBookings", "Active Bookings")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(p, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: "4.8"
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.client.metrics.avgRatingGiven", "Avg. Rating Given")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(c, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: U.length
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.client.metrics.completedProjects", "Completed Projects")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "glass",
-								glow: !0,
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(u, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: ["$", G.toLocaleString()]
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.client.metrics.totalSpent", "Total Spent")
-										})]
-									})]
-								})
-							})
-						]
+					/* @__PURE__ */ v(i, {
+						label: "Active clients",
+						value: x.activeClients,
+						hint: `${x.totalClients} total`,
+						icon: /* @__PURE__ */ v(_, { className: "h-4 w-4" }),
+						tone: "success"
 					}),
-					/* @__PURE__ */ v(C, {
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ _(T, { children: /* @__PURE__ */ v("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ _(E, { children: P("proserviceworld.dashboard.client.sections.recentBookings", "Recent Bookings") }), /* @__PURE__ */ _(x, {
-								variant: "outline",
-								size: "sm",
-								children: P("proserviceworld.shared.actions.viewAll", "View All")
-							})]
-						}) }), /* @__PURE__ */ _(w, {
-							className: "space-y-4",
-							children: F.slice(0, 5).map((e) => /* @__PURE__ */ v("div", {
-								className: "flex items-center justify-between p-4 border border-border-seam rounded-lg transition-shadow hover:shadow-pop",
-								children: [/* @__PURE__ */ v("div", {
-									className: "flex items-center space-x-4",
-									children: [/* @__PURE__ */ _("div", {
-										className: "h-10 w-10 rounded-full bg-accent-soft flex items-center justify-center",
-										children: /* @__PURE__ */ _(o, { className: "h-5 w-5 text-text-primary" })
-									}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-										className: "font-medium",
-										children: e.title
-									}), /* @__PURE__ */ _("p", {
-										className: "text-sm text-text-secondary",
-										children: P("proserviceworld.dashboard.client.booking.provider", "Provider: {{name}}", { name: e.providerName })
-									})] })]
-								}), /* @__PURE__ */ v("div", {
-									className: "text-right",
-									children: [/* @__PURE__ */ v("p", {
-										className: "font-medium text-sm tabular-nums",
-										children: ["$", e.budget.toLocaleString()]
-									}), /* @__PURE__ */ _(b, {
-										variant: e.status === "completed" ? "default" : e.status === "in_progress" ? "secondary" : "outline",
-										children: J(e.status)
-									})]
-								})]
-							}, e.id))
-						})]
-					})
-				]
-			}),
-			B === "provider" && /* @__PURE__ */ v("div", {
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ _(D, { children: /* @__PURE__ */ v("div", {
-						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
-							className: "text-xl font-bold tracking-tight",
-							children: P("proserviceworld.dashboard.provider.welcomeTitle", "Welcome back, Provider!")
-						}), /* @__PURE__ */ _("p", {
-							className: "text-text-secondary mt-1",
-							children: P("proserviceworld.dashboard.provider.welcomeSubtitle", "Manage your services, bookings, and grow your business")
-						})] }), /* @__PURE__ */ _(S, {
-							primary: {
-								label: P("proserviceworld.dashboard.provider.actions.editProfile", "Edit Profile"),
-								onSelect: () => {},
-								icon: /* @__PURE__ */ _(d, { className: "h-4 w-4" })
-							},
-							actions: [{
-								label: P("proserviceworld.dashboard.provider.actions.addService", "Add Service"),
-								onSelect: () => {},
-								icon: /* @__PURE__ */ _(f, { className: "h-4 w-4" })
-							}]
-						})]
-					}) }),
-					/* @__PURE__ */ v("div", {
-						className: "grid gap-4 md:grid-cols-4",
-						children: [
-							/* @__PURE__ */ _(O, {
-								treatment: "glass",
-								glow: !0,
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(p, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: "4.9"
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.provider.metrics.rating", "Rating ({{count}} reviews)", { count: R.length })
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(s, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: H.length
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.provider.metrics.activeProjects", "Active Projects")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(m, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: "98%"
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.provider.metrics.completionRate", "Completion Rate")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(u, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: "$12,850"
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.provider.metrics.thisMonth", "This Month")
-										})]
-									})]
-								})
-							})
-						]
+					/* @__PURE__ */ v(i, {
+						label: "Active engagements",
+						value: x.activeEngagements,
+						icon: /* @__PURE__ */ v(d, { className: "h-4 w-4" }),
+						tone: "accent"
 					}),
-					/* @__PURE__ */ v(C, {
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ _(T, { children: /* @__PURE__ */ v("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ _(E, { children: P("proserviceworld.dashboard.provider.sections.yourServices", "Your Services") }), /* @__PURE__ */ _(S, {
-								primary: {
-									label: P("proserviceworld.dashboard.provider.actions.addService", "Add Service"),
-									onSelect: () => {},
-									icon: /* @__PURE__ */ _(f, { className: "h-4 w-4" })
-								},
-								actions: [{
-									label: P("proserviceworld.shared.actions.viewAll", "View All"),
-									onSelect: () => {},
-									icon: /* @__PURE__ */ _(d, { className: "h-4 w-4" })
-								}]
-							})]
-						}) }), /* @__PURE__ */ _(w, { children: /* @__PURE__ */ _("div", {
-							className: "grid gap-4 md:grid-cols-3",
-							children: L.slice(0, 3).map((e) => /* @__PURE__ */ v("div", {
-								className: "border border-border-seam rounded-lg p-4 transition-shadow hover:shadow-pop",
-								children: [
-									/* @__PURE__ */ _("h4", {
-										className: "font-medium mb-1",
-										children: e.title
-									}),
-									/* @__PURE__ */ _("p", {
-										className: "text-sm text-text-secondary mb-2 line-clamp-2",
-										children: e.description
-									}),
-									/* @__PURE__ */ v("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ _("span", {
-											className: "text-sm font-medium tabular-nums",
-											children: P("proserviceworld.services.card.pricing.from", "From ${{amount}}", { amount: e.pricing.basePrice.toLocaleString() })
-										}), /* @__PURE__ */ _(b, {
-											variant: "secondary",
-											children: P("proserviceworld.dashboard.provider.service.bookings", "{{count}} bookings", { count: e.totalBookings })
-										})]
-									})
-								]
-							}, e.id))
-						}) })]
-					})
-				]
-			}),
-			B === "admin" && /* @__PURE__ */ v("div", {
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ _(D, { children: /* @__PURE__ */ v("div", {
-						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
-							className: "text-xl font-bold tracking-tight",
-							children: P("proserviceworld.dashboard.admin.title", "Admin Dashboard")
-						}), /* @__PURE__ */ _("p", {
-							className: "text-text-secondary mt-1",
-							children: P("proserviceworld.dashboard.admin.subtitle", "Monitor platform activity and manage users")
-						})] }), /* @__PURE__ */ _(S, {
-							primary: {
-								label: P("proserviceworld.dashboard.admin.actions.viewReports", "View Reports"),
-								onSelect: () => {},
-								icon: /* @__PURE__ */ _(i, { className: "h-4 w-4" })
-							},
-							actions: [{
-								label: P("proserviceworld.dashboard.admin.actions.manageUsers", "Manage Users"),
-								onSelect: () => {},
-								icon: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
-							}]
-						})]
-					}) }),
-					/* @__PURE__ */ v("div", {
-						className: "grid gap-4 md:grid-cols-4",
-						children: [
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(h, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: I.length
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.admin.metrics.totalProviders", "Total Providers")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(o, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: L.length
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.admin.metrics.totalServices", "Total Services")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(s, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: F.length
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.admin.metrics.totalBookings", "Total Bookings")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "glass",
-								glow: !0,
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(u, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: "$45,670"
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.admin.metrics.totalRevenue", "Total Revenue")
-										})]
-									})]
-								})
-							})
-						]
+					/* @__PURE__ */ v(i, {
+						label: "Open matters",
+						value: x.openMatters,
+						icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" }),
+						tone: "info"
 					}),
-					/* @__PURE__ */ v("div", {
-						className: "grid gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ v(C, {
-							className: "border-border-seam",
-							children: [/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(E, { children: P("proserviceworld.dashboard.admin.sections.recentProviders", "Recent Providers") }) }), /* @__PURE__ */ _(w, {
-								className: "space-y-4",
-								children: I.slice(0, 3).map((e) => /* @__PURE__ */ v("div", {
-									className: "flex items-center space-x-4",
-									children: [
-										/* @__PURE__ */ _("div", {
-											className: "h-10 w-10 rounded-full bg-accent-soft flex items-center justify-center",
-											children: /* @__PURE__ */ _("span", {
-												className: "text-text-primary font-medium",
-												children: e.name.charAt(0)
-											})
-										}),
-										/* @__PURE__ */ v("div", {
-											className: "flex-1",
-											children: [/* @__PURE__ */ _("p", {
-												className: "font-medium",
-												children: e.businessName
-											}), /* @__PURE__ */ _("p", {
-												className: "text-sm text-text-secondary",
-												children: e.specializations[0]
-											})]
-										}),
-										/* @__PURE__ */ v("div", {
-											className: "flex items-center text-sm",
-											children: [/* @__PURE__ */ _(p, { className: "h-4 w-4 text-status-warning-text mr-1" }), /* @__PURE__ */ _("span", {
-												className: "tabular-nums",
-												children: e.rating.toFixed(1)
-											})]
-										})
-									]
-								}, e.id))
-							})]
-						}), /* @__PURE__ */ v(C, {
-							className: "border-border-seam",
-							children: [/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(E, { children: P("proserviceworld.dashboard.admin.sections.platformAlerts", "Platform Alerts") }) }), /* @__PURE__ */ v(w, {
-								className: "space-y-4",
-								children: [
-									/* @__PURE__ */ v("div", {
-										className: "flex items-start space-x-3",
-										children: [/* @__PURE__ */ _(r, { className: "h-5 w-5 text-status-warning-text mt-0.5" }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-											className: "font-medium text-sm",
-											children: P("proserviceworld.dashboard.admin.alerts.pendingVerifications.title", "Pending Verifications")
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.admin.alerts.pendingVerifications.description", "3 providers awaiting verification")
-										})] })]
-									}),
-									/* @__PURE__ */ v("div", {
-										className: "flex items-start space-x-3",
-										children: [/* @__PURE__ */ _(c, { className: "h-5 w-5 text-status-success-text mt-0.5" }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-											className: "font-medium text-sm",
-											children: P("proserviceworld.dashboard.admin.alerts.systemStatus.title", "System Status")
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.admin.alerts.systemStatus.description", "All systems operational")
-										})] })]
-									}),
-									/* @__PURE__ */ v("div", {
-										className: "flex items-start space-x-3",
-										children: [/* @__PURE__ */ _(a, { className: "h-5 w-5 text-accent-blue mt-0.5" }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-											className: "font-medium text-sm",
-											children: P("proserviceworld.dashboard.admin.alerts.newReviews.title", "New Reviews")
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.admin.alerts.newReviews.description", "12 new reviews this week")
-										})] })]
-									})
-								]
-							})]
-						})]
+					/* @__PURE__ */ v(i, {
+						label: "Unbilled hours",
+						value: c(x.unbilledHours),
+						hint: `${c(x.billedHours)} billed`,
+						icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" }),
+						tone: "warning"
+					}),
+					/* @__PURE__ */ v(i, {
+						label: "Outstanding",
+						value: l(x.outstandingInvoiceTotal),
+						hint: "Sent + overdue",
+						icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" }),
+						tone: "warning"
+					}),
+					/* @__PURE__ */ v(i, {
+						label: "Collected",
+						value: l(x.paidInvoiceTotal),
+						icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" }),
+						tone: "success"
+					}),
+					/* @__PURE__ */ v(i, {
+						label: "Compliance due",
+						value: x.pendingComplianceChecks,
+						icon: /* @__PURE__ */ v(g, { className: "h-4 w-4" }),
+						tone: x.pendingComplianceChecks ? "warning" : "success"
+					}),
+					/* @__PURE__ */ v(i, {
+						label: "Open conflicts",
+						value: x.openConflictChecks,
+						icon: /* @__PURE__ */ v(m, { className: "h-4 w-4" }),
+						tone: x.openConflictChecks ? "danger" : "success"
 					})
 				]
 			}),
-			B === "team" && /* @__PURE__ */ v("div", {
-				className: "space-y-6",
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
 				children: [
-					/* @__PURE__ */ _(D, { children: /* @__PURE__ */ v("div", {
-						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
-							className: "text-xl font-bold tracking-tight",
-							children: P("proserviceworld.dashboard.team.title", "Welcome, Team Member!")
-						}), /* @__PURE__ */ _("p", {
-							className: "text-text-secondary mt-1",
-							children: P("proserviceworld.dashboard.team.subtitle", "Manage assigned tasks and projects")
-						})] }), /* @__PURE__ */ v(x, {
-							variant: "outline",
-							size: "sm",
-							children: [/* @__PURE__ */ _(s, { className: "h-4 w-4 mr-2" }), P("proserviceworld.dashboard.team.actions.myTasks", "My Tasks")]
-						})]
-					}) }),
-					/* @__PURE__ */ v("div", {
-						className: "grid gap-4 md:grid-cols-4",
-						children: [
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(c, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: "8"
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.team.metrics.tasksCompleted", "Tasks Completed")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(l, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: W.length
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.team.metrics.pendingTasks", "Pending Tasks")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "glass",
-								glow: !0,
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(p, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: "4.9"
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.team.metrics.performanceScore", "Performance Score")
-										})]
-									})]
-								})
-							}),
-							/* @__PURE__ */ _(O, {
-								treatment: "metric",
-								className: "border-border-seam",
-								children: /* @__PURE__ */ v("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ _(h, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
-										className: "ml-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-2xl font-bold tabular-nums",
-											children: H.length
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: P("proserviceworld.dashboard.team.metrics.activeProjects", "Active Projects")
-										})]
-									})]
-								})
-							})
-						]
+					/* @__PURE__ */ v(o, {
+						title: "Engagements by status",
+						children: /* @__PURE__ */ v(S, { items: x.engagementsByStatus })
+					}),
+					/* @__PURE__ */ v(o, {
+						title: "Matters by status",
+						children: /* @__PURE__ */ v(S, { items: x.mattersByStatus })
 					}),
-					/* @__PURE__ */ v(C, {
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(E, { children: P("proserviceworld.dashboard.team.sections.recentActivity", "Recent Activity") }) }), /* @__PURE__ */ _(w, {
-							className: "py-4",
-							children: /* @__PURE__ */ _(A, {
-								illustration: "empty-notifications",
-								title: P("proserviceworld.dashboard.team.sections.comingSoonTitle", "No recent activity yet"),
-								description: P("proserviceworld.dashboard.team.sections.comingSoon", "Team member features are on the way — assigned tasks and project updates will show up here.")
-							})
-						})]
+					/* @__PURE__ */ v(o, {
+						title: "Revenue (last months)",
+						children: /* @__PURE__ */ v(C, { data: x.revenueByMonth })
 					})
 				]
+			}),
+			/* @__PURE__ */ v(o, {
+				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", {
+						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",
+								children: e.icon
+							}), e.label]
+						}), /* @__PURE__ */ v(u, { className: "h-4 w-4 text-text-tertiary" })]
+					}, e.to))
+				})
 			})
 		]
+	}) : null;
+}, S = ({ items: e }) => {
+	if (!e.length) return /* @__PURE__ */ v("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",
+			children: [
+				/* @__PURE__ */ v("div", {
+					className: "w-28 shrink-0",
+					children: /* @__PURE__ */ v(s, { status: e.status })
+				}),
+				/* @__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__ */ v("span", {
+					className: "w-8 text-right text-sm font-medium text-text-primary",
+					children: e.count
+				})
+			]
+		}, e.status))
+	});
+}, C = ({ data: e }) => {
+	if (!e.length) return /* @__PURE__ */ v("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)
+			})]
+		}, e.month))
 	});
-}
+};
 //#endregion
-export { N as DashboardPage };
+export { x as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map