@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.1

package/dist/crewfoundry/pages/MarketplaceBookingManagementPagePage.js

@@ -1,140 +1,90 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useMemo as t } from "react";
-import { Calendar as n, CheckCircle as r, Clock as i, Plus as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, GlassCard as m, GradientText as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
+import { Calendar as e, CheckCircle as t, Clock as n, Plus as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, GlassCard as d, GradientText as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceBookingManagementPagePage.tsx
-var _ = (e) => {
-	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
-};
-function v() {
-	let { marketplaceServices: v, projects: y, teams: b } = e(), x = t(() => v.slice(0, 12).map((e, t) => {
-		let n = y[t % Math.max(y.length, 1)], r = b[t % Math.max(b.length, 1)], i = e.status === "active" ? "confirmed" : e.status === "pending" ? "pending" : "completed";
-		return {
-			id: e.id,
-			service: e.title,
-			provider: e.provider,
-			date: _(n?.startDate || e.deliveryTime),
-			time: `${String(t % 12 + 1).padStart(2, "0")}:00 ${t % 2 == 0 ? "AM" : "PM"}`,
-			duration: `${Math.max(1, Math.ceil((r?.memberCount || 4) / 4))} hours`,
-			status: i
-		};
-	}), [
-		v,
-		y,
-		b
-	]);
-	return /* @__PURE__ */ s("div", {
+function h() {
+	return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ a("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ s("div", { children: [
-					/* @__PURE__ */ o("h1", {
+				children: [/* @__PURE__ */ a("div", { children: [
+					/* @__PURE__ */ i("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ o(h, { children: "Booking Management" })
+						children: /* @__PURE__ */ i(f, { children: "Booking Management" })
 					}),
-					/* @__PURE__ */ o("p", {
+					/* @__PURE__ */ i("p", {
 						className: "text-sm text-text-secondary",
 						children: "Manage service provider appointments"
 					}),
-					/* @__PURE__ */ o(g, {
+					/* @__PURE__ */ i(m, {
 						className: "mt-1",
 						children: "Manage your service bookings — review upcoming engagements, confirm schedules, and keep your client commitments on track."
 					})
-				] }), /* @__PURE__ */ s(l, {
+				] }), /* @__PURE__ */ a(o, {
 					size: "sm",
 					disabled: !0,
 					title: "Booking creation is coming soon",
-					children: [/* @__PURE__ */ o(a, { className: "mr-1 h-4 w-4" }), "New Booking · Coming soon"]
+					children: [/* @__PURE__ */ i(r, { className: "mr-1 h-4 w-4" }), "New Booking · Coming soon"]
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ a("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ s(m, {
+					/* @__PURE__ */ a(d, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(f, {
+						children: [/* @__PURE__ */ a(l, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(p, {
+							children: [/* @__PURE__ */ i(u, {
 								className: "text-sm font-medium",
 								children: "Upcoming"
-							}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-status-info-text" })]
-						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+							}), /* @__PURE__ */ i(e, { className: "h-4 w-4 text-status-info-text" })]
+						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: x.filter((e) => e.status !== "completed").length
+							children: 0
 						}) })]
 					}),
-					/* @__PURE__ */ s(m, {
+					/* @__PURE__ */ a(d, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(f, {
+						children: [/* @__PURE__ */ a(l, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(p, {
+							children: [/* @__PURE__ */ i(u, {
 								className: "text-sm font-medium",
 								children: "Confirmed"
-							}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+							}), /* @__PURE__ */ i(t, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: x.filter((e) => e.status === "confirmed").length
+							children: 0
 						}) })]
 					}),
-					/* @__PURE__ */ s(m, {
+					/* @__PURE__ */ a(d, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(f, {
+						children: [/* @__PURE__ */ a(l, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(p, {
+							children: [/* @__PURE__ */ i(u, {
 								className: "text-sm font-medium",
 								children: "Pending"
-							}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+							}), /* @__PURE__ */ i(n, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: x.filter((e) => e.status === "pending").length
+							children: 0
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "All Bookings" }) }), /* @__PURE__ */ o(d, {
-				className: "space-y-3",
-				children: x.map((e) => /* @__PURE__ */ s("div", {
-					className: "flex items-center justify-between rounded border p-4",
-					children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
-						className: "text-sm font-medium",
-						children: e.service
-					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-text-secondary",
-						children: e.provider
-					})] }), /* @__PURE__ */ s("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ s("div", {
-							className: "text-right text-xs",
-							children: [/* @__PURE__ */ o("p", {
-								className: "font-medium",
-								children: e.date
-							}), /* @__PURE__ */ s("p", {
-								className: "text-text-secondary",
-								children: [
-									e.time,
-									" · ",
-									e.duration
-								]
-							})]
-						}), /* @__PURE__ */ o(c, {
-							variant: e.status === "confirmed" ? "default" : e.status === "completed" ? "secondary" : "outline",
-							className: "text-[10px]",
-							children: e.status
-						})]
-					})]
-				}, e.id))
-			})] })
+			/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(u, { children: "All Bookings" }) }), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i(p, {
+				illustration: "empty-generic",
+				title: "No bookings yet",
+				description: "Once booking creation ships, your scheduled service appointments will appear here."
+			}) })] })
 		]
 	});
 }
 //#endregion
