@burdenoff/microfe-proserviceworld 2026.625.1 → 2026.626.2

package/dist/proserviceworld/pages/DashboardPage.js

@@ -1,188 +1,219 @@
 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, MessageSquare as f, Plus as p, Star as m, TrendingUp as h, Users as g } from "lucide-react";
-import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { AuroraBackground as b, Badge as x, Button as S, CTAOverflowMenu as C, Card as w, CardContent as T, CardHeader as E, CardTitle as D, EmphasisPanel as O, GlassCard as k, GradientText as A } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/proserviceworld/pages/DashboardPage.tsx
-function j() {
-	let { t: j } = _(), M = (e, n, r) => t(j, e, n, r), { bookings: N, providers: P, services: F, reviews: I, notifications: L } = e(), [R, z] = n("client"), B = N.filter((e) => e.status === "in_progress"), V = N.filter((e) => e.status === "completed"), H = N.filter((e) => e.status === "pending"), U = N.filter((e) => e.paymentStatus === "completed").reduce((e, t) => e + t.budget, 0), W = L.filter((e) => !e.read).length, G = [
+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: M("proserviceworld.dashboard.views.client", "Client")
+			label: P("proserviceworld.dashboard.views.client", "Client")
 		},
 		{
 			id: "provider",
-			label: M("proserviceworld.dashboard.views.provider", "Provider")
+			label: P("proserviceworld.dashboard.views.provider", "Provider")
 		},
 		{
 			id: "admin",
-			label: M("proserviceworld.dashboard.views.admin", "Admin")
+			label: P("proserviceworld.dashboard.views.admin", "Admin")
 		},
 		{
 			id: "team",
-			label: M("proserviceworld.dashboard.views.team", "Team")
+			label: P("proserviceworld.dashboard.views.team", "Team")
 		}
-	], K = (e) => e === "completed" ? M("proserviceworld.shared.bookingStatus.completed", "completed") : e === "in_progress" ? M("proserviceworld.shared.bookingStatus.inProgress", "in progress") : e === "pending" ? M("proserviceworld.shared.bookingStatus.pending", "pending") : M("proserviceworld.shared.bookingStatus.cancelled", "cancelled");
-	return /* @__PURE__ */ y("div", {
+	], 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",
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v("div", {
 				className: "relative overflow-hidden rounded-card -mx-2 px-2 pt-1",
-				children: [/* @__PURE__ */ v(b, { intensity: "subtle" }), /* @__PURE__ */ y("div", {
+				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__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+					children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
 						className: "text-2xl font-semibold tracking-tight",
-						children: /* @__PURE__ */ v(A, { children: M("proserviceworld.dashboard.title", "Dashboard") })
-					}), /* @__PURE__ */ v("p", {
+						children: /* @__PURE__ */ _(k, { children: P("proserviceworld.dashboard.title", "Dashboard") })
+					}), /* @__PURE__ */ _("p", {
 						className: "text-sm text-text-secondary",
-						children: M("proserviceworld.dashboard.subtitle", "Welcome back! Here is your activity overview.")
-					})] }), /* @__PURE__ */ y("div", {
+						children: P("proserviceworld.dashboard.subtitle", "Welcome back! Here is your activity overview.")
+					})] }), /* @__PURE__ */ v("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "flex bg-bg-sunken rounded-lg p-1",
-							children: G.map((e) => /* @__PURE__ */ v("button", {
-								onClick: () => z(e.id),
-								"aria-pressed": R === 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 ${R === e.id ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"}`,
+							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))
-						}), W > 0 && /* @__PURE__ */ y(S, {
+						}), K > 0 && /* @__PURE__ */ v(x, {
 							variant: "outline",
 							size: "sm",
-							"aria-label": `${W} unread`,
-							children: [/* @__PURE__ */ v(a, { className: "h-4 w-4 mr-1" }), /* @__PURE__ */ v("span", {
+							"aria-label": `${K} unread`,
+							children: [/* @__PURE__ */ _(a, { className: "h-4 w-4 mr-1" }), /* @__PURE__ */ _("span", {
 								className: "tabular-nums",
-								children: W
+								children: K
 							})]
 						})]
 					})]
 				})]
 			}),
