npm - @burdenoff/microfe-crewfoundry - Versions diffs - 2026.625.1 → 2026.626.1 - Mend

@burdenoff/microfe-crewfoundry 2026.625.1 → 2026.626.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (131) hide show

package/dist/crewfoundry/pages/MarketplaceProjectDetailsPagePage.js CHANGED Viewed

@@ -1,88 +1,122 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { Calendar as t, DollarSign as n, Users as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, GradientText as d, IllustratedEmptyState as f } from "@burdenoff/fe-libs/ui";
+import { Calendar as t, DollarSign as n, MessageSquare as r, Users as i } from "lucide-react";
+import { useNavigate as a } from "react-router-dom";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Card as l, CardContent as u, EmphasisPanel as d, GradientText as f, IllustratedEmptyState as p, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceProjectDetailsPagePage.tsx
-function p() {
-	let { projects: p } = e(), m = p[0];
-	return m ? /* @__PURE__ */ a("div", {
+function g() {
+	let g = a(), { projects: _ } = e(), v = _[0];
+	return v ? /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ i(d, { children: m.name })
-				}), /* @__PURE__ */ i("p", {
-					className: "text-sm text-text-secondary",
-					children: m.description
-				})] }), /* @__PURE__ */ i(o, {
-					variant: m.status === "active" ? "default" : "secondary",
-					children: m.status
+				children: [/* @__PURE__ */ s("div", { children: [
+					/* @__PURE__ */ o("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ o(f, { children: v.name })
+					}),
+					/* @__PURE__ */ o("p", {
+						className: "text-sm text-text-secondary",
+						children: v.description
+					}),
+					/* @__PURE__ */ o(h, {
+						className: "mt-2",
+						children: "The full picture of a marketplace project — scope, budget, timeline, and progress — so you can track delivery and stay aligned with the team doing the work."
+					})
+				] }), /* @__PURE__ */ o(c, {
+					variant: v.status === "active" ? "default" : "secondary",
+					children: v.status
 				})]
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o(m, {
+				storageKey: "crewfoundry-marketplace-project-details",
+				steps: [
+					{
+						id: "message",
+						label: "Message the team",
+						description: "Coordinate on scope, blockers, and next milestones.",
+						icon: /* @__PURE__ */ o(r, { className: "h-4 w-4" }),
+						onClick: () => g("../../marketplace/messaging-page")
+					},
+					{
+						id: "bookings",
+						label: "Review bookings",
+						description: "Check the engagements tied to this project.",
+						icon: /* @__PURE__ */ o(t, { className: "h-4 w-4" }),
+						onClick: () => g("../../marketplace/booking-management-page")
+					},
+					{
+						id: "earnings",
+						label: "Track earnings",
+						description: "See payouts and balances connected to your work.",
+						icon: /* @__PURE__ */ o(n, { className: "h-4 w-4" }),
+						onClick: () => g("../../marketplace/earnings-page")
+					}
+				]
+			}),
+			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
+					/* @__PURE__ */ o(l, { children: /* @__PURE__ */ s(u, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ i(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ o(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ s("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(m.budget / 1e3).toFixed(0),
+									(v.budget / 1e3).toFixed(0),
 									"K"
 								]
 							}),
-							/* @__PURE__ */ i("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-xs text-text-secondary",
 								children: "Budget"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
+					/* @__PURE__ */ o(l, { children: /* @__PURE__ */ s(u, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ i(n, { className: "h-5 w-5 mx-auto text-status-success-text mb-1" }),
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ o(n, { className: "h-5 w-5 mx-auto text-status-success-text mb-1" }),
+							/* @__PURE__ */ s("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(m.spent / 1e3).toFixed(0),
+									(v.spent / 1e3).toFixed(0),
 									"K"
 								]
 							}),
-							/* @__PURE__ */ i("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-xs text-text-secondary",
 								children: "Spent"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
+					/* @__PURE__ */ o(l, { children: /* @__PURE__ */ s(u, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ i(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ i("p", {
+							/* @__PURE__ */ o(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ o("p", {
 								className: "text-lg font-bold",
-								children: m.teamName
+								children: v.teamName
 							}),
-							/* @__PURE__ */ i("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-xs text-text-secondary",
 								children: "Team"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
+					/* @__PURE__ */ o(l, { children: /* @__PURE__ */ s(u, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ i(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ i("p", {
+							/* @__PURE__ */ o(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ o("p", {
 								className: "text-lg font-bold",
-								children: m.endDate
+								children: v.endDate
 							}),
-							/* @__PURE__ */ i("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
@@ -90,63 +124,70 @@ function p() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(u, { children: "Progress" }) }), /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ a("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ a("div", {
-					className: "flex justify-between text-sm",
-					children: [/* @__PURE__ */ a("span", { children: [
-						m.completedTasks,
-						" of ",
-						m.tasks,
-						" tasks"
-					] }), /* @__PURE__ */ a("span", {
-						className: "font-medium",
-						children: [m.progress, "%"]
+			/* @__PURE__ */ s(d, { children: [
+				/* @__PURE__ */ o("div", {
+					className: "mb-2 text-lg font-semibold",
+					children: "Progress"
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ s("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ s("span", { children: [
+							v.completedTasks,
+							" of ",
+							v.tasks,
+							" tasks"
+						] }), /* @__PURE__ */ s("span", {
+							className: "font-medium",
+							children: [v.progress, "%"]
+						})]
+					}), /* @__PURE__ */ o("div", {
+						className: "h-3 bg-bg-sunken rounded overflow-hidden",
+						children: /* @__PURE__ */ o("div", {
+							className: "h-3 bg-action-primary-bg rounded",
+							style: { width: `${v.progress}%` }
+						})
 					})]
-				}), /* @__PURE__ */ i("div", {
-					className: "h-3 bg-bg-sunken rounded overflow-hidden",
-					children: /* @__PURE__ */ i("div", {
-						className: "h-3 bg-action-primary-bg rounded",
-						style: { width: `${m.progress}%` }
-					})
-				})]
-			}), /* @__PURE__ */ a("div", {
-				className: "grid grid-cols-2 gap-4 mt-4",
-				children: [
-					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-text-secondary",
-						children: "Manager"
-					}), /* @__PURE__ */ i("p", {
-						className: "text-sm font-medium",
-						children: m.managerName
-					})] }),
-					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-text-secondary",
-						children: "Priority"
-					}), /* @__PURE__ */ i(o, {
-						variant: m.priority === "critical" ? "destructive" : m.priority === "high" ? "default" : "secondary",
-						children: m.priority
-					})] }),
-					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-text-secondary",
-						children: "Start Date"
-					}), /* @__PURE__ */ i("p", {
-						className: "text-sm",
-						children: m.startDate
-					})] }),
-					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-text-secondary",
-						children: "End Date"
-					}), /* @__PURE__ */ i("p", {
-						className: "text-sm",
-						children: m.endDate
-					})] })
-				]
-			})] })] })
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "grid grid-cols-2 gap-4 mt-4",
+					children: [
+						/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
+							children: "Manager"
+						}), /* @__PURE__ */ o("p", {
+							className: "text-sm font-medium",
+							children: v.managerName
+						})] }),
+						/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
+							children: "Priority"
+						}), /* @__PURE__ */ o(c, {
+							variant: v.priority === "critical" ? "destructive" : v.priority === "high" ? "default" : "secondary",
+							children: v.priority
+						})] }),
+						/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
+							children: "Start Date"
+						}), /* @__PURE__ */ o("p", {
+							className: "text-sm",
+							children: v.startDate
+						})] }),
+						/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
+							children: "End Date"
+						}), /* @__PURE__ */ o("p", {
+							className: "text-sm",
+							children: v.endDate
+						})] })
+					]
+				})
+			] })
 		]
