@burdenoff/microfe-crewfoundry 2026.624.1 → 2026.625.2

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMyServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx"],"sourcesContent":["import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Plus, Star } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceMyServicesPagePage() {\n  const { marketplaceServices } = useCrewFoundryStore();\n  // Show a subset as \"my services\"\n  const myServices = marketplaceServices.slice(0, 3);\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\">My Services</h1>\n          <p className=\"text-sm text-text-secondary\">Manage your listed services</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Service\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {myServices.map((svc) => (\n          <Card key={svc.id}>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{svc.title}</CardTitle>\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {svc.status}\n                </Badge>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-text-secondary mb-3\">{svc.description}</p>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"font-bold\">\n                  ${svc.price}/{svc.priceType}\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-yellow-500\" />\n                  {svc.rating} ({svc.reviews})\n                </span>\n              </div>\n              <div className=\"flex gap-2 mt-3\">\n                <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                  Edit\n                </Button>\n                <Button size=\"sm\" className=\"flex-1\">\n                  View\n                </Button>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,IAAgC;CAC9C,IAAM,EAAE,2BAAwB,GAAqB,EAE/C,IAAa,EAAoB,MAAM,GAAG,EAAE;AAElD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAgB,CAAA,EACvD,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAA+B,CAAA,CACtE,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;MACL;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,KAAK,MACf,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;eAAa,EAAI;KAAkB,CAAA,EACxD,kBAAC,GAAD;KACE,SAAS,EAAI,WAAW,WAAW,YAAY;KAC/C,WAAU;eAET,EAAI;KACC,CAAA,CACJ;OACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,KAAD;KAAG,WAAU;eAAoC,EAAI;KAAgB,CAAA;IACrE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OAA4B;OACxB,EAAI;OAAM;OAAE,EAAI;OACb;SACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAM,WAAU,2BAA4B,CAAA;OAC3C,EAAI;OAAO;OAAG,EAAI;OAAQ;OACtB;QACH;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,WAAU;gBAAS;MAE9C,CAAA,EACT,kBAAC,GAAD;MAAQ,MAAK;MAAK,WAAU;gBAAS;MAE5B,CAAA,CACL;;IACM,EAAA,CAAA,CACT,EAAA,EAhCI,EAAI,GAgCR,CACP;GACE,CAAA,CACF"}
+{"version":3,"file":"MarketplaceMyServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Plus, Star } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceMyServicesPagePage() {\n  const { marketplaceServices } = useCrewFoundryStore();\n  // Show a subset as \"my services\"\n  const myServices = marketplaceServices.slice(0, 3);\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>My Services</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Manage your listed services</p>\n          <PagePurpose className=\"mt-1\">Manage the services you offer to clients — list, edit, and showcase your offerings to win more work on the marketplace.</PagePurpose>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Service\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {myServices.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState illustration=\"empty-generic\" title=\"No services listed\" description=\"List a service to start winning work on the marketplace.\" />\n          </div>\n        ) : (\n          myServices.map((svc, _idx) => (\n          <GlassCard key={svc.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0}>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{svc.title}</CardTitle>\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {svc.status}\n                </Badge>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-text-secondary mb-3\">{svc.description}</p>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"font-bold\">\n                  ${svc.price}/{svc.priceType}\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-status-warning-text\" />\n                  {svc.rating} ({svc.reviews})\n                </span>\n              </div>\n              <div className=\"flex gap-2 mt-3\">\n                <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                  Edit\n                </Button>\n                <Button size=\"sm\" className=\"flex-1\">\n                  View\n                </Button>\n              </div>\n            </CardContent>\n          </GlassCard>\n        )))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,IAAgC;CAC9C,IAAM,EAAE,2BAAwB,GAAqB,EAE/C,IAAa,EAAoB,MAAM,GAAG,EAAE;AAElD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,eAA0B,CAAA;KACrC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAA+B,CAAA;IAC1E,kBAAC,GAAD;KAAa,WAAU;eAAO;KAAqI,CAAA;IAC/J,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;MACL;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,WAAW,IACrB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAuB,cAAa;KAAgB,OAAM;KAAqB,aAAY;KAA6D,CAAA;IACpJ,CAAA,GAEN,EAAW,KAAK,GAAK,MACrB,kBAAC,GAAD;IAAwB,WAAW,MAAS,IAAI,UAAU;IAAS,MAAM,MAAS;cAAlF,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAa,EAAI;MAAkB,CAAA,EACxD,kBAAC,GAAD;MACE,SAAS,EAAI,WAAW,WAAW,YAAY;MAC/C,WAAU;gBAET,EAAI;MACC,CAAA,CACJ;QACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA;KACE,kBAAC,KAAD;MAAG,WAAU;gBAAoC,EAAI;MAAgB,CAAA;KACrE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAA4B;QACxB,EAAI;QAAM;QAAE,EAAI;QACb;UACP,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA;QACpD,EAAI;QAAO;QAAG,EAAI;QAAQ;QACtB;SACH;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAQ,SAAQ;OAAU,MAAK;OAAK,WAAU;iBAAS;OAE9C,CAAA,EACT,kBAAC,GAAD;OAAQ,MAAK;OAAK,WAAU;iBAAS;OAE5B,CAAA,CACL;;KACM,EAAA,CAAA,CACJ;MAhCI,EAAI,GAgCR,CACZ;GACE,CAAA,CACF"}

package/dist/crewfoundry/pages/MarketplaceProjectDetailsPagePage.js

@@ -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 } 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 d() {
-	let { projects: d } = e(), f = d[0];
-	return f ? /* @__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: f.name
-				}), /* @__PURE__ */ i("p", {
-					className: "text-sm text-text-secondary",
-					children: f.description
-				})] }), /* @__PURE__ */ i(o, {
-					variant: f.status === "active" ? "default" : "secondary",
-					children: f.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: [
 									"$",
-									(f.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-green-500 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: [
 									"$",
-									(f.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: f.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: f.endDate
+								children: v.endDate
 							}),
-							/* @__PURE__ */ i("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
@@ -90,66 +124,77 @@ function d() {
 					}) })
 				]
 			}),