-			R === "client" && /* @__PURE__ */ y("div", {
+			/* @__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")
+					}
+				]
+			}),
+			B === "client" && /* @__PURE__ */ v("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ v(O, { children: /* @__PURE__ */ y("div", {
+					/* @__PURE__ */ _(D, { children: /* @__PURE__ */ v("div", {
 						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
+						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
 							className: "text-xl font-bold tracking-tight",
-							children: M("proserviceworld.dashboard.client.welcomeTitle", "Welcome back, Alex!")
-						}), /* @__PURE__ */ v("p", {
+							children: P("proserviceworld.dashboard.client.welcomeTitle", "Welcome back, Alex!")
+						}), /* @__PURE__ */ _("p", {
 							className: "text-text-secondary mt-1",
-							children: M("proserviceworld.dashboard.client.welcomeSubtitle", "Manage your services, bookings, and find new providers")
-						})] }), /* @__PURE__ */ y(S, {
+							children: P("proserviceworld.dashboard.client.welcomeSubtitle", "Manage your services, bookings, and find new providers")
+						})] }), /* @__PURE__ */ v(x, {
 							size: "sm",
-							children: [/* @__PURE__ */ v(p, { className: "h-4 w-4 mr-2" }), M("proserviceworld.dashboard.client.actions.findServices", "Find Services")]
+							children: [/* @__PURE__ */ _(f, { className: "h-4 w-4 mr-2" }), P("proserviceworld.dashboard.client.actions.findServices", "Find Services")]
 						})]
 					}) }),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ v("div", {
 						className: "grid gap-4 md:grid-cols-4",
 						children: [
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(s, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(s, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: B.length
-										}), /* @__PURE__ */ v("p", {
+											children: H.length
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.client.metrics.activeBookings", "Active Bookings")
+											children: P("proserviceworld.dashboard.client.metrics.activeBookings", "Active Bookings")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(m, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(p, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
 											children: "4.8"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.client.metrics.avgRatingGiven", "Avg. Rating Given")
+											children: P("proserviceworld.dashboard.client.metrics.avgRatingGiven", "Avg. Rating Given")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(c, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(c, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: V.length
-										}), /* @__PURE__ */ v("p", {
+											children: U.length
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.client.metrics.completedProjects", "Completed Projects")
+											children: P("proserviceworld.dashboard.client.metrics.completedProjects", "Completed Projects")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "glass",
 								glow: !0,
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(u, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(u, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ y("p", {
+										children: [/* @__PURE__ */ v("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: ["$", U.toLocaleString()]
-										}), /* @__PURE__ */ v("p", {
+											children: ["$", G.toLocaleString()]
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.client.metrics.totalSpent", "Total Spent")
+											children: P("proserviceworld.dashboard.client.metrics.totalSpent", "Total Spent")
 										})]
 									})]
 								})
 							})
 						]
 					}),
-					/* @__PURE__ */ y(w, {
+					/* @__PURE__ */ v(C, {
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ v(E, { children: /* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ _(T, { children: /* @__PURE__ */ v("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ v(D, { children: M("proserviceworld.dashboard.client.sections.recentBookings", "Recent Bookings") }), /* @__PURE__ */ v(S, {
+							children: [/* @__PURE__ */ _(E, { children: P("proserviceworld.dashboard.client.sections.recentBookings", "Recent Bookings") }), /* @__PURE__ */ _(x, {
 								variant: "outline",
 								size: "sm",
-								children: M("proserviceworld.shared.actions.viewAll", "View All")
+								children: P("proserviceworld.shared.actions.viewAll", "View All")
 							})]
-						}) }), /* @__PURE__ */ v(T, {
+						}) }), /* @__PURE__ */ _(w, {
 							className: "space-y-4",
-							children: N.slice(0, 5).map((e) => /* @__PURE__ */ y("div", {
+							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__ */ y("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "flex items-center space-x-4",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ _("div", {
 										className: "h-10 w-10 rounded-full bg-accent-soft flex items-center justify-center",
-										children: /* @__PURE__ */ v(o, { className: "h-5 w-5 text-text-primary" })
-									}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										children: /* @__PURE__ */ _(o, { className: "h-5 w-5 text-text-primary" })
+									}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 										className: "font-medium",
 										children: e.title
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ _("p", {
 										className: "text-sm text-text-secondary",
-										children: M("proserviceworld.dashboard.client.booking.provider", "Provider: {{name}}", { name: e.providerName })
+										children: P("proserviceworld.dashboard.client.booking.provider", "Provider: {{name}}", { name: e.providerName })
 									})] })]
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ v("div", {
 									className: "text-right",
-									children: [/* @__PURE__ */ y("p", {
+									children: [/* @__PURE__ */ v("p", {
 										className: "font-medium text-sm tabular-nums",
 										children: ["$", e.budget.toLocaleString()]
-									}), /* @__PURE__ */ v(x, {
+									}), /* @__PURE__ */ _(b, {
 										variant: e.status === "completed" ? "default" : e.status === "in_progress" ? "secondary" : "outline",
-										children: K(e.status)
+										children: J(e.status)
 									})]
 								})]
 							}, e.id))
@@ -190,141 +221,141 @@ function j() {
 					})
 				]
 			}),