-export { v as MarketplaceBookingManagementPagePage };
+export { h as MarketplaceBookingManagementPagePage };
 
 //# sourceMappingURL=MarketplaceBookingManagementPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceBookingManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceBookingManagementPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, CheckCircle, Clock, Plus } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype Booking = {\n  id: string;\n  service: string;\n  provider: string;\n  date: string;\n  time: string;\n  duration: string;\n  status: 'confirmed' | 'pending' | 'completed';\n};\n\nconst formatDate = (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 MarketplaceBookingManagementPagePage() {\n  const { marketplaceServices, projects, teams } = useCrewFoundryStore();\n\n  const bookings = useMemo<Booking[]>(() => {\n    return marketplaceServices.slice(0, 12).map((service, index) => {\n      const project = projects[index % Math.max(projects.length, 1)];\n      const team = teams[index % Math.max(teams.length, 1)];\n      const status: Booking['status'] =\n        service.status === 'active'\n          ? 'confirmed'\n          : service.status === 'pending'\n            ? 'pending'\n            : 'completed';\n\n      return {\n        id: service.id,\n        service: service.title,\n        provider: service.provider,\n        date: formatDate(project?.startDate || service.deliveryTime),\n        time: `${String((index % 12) + 1).padStart(2, '0')}:00 ${index % 2 === 0 ? 'AM' : 'PM'}`,\n        duration: `${Math.max(1, Math.ceil((team?.memberCount || 4) / 4))} hours`,\n        status,\n      };\n    });\n  }, [marketplaceServices, projects, teams]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Booking Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Manage service provider appointments</p>\n          <PagePurpose className=\"mt-1\">Manage your service bookings — review upcoming engagements, confirm schedules, and keep your client commitments on track.</PagePurpose>\n        </div>\n        {/* Bookings derive from marketplace services; there is no standalone\n            booking-creation mutation yet, so this stays an honest disabled\n            control instead of a silently-dead button. */}\n        <Button size=\"sm\" disabled title=\"Booking creation is coming soon\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Booking · Coming soon\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow 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\">Upcoming</CardTitle>\n            <Calendar className=\"h-4 w-4 text-status-info-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {bookings.filter((booking) => booking.status !== 'completed').length}\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\">Confirmed</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {bookings.filter((booking) => booking.status === 'confirmed').length}\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            <Clock className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {bookings.filter((booking) => booking.status === 'pending').length}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>All Bookings</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {bookings.map((booking) => (\n            <div key={booking.id} className=\"flex items-center justify-between rounded border p-4\">\n              <div>\n                <p className=\"text-sm font-medium\">{booking.service}</p>\n                <p className=\"text-xs text-text-secondary\">{booking.provider}</p>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                <div className=\"text-right text-xs\">\n                  <p className=\"font-medium\">{booking.date}</p>\n                  <p className=\"text-text-secondary\">\n                    {booking.time} · {booking.duration}\n                  </p>\n                </div>\n                <Badge\n                  variant={\n                    booking.status === 'confirmed'\n                      ? 'default'\n                      : booking.status === 'completed'\n                        ? 'secondary'\n                        : 'outline'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {booking.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAyBA,IAAM,KAAc,MAA0B;CAC5C,IAAM,IAAS,IAAI,KAAK,EAAM;AAI9B,QAHI,OAAO,MAAM,EAAO,SAAS,CAAC,GACzB,YAEF,EAAO,aAAa,CAAC,MAAM,IAAI,CAAC;;AAGzC,SAAgB,IAAuC;CACrD,IAAM,EAAE,wBAAqB,aAAU,aAAU,GAAqB,EAEhE,IAAW,QACR,EAAoB,MAAM,GAAG,GAAG,CAAC,KAAK,GAAS,MAAU;EAC9D,IAAM,IAAU,EAAS,IAAQ,KAAK,IAAI,EAAS,QAAQ,EAAE,GACvD,IAAO,EAAM,IAAQ,KAAK,IAAI,EAAM,QAAQ,EAAE,GAC9C,IACJ,EAAQ,WAAW,WACf,cACA,EAAQ,WAAW,YACjB,YACA;AAER,SAAO;GACL,IAAI,EAAQ;GACZ,SAAS,EAAQ;GACjB,UAAU,EAAQ;GAClB,MAAM,EAAW,GAAS,aAAa,EAAQ,aAAa;GAC5D,MAAM,GAAG,OAAQ,IAAQ,KAAM,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,IAAQ,KAAM,IAAI,OAAO;GAClF,UAAU,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,GAAM,eAAe,KAAK,EAAE,CAAC,CAAC;GAClE;GACD;GACD,EACD;EAAC;EAAqB;EAAU;EAAM,CAAC;AAE1C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAc,sBAAiC,CAAA;MAC5C,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAwC,CAAA;KACnF,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAAuI,CAAA;KACjK,EAAA,CAAA,EAIN,kBAAC,GAAD;KAAQ,MAAK;KAAK,UAAA;KAAS,OAAM;eAAjC,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,4BAE1B;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAoB,CAAA,EAC/D,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAS,QAAQ,MAAY,EAAQ,WAAW,YAAY,CAAC;OAC1D,CAAA,EACM,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAqB,CAAA,EAChE,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA,CACjD;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAS,QAAQ,MAAY,EAAQ,WAAW,YAAY,CAAC;OAC1D,CAAA,EACM,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAmB,CAAA,EAC9D,kBAAC,GAAD,EAAO,WAAU,oCAAqC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAS,QAAQ,MAAY,EAAQ,WAAW,UAAU,CAAC;OACxD,CAAA,EACM,CAAA,CACJ;;KACR;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,gBAAwB,CAAA,EACxB,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAS,KAAK,MACb,kBAAC,OAAD;KAAsB,WAAU;eAAhC,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAuB,EAAQ;MAAY,CAAA,EACxD,kBAAC,KAAD;MAAG,WAAU;gBAA+B,EAAQ;MAAa,CAAA,CAC7D,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAe,EAAQ;QAAS,CAAA,EAC7C,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAQ;SAAK;SAAI,EAAQ;SACxB;UACA;UACN,kBAAC,GAAD;OACE,SACE,EAAQ,WAAW,cACf,YACA,EAAQ,WAAW,cACjB,cACA;OAER,WAAU;iBAET,EAAQ;OACH,CAAA,CACJ;QACF;OAzBI,EAAQ,GAyBZ,CACN;IACU,CAAA,CACT,EAAA,CAAA;GACH"}
