@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.2

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.js

@@ -1,478 +1,364 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t, useState as n } from "react";
-import { BarChart3 as r, Briefcase as i, Calendar as a, CheckCircle as o, Clock as s, DollarSign as c, Globe as l, MapPin as u, MessageSquare as d, Star as f, TrendingUp as p, Users as m, Video as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Badge as v, Button as y, Card as b, CardContent as x, CardDescription as S, CardHeader as C, CardTitle as w, GlassCard as T, GradientText as E, NextSteps as D, PagePurpose as O, Separator as k, Tabs as A, TabsContent as j, TabsList as M, TabsTrigger as N } from "@burdenoff/fe-libs/ui";
+import { Briefcase as r, Calendar as i, DollarSign as a, MessageSquare as o, Star as s, TrendingUp as c, Video as l } from "lucide-react";
+import { useLocation as u, useNavigate as d } from "react-router-dom";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Badge as m, Button as h, Card as g, CardContent as _, CardDescription as v, CardHeader as y, CardTitle as b, GlassCard as x, GradientText as S, IllustratedEmptyState as C, NextSteps as w, PagePurpose as T, Separator as E, Tabs as D, TabsContent as O, TabsList as k, TabsTrigger as A } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.tsx
-function P() {
-	let [P, F] = n("overview"), { marketplaceServices: I, clients: L, candidates: R } = e(), z = t(() => [
-		{
-			day: "Monday",
-			slots: [
-				"9:00 AM",
-				"11:00 AM",
-				"2:00 PM"
-			]
-		},
-		{
-			day: "Tuesday",
-			slots: [
-				"10:00 AM",
-				"1:00 PM",
-				"3:00 PM"
-			]
-		},
-		{
-			day: "Wednesday",
-			slots: ["9:00 AM", "2:00 PM"]
-		},
-		{
-			day: "Thursday",
-			slots: [
-				"11:00 AM",
-				"1:00 PM",
-				"4:00 PM"
-			]
-		},
-		{
-			day: "Friday",
-			slots: ["9:00 AM", "10:00 AM"]
-		}
-	], []), B = t(() => I.slice(0, 6).map((e) => ({
+var j = (e) => e.split(" ").map((e) => e[0] ?? "").join("").slice(0, 2).toUpperCase() || "—";
+function M() {
+	let [M, N] = n("overview"), P = d(), F = u(), { marketplaceServices: I } = e(), L = new URLSearchParams(F.search).get("id"), R = I.find((e) => e.id === L) ?? I[0], z = R?.provider ?? "", B = t(() => I.filter((e) => e.provider === z), [I, z]), V = t(() => Array.from(new Set(B.flatMap((e) => e.skills))).slice(0, 20), [B]), H = t(() => Array.from(new Set(B.map((e) => e.category))), [B]), U = t(() => B.map((e) => ({
+		id: e.id,
 		title: e.title,
 		price: e.priceType === "hourly" ? `$${e.price}/hr` : e.priceType === "monthly" ? `$${e.price}/mo` : `$${e.price}`,
 		type: e.priceType,
 		description: e.description,
-		delivery: e.deliveryTime
-	})), [I]), V = t(() => [
+		delivery: e.deliveryTime,
+		rating: e.rating,
+		reviews: e.reviews
+	})), [B]), W = B.length > 0 ? (B.reduce((e, t) => e + t.rating, 0) / B.length).toFixed(1) : "0.0", G = B.reduce((e, t) => e + t.reviews, 0), K = B.length > 0 ? Math.min(...B.map((e) => e.price)) : 0, q = Number(W) >= 4.5 && G > 0, J = [
 		{
-			label: "Avg. Placement Time",
-			value: `${Math.max(15, 45 - R.filter((e) => e.status === "hired").length)} days`,
-			trend: "-3 days vs avg"
+			label: "Services",
+			value: `${B.length}`
 		},
 		{
-			label: "Offer Acceptance Rate",
-			value: `${Math.round(R.filter((e) => e.status === "hired").length / Math.max(R.filter((e) => e.status === "offer").length, 1) * 100)}%`,
-			trend: "+8% vs avg"
+			label: "Avg Rating",
+			value: W
 		},
 		{
-			label: "Client Retention",
-			value: `${Math.min(99, Math.max(70, Math.round(L.filter((e) => e.status === "active").length / Math.max(L.length, 1) * 100)))}%`,
-			trend: "repeat clients"
+			label: "Total Reviews",
+			value: `${G}`
 		},
 		{
-			label: "Candidates Placed (YTD)",
-			value: `${R.filter((e) => e.status === "hired").length}`,
-			trend: "+12% YoY"
+			label: "Starting Rate",
+			value: `$${K.toLocaleString()}`
 		}
-	], [R, L]);
-	return /* @__PURE__ */ _("div", {
+	];
+	return R ? /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ g(T, {
+			/* @__PURE__ */ f(x, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: /* @__PURE__ */ g(x, {
+				children: /* @__PURE__ */ f(_, {
 					className: "pt-6",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "flex items-start gap-6",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "flex h-24 w-24 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-primary to-primary/60 text-action-primary-text text-3xl font-semibold",
-							children: "MS"
-						}), /* @__PURE__ */ _("div", {
+							children: j(z)
+						}), /* @__PURE__ */ p("div", {
 							className: "flex-1 space-y-2",
 							children: [
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ p("div", {
 									className: "flex items-center gap-3 flex-wrap",
-									children: [
-										/* @__PURE__ */ g("h1", {
-											className: "text-2xl font-semibold",
-											children: /* @__PURE__ */ g(E, { children: "Maria Santos" })
-										}),
-										/* @__PURE__ */ g(v, { children: "Top Rated Plus" }),
-										/* @__PURE__ */ g(v, {
-											variant: "secondary",
-											children: "Expert-Vetted"
-										}),
-										/* @__PURE__ */ g(v, {
-											variant: "outline",
-											className: "text-status-success-text border-status-success-text/30",
-											children: "Available Now"
-										})
-									]
+									children: [/* @__PURE__ */ f("h1", {
+										className: "text-2xl font-semibold",
+										children: /* @__PURE__ */ f(S, { children: z })
+									}), q ? /* @__PURE__ */ f(m, { children: "Top Rated" }) : null]
 								}),
-								/* @__PURE__ */ g("p", {
+								/* @__PURE__ */ f("p", {
 									className: "text-sm font-medium",
-									children: "Senior HR Consultant & Technical Recruiter"
+									children: H.length > 0 ? H.join(" · ") : "Marketplace provider"
 								}),
-								/* @__PURE__ */ g("p", {
-									className: "text-xs text-text-secondary",
-									children: "TalentPro Solutions"
-								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ p("div", {
 									className: "flex flex-wrap items-center gap-4 text-xs text-text-secondary",
 									children: [
-										/* @__PURE__ */ _("span", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ g(u, { className: "h-3 w-3" }), " San Francisco, CA"]
-										}),
-										/* @__PURE__ */ _("span", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ g(l, { className: "h-3 w-3" }), " UTC-8 (PST)"]
-										}),
-										/* @__PURE__ */ _("span", {
+										/* @__PURE__ */ p("span", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ g(f, { className: "h-3 w-3 text-status-warning-text fill-yellow-500" }), " 4.9 (47 reviews)"]
+											children: [
+												/* @__PURE__ */ f(s, { className: "h-3 w-3 text-status-warning-text" }),
+												" ",
+												W,
+												" (",
+												G,
+												" ",
+												"reviews)"
+											]
 										}),
-										/* @__PURE__ */ _("span", {
+										/* @__PURE__ */ p("span", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ g(i, { className: "h-3 w-3" }), " 47 completed projects"]
+											children: [
+												/* @__PURE__ */ f(r, { className: "h-3 w-3" }),
+												" ",
+												B.length,
+												" services"
+											]
 										}),
-										/* @__PURE__ */ _("span", {
+										/* @__PURE__ */ p("span", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ g(c, { className: "h-3 w-3" }), " $150/hr"]
+											children: [
+												/* @__PURE__ */ f(a, { className: "h-3 w-3" }),
+												" from $",
+												K.toLocaleString()
+											]
 										})
 									]
 								}),
-								/* @__PURE__ */ _("div", {
-									className: "flex gap-2 pt-2",
+								/* @__PURE__ */ p("div", {
+									className: "flex gap-2 pt-2 flex-wrap",
 									children: [
-										/* @__PURE__ */ _(y, {
+										/* @__PURE__ */ p(h, {
 											size: "sm",
-											children: [/* @__PURE__ */ g(d, { className: "h-3 w-3 mr-1" }), " Send Proposal"]
+											onClick: () => P("../../marketplace/messaging-page"),
+											children: [/* @__PURE__ */ f(o, { className: "h-3 w-3 mr-1" }), " Send Proposal"]
 										}),
-										/* @__PURE__ */ _(y, {
+										/* @__PURE__ */ p(h, {
 											size: "sm",
 											variant: "outline",
-											children: [/* @__PURE__ */ g(h, { className: "h-3 w-3 mr-1" }), " Video Intro"]
+											disabled: !0,
+											title: "Video intro is coming soon",
+											"aria-label": "Video intro — coming soon",
+											children: [/* @__PURE__ */ f(l, { className: "h-3 w-3 mr-1" }), " Video Intro · Coming soon"]
 										}),
-										/* @__PURE__ */ _(y, {
+										/* @__PURE__ */ p(h, {
 											size: "sm",
 											variant: "outline",
-											children: [/* @__PURE__ */ g(a, { className: "h-3 w-3 mr-1" }), " Schedule Call"]
+											onClick: () => N("availability"),
+											children: [/* @__PURE__ */ f(i, { className: "h-3 w-3 mr-1" }), " Schedule Call"]
 										})
 									]
 								}),
-								/* @__PURE__ */ g(O, {
+								/* @__PURE__ */ f(T, {
 									className: "pt-2",
-									children: "A freelancer's full profile — skills, track record, services, availability, and performance — so you can vet them thoroughly and decide whether to hire before you reach out."
+									children: "A freelancer's full profile — skills, listed services, and performance — so you can vet them thoroughly and decide whether to hire before you reach out."
 								})
 							]
 						})]
 					})
 				})
 			}),
-			/* @__PURE__ */ g(D, {
+			/* @__PURE__ */ f(w, {
 				storageKey: "crewfoundry-freelancer-profile-enhanced",
 				steps: [
 					{
 						id: "services",
 						label: "Review their services",
 						description: "See exactly what this freelancer offers and at what price.",
-						icon: /* @__PURE__ */ g(i, { className: "h-4 w-4" }),
-						onClick: () => F("services")
+						icon: /* @__PURE__ */ f(r, { className: "h-4 w-4" }),
+						onClick: () => N("services")
 					},
 					{
 						id: "availability",
 						label: "Check availability",
 						description: "Find open slots before you schedule a call.",
-						icon: /* @__PURE__ */ g(a, { className: "h-4 w-4" }),
-						onClick: () => F("availability")
+						icon: /* @__PURE__ */ f(i, { className: "h-4 w-4" }),
+						onClick: () => N("availability")
 					},
 					{
 						id: "performance",
 						label: "Inspect performance",
 						description: "Look at ratings and delivery history to reduce risk.",
-						icon: /* @__PURE__ */ g(p, { className: "h-4 w-4" }),
-						onClick: () => F("analytics")
+						icon: /* @__PURE__ */ f(c, { className: "h-4 w-4" }),
+						onClick: () => N("analytics")
 					}
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ f("div", {
 				className: "grid gap-4 md:grid-cols-4",
-				children: V.map((e) => /* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
+				children: J.map((e) => /* @__PURE__ */ f(g, { children: /* @__PURE__ */ p(_, {
 					className: "pt-6",
-					children: [
-						/* @__PURE__ */ g("p", {
-							className: "text-xs text-text-secondary",
-							children: e.label
-						}),
-						/* @__PURE__ */ g("p", {
-							className: "text-lg font-bold",
-							children: e.value
-						}),
-						/* @__PURE__ */ g("p", {
-							className: "text-[10px] text-status-success-text",
-							children: e.trend
-						})
-					]
+					children: [/* @__PURE__ */ f("p", {
+						className: "text-xs text-text-secondary",
+						children: e.label
+					}), /* @__PURE__ */ f("p", {
+						className: "text-lg font-bold",
+						children: e.value
+					})]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ _(A, {
-				value: P,
-				onValueChange: F,
+			/* @__PURE__ */ p(D, {
+				value: M,
+				onValueChange: N,
 				children: [
-					/* @__PURE__ */ _(M, { children: [
-						/* @__PURE__ */ g(N, {
+					/* @__PURE__ */ p(k, { children: [
+						/* @__PURE__ */ f(A, {
 							value: "overview",
 							children: "Overview"
 						}),
-						/* @__PURE__ */ g(N, {
+						/* @__PURE__ */ f(A, {
 							value: "services",
 							children: "Services"
 						}),
-						/* @__PURE__ */ g(N, {
+						/* @__PURE__ */ f(A, {
 							value: "availability",
 							children: "Availability"
 						}),
-						/* @__PURE__ */ g(N, {
+						/* @__PURE__ */ f(A, {
 							value: "analytics",
 							children: "Performance"
 						})
 					] }),
-					/* @__PURE__ */ g(j, {
+					/* @__PURE__ */ f(O, {
 						value: "overview",
 						className: "space-y-6 mt-4",
-						children: /* @__PURE__ */ _("div", {
+						children: /* @__PURE__ */ p("div", {
 							className: "grid gap-6 lg:grid-cols-3",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ f("div", {
 								className: "lg:col-span-2 space-y-4",
-								children: /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ g(w, {
+								children: /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(y, { children: /* @__PURE__ */ f(b, {
 									className: "text-base",
-									children: "Professional Summary"
-								}) }), /* @__PURE__ */ _(x, {
+									children: "Summary"
+								}) }), /* @__PURE__ */ p(_, {
 									className: "text-sm text-text-secondary space-y-3",
-									children: [
-										/* @__PURE__ */ g("p", { children: "Award-winning HR consultant with 12+ years specializing in technical recruitment and talent strategy for high-growth technology companies. Deep expertise in building engineering teams, executive search, and implementing scalable hiring processes." }),
-										/* @__PURE__ */ g("p", { children: "Named one of the \"Top 50 HR Influencers\" by HR Tech Magazine in 2025. Regular speaker at HR technology conferences and contributor to industry publications." }),
-										/* @__PURE__ */ g(k, {}),
-										/* @__PURE__ */ _("div", {
-											className: "grid grid-cols-2 gap-3 text-xs",
-											children: [
-												/* @__PURE__ */ _("div", {
-													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ g(o, { className: "h-3 w-3 text-status-success-text" }), " Background verified"]
-												}),
-												/* @__PURE__ */ _("div", {
-													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ g(o, { className: "h-3 w-3 text-status-success-text" }), " Identity confirmed"]
-												}),
-												/* @__PURE__ */ _("div", {
-													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ g(o, { className: "h-3 w-3 text-status-success-text" }), " References checked"]
-												}),
-												/* @__PURE__ */ _("div", {
-													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ g(o, { className: "h-3 w-3 text-status-success-text" }), " Skills assessed"]
-												})
-											]
-										})
-									]
+									children: [/* @__PURE__ */ p("p", { children: [
+										z,
+										" offers ",
+										B.length,
+										" ",
+										B.length === 1 ? "service" : "services",
+										" on the marketplace",
+										H.length > 0 ? ` across ${H.join(", ")}` : "",
+										"."
+									] }), /* @__PURE__ */ p("p", { children: [
+										"Across all listings the provider holds an average rating of ",
+										W,
+										" from",
+										" ",
+										G,
+										" reviews, with rates starting at $",
+										K.toLocaleString(),
+										"."
+									] })]
 								})] })
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ f("div", {
 								className: "space-y-4",
-								children: [/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ g(w, {
+								children: /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(y, { children: /* @__PURE__ */ f(b, {
 									className: "text-sm",
 									children: "Expertise Areas"
-								}) }), /* @__PURE__ */ g(x, {
+								}) }), /* @__PURE__ */ f(_, {
 									className: "flex flex-wrap gap-1.5",
-									children: [
-										"Technical Recruitment",
-										"Executive Search",
-										"HR Consulting",
-										"Talent Strategy",
-										"Employer Branding",
-										"Comp Analysis",
-										"ATS Implementation",
-										"Interview Training",
-										"DEI Programs",
-										"Workforce Planning"
-									].map((e) => /* @__PURE__ */ g(v, {
+									children: V.length > 0 ? V.map((e) => /* @__PURE__ */ f(m, {
 										variant: "secondary",
 										className: "text-xs",
 										children: e
-									}, e))
-								})] }), /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ g(w, {
-									className: "text-sm",
-									children: "Response Time"
-								}) }), /* @__PURE__ */ _(x, {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ _("div", {
-										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ g(s, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ g("span", {
-											className: "font-medium",
-											children: "Usually responds within 2 hours"
-										})]
-									}), /* @__PURE__ */ g("p", {
+									}, e)) : /* @__PURE__ */ f("p", {
 										className: "text-xs text-text-secondary",
-										children: "Available Mon-Fri, 9 AM - 6 PM PST"
-									})]
-								})] })]
+										children: "No skills listed yet."
+									})
+								})] })
 							})]
 						})
 					}),
-					/* @__PURE__ */ g(j, {
+					/* @__PURE__ */ f(O, {
 						value: "services",
 						className: "mt-4",
-						children: /* @__PURE__ */ g("div", {
+						children: U.length > 0 ? /* @__PURE__ */ f("div", {
 							className: "grid gap-4 md:grid-cols-2",
-							children: B.map((e) => /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ _("div", {
+							children: U.map((e) => /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ p("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ g(w, {
+								children: [/* @__PURE__ */ f(b, {
 									className: "text-sm",
 									children: e.title
-								}), /* @__PURE__ */ g(v, {
+								}), /* @__PURE__ */ f(m, {
 									variant: "outline",
 									className: "text-xs",
 									children: e.type
 								})]
-							}), /* @__PURE__ */ g(S, {
+							}), /* @__PURE__ */ f(v, {
 								className: "text-xs",
 								children: e.description
-							})] }), /* @__PURE__ */ _(x, {
+							})] }), /* @__PURE__ */ p(_, {
 								className: "pt-0",
-								children: [/* @__PURE__ */ g(k, { className: "mb-3" }), /* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ f(E, { className: "mb-3" }), /* @__PURE__ */ p("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ _("div", {
+									children: [/* @__PURE__ */ p("div", {
 										className: "space-y-0.5",
-										children: [/* @__PURE__ */ g("p", {
+										children: [/* @__PURE__ */ f("p", {
 											className: "text-sm font-semibold",
 											children: e.price
-										}), /* @__PURE__ */ _("p", {
+										}), /* @__PURE__ */ p("p", {
 											className: "text-[10px] text-text-secondary",
 											children: ["Delivery: ", e.delivery]
 										})]
-									}), /* @__PURE__ */ g(y, {
+									}), /* @__PURE__ */ f(h, {
 										size: "sm",
-										children: "Book Now"
+										variant: "outline",
+										onClick: () => P(`../../marketplace/service-details-page?id=${e.id}`),
+										children: "View"
 									})]
 								})]
-							})] }, e.title))
+							})] }, e.id))
+						}) : /* @__PURE__ */ f(C, {
+							illustration: "empty-generic",
+							title: "No services listed",
+							description: "This provider has not published any services yet."
 						})
 					}),
-					/* @__PURE__ */ g(j, {
+					/* @__PURE__ */ f(O, {
 						value: "availability",
 						className: "mt-4",
-						children: /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(w, {
+						children: /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, {
 							className: "text-base",
-							children: "This Week's Availability"
-						}), /* @__PURE__ */ g(S, { children: "Select a time slot to schedule a consultation" })] }), /* @__PURE__ */ g(x, {
-							className: "space-y-4",
-							children: z.map((e) => /* @__PURE__ */ _("div", {
-								className: "flex items-center gap-4",
-								children: [/* @__PURE__ */ g("span", {
-									className: "w-24 text-sm font-medium",
-									children: e.day
-								}), /* @__PURE__ */ g("div", {
-									className: "flex flex-wrap gap-2",
-									children: e.slots.map((e) => /* @__PURE__ */ g(y, {
-										variant: "outline",
-										size: "sm",
-										className: "text-xs h-7",
-										children: e
-									}, e))
-								})]
-							}, e.day))
-						})] })
+							children: "Availability"
+						}), /* @__PURE__ */ f(v, { children: "Real-time scheduling with this provider" })] }), /* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(C, {
+							illustration: "empty-generic",
+							title: "Scheduling is coming soon",
+							description: "Live availability and consultation booking will appear here once the scheduling backend ships. In the meantime, send a message to arrange a time.",
+							action: /* @__PURE__ */ p(h, {
+								size: "sm",
+								onClick: () => P("../../marketplace/messaging-page"),
+								children: [/* @__PURE__ */ f(o, { className: "h-3 w-3 mr-1" }), " Message provider"]
+							})
+						}) })] })
 					}),
-					/* @__PURE__ */ g(j, {
+					/* @__PURE__ */ f(O, {
 						value: "analytics",
 						className: "mt-4",
-						children: /* @__PURE__ */ _("div", {
-							className: "grid gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(w, {
-								className: "text-base",
-								children: "Performance Metrics"
-							}), /* @__PURE__ */ g(S, { children: "Historical performance data" })] }), /* @__PURE__ */ g(x, {
-								className: "space-y-3",
-								children: [
-									{
-										label: "Total Placements",
-										value: "312",
-										icon: m
-									},
-									{
-										label: "Client Satisfaction",
-										value: "4.9/5.0",
-										icon: f
-									},
-									{
-										label: "On-Time Delivery",
-										value: "97%",
-										icon: s
-									},
-									{
-										label: "Revenue Generated",
-										value: "$2.1M",
-										icon: p
-									},
-									{
-										label: "Repeat Client Rate",
-										value: "92%",
-										icon: r
-									}
-								].map((e) => /* @__PURE__ */ _("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ _("div", {
-										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ g(e.icon, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ g("span", { children: e.label })]
-									}), /* @__PURE__ */ g("span", {
-										className: "font-semibold text-sm",
-										children: e.value
+						children: /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, {
+							className: "text-base",
+							children: "Service Performance"
+						}), /* @__PURE__ */ f(v, { children: "Ratings and reviews per listed service" })] }), /* @__PURE__ */ f(_, {
+							className: "space-y-3",
+							children: B.length > 0 ? B.map((e) => /* @__PURE__ */ p("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ p("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ f("p", {
+										className: "text-sm font-medium truncate",
+										children: e.title
+									}), /* @__PURE__ */ f("p", {
+										className: "text-xs text-text-secondary",
+										children: e.category
 									})]
-								}, e.label))
-							})] }), /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(w, {
-								className: "text-base",
-								children: "Industry Specialization"
-							}), /* @__PURE__ */ g(S, { children: "Experience by industry sector" })] }), /* @__PURE__ */ g(x, {
-								className: "space-y-3",
-								children: [
-									{
-										industry: "Technology",
-										percentage: 45
-									},
-									{
-										industry: "Healthcare",
-										percentage: 20
-									},
-									{
-										industry: "Finance",
-										percentage: 15
-									},
-									{
-										industry: "E-commerce",
-										percentage: 12
-									},
-									{
-										industry: "Education",
-										percentage: 8
-									}
-								].map((e) => /* @__PURE__ */ _("div", {
-									className: "space-y-1",
-									children: [/* @__PURE__ */ _("div", {
-										className: "flex items-center justify-between text-sm",
-										children: [/* @__PURE__ */ g("span", { children: e.industry }), /* @__PURE__ */ _("span", {
+								}), /* @__PURE__ */ p("div", {
+									className: "flex items-center gap-2 text-sm shrink-0",
+									children: [
+										/* @__PURE__ */ f(s, { className: "h-3.5 w-3.5 text-status-warning-text" }),
+										/* @__PURE__ */ f("span", {
+											className: "font-semibold",
+											children: e.rating
+										}),
+										/* @__PURE__ */ p("span", {
 											className: "text-xs text-text-secondary",
-											children: [e.percentage, "%"]
-										})]
-									}), /* @__PURE__ */ g("div", {
-										className: "h-1.5 rounded-full bg-bg-sunken overflow-hidden",
-										children: /* @__PURE__ */ g("div", {
-											className: "h-full rounded-full bg-action-primary-bg",
-											style: { width: `${e.percentage}%` }
+											children: [
+												"(",
+												e.reviews,
+												")"
+											]
 										})
-									})]
-								}, e.industry))
-							})] })]
-						})
+									]
+								})]
+							}, e.id)) : /* @__PURE__ */ f("p", {
+								className: "text-sm text-text-secondary",
+								children: "No performance data yet."
+							})
+						})] })
 					})
 				]
 			})
 		]
+	}) : /* @__PURE__ */ f("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ f(C, {
+			illustration: "empty-search",
+			title: "Provider not found",
+			description: "This freelancer is no longer available on the marketplace."
+		})
 	});
 }
 //#endregion
-export { P as MarketplaceFreelancerProfilePageEnhancedPage };
+export { M as MarketplaceFreelancerProfilePageEnhancedPage };
 
 //# sourceMappingURL=MarketplaceFreelancerProfilePageEnhancedPage.js.map