-			R === "provider" && /* @__PURE__ */ y("div", {
+			B === "provider" && /* @__PURE__ */ v("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ v(O, { children: /* @__PURE__ */ y("div", {
+					/* @__PURE__ */ _(D, { children: /* @__PURE__ */ v("div", {
 						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
+						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
 							className: "text-xl font-bold tracking-tight",
-							children: M("proserviceworld.dashboard.provider.welcomeTitle", "Welcome back, Provider!")
-						}), /* @__PURE__ */ v("p", {
+							children: P("proserviceworld.dashboard.provider.welcomeTitle", "Welcome back, Provider!")
+						}), /* @__PURE__ */ _("p", {
 							className: "text-text-secondary mt-1",
-							children: M("proserviceworld.dashboard.provider.welcomeSubtitle", "Manage your services, bookings, and grow your business")
-						})] }), /* @__PURE__ */ v(C, {
+							children: P("proserviceworld.dashboard.provider.welcomeSubtitle", "Manage your services, bookings, and grow your business")
+						})] }), /* @__PURE__ */ _(S, {
 							primary: {
-								label: M("proserviceworld.dashboard.provider.actions.editProfile", "Edit Profile"),
+								label: P("proserviceworld.dashboard.provider.actions.editProfile", "Edit Profile"),
 								onSelect: () => {},
-								icon: /* @__PURE__ */ v(d, { className: "h-4 w-4" })
+								icon: /* @__PURE__ */ _(d, { className: "h-4 w-4" })
 							},
 							actions: [{
-								label: M("proserviceworld.dashboard.provider.actions.addService", "Add Service"),
+								label: P("proserviceworld.dashboard.provider.actions.addService", "Add Service"),
 								onSelect: () => {},
-								icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
+								icon: /* @__PURE__ */ _(f, { className: "h-4 w-4" })
 							}]
 						})]
 					}) }),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ v("div", {
 						className: "grid gap-4 md:grid-cols-4",
 						children: [
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "glass",
 								glow: !0,
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(m, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(p, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
 											children: "4.9"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.provider.metrics.rating", "Rating ({{count}} reviews)", { count: I.length })
+											children: P("proserviceworld.dashboard.provider.metrics.rating", "Rating ({{count}} reviews)", { count: R.length })
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(s, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(s, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: B.length
-										}), /* @__PURE__ */ v("p", {
+											children: H.length
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.provider.metrics.activeProjects", "Active Projects")
+											children: P("proserviceworld.dashboard.provider.metrics.activeProjects", "Active Projects")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(h, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(m, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
 											children: "98%"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.provider.metrics.completionRate", "Completion Rate")
+											children: P("proserviceworld.dashboard.provider.metrics.completionRate", "Completion Rate")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(u, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(u, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
 											children: "$12,850"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.provider.metrics.thisMonth", "This Month")
+											children: P("proserviceworld.dashboard.provider.metrics.thisMonth", "This Month")
 										})]
 									})]
 								})
 							})
 						]
 					}),