+{"version":3,"file":"MarketplaceBookingManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceBookingManagementPagePage.tsx"],"sourcesContent":["import {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, CheckCircle, Clock, Plus } from 'lucide-react';\n\nexport function MarketplaceBookingManagementPagePage() {\n  // There is no booking data source or booking-creation mutation yet, so we do\n  // not synthesize pseudo-bookings from unrelated services. Counts are a true\n  // zero and the list shows an honest empty state until the backend ships.\n  const upcomingCount = 0;\n  const confirmedCount = 0;\n  const pendingCount = 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Booking Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Manage service provider appointments</p>\n          <PagePurpose className=\"mt-1\">Manage your service bookings — review upcoming engagements, confirm schedules, and keep your client commitments on track.</PagePurpose>\n        </div>\n        {/* Bookings derive from marketplace services; there is no standalone\n            booking-creation mutation yet, so this stays an honest disabled\n            control instead of a silently-dead button. */}\n        <Button size=\"sm\" disabled title=\"Booking creation is coming soon\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Booking · Coming soon\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow 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\">Upcoming</CardTitle>\n            <Calendar className=\"h-4 w-4 text-status-info-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{upcomingCount}</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\">Confirmed</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{confirmedCount}</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            <Clock className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{pendingCount}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>All Bookings</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <IllustratedEmptyState\n            illustration=\"empty-generic\"\n            title=\"No bookings yet\"\n            description=\"Once booking creation ships, your scheduled service appointments will appear here.\"\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,IAAuC;AAQrD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAc,sBAAiC,CAAA;MAC5C,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAwC,CAAA;KACnF,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAAuI,CAAA;KACjK,EAAA,CAAA,EAIN,kBAAC,GAAD;KAAQ,MAAK;KAAK,UAAA;KAAS,OAAM;eAAjC,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,4BAE1B;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAoB,CAAA,EAC/D,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBA9BH;OA8B0D,CAAA,EAC1D,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAqB,CAAA,EAChE,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA,CACjD;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAtCF;OAsC0D,CAAA,EAC3D,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAmB,CAAA,EAC9D,kBAAC,GAAD,EAAO,WAAU,oCAAqC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBA9CJ;OA8C0D,CAAA,EACzD,CAAA,CACJ;;KACR;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,gBAAwB,CAAA,EACxB,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,cAAa;IACb,OAAM;IACN,aAAY;IACZ,CAAA,EACU,CAAA,CACT,EAAA,CAAA;GACH"}

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.js

