@burdenoff/microfe-crewfoundry 2026.608.1 → 2026.625.1

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.js

@@ -2,98 +2,110 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
 import { ArrowUp as n, DollarSign as r, TrendingUp as i, Wallet as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f } from "@burdenoff/fe-libs/ui";
+import { Badge as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, GlassCard as p, GradientText as m } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx
-var p = (e) => {
+var h = (e) => {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "N/A" : t.toLocaleString("en-US", { month: "short" });
-}, m = (e) => {
+}, g = (e) => {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
 };
-function h() {
-	let { invoices: h, marketplaceServices: g, clients: _ } = e(), v = t(() => h.slice(0, 12).map((e, t) => ({
+function _() {
+	let { invoices: _, marketplaceServices: v, clients: y } = e(), b = t(() => _.slice(0, 12).map((e, t) => ({
 		id: e.id,
 		client: e.clientName,
-		service: g[t % Math.max(g.length, 1)]?.title || "Marketplace Service",
+		service: v[t % Math.max(v.length, 1)]?.title || "Marketplace Service",
 		amount: e.amount,
-		date: m(e.issueDate),
+		date: g(e.issueDate),
 		status: e.status === "paid" ? "completed" : "pending"
-	})), [h, g]), y = t(() => v.slice(0, 6).map((e, t) => {
-		let n = v.filter((t) => p(t.date) === p(e.date)), r = n.reduce((e, t) => e + t.amount, 0);
+	})), [_, v]), x = t(() => b.slice(0, 6).map((e, t) => {
+		let n = b.filter((t) => h(t.date) === h(e.date)), r = n.reduce((e, t) => e + t.amount, 0);
 		return {
-			month: p(e.date) || `M${t + 1}`,
+			month: h(e.date) || `M${t + 1}`,
 			amount: r,
 			orders: n.length
 		};
-	}), [v]), b = y.reduce((e, t) => e + t.amount, 0), x = Math.max(1, ...y.map((e) => e.amount)), S = y.reduce((e, t) => e + t.orders, 0), C = v.filter((e) => e.status === "pending").reduce((e, t) => e + t.amount, 0), w = _.length > 0 ? Math.round(S / _.length * 100) : 0;
+	}), [b]), S = x.reduce((e, t) => e + t.amount, 0), C = Math.max(1, ...x.map((e) => e.amount)), w = x.reduce((e, t) => e + t.orders, 0), T = b.filter((e) => e.status === "pending").reduce((e, t) => e + t.amount, 0), E = y.length > 0 ? Math.round(w / y.length * 100) : 0;
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
 				className: "text-2xl font-semibold",
-				children: "Earnings"
+				children: /* @__PURE__ */ o(m, { children: "Earnings" })
 			}), /* @__PURE__ */ o("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Revenue from marketplace services"
 			})] }),
 			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(d, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(f, {
-							className: "text-sm font-medium",
-							children: "Total Earnings"
-						}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s("div", {
-						className: "text-2xl font-bold",
-						children: ["$", b.toLocaleString()]
-					}), /* @__PURE__ */ s("div", {
-						className: "flex items-center text-xs text-green-600",
-						children: [
-							/* @__PURE__ */ o(n, { className: "mr-1 h-3 w-3" }),
-							"+",
-							w,
-							"% from recent cycle"
-						]
-					})] })] }),
-					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(d, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(f, {
-							className: "text-sm font-medium",
-							children: "Avg Order Value"
-						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
-						className: "text-2xl font-bold",
-						children: ["$", Math.round(b / Math.max(S, 1)).toLocaleString()]
-					}) })] }),
-					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(d, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(f, {
-							className: "text-sm font-medium",
-							children: "Pending"
-						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-yellow-500" })]
-					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
-						className: "text-2xl font-bold",
-						children: ["$", C.toLocaleString()]
-					}) })] })
+					/* @__PURE__ */ s(p, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(d, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(f, {
+								className: "text-sm font-medium",
+								children: "Total Earnings"
+							}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: ["$", S.toLocaleString()]
+						}), /* @__PURE__ */ s("div", {
+							className: "flex items-center text-xs text-status-success-text",
+							children: [
+								/* @__PURE__ */ o(n, { className: "mr-1 h-3 w-3" }),
+								"+",
+								E,
+								"% from recent cycle"
+							]
+						})] })]
+					}),
+					/* @__PURE__ */ s(p, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(d, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(f, {
+								className: "text-sm font-medium",
+								children: "Avg Order Value"
+							}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: ["$", Math.round(S / Math.max(w, 1)).toLocaleString()]
+						}) })]
+					}),
+					/* @__PURE__ */ s(p, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(d, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(f, {
+								className: "text-sm font-medium",
+								children: "Pending"
+							}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: ["$", T.toLocaleString()]
+						}) })]
+					})
 				]
 			}),
 			/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, { children: "Earnings Trend" }) }), /* @__PURE__ */ o(u, {
 				className: "space-y-3",
-				children: y.map((e, t) => /* @__PURE__ */ s("div", {
+				children: x.map((e, t) => /* @__PURE__ */ s("div", {
 					className: "flex items-center gap-3",
 					children: [
 						/* @__PURE__ */ o("span", {
-							className: "w-10 text-sm text-muted-foreground",
+							className: "w-10 text-sm text-text-secondary",
 							children: e.month
 						}),
 						/* @__PURE__ */ o("div", {
-							className: "h-4 flex-1 overflow-hidden rounded bg-muted",
+							className: "h-4 flex-1 overflow-hidden rounded bg-bg-sunken",
 							children: /* @__PURE__ */ o("div", {
-								className: "h-4 rounded bg-primary",
-								style: { width: `${Math.round(e.amount / x * 100)}%` }
+								className: "h-4 rounded bg-action-primary-bg",
+								style: { width: `${Math.round(e.amount / C * 100)}%` }
 							})
 						}),
 						/* @__PURE__ */ s("span", {
@@ -114,13 +126,13 @@ function h() {
 			})] }),
 			/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, { children: "Recent Payments" }) }), /* @__PURE__ */ o(u, {
 				className: "space-y-3",
-				children: v.map((e) => /* @__PURE__ */ s("div", {
+				children: b.map((e) => /* @__PURE__ */ s("div", {
 					className: "flex items-center justify-between rounded border p-3",
 					children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 						className: "text-sm font-medium",
 						children: e.client
 					}), /* @__PURE__ */ s("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: [
 							e.service,
 							" · ",
@@ -143,6 +155,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as MarketplaceEarningsPagePage };
+export { _ as MarketplaceEarningsPagePage };
 
 //# sourceMappingURL=MarketplaceEarningsPagePage.js.map

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceEarningsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Badge, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { ArrowUp, DollarSign, TrendingUp, Wallet } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype EarningPoint = {\n  month: string;\n  amount: number;\n  orders: number;\n};\n\ntype PaymentItem = {\n  id: string;\n  client: string;\n  service: string;\n  amount: number;\n  date: string;\n  status: 'completed' | 'pending';\n};\n\nconst monthLabel = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'N/A';\n  }\n  return parsed.toLocaleString('en-US', { month: 'short' });\n};\n\nconst isoDate = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Unknown';\n  }\n  return parsed.toISOString().split('T')[0];\n};\n\nexport function MarketplaceEarningsPagePage() {\n  const { invoices, marketplaceServices, clients } = useCrewFoundryStore();\n\n  const recentPayments = useMemo<PaymentItem[]>(() => {\n    return invoices.slice(0, 12).map((invoice, index) => ({\n      id: invoice.id,\n      client: invoice.clientName,\n      service:\n        marketplaceServices[index % Math.max(marketplaceServices.length, 1)]?.title ||\n        'Marketplace Service',\n      amount: invoice.amount,\n      date: isoDate(invoice.issueDate),\n      status: invoice.status === 'paid' ? 'completed' : 'pending',\n    }));\n  }, [invoices, marketplaceServices]);\n\n  const earningsData = useMemo<EarningPoint[]>(() => {\n    return recentPayments.slice(0, 6).map((payment, index) => {\n      const sibling = recentPayments.filter(\n        (item) => monthLabel(item.date) === monthLabel(payment.date)\n      );\n      const amount = sibling.reduce((sum, item) => sum + item.amount, 0);\n      return {\n        month: monthLabel(payment.date) || `M${index + 1}`,\n        amount,\n        orders: sibling.length,\n      };\n    });\n  }, [recentPayments]);\n\n  const totalEarnings = earningsData.reduce((sum, point) => sum + point.amount, 0);\n  const maxEarning = Math.max(1, ...earningsData.map((point) => point.amount));\n  const totalOrders = earningsData.reduce((sum, point) => sum + point.orders, 0);\n  const pendingAmount = recentPayments\n    .filter((payment) => payment.status === 'pending')\n    .reduce((sum, payment) => sum + payment.amount, 0);\n  const growthBase = clients.length > 0 ? Math.round((totalOrders / clients.length) * 100) : 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Earnings</h1>\n        <p className=\"text-sm text-muted-foreground\">Revenue from marketplace services</p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Earnings</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalEarnings.toLocaleString()}</div>\n            <div className=\"flex items-center text-xs text-green-600\">\n              <ArrowUp className=\"mr-1 h-3 w-3\" />+{growthBase}% from recent cycle\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Order Value</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              ${Math.round(totalEarnings / Math.max(totalOrders, 1)).toLocaleString()}\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n            <Wallet className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${pendingAmount.toLocaleString()}</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Earnings Trend</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {earningsData.map((earning, index) => (\n            <div key={`${earning.month}-${index}`} className=\"flex items-center gap-3\">\n              <span className=\"w-10 text-sm text-muted-foreground\">{earning.month}</span>\n              <div className=\"h-4 flex-1 overflow-hidden rounded bg-muted\">\n                <div\n                  className=\"h-4 rounded bg-primary\"\n                  style={{ width: `${Math.round((earning.amount / maxEarning) * 100)}%` }}\n                />\n              </div>\n              <span className=\"w-16 text-right text-sm font-medium\">\n                ${(earning.amount / 1000).toFixed(1)}K\n              </span>\n              <Badge variant=\"outline\" className=\"text-[10px]\">\n                {earning.orders} orders\n              </Badge>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Recent Payments</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {recentPayments.map((payment) => (\n            <div key={payment.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div>\n                <p className=\"text-sm font-medium\">{payment.client}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {payment.service} · {payment.date}\n                </p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm font-bold\">${payment.amount.toLocaleString()}</span>\n                <Badge\n                  variant={payment.status === 'completed' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {payment.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceEarningsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowUp, DollarSign, TrendingUp, Wallet } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype EarningPoint = {\n  month: string;\n  amount: number;\n  orders: number;\n};\n\ntype PaymentItem = {\n  id: string;\n  client: string;\n  service: string;\n  amount: number;\n  date: string;\n  status: 'completed' | 'pending';\n};\n\nconst monthLabel = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'N/A';\n  }\n  return parsed.toLocaleString('en-US', { month: 'short' });\n};\n\nconst isoDate = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Unknown';\n  }\n  return parsed.toISOString().split('T')[0];\n};\n\nexport function MarketplaceEarningsPagePage() {\n  const { invoices, marketplaceServices, clients } = useCrewFoundryStore();\n\n  const recentPayments = useMemo<PaymentItem[]>(() => {\n    return invoices.slice(0, 12).map((invoice, index) => ({\n      id: invoice.id,\n      client: invoice.clientName,\n      service:\n        marketplaceServices[index % Math.max(marketplaceServices.length, 1)]?.title ||\n        'Marketplace Service',\n      amount: invoice.amount,\n      date: isoDate(invoice.issueDate),\n      status: invoice.status === 'paid' ? 'completed' : 'pending',\n    }));\n  }, [invoices, marketplaceServices]);\n\n  const earningsData = useMemo<EarningPoint[]>(() => {\n    return recentPayments.slice(0, 6).map((payment, index) => {\n      const sibling = recentPayments.filter(\n        (item) => monthLabel(item.date) === monthLabel(payment.date)\n      );\n      const amount = sibling.reduce((sum, item) => sum + item.amount, 0);\n      return {\n        month: monthLabel(payment.date) || `M${index + 1}`,\n        amount,\n        orders: sibling.length,\n      };\n    });\n  }, [recentPayments]);\n\n  const totalEarnings = earningsData.reduce((sum, point) => sum + point.amount, 0);\n  const maxEarning = Math.max(1, ...earningsData.map((point) => point.amount));\n  const totalOrders = earningsData.reduce((sum, point) => sum + point.orders, 0);\n  const pendingAmount = recentPayments\n    .filter((payment) => payment.status === 'pending')\n    .reduce((sum, payment) => sum + payment.amount, 0);\n  const growthBase = clients.length > 0 ? Math.round((totalOrders / clients.length) * 100) : 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Earnings</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Revenue from marketplace services</p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Earnings</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalEarnings.toLocaleString()}</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <ArrowUp className=\"mr-1 h-3 w-3\" />+{growthBase}% from recent cycle\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Order Value</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${Math.round(totalEarnings / Math.max(totalOrders, 1)).toLocaleString()}\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n            <Wallet className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${pendingAmount.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Earnings Trend</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {earningsData.map((earning, index) => (\n            <div key={`${earning.month}-${index}`} className=\"flex items-center gap-3\">\n              <span className=\"w-10 text-sm text-text-secondary\">{earning.month}</span>\n              <div className=\"h-4 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                <div\n                  className=\"h-4 rounded bg-action-primary-bg\"\n                  style={{ width: `${Math.round((earning.amount / maxEarning) * 100)}%` }}\n                />\n              </div>\n              <span className=\"w-16 text-right text-sm font-medium\">\n                ${(earning.amount / 1000).toFixed(1)}K\n              </span>\n              <Badge variant=\"outline\" className=\"text-[10px]\">\n                {earning.orders} orders\n              </Badge>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Recent Payments</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {recentPayments.map((payment) => (\n            <div key={payment.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div>\n                <p className=\"text-sm font-medium\">{payment.client}</p>\n                <p className=\"text-xs text-text-secondary\">\n                  {payment.service} · {payment.date}\n                </p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm font-bold\">${payment.amount.toLocaleString()}</span>\n                <Badge\n                  variant={payment.status === 'completed' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {payment.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.js

@@ -2,10 +2,10 @@ 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, Separator as T, Tabs as E, TabsContent as D, TabsList as O, TabsTrigger as k } from "@burdenoff/fe-libs/ui";
+import { Badge as v, Button as y, Card as b, CardContent as x, CardDescription as S, CardHeader as C, CardTitle as w, GradientText 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 A() {
-	let [A, j] = n("overview"), { marketplaceServices: M, clients: N, candidates: P } = e(), F = t(() => [
+function j() {
+	let [j, M] = n("overview"), { marketplaceServices: N, clients: P, candidates: F } = e(), I = t(() => [
 		{
 			day: "Monday",
 			slots: [
@@ -38,34 +38,34 @@ function A() {
 			day: "Friday",
 			slots: ["9:00 AM", "10:00 AM"]
 		}
-	], []), I = t(() => M.slice(0, 6).map((e) => ({
+	], []), L = t(() => N.slice(0, 6).map((e) => ({
 		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
-	})), [M]), L = t(() => [
+	})), [N]), R = t(() => [
 		{
 			label: "Avg. Placement Time",
-			value: `${Math.max(15, 45 - P.filter((e) => e.status === "hired").length)} days`,
+			value: `${Math.max(15, 45 - F.filter((e) => e.status === "hired").length)} days`,
 			trend: "-3 days vs avg"
 		},
 		{
 			label: "Offer Acceptance Rate",
-			value: `${Math.round(P.filter((e) => e.status === "hired").length / Math.max(P.filter((e) => e.status === "offer").length, 1) * 100)}%`,
+			value: `${Math.round(F.filter((e) => e.status === "hired").length / Math.max(F.filter((e) => e.status === "offer").length, 1) * 100)}%`,
 			trend: "+8% vs avg"
 		},
 		{
 			label: "Client Retention",
-			value: `${Math.min(99, Math.max(70, Math.round(N.filter((e) => e.status === "active").length / Math.max(N.length, 1) * 100)))}%`,
+			value: `${Math.min(99, Math.max(70, Math.round(P.filter((e) => e.status === "active").length / Math.max(P.length, 1) * 100)))}%`,
 			trend: "repeat clients"
 		},
 		{
 			label: "Candidates Placed (YTD)",
-			value: `${P.filter((e) => e.status === "hired").length}`,
+			value: `${F.filter((e) => e.status === "hired").length}`,
 			trend: "+12% YoY"
 		}
-	], [P, N]);
+	], [F, P]);
 	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -74,7 +74,7 @@ function A() {
 				children: /* @__PURE__ */ _("div", {
 					className: "flex items-start gap-6",
 					children: [/* @__PURE__ */ g("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-primary-foreground text-3xl font-semibold",
+						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", {
 						className: "flex-1 space-y-2",
@@ -84,7 +84,7 @@ function A() {
 								children: [
 									/* @__PURE__ */ g("h1", {
 										className: "text-2xl font-semibold",
-										children: "Maria Santos"
+										children: /* @__PURE__ */ g(T, { children: "Maria Santos" })
 									}),
 									/* @__PURE__ */ g(v, { children: "Top Rated Plus" }),
 									/* @__PURE__ */ g(v, {
@@ -93,7 +93,7 @@ function A() {
 									}),
 									/* @__PURE__ */ g(v, {
 										variant: "outline",
-										className: "text-green-600 border-green-300",
+										className: "text-status-success-text border-status-success-text/30",
 										children: "Available Now"
 									})
 								]
@@ -103,11 +103,11 @@ function A() {
 								children: "Senior HR Consultant & Technical Recruiter"
 							}),
 							/* @__PURE__ */ g("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "TalentPro Solutions"
 							}),
 							/* @__PURE__ */ _("div", {
-								className: "flex flex-wrap items-center gap-4 text-xs text-muted-foreground",
+								className: "flex flex-wrap items-center gap-4 text-xs text-text-secondary",
 								children: [
 									/* @__PURE__ */ _("span", {
 										className: "flex items-center gap-1",
@@ -119,7 +119,7 @@ function A() {
 									}),
 									/* @__PURE__ */ _("span", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ g(f, { className: "h-3 w-3 text-yellow-500 fill-yellow-500" }), " 4.9 (47 reviews)"]
+										children: [/* @__PURE__ */ g(f, { className: "h-3 w-3 text-status-warning-text fill-yellow-500" }), " 4.9 (47 reviews)"]
 									}),
 									/* @__PURE__ */ _("span", {
 										className: "flex items-center gap-1",
@@ -156,11 +156,11 @@ function A() {
 			}) }),
 			/* @__PURE__ */ g("div", {
 				className: "grid gap-4 md:grid-cols-4",
-				children: L.map((e) => /* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
+				children: R.map((e) => /* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
 					className: "pt-6",
 					children: [
 						/* @__PURE__ */ g("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: e.label
 						}),
 						/* @__PURE__ */ g("p", {
@@ -168,35 +168,35 @@ function A() {
 							children: e.value
 						}),
 						/* @__PURE__ */ g("p", {
-							className: "text-[10px] text-green-600",
+							className: "text-[10px] text-status-success-text",
 							children: e.trend
 						})
 					]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ _(E, {
-				value: A,
-				onValueChange: j,
+			/* @__PURE__ */ _(D, {
+				value: j,
+				onValueChange: M,
 				children: [
-					/* @__PURE__ */ _(O, { children: [
-						/* @__PURE__ */ g(k, {
+					/* @__PURE__ */ _(k, { children: [
+						/* @__PURE__ */ g(A, {
 							value: "overview",
 							children: "Overview"
 						}),
-						/* @__PURE__ */ g(k, {
+						/* @__PURE__ */ g(A, {
 							value: "services",
 							children: "Services"
 						}),
-						/* @__PURE__ */ g(k, {
+						/* @__PURE__ */ g(A, {
 							value: "availability",
 							children: "Availability"
 						}),
-						/* @__PURE__ */ g(k, {
+						/* @__PURE__ */ g(A, {
 							value: "analytics",
 							children: "Performance"
 						})
 					] }),
-					/* @__PURE__ */ g(D, {
+					/* @__PURE__ */ g(O, {
 						value: "overview",
 						className: "space-y-6 mt-4",
 						children: /* @__PURE__ */ _("div", {
@@ -207,29 +207,29 @@ function A() {
 									className: "text-base",
 									children: "Professional Summary"
 								}) }), /* @__PURE__ */ _(x, {
-									className: "text-sm text-muted-foreground space-y-3",
+									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(T, {}),
+										/* @__PURE__ */ g(E, {}),
 										/* @__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-green-500" }), " Background verified"]
+													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-green-500" }), " Identity confirmed"]
+													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-green-500" }), " References checked"]
+													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-green-500" }), " Skills assessed"]
+													children: [/* @__PURE__ */ g(o, { className: "h-3 w-3 text-status-success-text" }), " Skills assessed"]
 												})
 											]
 										})
@@ -265,24 +265,24 @@ function A() {
 									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-green-500" }), /* @__PURE__ */ g("span", {
+										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", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Available Mon-Fri, 9 AM - 6 PM PST"
 									})]
 								})] })]
 							})]
 						})
 					}),
-					/* @__PURE__ */ g(D, {
+					/* @__PURE__ */ g(O, {
 						value: "services",
 						className: "mt-4",
 						children: /* @__PURE__ */ g("div", {
 							className: "grid gap-4 md:grid-cols-2",
-							children: I.map((e) => /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ _("div", {
+							children: L.map((e) => /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ _("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ g(w, {
 									className: "text-sm",
@@ -297,7 +297,7 @@ function A() {
 								children: e.description
 							})] }), /* @__PURE__ */ _(x, {
 								className: "pt-0",
-								children: [/* @__PURE__ */ g(T, { className: "mb-3" }), /* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ g(E, { className: "mb-3" }), /* @__PURE__ */ _("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ _("div", {
 										className: "space-y-0.5",
@@ -305,7 +305,7 @@ function A() {
 											className: "text-sm font-semibold",
 											children: e.price
 										}), /* @__PURE__ */ _("p", {
-											className: "text-[10px] text-muted-foreground",
+											className: "text-[10px] text-text-secondary",
 											children: ["Delivery: ", e.delivery]
 										})]
 									}), /* @__PURE__ */ g(y, {
@@ -316,7 +316,7 @@ function A() {
 							})] }, e.title))
 						})
 					}),
-					/* @__PURE__ */ g(D, {
+					/* @__PURE__ */ g(O, {
 						value: "availability",
 						className: "mt-4",
 						children: /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(w, {
@@ -324,7 +324,7 @@ function A() {
 							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: F.map((e) => /* @__PURE__ */ _("div", {
+							children: I.map((e) => /* @__PURE__ */ _("div", {
 								className: "flex items-center gap-4",
 								children: [/* @__PURE__ */ g("span", {
 									className: "w-24 text-sm font-medium",
@@ -341,7 +341,7 @@ function A() {
 							}, e.day))
 						})] })
 					}),
-					/* @__PURE__ */ g(D, {
+					/* @__PURE__ */ g(O, {
 						value: "analytics",
 						className: "mt-4",
 						children: /* @__PURE__ */ _("div", {
@@ -381,7 +381,7 @@ function A() {
 									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-muted-foreground" }), /* @__PURE__ */ g("span", { children: e.label })]
+										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
@@ -418,13 +418,13 @@ function A() {
 									children: [/* @__PURE__ */ _("div", {
 										className: "flex items-center justify-between text-sm",
 										children: [/* @__PURE__ */ g("span", { children: e.industry }), /* @__PURE__ */ _("span", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: [e.percentage, "%"]
 										})]
 									}), /* @__PURE__ */ g("div", {
-										className: "h-1.5 rounded-full bg-muted overflow-hidden",
+										className: "h-1.5 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ g("div", {
-											className: "h-full rounded-full bg-primary",
+											className: "h-full rounded-full bg-action-primary-bg",
 											style: { width: `${e.percentage}%` }
 										})
 									})]
@@ -438,6 +438,6 @@ function A() {
 	});
 }
 //#endregion
-export { A as MarketplaceFreelancerProfilePageEnhancedPage };
+export { j as MarketplaceFreelancerProfilePageEnhancedPage };
 
 //# sourceMappingURL=MarketplaceFreelancerProfilePageEnhancedPage.js.map