-					/* @__PURE__ */ y(w, {
+					/* @__PURE__ */ v(C, {
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ v(E, { children: /* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ _(T, { children: /* @__PURE__ */ v("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ v(D, { children: M("proserviceworld.dashboard.provider.sections.yourServices", "Your Services") }), /* @__PURE__ */ v(C, {
+							children: [/* @__PURE__ */ _(E, { children: P("proserviceworld.dashboard.provider.sections.yourServices", "Your Services") }), /* @__PURE__ */ _(S, {
 								primary: {
-									label: M("proserviceworld.dashboard.provider.actions.addService", "Add Service"),
+									label: P("proserviceworld.dashboard.provider.actions.addService", "Add Service"),
 									onSelect: () => {},
-									icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
+									icon: /* @__PURE__ */ _(f, { className: "h-4 w-4" })
 								},
 								actions: [{
-									label: M("proserviceworld.shared.actions.viewAll", "View All"),
+									label: P("proserviceworld.shared.actions.viewAll", "View All"),
 									onSelect: () => {},
-									icon: /* @__PURE__ */ v(d, { className: "h-4 w-4" })
+									icon: /* @__PURE__ */ _(d, { className: "h-4 w-4" })
 								}]
 							})]
-						}) }), /* @__PURE__ */ v(T, { children: /* @__PURE__ */ v("div", {
+						}) }), /* @__PURE__ */ _(w, { children: /* @__PURE__ */ _("div", {
 							className: "grid gap-4 md:grid-cols-3",
-							children: F.slice(0, 3).map((e) => /* @__PURE__ */ y("div", {
+							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__ */ v("h4", {
+									/* @__PURE__ */ _("h4", {
 										className: "font-medium mb-1",
 										children: e.title
 									}),
-									/* @__PURE__ */ v("p", {
+									/* @__PURE__ */ _("p", {
 										className: "text-sm text-text-secondary mb-2 line-clamp-2",
 										children: e.description
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ v("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ v("span", {
+										children: [/* @__PURE__ */ _("span", {
 											className: "text-sm font-medium tabular-nums",
-											children: M("proserviceworld.services.card.pricing.from", "From ${{amount}}", { amount: e.pricing.basePrice.toLocaleString() })
-										}), /* @__PURE__ */ v(x, {
+											children: P("proserviceworld.services.card.pricing.from", "From ${{amount}}", { amount: e.pricing.basePrice.toLocaleString() })
+										}), /* @__PURE__ */ _(b, {
 											variant: "secondary",
-											children: M("proserviceworld.dashboard.provider.service.bookings", "{{count}} bookings", { count: e.totalBookings })
+											children: P("proserviceworld.dashboard.provider.service.bookings", "{{count}} bookings", { count: e.totalBookings })
 										})]
 									})
 								]
@@ -333,133 +364,133 @@ function j() {
 					})
 				]
 			}),
-			R === "admin" && /* @__PURE__ */ y("div", {
+			B === "admin" && /* @__PURE__ */ v("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ v(O, { children: /* @__PURE__ */ y("div", {
+					/* @__PURE__ */ _(D, { children: /* @__PURE__ */ v("div", {
 						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
+						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
 							className: "text-xl font-bold tracking-tight",
-							children: M("proserviceworld.dashboard.admin.title", "Admin Dashboard")
-						}), /* @__PURE__ */ v("p", {
+							children: P("proserviceworld.dashboard.admin.title", "Admin Dashboard")
+						}), /* @__PURE__ */ _("p", {
 							className: "text-text-secondary mt-1",
-							children: M("proserviceworld.dashboard.admin.subtitle", "Monitor platform activity and manage users")
-						})] }), /* @__PURE__ */ v(C, {
+							children: P("proserviceworld.dashboard.admin.subtitle", "Monitor platform activity and manage users")
+						})] }), /* @__PURE__ */ _(S, {
 							primary: {
-								label: M("proserviceworld.dashboard.admin.actions.viewReports", "View Reports"),
+								label: P("proserviceworld.dashboard.admin.actions.viewReports", "View Reports"),
 								onSelect: () => {},
-								icon: /* @__PURE__ */ v(i, { className: "h-4 w-4" })
+								icon: /* @__PURE__ */ _(i, { className: "h-4 w-4" })
 							},
 							actions: [{
-								label: M("proserviceworld.dashboard.admin.actions.manageUsers", "Manage Users"),
+								label: P("proserviceworld.dashboard.admin.actions.manageUsers", "Manage Users"),
 								onSelect: () => {},
-								icon: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
+								icon: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
 							}]
 						})]
 					}) }),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ v("div", {
 						className: "grid gap-4 md:grid-cols-4",
 						children: [
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(g, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(h, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: P.length
-										}), /* @__PURE__ */ v("p", {
+											children: I.length
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.admin.metrics.totalProviders", "Total Providers")
+											children: P("proserviceworld.dashboard.admin.metrics.totalProviders", "Total Providers")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(o, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(o, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: F.length
-										}), /* @__PURE__ */ v("p", {
+											children: L.length
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.admin.metrics.totalServices", "Total Services")
+											children: P("proserviceworld.dashboard.admin.metrics.totalServices", "Total Services")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(s, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(s, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: N.length
-										}), /* @__PURE__ */ v("p", {
+											children: F.length
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.admin.metrics.totalBookings", "Total Bookings")
+											children: P("proserviceworld.dashboard.admin.metrics.totalBookings", "Total Bookings")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "glass",
 								glow: !0,
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(u, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(u, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
 											children: "$45,670"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.admin.metrics.totalRevenue", "Total Revenue")
+											children: P("proserviceworld.dashboard.admin.metrics.totalRevenue", "Total Revenue")
 										})]
 									})]
 								})
 							})
 						]
 					}),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ v("div", {
 						className: "grid gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ y(w, {
+						children: [/* @__PURE__ */ v(C, {
 							className: "border-border-seam",
-							children: [/* @__PURE__ */ v(E, { children: /* @__PURE__ */ v(D, { children: M("proserviceworld.dashboard.admin.sections.recentProviders", "Recent Providers") }) }), /* @__PURE__ */ v(T, {
+							children: [/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(E, { children: P("proserviceworld.dashboard.admin.sections.recentProviders", "Recent Providers") }) }), /* @__PURE__ */ _(w, {
 								className: "space-y-4",
-								children: P.slice(0, 3).map((e) => /* @__PURE__ */ y("div", {
+								children: I.slice(0, 3).map((e) => /* @__PURE__ */ v("div", {
 									className: "flex items-center space-x-4",
 									children: [
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ _("div", {
 											className: "h-10 w-10 rounded-full bg-accent-soft flex items-center justify-center",
-											children: /* @__PURE__ */ v("span", {
+											children: /* @__PURE__ */ _("span", {
 												className: "text-text-primary font-medium",
 												children: e.name.charAt(0)
 											})
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ v("div", {
 											className: "flex-1",
-											children: [/* @__PURE__ */ v("p", {
+											children: [/* @__PURE__ */ _("p", {
 												className: "font-medium",
 												children: e.businessName
-											}), /* @__PURE__ */ v("p", {
+											}), /* @__PURE__ */ _("p", {
 												className: "text-sm text-text-secondary",
 												children: e.specializations[0]
 											})]
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ v("div", {
 											className: "flex items-center text-sm",
-											children: [/* @__PURE__ */ v(m, { className: "h-4 w-4 text-status-warning-text mr-1" }), /* @__PURE__ */ v("span", {
+											children: [/* @__PURE__ */ _(p, { className: "h-4 w-4 text-status-warning-text mr-1" }), /* @__PURE__ */ _("span", {
 												className: "tabular-nums",
 												children: e.rating.toFixed(1)
 											})]
@@ -467,39 +498,39 @@ function j() {
 									]
 								}, e.id))
 							})]
-						}), /* @__PURE__ */ y(w, {
+						}), /* @__PURE__ */ v(C, {
 							className: "border-border-seam",
-							children: [/* @__PURE__ */ v(E, { children: /* @__PURE__ */ v(D, { children: M("proserviceworld.dashboard.admin.sections.platformAlerts", "Platform Alerts") }) }), /* @__PURE__ */ y(T, {
+							children: [/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(E, { children: P("proserviceworld.dashboard.admin.sections.platformAlerts", "Platform Alerts") }) }), /* @__PURE__ */ v(w, {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ v("div", {
 										className: "flex items-start space-x-3",
-										children: [/* @__PURE__ */ v(r, { className: "h-5 w-5 text-status-warning-text mt-0.5" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										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: M("proserviceworld.dashboard.admin.alerts.pendingVerifications.title", "Pending Verifications")
-										}), /* @__PURE__ */ v("p", {
+											children: P("proserviceworld.dashboard.admin.alerts.pendingVerifications.title", "Pending Verifications")
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.admin.alerts.pendingVerifications.description", "3 providers awaiting verification")
+											children: P("proserviceworld.dashboard.admin.alerts.pendingVerifications.description", "3 providers awaiting verification")
 										})] })]
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ v("div", {
 										className: "flex items-start space-x-3",
-										children: [/* @__PURE__ */ v(c, { className: "h-5 w-5 text-status-success-text mt-0.5" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										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: M("proserviceworld.dashboard.admin.alerts.systemStatus.title", "System Status")
-										}), /* @__PURE__ */ v("p", {
+											children: P("proserviceworld.dashboard.admin.alerts.systemStatus.title", "System Status")
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.admin.alerts.systemStatus.description", "All systems operational")
+											children: P("proserviceworld.dashboard.admin.alerts.systemStatus.description", "All systems operational")
 										})] })]
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ v("div", {
 										className: "flex items-start space-x-3",
-										children: [/* @__PURE__ */ v(a, { className: "h-5 w-5 text-accent-blue mt-0.5" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										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: M("proserviceworld.dashboard.admin.alerts.newReviews.title", "New Reviews")
-										}), /* @__PURE__ */ v("p", {
+											children: P("proserviceworld.dashboard.admin.alerts.newReviews.title", "New Reviews")
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.admin.alerts.newReviews.description", "12 new reviews this week")
+											children: P("proserviceworld.dashboard.admin.alerts.newReviews.description", "12 new reviews this week")
 										})] })]
 									})
 								]
@@ -508,105 +539,106 @@ function j() {
 					})
 				]
 			}),
-			R === "team" && /* @__PURE__ */ y("div", {
+			B === "team" && /* @__PURE__ */ v("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ v(O, { children: /* @__PURE__ */ y("div", {
+					/* @__PURE__ */ _(D, { children: /* @__PURE__ */ v("div", {
 						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
+						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
 							className: "text-xl font-bold tracking-tight",
-							children: M("proserviceworld.dashboard.team.title", "Welcome, Team Member!")
-						}), /* @__PURE__ */ v("p", {
+							children: P("proserviceworld.dashboard.team.title", "Welcome, Team Member!")
+						}), /* @__PURE__ */ _("p", {
 							className: "text-text-secondary mt-1",
-							children: M("proserviceworld.dashboard.team.subtitle", "Manage assigned tasks and projects")
-						})] }), /* @__PURE__ */ y(S, {
+							children: P("proserviceworld.dashboard.team.subtitle", "Manage assigned tasks and projects")
+						})] }), /* @__PURE__ */ v(x, {
 							variant: "outline",
 							size: "sm",
-							children: [/* @__PURE__ */ v(s, { className: "h-4 w-4 mr-2" }), M("proserviceworld.dashboard.team.actions.myTasks", "My Tasks")]
+							children: [/* @__PURE__ */ _(s, { className: "h-4 w-4 mr-2" }), P("proserviceworld.dashboard.team.actions.myTasks", "My Tasks")]
 						})]
 					}) }),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ v("div", {
 						className: "grid gap-4 md:grid-cols-4",
 						children: [
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(c, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(c, { className: "h-8 w-8 text-status-success-text" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
 											children: "8"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.team.metrics.tasksCompleted", "Tasks Completed")
+											children: P("proserviceworld.dashboard.team.metrics.tasksCompleted", "Tasks Completed")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(l, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(l, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: H.length
-										}), /* @__PURE__ */ v("p", {
+											children: W.length
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.team.metrics.pendingTasks", "Pending Tasks")
+											children: P("proserviceworld.dashboard.team.metrics.pendingTasks", "Pending Tasks")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "glass",
 								glow: !0,
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(m, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(p, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
 											children: "4.9"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.team.metrics.performanceScore", "Performance Score")
+											children: P("proserviceworld.dashboard.team.metrics.performanceScore", "Performance Score")
 										})]
 									})]
 								})
 							}),
-							/* @__PURE__ */ v(k, {
+							/* @__PURE__ */ _(O, {
 								treatment: "metric",
 								className: "border-border-seam",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "flex items-center",
-									children: [/* @__PURE__ */ v(g, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ _(h, { className: "h-8 w-8 text-accent-blue" }), /* @__PURE__ */ v("div", {
 										className: "ml-4",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: B.length
-										}), /* @__PURE__ */ v("p", {
+											children: H.length
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: M("proserviceworld.dashboard.team.metrics.activeProjects", "Active Projects")
+											children: P("proserviceworld.dashboard.team.metrics.activeProjects", "Active Projects")
 										})]
 									})]
 								})
 							})
 						]
 					}),
-					/* @__PURE__ */ y(w, {
+					/* @__PURE__ */ v(C, {
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ v(E, { children: /* @__PURE__ */ v(D, { children: M("proserviceworld.dashboard.team.sections.recentActivity", "Recent Activity") }) }), /* @__PURE__ */ y(T, {
-							className: "text-center py-8",
-							children: [/* @__PURE__ */ v(f, { className: "h-12 w-12 mx-auto text-text-secondary mb-4" }), /* @__PURE__ */ v("p", {
-								className: "text-text-secondary",
-								children: M("proserviceworld.dashboard.team.sections.comingSoon", "Team member features coming soon")
-							})]
+						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.")
+							})
 						})]
 					})
 				]
@@ -615,6 +647,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as DashboardPage };
+export { N as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map