-	}) : /* @__PURE__ */ i("div", {
+	}) : /* @__PURE__ */ o("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ i(f, {
+		children: /* @__PURE__ */ o(p, {
 			illustration: "empty-search",
 			title: "Project not found",
 			description: "This project is no longer available."
@@ -154,6 +195,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as MarketplaceProjectDetailsPagePage };
+export { g as MarketplaceProjectDetailsPagePage };
 //# sourceMappingURL=MarketplaceProjectDetailsPagePage.js.map

package/dist/crewfoundry/pages/MarketplaceProjectDetailsPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarketplaceProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceProjectDetailsPagePage.tsx"],"sourcesContent":["import {\n Badge,\n Card,\n CardContent,\n ~~CardHeader~~,\n ~~CardTitle~~,\n ~~GradientText~~,\n ~~IllustratedEmptyState~~,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, DollarSign, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceProjectDetailsPagePage() {\n const { projects } = useCrewFoundryStore();\n const project = projects[0];\n if (!project)\n return (\n <div className=\"p-6\">\n <IllustratedEmptyState\n illustration=\"empty-search\"\n title=\"Project not found\"\n description=\"This project is no longer available.\"\n />\n </div>\n );\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n <GradientText>{project.name}</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">{project.description}</p>\n </div>\n <Badge variant={project.status === 'active' ? 'default' : 'secondary'}>\n {project.status}\n </Badge>\n </div>\n <div className=\"grid gap-4 md:grid-cols-4\">\n <Card>\n <CardContent className=\"p-4 text-center\">\n <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n <p className=\"text-xs text-text-secondary\">Budget</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <DollarSign className=\"h-5 w-5 mx-auto text-status-success-text mb-1\" />\n <p className=\"text-lg font-bold\">${(project.spent / 1000).toFixed(0)}K</p>\n <p className=\"text-xs text-text-secondary\">Spent</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">{project.teamName}</p>\n <p className=\"text-xs text-text-secondary\">Team</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">{project.endDate}</p>\n <p className=\"text-xs text-text-secondary\">Deadline</p>\n </CardContent>\n </Card>\n </div>\n <~~Card~~>\n <~~CardHeader>\n <CardTitle~~>Progress</~~CardTitle~~>\n ~~</CardHeader>\n~~ <~~CardContent>\n <~~div className=\"space-y-2\">\n <div className=\"flex justify-between text-sm\">\n <span>\n {project.completedTasks} of {project.tasks} tasks\n </span>\n <span className=\"font-medium\">{project.progress}%</span>\n </div>\n <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n <div\n className=\"h-3 bg-action-primary-bg rounded\"\n style={{ width: `${project.progress}%` }}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-2 gap-4 mt-4\">\n <div>\n <p className=\"text-xs text-text-secondary\">Manager</p>\n <p className=\"text-sm font-medium\">{project.managerName}</p>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">Priority</p>\n <Badge\n variant={\n project.priority === 'critical'\n ? 'destructive'\n : project.priority === 'high'\n ? 'default'\n : 'secondary'\n }\n >\n {project.priority}\n </Badge>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">Start Date</p>\n <p className=\"text-sm\">{project.startDate}</p>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">End Date</p>\n <p className=\"text-sm\">{project.endDate}</p>\n ~~</div>\n~~ </div>\n </~~CardContent~~>\n </~~Card~~>\n </div>\n );\n}\n"],"mappings":"~~;;;;;AAYA~~,SAAgB,IAAoC;CAClD,IAAM,EAAE,gBAAa,GAAqB,EACpC,IAAU,EAAS;AAYzB,QAXK,IAYH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,~~CACE,~~kBAAC,MAAD;~~KAAI~~,WAAU;~~eACZ~~,kBAAC,GAAD,EAAA,UAAe,EAAQ,MAAoB,CAAA;~~KACxC~~,CAAA,~~EACL,~~kBAAC,KAAD;~~KAAG~~,WAAU;~~eAA~~+B,EAAQ;~~KAAgB~~,CAAA,~~CAChE~~,EAAA,CAAA,EACN,kBAAC,GAAD;KAAO,SAAS,EAAQ,WAAW,WAAW,YAAY;eACvD,EAAQ;KACH,CAAA,CACJ;;~~GACN~~,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAY,WAAU,4CAA6C,CAAA;OACnE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAiC;UAAG,EAAQ,SAAS,KAAM,QAAQ,EAAE;SAAC;SAAK;;OAC3E,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAU,CAAA;OACzC;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAY,WAAU,iDAAkD,CAAA;OACxE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAiC;UAAG,EAAQ,QAAQ,KAAM,QAAQ,EAAE;SAAC;SAAK;;OAC1E,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAS,CAAA;OACxC;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAO,WAAU,4CAA6C,CAAA;OAC9D,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAQ;QAAa,CAAA;OACvD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAQ,CAAA;OACvC;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAU,WAAU,4CAA6C,CAAA;OACjE,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAQ;QAAY,CAAA;OACtD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACH;;GACN,kBAAC,GAAD,EAAA,UAAA,~~CACE,~~kBAAC,~~GAAD~~,~~EAAA~~,~~UACE,kBAAC,GAAD,EAAA,UAAW,YAAoB,~~CAAA,~~EACpB,CAAA,EACb,~~kBAAC,~~GAAD,EAAA,UAAA,CACE,kBAAC,~~OAAD;~~IAAK~~,WAAU;~~cAAf~~,CACE,kBAAC,OAAD;~~KAAK~~,WAAU;~~eAAf~~,CACE,kBAAC,QAAD,EAAA,UAAA;~~MACG~~,EAAQ;~~MAAe~~;~~MAAK~~,EAAQ;~~MAAM~~;~~MACtC~~,EAAA,CAAA,EACP,kBAAC,QAAD;~~MAAM~~,WAAU;~~gBAAhB~~,CAA+B,EAAQ,UAAS,IAAQ;~~QACpD~~;~~QACN~~,kBAAC,OAAD;~~KAAK~~,WAAU;~~eACb~~,kBAAC,OAAD;~~MACE~~,WAAU;~~MACV~~,OAAO,EAAE,OAAO,GAAG,EAAQ,SAAS,IAAI;~~MACxC~~,CAAA;~~KACE~~,CAAA,CACF~~;OACN~~,kBAAC,OAAD;~~IAAK~~,WAAU;~~cAAf~~;~~KACE~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;~~MAAG~~,WAAU;~~gBAA8B~~;~~MAAW~~,CAAA,EACtD,kBAAC,KAAD;~~MAAG~~,WAAU;~~gBAAuB~~,EAAQ;~~MAAgB~~,CAAA,CACxD,EAAA,CAAA;~~KACN~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;~~MAAG~~,WAAU;~~gBAA8B~~;~~MAAY~~,CAAA,EACvD,kBAAC,GAAD;~~MACE~~,SACE,EAAQ,aAAa,aACjB,gBACA,EAAQ,aAAa,SACnB,YACA;~~gBAGP~~,EAAQ;~~MACH~~,CAAA,CACJ,EAAA,CAAA;~~KACN~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;~~MAAG~~,WAAU;~~gBAA8B~~;~~MAAc~~,CAAA,EACzD,kBAAC,KAAD;~~MAAG~~,WAAU;~~gBAAW~~,EAAQ;~~MAAc~~,CAAA,CAC1C,EAAA,CAAA;~~KACN~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;~~MAAG~~,WAAU;~~gBAA8B~~;~~MAAY~~,CAAA,EACvD,kBAAC,KAAD;~~MAAG~~,WAAU;~~gBAAW~~,EAAQ;~~MAAY~~,CAAA,CACxC,EAAA,CAAA;~~KACF;MACM~~,EAAA,CAAA~~,CACT,EAAA,CAAA~~;~~GACH~~;~~MArGJ~~,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA;EACE,CAAA"}
1	+ {"version":3,"file":"MarketplaceProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceProjectDetailsPagePage.tsx"],"sourcesContent":["import {\n Badge,\n Card,\n CardContent,\n EmphasisPanel,\n GradientText,\n IllustratedEmptyState,\n NextSteps,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, DollarSign, MessageSquare, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceProjectDetailsPagePage() {\n const navigate = useNavigate();\n const { projects } = useCrewFoundryStore();\n const project = projects[0];\n if (!project)\n return (\n <div className=\"p-6\">\n <IllustratedEmptyState\n illustration=\"empty-search\"\n title=\"Project not found\"\n description=\"This project is no longer available.\"\n />\n </div>\n );\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n <GradientText>{project.name}</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">{project.description}</p>\n <PagePurpose className=\"mt-2\">\n The full picture of a marketplace project — scope, budget, timeline, and progress — so\n you can track delivery and stay aligned with the team doing the work.\n </PagePurpose>\n </div>\n <Badge variant={project.status === 'active' ? 'default' : 'secondary'}>\n {project.status}\n </Badge>\n </div>\n\n <NextSteps\n storageKey=\"crewfoundry-marketplace-project-details\"\n steps={[\n {\n id: 'message',\n label: 'Message the team',\n description: 'Coordinate on scope, blockers, and next milestones.',\n icon: <MessageSquare className=\"h-4 w-4\" />,\n onClick: () => navigate('../../marketplace/messaging-page'),\n },\n {\n id: 'bookings',\n label: 'Review bookings',\n description: 'Check the engagements tied to this project.',\n icon: <Calendar className=\"h-4 w-4\" />,\n onClick: () => navigate('../../marketplace/booking-management-page'),\n },\n {\n id: 'earnings',\n label: 'Track earnings',\n description: 'See payouts and balances connected to your work.',\n icon: <DollarSign className=\"h-4 w-4\" />,\n onClick: () => navigate('../../marketplace/earnings-page'),\n },\n ]}\n />\n\n <div className=\"grid gap-4 md:grid-cols-4\">\n <Card>\n <CardContent className=\"p-4 text-center\">\n <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n <p className=\"text-xs text-text-secondary\">Budget</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <DollarSign className=\"h-5 w-5 mx-auto text-status-success-text mb-1\" />\n <p className=\"text-lg font-bold\">${(project.spent / 1000).toFixed(0)}K</p>\n <p className=\"text-xs text-text-secondary\">Spent</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">{project.teamName}</p>\n <p className=\"text-xs text-text-secondary\">Team</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">{project.endDate}</p>\n <p className=\"text-xs text-text-secondary\">Deadline</p>\n </CardContent>\n </Card>\n </div>\n <EmphasisPanel>\n <div className=\"mb-2 text-lg font-semibold\">Progress</div>\n <div className=\"space-y-2\">\n <div className=\"flex justify-between text-sm\">\n <span>\n {project.completedTasks} of {project.tasks} tasks\n </span>\n <span className=\"font-medium\">{project.progress}%</span>\n </div>\n <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n <div\n className=\"h-3 bg-action-primary-bg rounded\"\n style={{ width: `${project.progress}%` }}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-2 gap-4 mt-4\">\n <div>\n <p className=\"text-xs text-text-secondary\">Manager</p>\n <p className=\"text-sm font-medium\">{project.managerName}</p>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">Priority</p>\n <Badge\n variant={\n project.priority === 'critical'\n ? 'destructive'\n : project.priority === 'high'\n ? 'default'\n : 'secondary'\n }\n >\n {project.priority}\n </Badge>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">Start Date</p>\n <p className=\"text-sm\">{project.startDate}</p>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">End Date</p>\n <p className=\"text-sm\">{project.endDate}</p>\n </div>\n </div>\n </EmphasisPanel>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceServiceDetailsPagePage.js CHANGED Viewed

@@ -1,83 +1,117 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { Clock as t, DollarSign as n, MessageSquare as r, Star as i, Users 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, GradientText as m, IllustratedEmptyState as h } from "@burdenoff/fe-libs/ui";
+import { useNavigate as o } from "react-router-dom";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, Card as d, CardContent as f, EmphasisPanel as p, GradientText as m, IllustratedEmptyState as h, NextSteps as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceServiceDetailsPagePage.tsx
-function g() {
-	let { marketplaceServices: g } = e(), _ = g[0];
-	return _ ? /* @__PURE__ */ s("div", {
+function v() {
+	let v = o(), { marketplaceServices: y } = e(), b = y[0];
+	return b ? /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ o(m, { children: _.title })
-				}), /* @__PURE__ */ s("p", {
-					className: "text-sm text-text-secondary",
-					children: ["by ", _.provider]
-				})] }), /* @__PURE__ */ s("div", {
+				children: [/* @__PURE__ */ c("div", { children: [
+					/* @__PURE__ */ s("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ s(m, { children: b.title })
+					}),
+					/* @__PURE__ */ c("p", {
+						className: "text-sm text-text-secondary",
+						children: ["by ", b.provider]
+					}),
+					/* @__PURE__ */ s(_, {
+						className: "mt-2",
+						children: "See exactly what this service includes, what it costs, and how others rated it — use it to compare offerings and hire the right provider for your project."
+					})
+				] }), /* @__PURE__ */ c("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ s(l, {
+					children: [/* @__PURE__ */ c(u, {
 						variant: "outline",
-						children: [/* @__PURE__ */ o(r, { className: "h-4 w-4 mr-1" }), "Contact"]
-					}), /* @__PURE__ */ o(l, { children: "Hire Now" })]
+						children: [/* @__PURE__ */ s(r, { className: "h-4 w-4 mr-1" }), "Contact"]
+					}), /* @__PURE__ */ s(u, { children: "Hire Now" })]
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ s(g, {
+				storageKey: "crewfoundry-service-details",
+				steps: [
+					{
+						id: "contact",
+						label: "Message the provider",
+						description: "Ask questions before you commit to hiring.",
+						icon: /* @__PURE__ */ s(r, { className: "h-4 w-4" }),
+						onClick: () => v("../../marketplace/messaging-page")
+					},
+					{
+						id: "compare",
+						label: "Compare other services",
+						description: "Browse similar offerings on the marketplace.",
+						icon: /* @__PURE__ */ s(a, { className: "h-4 w-4" }),
+						onClick: () => v("../../marketplace/marketplace-services-page")
+					},
+					{
+						id: "bookings",
+						label: "Manage your bookings",
+						description: "Track engagements you have already arranged.",
+						icon: /* @__PURE__ */ s(t, { className: "h-4 w-4" }),
+						onClick: () => v("../../marketplace/booking-management-page")
+					}
+				]
+			}),
+			/* @__PURE__ */ c("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ o(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ s(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ c("p", {
 								className: "text-lg font-bold",
-								children: ["$", _.price.toLocaleString()]
+								children: ["$", b.price.toLocaleString()]
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
-								children: ["per ", _.priceType]
+								children: ["per ", b.priceType]
 							})
 						]
 					}) }),