@@ -1,122 +1,120 @@
 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, GlassCard as p, GradientText as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
+import { DollarSign as n, TrendingUp as r, Wallet as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, GlassCard as f, GradientText as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx
-var g = (e) => {
+var h = (e) => {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "N/A" : t.toLocaleString("en-US", { month: "short" });
-}, _ = (e) => {
+}, g = (e) => {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
 };
-function v() {
-	let { invoices: v, marketplaceServices: y, clients: b } = e(), x = t(() => v.slice(0, 12).map((e, t) => ({
+function _() {
+	let { invoices: _ } = e(), v = t(() => _.slice(0, 12).map((e) => ({
 		id: e.id,
 		client: e.clientName,
-		service: y[t % Math.max(y.length, 1)]?.title || "Marketplace Service",
 		amount: e.amount,
-		date: _(e.issueDate),
+		date: g(e.issueDate),
 		status: e.status === "paid" ? "completed" : "pending"
-	})), [v, y]), S = t(() => x.slice(0, 6).map((e, t) => {
-		let n = x.filter((t) => g(t.date) === g(e.date)), r = n.reduce((e, t) => e + t.amount, 0);
+	})), [_]), y = t(() => v.slice(0, 6).map((e, t) => {
+		let n = v.filter((t) => h(t.date) === h(e.date)), r = n.reduce((e, t) => e + t.amount, 0);
 		return {
-			month: g(e.date) || `M${t + 1}`,
+			month: h(e.date) || `M${t + 1}`,
 			amount: r,
 			orders: n.length
 		};
-	}), [x]), C = S.reduce((e, t) => e + t.amount, 0), w = Math.max(1, ...S.map((e) => e.amount)), T = S.reduce((e, t) => e + t.orders, 0), E = x.filter((e) => e.status === "pending").reduce((e, t) => e + t.amount, 0), D = b.length > 0 ? Math.round(T / b.length * 100) : 0;
-	return /* @__PURE__ */ s("div", {
+	}), [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);
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ s("div", { children: [
-				/* @__PURE__ */ o("h1", {
+			/* @__PURE__ */ o("div", { children: [
+				/* @__PURE__ */ a("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ o(m, { children: "Earnings" })
+					children: /* @__PURE__ */ a(p, { children: "Earnings" })
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ a("p", {
 					className: "text-sm text-text-secondary",
 					children: "Revenue from marketplace services"
 				}),
-				/* @__PURE__ */ o(h, {
+				/* @__PURE__ */ a(m, {
 					className: "mt-1",
 					children: "Track what you've earned on the marketplace — payouts, pending balances, and earning trends so you always know where you stand."
 				})
 			] }),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ s(p, {
+					/* @__PURE__ */ o(f, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(d, {
+						children: [/* @__PURE__ */ o(u, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(f, {
+							children: [/* @__PURE__ */ a(d, {
 								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", {
+							}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", C.toLocaleString()]
-						}), /* @__PURE__ */ s("div", {
-							className: "flex items-center text-xs text-status-success-text",
+							children: ["$", b.toLocaleString()]
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ o(n, { className: "mr-1 h-3 w-3" }),
-								"+",
-								D,
-								"% from recent cycle"
+								"Across ",
+								S,
+								" paid orders"
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ s(p, {
+					/* @__PURE__ */ o(f, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(d, {
+						children: [/* @__PURE__ */ o(u, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(f, {
+							children: [/* @__PURE__ */ a(d, {
 								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", {
+							}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", Math.round(C / Math.max(T, 1)).toLocaleString()]
+							children: ["$", Math.round(b / Math.max(S, 1)).toLocaleString()]
 						}) })]
 					}),
-					/* @__PURE__ */ s(p, {
+					/* @__PURE__ */ o(f, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(d, {
+						children: [/* @__PURE__ */ o(u, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(f, {
+							children: [/* @__PURE__ */ a(d, {
 								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", {
+							}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", E.toLocaleString()]
+							children: ["$", C.toLocaleString()]
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, { children: "Earnings Trend" }) }), /* @__PURE__ */ o(u, {
+			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(d, { children: "Earnings Trend" }) }), /* @__PURE__ */ a(l, {
 				className: "space-y-3",
-				children: S.map((e, t) => /* @__PURE__ */ s("div", {
+				children: y.map((e, t) => /* @__PURE__ */ o("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ o("span", {
+						/* @__PURE__ */ a("span", {
 							className: "w-10 text-sm text-text-secondary",
 							children: e.month
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ a("div", {
 							className: "h-4 flex-1 overflow-hidden rounded bg-bg-sunken",
-							children: /* @__PURE__ */ o("div", {
+							children: /* @__PURE__ */ a("div", {
 								className: "h-4 rounded bg-action-primary-bg",
-								style: { width: `${Math.round(e.amount / w * 100)}%` }
+								style: { width: `${Math.round(e.amount / x * 100)}%` }
 							})
 						}),
-						/* @__PURE__ */ s("span", {
+						/* @__PURE__ */ o("span", {
 							className: "w-16 text-right text-sm font-medium",
 							children: [
 								"$",
@@ -124,7 +122,7 @@ function v() {
 								"K"
 							]
 						}),
-						/* @__PURE__ */ s(c, {
+						/* @__PURE__ */ o(s, {
 							variant: "outline",
 							className: "text-[10px]",
 							children: [e.orders, " orders"]
@@ -132,26 +130,22 @@ function v() {
 					]
 				}, `${e.month}-${t}`))
 			})] }),
-			/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, { children: "Recent Payments" }) }), /* @__PURE__ */ o(u, {
+			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(d, { children: "Recent Payments" }) }), /* @__PURE__ */ a(l, {
 				className: "space-y-3",
-				children: x.map((e) => /* @__PURE__ */ s("div", {
+				children: v.map((e) => /* @__PURE__ */ o("div", {
 					className: "flex items-center justify-between rounded border p-3",
-					children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+					children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 						className: "text-sm font-medium",
 						children: e.client
-					}), /* @__PURE__ */ s("p", {
+					}), /* @__PURE__ */ a("p", {
 						className: "text-xs text-text-secondary",
-						children: [
-							e.service,
-							" · ",
-							e.date
-						]
-					})] }), /* @__PURE__ */ s("div", {
+						children: e.date
+					})] }), /* @__PURE__ */ o("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ s("span", {
+						children: [/* @__PURE__ */ o("span", {
 							className: "text-sm font-bold",
 							children: ["$", e.amount.toLocaleString()]
-						}), /* @__PURE__ */ o(c, {
+						}), /* @__PURE__ */ a(s, {
 							variant: e.status === "completed" ? "default" : "secondary",
 							className: "text-[10px]",
 							children: e.status
@@ -163,6 +157,6 @@ function v() {
 	});
 }
 //#endregion
-export { v 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 {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\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        <PagePurpose className=\"mt-1\">Track what you&apos;ve earned on the marketplace — payouts, pending balances, and earning trends so you always know where you stand.</PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow 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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"}
+{"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  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { 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  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 } = useCrewFoundryStore();\n\n  const recentPayments = useMemo<PaymentItem[]>(() => {\n    return invoices.slice(0, 12).map((invoice) => ({\n      id: invoice.id,\n      client: invoice.clientName,\n      amount: invoice.amount,\n      date: isoDate(invoice.issueDate),\n      status: invoice.status === 'paid' ? 'completed' : 'pending',\n    }));\n  }, [invoices]);\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\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        <PagePurpose className=\"mt-1\">Track what you&apos;ve earned on the marketplace — payouts, pending balances, and earning trends so you always know where you stand.</PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow 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            <p className=\"text-xs text-text-secondary\">Across {totalOrders} paid orders</p>\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\">{payment.date}</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":";;;;;;AA4BA,IAAM,KAAc,MAA0B;CAC5C,IAAM,IAAS,IAAI,KAAK,EAAM;AAI9B,QAHI,OAAO,MAAM,EAAO,SAAS,CAAC,GACzB,QAEF,EAAO,eAAe,SAAS,EAAE,OAAO,SAAS,CAAC;GAGrD,KAAW,MAA0B;CACzC,IAAM,IAAS,IAAI,KAAK,EAAM;AAI9B,QAHI,OAAO,MAAM,EAAO,SAAS,CAAC,GACzB,YAEF,EAAO,aAAa,CAAC,MAAM,IAAI,CAAC;;AAGzC,SAAgB,IAA8B;CAC5C,IAAM,EAAE,gBAAa,GAAqB,EAEpC,IAAiB,QACd,EAAS,MAAM,GAAG,GAAG,CAAC,KAAK,OAAa;EAC7C,IAAI,EAAQ;EACZ,QAAQ,EAAQ;EAChB,QAAQ,EAAQ;EAChB,MAAM,EAAQ,EAAQ,UAAU;EAChC,QAAQ,EAAQ,WAAW,SAAS,cAAc;EACnD,EAAE,EACF,CAAC,EAAS,CAAC,EAER,IAAe,QACZ,EAAe,MAAM,GAAG,EAAE,CAAC,KAAK,GAAS,MAAU;EACxD,IAAM,IAAU,EAAe,QAC5B,MAAS,EAAW,EAAK,KAAK,KAAK,EAAW,EAAQ,KAAK,CAC7D,EACK,IAAS,EAAQ,QAAQ,GAAK,MAAS,IAAM,EAAK,QAAQ,EAAE;AAClE,SAAO;GACL,OAAO,EAAW,EAAQ,KAAK,IAAI,IAAI,IAAQ;GAC/C;GACA,QAAQ,EAAQ;GACjB;GACD,EACD,CAAC,EAAe,CAAC,EAEd,IAAgB,EAAa,QAAQ,GAAK,MAAU,IAAM,EAAM,QAAQ,EAAE,EAC1E,IAAa,KAAK,IAAI,GAAG,GAAG,EAAa,KAAK,MAAU,EAAM,OAAO,CAAC,EACtE,IAAc,EAAa,QAAQ,GAAK,MAAU,IAAM,EAAM,QAAQ,EAAE,EACxE,IAAgB,EACnB,QAAQ,MAAY,EAAQ,WAAW,UAAU,CACjD,QAAQ,GAAK,MAAY,IAAM,EAAQ,QAAQ,EAAE;AAEpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,YAAuB,CAAA;KAClC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAqC,CAAA;IAChF,kBAAC,GAAD;KAAa,WAAU;eAAO;KAAkJ,CAAA;IAC5K,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA0B,CAAA,EACrE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAAE,EAAc,gBAAgB,CAAO;UACxF,kBAAC,KAAD;OAAG,WAAU;iBAAb;QAA2C;QAAQ;QAAY;QAAgB;SACnE,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA2B,CAAA,EACtE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAC7C,KAAK,MAAM,IAAgB,KAAK,IAAI,GAAa,EAAE,CAAC,CAAC,gBAAgB,CACnE;UACM,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAmB,CAAA,EAC9D,kBAAC,GAAD,EAAQ,WAAU,oCAAqC,CAAA,CAC5C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAAE,EAAc,gBAAgB,CAAO;UAC5E,CAAA,CACJ;;KACR;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,kBAA0B,CAAA,EAC1B,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAa,KAAK,GAAS,MAC1B,kBAAC,OAAD;KAAuC,WAAU;eAAjD;MACE,kBAAC,QAAD;OAAM,WAAU;iBAAoC,EAAQ;OAAa,CAAA;MACzE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,OAAO,GAAG,KAAK,MAAO,EAAQ,SAAS,IAAc,IAAI,CAAC,IAAI;QACvE,CAAA;OACE,CAAA;MACN,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAAsD;SACjD,EAAQ,SAAS,KAAM,QAAQ,EAAE;QAAC;QAChC;;MACP,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAAnC,CACG,EAAQ,QAAO,UACV;;MACJ;OAdI,GAAG,EAAQ,MAAM,GAAG,IAcxB,CACN;IACU,CAAA,CACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAe,KAAK,MACnB,kBAAC,OAAD;KAAsB,WAAU;eAAhC,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAuB,EAAQ;MAAW,CAAA,EACvD,kBAAC,KAAD;MAAG,WAAU;gBAA+B,EAAQ;MAAS,CAAA,CACzD,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAAoC,KAAE,EAAQ,OAAO,gBAAgB,CAAQ;UAC7E,kBAAC,GAAD;OACE,SAAS,EAAQ,WAAW,cAAc,YAAY;OACtD,WAAU;iBAET,EAAQ;OACH,CAAA,CACJ;QACF;OAdI,EAAQ,GAcZ,CACN;IACU,CAAA,CACT,EAAA,CAAA;GACH"}