@burdenoff/microfe-proserviceworld 2026.509.101

package/dist/proserviceworld/pages/DashboardPage.js

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