-					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ o(i, { className: "h-5 w-5 mx-auto text-status-warning-text mb-1" }),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ s(i, { className: "h-5 w-5 mx-auto text-status-warning-text mb-1" }),
+							/* @__PURE__ */ c("p", {
 								className: "text-lg font-bold",
-								children: [_.rating, "/5"]
+								children: [b.rating, "/5"]
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
-								children: [_.reviews, " reviews"]
+								children: [b.reviews, " reviews"]
 							})
 						]
 					}) }),
-					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ o(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ s(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ s("p", {
 								className: "text-lg font-bold",
-								children: _.deliveryTime
+								children: b.deliveryTime
 							}),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ s("p", {
 								className: "text-xs text-text-secondary",
 								children: "Delivery"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ o(a, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ s(a, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ s("p", {
 								className: "text-lg font-bold",
-								children: _.category
+								children: b.category
 							}),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ s("p", {
 								className: "text-xs text-text-secondary",
 								children: "Category"
 							})
@@ -85,20 +119,27 @@ function g() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "About this Service" }) }), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("p", {
-				className: "text-sm text-text-secondary",
-				children: _.description
-			}), /* @__PURE__ */ o("div", {
-				className: "flex flex-wrap gap-1 mt-3",
-				children: _.skills.map((e) => /* @__PURE__ */ o(c, {
-					variant: "outline",
-					children: e
-				}, e))
-			})] })] })
+			/* @__PURE__ */ c(p, { children: [
+				/* @__PURE__ */ s("div", {
+					className: "mb-2 text-lg font-semibold",
+					children: "About this Service"
+				}),
+				/* @__PURE__ */ s("p", {
+					className: "text-sm text-text-secondary",
+					children: b.description
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "flex flex-wrap gap-1 mt-3",
+					children: b.skills.map((e) => /* @__PURE__ */ s(l, {
+						variant: "outline",
+						children: e
+					}, e))
+				})
+			] })
 		]