-			/* @__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: [
-						f.completedTasks,
-						" of ",
-						f.tasks,
-						" tasks"
-					] }), /* @__PURE__ */ a("span", {
-						className: "font-medium",
-						children: [f.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: `${f.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: f.managerName
-					})] }),
-					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-text-secondary",
-						children: "Priority"
-					}), /* @__PURE__ */ i(o, {
-						variant: f.priority === "critical" ? "destructive" : f.priority === "high" ? "default" : "secondary",
-						children: f.priority
-					})] }),
-					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-text-secondary",
-						children: "Start Date"
-					}), /* @__PURE__ */ i("p", {
-						className: "text-sm",
-						children: f.startDate
-					})] }),
-					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-text-secondary",
-						children: "End Date"
-					}), /* @__PURE__ */ i("p", {
-						className: "text-sm",
-						children: f.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", {
-		className: "p-6 text-text-secondary",
-		children: "No project found."
+	}) : /* @__PURE__ */ o("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ o(p, {
+			illustration: "empty-search",
+			title: "Project not found",
+			description: "This project is no longer available."
+		})
 	});
 }
 //#endregion
-export { d as MarketplaceProjectDetailsPagePage };
+export { g as MarketplaceProjectDetailsPagePage };
 
 //# sourceMappingURL=MarketplaceProjectDetailsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceProjectDetailsPagePage.tsx"],"sourcesContent":["import { Badge, Card, CardContent, CardHeader, CardTitle } 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) return <div className=\"p-6 text-text-secondary\">No project found.</div>;\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\">{project.name}</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-green-500 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 className=\"h-3 bg-action-primary-bg rounded\" style={{ width: `${project.progress}%` }} />\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":"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"}
+{"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

@@ -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 } 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 m() {
-	let { marketplaceServices: m } = e(), h = m[0];
-	return h ? /* @__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: h.title
-				}), /* @__PURE__ */ s("p", {
-					className: "text-sm text-text-secondary",
-					children: ["by ", h.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: ["$", h.price.toLocaleString()]
+								children: ["$", b.price.toLocaleString()]
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
-								children: ["per ", h.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-yellow-500 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: [h.rating, "/5"]
+								children: [b.rating, "/5"]
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
-								children: [h.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: h.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: h.category
+								children: b.category
 							}),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ s("p", {
 								className: "text-xs text-text-secondary",
 								children: "Category"
 							})
@@ -85,23 +119,34 @@ function m() {
 					}) })
 				]
 			}),
-			/* @__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: h.description
-			}), /* @__PURE__ */ o("div", {
-				className: "flex flex-wrap gap-1 mt-3",
-				children: h.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", {
-		className: "p-6 text-text-secondary",
-		children: "No service found."
+	}) : /* @__PURE__ */ s("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ s(h, {
+			illustration: "empty-search",
+			title: "Service not found",
+			description: "This service is no longer available."
+		})
 	});
 }
 //#endregion
-export { m as MarketplaceServiceDetailsPagePage };
+export { v as MarketplaceServiceDetailsPagePage };
 
 //# sourceMappingURL=MarketplaceServiceDetailsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceServiceDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceServiceDetailsPagePage.tsx"],"sourcesContent":["import { Badge, Button, Card, CardContent, CardHeader, CardTitle } 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) return <div className=\"p-6 text-text-secondary\">No service found.</div>;\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\">{svc.title}</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-yellow-500 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":";;;;;AAIA,SAAgB,IAAoC;CAClD,IAAM,EAAE,2BAAwB,GAAqB,EAC/C,IAAM,EAAoB;AAGhC,QAFK,IAGH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B,EAAI;KAAW,CAAA,EACvD,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,wCAAyC,CAAA;OACzD,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;MA9DS,kBAAC,OAAD;EAAK,WAAU;YAA0B;EAAuB,CAAA"}
+{"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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"}