-	}) : /* @__PURE__ */ o("div", {
+	}) : /* @__PURE__ */ s("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ o(h, {
+		children: /* @__PURE__ */ s(h, {
 			illustration: "empty-search",
 			title: "Service not found",
 			description: "This service is no longer available."
@@ -106,6 +147,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as MarketplaceServiceDetailsPagePage };
+export { v as MarketplaceServiceDetailsPagePage };
 //# sourceMappingURL=MarketplaceServiceDetailsPagePage.js.map

package/dist/crewfoundry/pages/MarketplaceServiceDetailsPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarketplaceServiceDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceServiceDetailsPagePage.tsx"],"sourcesContent":["import {\n Badge,\n Button,\n Card,\n CardContent,\n ~~CardHeader~~,\n ~~CardTitle~~,\n ~~GradientText~~,\n ~~IllustratedEmptyState~~,\n} from '@burdenoff/fe-libs/ui';\nimport { Clock, DollarSign, MessageSquare, Star, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceServiceDetailsPagePage() {\n const { marketplaceServices } = useCrewFoundryStore();\n const svc = marketplaceServices[0];\n if (!svc)\n return (\n <div className=\"p-6\">\n <IllustratedEmptyState\n illustration=\"empty-search\"\n title=\"Service not found\"\n description=\"This service is no longer available.\"\n />\n </div>\n );\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n <GradientText>{svc.title}</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">by {svc.provider}</p>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\">\n <MessageSquare className=\"h-4 w-4 mr-1\" />\n Contact\n </Button>\n <Button>Hire Now</Button>\n </div>\n </div>\n <div className=\"grid gap-4 md:grid-cols-4\">\n <Card>\n <CardContent className=\"p-4 text-center\">\n <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">${svc.price.toLocaleString()}</p>\n <p className=\"text-xs text-text-secondary\">per {svc.priceType}</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <Star className=\"h-5 w-5 mx-auto text-status-warning-text mb-1\" />\n <p className=\"text-lg font-bold\">{svc.rating}/5</p>\n <p className=\"text-xs text-text-secondary\">{svc.reviews} reviews</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <Clock className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">{svc.deliveryTime}</p>\n <p className=\"text-xs text-text-secondary\">Delivery</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">{svc.category}</p>\n <p className=\"text-xs text-text-secondary\">Category</p>\n </CardContent>\n </Card>\n </div>\n <~~Card~~>\n <~~CardHeader>\n <CardTitle~~>About this Service</~~CardTitle~~>\n ~~</CardHeader>\n~~ <~~CardContent>\n <~~p className=\"text-sm text-text-secondary\">{svc.description}</p>\n <div className=\"flex flex-wrap gap-1 mt-3\">\n {svc.skills.map((s) => (\n <Badge key={s} variant=\"outline\">\n {s}\n </Badge>\n ))}\n </div>\n ~~</CardContent>\n~~ </~~Card~~>\n </div>\n );\n}\n"],"mappings":"~~;;;;;AAaA~~,SAAgB,IAAoC;CAClD,IAAM,EAAE,2BAAwB,GAAqB,EAC/C,IAAM,EAAoB;AAYhC,QAXK,IAYH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,~~CACE,~~kBAAC,MAAD;~~KAAI~~,WAAU;~~eACZ~~,kBAAC,GAAD,EAAA,UAAe,EAAI,OAAqB,CAAA;~~KACrC~~,CAAA,~~EACL,~~kBAAC,KAAD;~~KAAG~~,WAAU;~~eAAb~~,CAA2C,OAAI,EAAI,SAAa;~~OAC5D~~,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SAAQ;gBAAhB,CACE,kBAAC,GAAD,EAAe,WAAU,gBAAiB,CAAA,EAAA,UAEnC;SACT,kBAAC,GAAD,EAAA,UAAQ,YAAiB,CAAA,CACrB;OACF;;~~GACN~~,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAY,WAAU,4CAA6C,CAAA;OACnE,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAiC,KAAE,EAAI,MAAM,gBAAgB,CAAK;;OAClE,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAA2C,QAAK,EAAI,UAAc;;OACtD;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAM,WAAU,iDAAkD,CAAA;OAClE,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAkC,EAAI,QAAO,KAAM;;OACnD,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAA4C,EAAI,SAAQ,WAAY;;OACxD;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAO,WAAU,4CAA6C,CAAA;OAC9D,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAI;QAAiB,CAAA;OACvD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAO,WAAU,4CAA6C,CAAA;OAC9D,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAI;QAAa,CAAA;OACnD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACH;;GACN,kBAAC,GAAD,EAAA,UAAA,~~CACE,~~kBAAC,~~GAAD~~,~~EAAA~~,~~UACE,kBAAC,GAAD,EAAA,UAAW,sBAA8B,~~CAAA,~~EAC9B,CAAA,EACb,~~kBAAC,~~GAAD,EAAA,UAAA,CACE,kBAAC,~~KAAD;~~IAAG~~,WAAU;~~cAA~~+B,EAAI;~~IAAgB~~,CAAA,~~EAChE,~~kBAAC,OAAD;~~IAAK~~,WAAU;~~cACZ~~,EAAI,OAAO,KAAK,MACf,kBAAC,GAAD;~~KAAe~~,SAAQ;~~eACpB~~;~~KACK~~,EAFI,EAEJ,CACR;~~IACE~~,CAAA,~~CACM,~~EAAA,CAAA~~,CACT,EAAA,CAAA~~;~~GACH~~;~~MAvEJ~~,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA;EACE,CAAA"}
1	+ {"version":3,"file":"MarketplaceServiceDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceServiceDetailsPagePage.tsx"],"sourcesContent":["import {\n Badge,\n Button,\n Card,\n CardContent,\n EmphasisPanel,\n GradientText,\n IllustratedEmptyState,\n NextSteps,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Clock, DollarSign, MessageSquare, Star, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceServiceDetailsPagePage() {\n const navigate = useNavigate();\n const { marketplaceServices } = useCrewFoundryStore();\n const svc = marketplaceServices[0];\n if (!svc)\n return (\n <div className=\"p-6\">\n <IllustratedEmptyState\n illustration=\"empty-search\"\n title=\"Service not found\"\n description=\"This service is no longer available.\"\n />\n </div>\n );\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n <GradientText>{svc.title}</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">by {svc.provider}</p>\n <PagePurpose className=\"mt-2\">\n See exactly what this service includes, what it costs, and how others rated it — use it\n to compare offerings and hire the right provider for your project.\n </PagePurpose>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\">\n <MessageSquare className=\"h-4 w-4 mr-1\" />\n Contact\n </Button>\n <Button>Hire Now</Button>\n </div>\n </div>\n\n <NextSteps\n storageKey=\"crewfoundry-service-details\"\n steps={[\n {\n id: 'contact',\n label: 'Message the provider',\n description: 'Ask questions before you commit to hiring.',\n icon: <MessageSquare className=\"h-4 w-4\" />,\n onClick: () => navigate('../../marketplace/messaging-page'),\n },\n {\n id: 'compare',\n label: 'Compare other services',\n description: 'Browse similar offerings on the marketplace.',\n icon: <Users className=\"h-4 w-4\" />,\n onClick: () => navigate('../../marketplace/marketplace-services-page'),\n },\n {\n id: 'bookings',\n label: 'Manage your bookings',\n description: 'Track engagements you have already arranged.',\n icon: <Clock className=\"h-4 w-4\" />,\n onClick: () => navigate('../../marketplace/booking-management-page'),\n },\n ]}\n />\n\n <div className=\"grid gap-4 md:grid-cols-4\">\n <Card>\n <CardContent className=\"p-4 text-center\">\n <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">${svc.price.toLocaleString()}</p>\n <p className=\"text-xs text-text-secondary\">per {svc.priceType}</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <Star className=\"h-5 w-5 mx-auto text-status-warning-text mb-1\" />\n <p className=\"text-lg font-bold\">{svc.rating}/5</p>\n <p className=\"text-xs text-text-secondary\">{svc.reviews} reviews</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <Clock className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">{svc.deliveryTime}</p>\n <p className=\"text-xs text-text-secondary\">Delivery</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"p-4 text-center\">\n <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n <p className=\"text-lg font-bold\">{svc.category}</p>\n <p className=\"text-xs text-text-secondary\">Category</p>\n </CardContent>\n </Card>\n </div>\n <EmphasisPanel>\n <div className=\"mb-2 text-lg font-semibold\">About this Service</div>\n <p className=\"text-sm text-text-secondary\">{svc.description}</p>\n <div className=\"flex flex-wrap gap-1 mt-3\">\n {svc.skills.map((s) => (\n <Badge key={s} variant=\"outline\">\n {s}\n </Badge>\n ))}\n </div>\n </EmphasisPanel>\n </div>\n );\n}\n"],"mappings":"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"}