@burdenoff/microfe-crewfoundry 2026.704.5 → 2026.704.7

package/dist/crewfoundry/pages/MarketplaceServiceDetailsPagePage.js

@@ -1,158 +1,310 @@
 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 { useLocation as o, useNavigate as s } from "react-router-dom";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Badge as u, Button as d, Card as f, CardContent as p, EmphasisPanel as m, GradientText as h, IllustratedEmptyState as g, NextSteps as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
+import { getInitials as t } from "../components/viz/lib/format.js";
+import { RatingStars as n } from "../components/viz/RatingStars.js";
+import "../components/viz/index.js";
+import { useMemo as r, useState as i } from "react";
+import { CalendarDays as a, CheckCircle2 as o, Clock3 as s, MessageSquare as c, PauseCircle as l, Star as u } from "lucide-react";
+import { useLocation as d, useNavigate as f } from "react-router-dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, EmphasisPanel as x, GradientText as S, IllustratedEmptyState as C, Input as w, PagePurpose as T, Spinner as E } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceServiceDetailsPagePage.tsx
-function y() {
-	let y = s(), b = o(), { marketplaceServices: x } = e(), S = new URLSearchParams(b.search).get("id"), C = x.find((e) => e.id === S) ?? x[0];
-	return C ? /* @__PURE__ */ l("div", {
-		className: "space-y-6 p-6 max-w-4xl",
-		children: [
-			/* @__PURE__ */ l("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ l("div", { children: [
-					/* @__PURE__ */ c("h1", {
-						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ c(h, { children: C.title })
+function D(e) {
+	switch (e) {
+		case "active": return {
+			label: "Available for new projects",
+			icon: o,
+			className: "text-status-success-text"
+		};
+		case "pending": return {
+			label: "Pending review",
+			icon: s,
+			className: "text-status-warning-text"
+		};
+		default: return {
+			label: "Not currently available",
+			icon: l,
+			className: "text-text-secondary"
+		};
+	}
+}
+function O() {
+	let o = f(), l = d(), { marketplaceServices: O, initialized: k } = e(), A = new URLSearchParams(l.search).get("id"), j = O.find((e) => e.id === A) ?? O[0], M = r(() => j ? O.filter((e) => e.provider === j.provider) : [], [O, j]), [N, P] = i(null), F = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), [I, L] = i(F);
+	if (!k && !j) return /* @__PURE__ */ p("div", {
+		className: "flex min-h-[60vh] items-center justify-center p-6",
+		children: /* @__PURE__ */ p(E, { size: "lg" })
+	});
+	if (!j) return /* @__PURE__ */ p("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ p(C, {
+			illustration: "empty-search",
+			title: "Service not found",
+			description: "This service is no longer available."
+		})
+	});
+	let R = M.find((e) => e.id === N) ?? j, z = D(j.status), B = z.icon;
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ m("div", {
+			className: "text-xs text-text-secondary",
+			children: [
+				/* @__PURE__ */ p("button", {
+					type: "button",
+					className: "hover:text-text-primary",
+					onClick: () => o("../marketplace/marketplace-page"),
+					children: "Marketplace"
+				}),
+				/* @__PURE__ */ p("span", {
+					className: "mx-1",
+					children: "/"
+				}),
+				/* @__PURE__ */ p("span", {
+					className: "text-text-primary",
+					children: j.title
+				})
+			]
+		}), /* @__PURE__ */ m("div", {
+			className: "grid gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ m("div", {
+				className: "space-y-6 lg:col-span-2",
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "flex flex-col gap-4 sm:flex-row sm:items-start",
+						children: [/* @__PURE__ */ p("span", {
+							className: "flex h-20 w-20 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-2xl font-semibold text-action-primary-text",
+							"aria-hidden": "true",
+							children: t(j.provider)
+						}), /* @__PURE__ */ m("div", {
+							className: "min-w-0 flex-1 space-y-2",
+							children: [
+								/* @__PURE__ */ p("h1", {
+									className: "text-2xl font-semibold",
+									children: /* @__PURE__ */ p(S, { children: j.provider })
+								}),
+								/* @__PURE__ */ p("p", {
+									className: "text-sm text-text-secondary",
+									children: j.title
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex flex-wrap items-center gap-3",
+									children: [
+										/* @__PURE__ */ p(n, {
+											value: j.rating,
+											count: j.reviews,
+											showValue: !0,
+											size: 16
+										}),
+										/* @__PURE__ */ m("span", {
+											className: "flex items-center gap-1 text-xs text-text-secondary",
+											children: [/* @__PURE__ */ p(s, { className: "h-3 w-3" }), j.deliveryTime]
+										}),
+										/* @__PURE__ */ p(h, {
+											variant: "outline",
+											className: "text-[10px]",
+											children: j.category
+										})
+									]
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "flex flex-wrap gap-1.5 pt-1",
+									children: j.skills.map((e) => /* @__PURE__ */ p(h, {
+										variant: "secondary",
+										className: "text-xs",
+										children: e
+									}, e))
+								})
+							]
+						})]
 					}),
-					/* @__PURE__ */ l("p", {
+					/* @__PURE__ */ p(T, { children: "See exactly what this service includes, what it costs, and how others rated it — use the booking panel to pick a package and request an engagement." }),
+					/* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p("div", {
+						className: "mb-2 text-lg font-semibold",
+						children: "About this service"
+					}), /* @__PURE__ */ p("p", {
 						className: "text-sm text-text-secondary",
-						children: ["by ", C.provider]
+						children: j.description
+					})] }),
+					/* @__PURE__ */ m("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ p("h2", {
+							className: "text-lg font-semibold",
+							children: "Services offered"
+						}), /* @__PURE__ */ p("div", {
+							className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+							children: M.map((e) => {
+								let t = e.id === R.id;
+								return /* @__PURE__ */ m("button", {
+									type: "button",
+									onClick: () => P(e.id),
+									"aria-pressed": t,
+									className: `flex flex-col rounded-lg border p-4 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${t ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-subtle hover:bg-bg-sunken/50"}`,
+									children: [
+										/* @__PURE__ */ m("div", {
+											className: "flex items-start justify-between gap-2",
+											children: [/* @__PURE__ */ p("p", {
+												className: "text-sm font-semibold",
+												children: e.title
+											}), /* @__PURE__ */ p("span", {
+												className: "whitespace-nowrap text-[11px] text-text-secondary",
+												children: e.deliveryTime
+											})]
+										}),
+										/* @__PURE__ */ m("p", {
+											className: "mt-1 text-xl font-bold tabular-nums",
+											children: [
+												"$",
+												e.price.toLocaleString(),
+												/* @__PURE__ */ m("span", {
+													className: "text-xs font-normal text-text-secondary",
+													children: ["/", e.priceType]
+												})
+											]
+										}),
+										/* @__PURE__ */ p("p", {
+											className: "mt-2 line-clamp-3 text-xs text-text-secondary",
+											children: e.description
+										})
+									]
+								}, e.id);
+							})
+						})]
 					}),
-					/* @__PURE__ */ c(v, {
-						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__ */ m("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ p("h2", {
+							className: "text-lg font-semibold",
+							children: "Reviews"
+						}), /* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
+							className: "flex flex-col items-center gap-2 p-6 text-center",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ p(u, {
+										className: "h-6 w-6 text-status-warning-text",
+										fill: "currentColor"
+									}),
+									/* @__PURE__ */ p("span", {
+										className: "text-2xl font-bold tabular-nums",
+										children: j.rating.toFixed(1)
+									}),
+									/* @__PURE__ */ p("span", {
+										className: "text-sm text-text-secondary",
+										children: "/ 5"
+									})
+								]
+							}), /* @__PURE__ */ m("p", {
+								className: "text-sm text-text-secondary",
+								children: [
+									"Based on ",
+									j.reviews.toLocaleString(),
+									" ",
+									j.reviews === 1 ? "review" : "reviews",
+									". Individual review notes aren't published for this listing yet."
+								]
+							})]
+						}) })]
 					})
-				] }), /* @__PURE__ */ l("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ l(d, {
-						variant: "outline",
-						onClick: () => y("../marketplace/messaging-page"),
-						children: [/* @__PURE__ */ c(r, { className: "h-4 w-4 mr-1" }), "Contact"]
-					}), /* @__PURE__ */ c(d, {
-						disabled: !0,
-						title: "Hiring is coming soon",
-						"aria-label": "Hire now — coming soon",
-						children: "Hire Now · Coming soon"
-					})]
-				})]
-			}),
-			/* @__PURE__ */ c(_, {
-				storageKey: "crewfoundry-service-details",
-				steps: [
-					{
-						id: "contact",
-						label: "Message the provider",
-						description: "Ask questions before you commit to hiring.",
-						icon: /* @__PURE__ */ c(r, { className: "h-4 w-4" }),
-						onClick: () => y("../marketplace/messaging-page")
-					},
-					{
-						id: "compare",
-						label: "Compare other services",
-						description: "Browse similar offerings on the marketplace.",
-						icon: /* @__PURE__ */ c(a, { className: "h-4 w-4" }),
-						onClick: () => y("../marketplace/marketplace-services-page")
-					},
-					{
-						id: "bookings",
-						label: "Manage your bookings",
-						description: "Track engagements you have already arranged.",
-						icon: /* @__PURE__ */ c(t, { className: "h-4 w-4" }),
-						onClick: () => y("../marketplace/booking-management-page")
-					}
 				]
-			}),
-			/* @__PURE__ */ l("div", {
-				className: "grid gap-4 md:grid-cols-4",
-				children: [
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
-						className: "p-4 text-center",
+			}), /* @__PURE__ */ p("div", {
+				className: "lg:col-span-1",
+				children: /* @__PURE__ */ m(_, {
+					className: "lg:sticky lg:top-6",
+					children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, {
+						className: "text-lg",
+						children: "Book this service"
+					}) }), /* @__PURE__ */ m(v, {
+						className: "space-y-5",
 						children: [
-							/* @__PURE__ */ c(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ l("p", {
-								className: "text-lg font-bold",
-								children: ["$", C.price.toLocaleString()]
+							/* @__PURE__ */ m("fieldset", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ p("legend", {
+									className: "mb-1 text-sm font-medium",
+									children: "Package"
+								}), M.map((e) => {
+									let t = e.id === R.id;
+									return /* @__PURE__ */ m("button", {
+										type: "button",
+										onClick: () => P(e.id),
+										"aria-pressed": t,
+										className: `flex w-full items-center justify-between gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${t ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-subtle hover:bg-bg-sunken/50"}`,
+										children: [/* @__PURE__ */ m("span", {
+											className: "flex items-center gap-2 min-w-0",
+											children: [/* @__PURE__ */ p("span", {
+												className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${t ? "border-action-primary-bg" : "border-border-strong"}`,
+												"aria-hidden": "true",
+												children: t ? /* @__PURE__ */ p("span", { className: "h-2 w-2 rounded-full bg-action-primary-bg" }) : null
+											}), /* @__PURE__ */ p("span", {
+												className: "truncate text-sm",
+												children: e.title
+											})]
+										}), /* @__PURE__ */ m("span", {
+											className: "whitespace-nowrap text-sm font-semibold tabular-nums",
+											children: ["$", e.price.toLocaleString()]
+										})]
+									}, e.id);
+								})]
 							}),
-							/* @__PURE__ */ l("p", {
-								className: "text-xs text-text-secondary",
-								children: ["per ", C.priceType]
-							})
-						]
-					}) }),
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
-						className: "p-4 text-center",
-						children: [
-							/* @__PURE__ */ c(i, { className: "h-5 w-5 mx-auto text-status-warning-text mb-1" }),
-							/* @__PURE__ */ l("p", {
-								className: "text-lg font-bold",
-								children: [C.rating, "/5"]
+							/* @__PURE__ */ m("div", {
+								className: "space-y-1.5",
+								children: [/* @__PURE__ */ p("label", {
+									htmlFor: "booking-date",
+									className: "text-sm font-medium",
+									children: "Date"
+								}), /* @__PURE__ */ m("div", {
+									className: "relative",
+									children: [/* @__PURE__ */ p(a, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ p(w, {
+										id: "booking-date",
+										type: "date",
+										min: F,
+										value: I,
+										onChange: (e) => L(e.target.value),
+										className: "pl-9"
+									})]
+								})]
 							}),
-							/* @__PURE__ */ l("p", {
-								className: "text-xs text-text-secondary",
-								children: [C.reviews, " reviews"]
-							})
-						]
-					}) }),
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
-						className: "p-4 text-center",
-						children: [
-							/* @__PURE__ */ c(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ c("p", {
-								className: "text-lg font-bold",
-								children: C.deliveryTime
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center justify-between border-t border-border-subtle pt-3",
+								children: [/* @__PURE__ */ p("span", {
+									className: "text-sm font-medium",
+									children: "Total price"
+								}), /* @__PURE__ */ m("span", {
+									className: "text-lg font-bold tabular-nums",
+									children: [
+										"$",
+										R.price.toLocaleString(),
+										/* @__PURE__ */ m("span", {
+											className: "text-xs font-normal text-text-secondary",
+											children: ["/", R.priceType]
+										})
+									]
+								})]
 							}),
-							/* @__PURE__ */ c("p", {
-								className: "text-xs text-text-secondary",
-								children: "Delivery"
-							})
-						]
-					}) }),
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
-						className: "p-4 text-center",
-						children: [
-							/* @__PURE__ */ c(a, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ c("p", {
-								className: "text-lg font-bold",
-								children: C.category
+							/* @__PURE__ */ m("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ p(g, {
+									className: "w-full",
+									disabled: !0,
+									title: "Booking is coming soon",
+									"aria-label": "Book now — coming soon",
+									children: "Book Now · Coming soon"
+								}), /* @__PURE__ */ m(g, {
+									variant: "outline",
+									className: "w-full",
+									onClick: () => o("../marketplace/messaging-page"),
+									children: [/* @__PURE__ */ p(c, { className: "mr-1 h-4 w-4" }), "Message"]
+								})]
 							}),
-							/* @__PURE__ */ c("p", {
-								className: "text-xs text-text-secondary",
-								children: "Category"
+							/* @__PURE__ */ m("p", {
+								className: `flex items-center justify-center gap-1.5 text-xs ${z.className}`,
+								children: [/* @__PURE__ */ p(B, { className: "h-3.5 w-3.5" }), z.label]
 							})
 						]
-					}) })
-				]
-			}),
-			/* @__PURE__ */ l(m, { children: [
-				/* @__PURE__ */ c("div", {
-					className: "mb-2 text-lg font-semibold",
-					children: "About this Service"
-				}),
-				/* @__PURE__ */ c("p", {
-					className: "text-sm text-text-secondary",
-					children: C.description
-				}),
-				/* @__PURE__ */ c("div", {
-					className: "flex flex-wrap gap-1 mt-3",
-					children: C.skills.map((e) => /* @__PURE__ */ c(u, {
-						variant: "outline",
-						children: e
-					}, e))
+					})]
 				})
-			] })
-		]
-	}) : /* @__PURE__ */ c("div", {
-		className: "p-6",
-		children: /* @__PURE__ */ c(g, {
-			illustration: "empty-search",
-			title: "Service not found",
-			description: "This service is no longer available."
-		})
+			})]
+		})]
 	});
 }
 //#endregion
-export { y as MarketplaceServiceDetailsPagePage };
+export { O 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 {\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 { useLocation, useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceServiceDetailsPagePage() {\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const selectedId = new URLSearchParams(location.search).get('id');\n  const svc = marketplaceServices.find((s) => s.id === selectedId) ?? 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\" onClick={() => navigate('../marketplace/messaging-page')}>\n            <MessageSquare className=\"h-4 w-4 mr-1\" />\n            Contact\n          </Button>\n          {/* No hire/engagement mutation exists yet, so this stays an honest\n              disabled control rather than a silently-dead primary CTA. */}\n          <Button disabled title=\"Hiring is coming soon\" aria-label=\"Hire now — coming soon\">\n            Hire Now · Coming soon\n          </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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"}
+{"version":3,"file":"MarketplaceServiceDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceServiceDetailsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  CalendarDays,\n  CheckCircle2,\n  Clock3,\n  MessageSquare,\n  PauseCircle,\n  Star,\n} from 'lucide-react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { RatingStars, getInitials } from '../components/viz';\n\n/** Honest availability derived from the real service `status` enum (never \"Booked\"). */\nfunction availabilityOf(status: MarketplaceService['status']): {\n  label: string;\n  icon: typeof CheckCircle2;\n  className: string;\n} {\n  switch (status) {\n    case 'active':\n      return {\n        label: 'Available for new projects',\n        icon: CheckCircle2,\n        className: 'text-status-success-text',\n      };\n    case 'pending':\n      return { label: 'Pending review', icon: Clock3, className: 'text-status-warning-text' };\n    default:\n      return { label: 'Not currently available', icon: PauseCircle, className: 'text-text-secondary' };\n  }\n}\n\nexport function MarketplaceServiceDetailsPagePage() {\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { marketplaceServices, initialized } = useCrewFoundryStore();\n  const selectedId = new URLSearchParams(location.search).get('id');\n  const svc = marketplaceServices.find((s) => s.id === selectedId) ?? marketplaceServices[0];\n\n  // Real \"packages\": every service this same provider actually offers. The\n  // backend exposes a single price per service (no synthetic tiers), so each\n  // package is a genuine listing — the viewed service is pre-selected.\n  const providerPackages = useMemo(\n    () =>\n      svc\n        ? marketplaceServices.filter((s) => s.provider === svc.provider)\n        : ([] as MarketplaceService[]),\n    [marketplaceServices, svc]\n  );\n\n  const [selectedPackageId, setSelectedPackageId] = useState<string | null>(null);\n  const today = new Date().toISOString().slice(0, 10);\n  const [bookingDate, setBookingDate] = useState(today);\n\n  if (!initialized && !svc) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\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\n  const selectedPackage = providerPackages.find((p) => p.id === selectedPackageId) ?? svc;\n  const availability = availabilityOf(svc.status);\n  const AvailabilityIcon = availability.icon;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"text-xs text-text-secondary\">\n        <button\n          type=\"button\"\n          className=\"hover:text-text-primary\"\n          onClick={() => navigate('../marketplace/marketplace-page')}\n        >\n          Marketplace\n        </button>\n        <span className=\"mx-1\">/</span>\n        <span className=\"text-text-primary\">{svc.title}</span>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* ── Left: provider + service detail ─────────────────────────── */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start\">\n            <span\n              className=\"flex h-20 w-20 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-2xl font-semibold text-action-primary-text\"\n              aria-hidden=\"true\"\n            >\n              {getInitials(svc.provider)}\n            </span>\n            <div className=\"min-w-0 flex-1 space-y-2\">\n              <h1 className=\"text-2xl font-semibold\">\n                <GradientText>{svc.provider}</GradientText>\n              </h1>\n              <p className=\"text-sm text-text-secondary\">{svc.title}</p>\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <RatingStars value={svc.rating} count={svc.reviews} showValue size={16} />\n                <span className=\"flex items-center gap-1 text-xs text-text-secondary\">\n                  <Clock3 className=\"h-3 w-3\" />\n                  {svc.deliveryTime}\n                </span>\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {svc.category}\n                </Badge>\n              </div>\n              <div className=\"flex flex-wrap gap-1.5 pt-1\">\n                {svc.skills.map((skill) => (\n                  <Badge key={skill} variant=\"secondary\" className=\"text-xs\">\n                    {skill}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          </div>\n\n          <PagePurpose>\n            See exactly what this service includes, what it costs, and how others rated it — use the\n            booking panel to pick a package and request an engagement.\n          </PagePurpose>\n\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          </EmphasisPanel>\n\n          {/* Services offered — real listings from this provider */}\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">Services offered</h2>\n            <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n              {providerPackages.map((pkg) => {\n                const active = pkg.id === selectedPackage.id;\n                return (\n                  <button\n                    key={pkg.id}\n                    type=\"button\"\n                    onClick={() => setSelectedPackageId(pkg.id)}\n                    aria-pressed={active}\n                    className={`flex flex-col rounded-lg border p-4 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${\n                      active\n                        ? 'border-action-primary-bg bg-action-primary-bg/5'\n                        : 'border-border-subtle hover:bg-bg-sunken/50'\n                    }`}\n                  >\n                    <div className=\"flex items-start justify-between gap-2\">\n                      <p className=\"text-sm font-semibold\">{pkg.title}</p>\n                      <span className=\"whitespace-nowrap text-[11px] text-text-secondary\">\n                        {pkg.deliveryTime}\n                      </span>\n                    </div>\n                    <p className=\"mt-1 text-xl font-bold tabular-nums\">\n                      ${pkg.price.toLocaleString()}\n                      <span className=\"text-xs font-normal text-text-secondary\">/{pkg.priceType}</span>\n                    </p>\n                    <p className=\"mt-2 line-clamp-3 text-xs text-text-secondary\">{pkg.description}</p>\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n\n          {/* Reviews — backend stores only an aggregate rating + count, not\n              individual review bodies, so we report that honestly rather than\n              inventing reviewer cards. */}\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">Reviews</h2>\n            <Card>\n              <CardContent className=\"flex flex-col items-center gap-2 p-6 text-center\">\n                <div className=\"flex items-center gap-2\">\n                  <Star className=\"h-6 w-6 text-status-warning-text\" fill=\"currentColor\" />\n                  <span className=\"text-2xl font-bold tabular-nums\">{svc.rating.toFixed(1)}</span>\n                  <span className=\"text-sm text-text-secondary\">/ 5</span>\n                </div>\n                <p className=\"text-sm text-text-secondary\">\n                  Based on {svc.reviews.toLocaleString()}{' '}\n                  {svc.reviews === 1 ? 'review' : 'reviews'}. Individual review notes aren&apos;t\n                  published for this listing yet.\n                </p>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n\n        {/* ── Right: sticky booking panel ─────────────────────────────── */}\n        <div className=\"lg:col-span-1\">\n          <Card className=\"lg:sticky lg:top-6\">\n            <CardHeader>\n              <CardTitle className=\"text-lg\">Book this service</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-5\">\n              <fieldset className=\"space-y-2\">\n                <legend className=\"mb-1 text-sm font-medium\">Package</legend>\n                {providerPackages.map((pkg) => {\n                  const active = pkg.id === selectedPackage.id;\n                  return (\n                    <button\n                      key={pkg.id}\n                      type=\"button\"\n                      onClick={() => setSelectedPackageId(pkg.id)}\n                      aria-pressed={active}\n                      className={`flex w-full items-center justify-between gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${\n                        active\n                          ? 'border-action-primary-bg bg-action-primary-bg/5'\n                          : 'border-border-subtle hover:bg-bg-sunken/50'\n                      }`}\n                    >\n                      <span className=\"flex items-center gap-2 min-w-0\">\n                        <span\n                          className={`flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${\n                            active ? 'border-action-primary-bg' : 'border-border-strong'\n                          }`}\n                          aria-hidden=\"true\"\n                        >\n                          {active ? (\n                            <span className=\"h-2 w-2 rounded-full bg-action-primary-bg\" />\n                          ) : null}\n                        </span>\n                        <span className=\"truncate text-sm\">{pkg.title}</span>\n                      </span>\n                      <span className=\"whitespace-nowrap text-sm font-semibold tabular-nums\">\n                        ${pkg.price.toLocaleString()}\n                      </span>\n                    </button>\n                  );\n                })}\n              </fieldset>\n\n              <div className=\"space-y-1.5\">\n                <label htmlFor=\"booking-date\" className=\"text-sm font-medium\">\n                  Date\n                </label>\n                <div className=\"relative\">\n                  <CalendarDays className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n                  <Input\n                    id=\"booking-date\"\n                    type=\"date\"\n                    min={today}\n                    value={bookingDate}\n                    onChange={(event) => setBookingDate(event.target.value)}\n                    className=\"pl-9\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"flex items-center justify-between border-t border-border-subtle pt-3\">\n                <span className=\"text-sm font-medium\">Total price</span>\n                <span className=\"text-lg font-bold tabular-nums\">\n                  ${selectedPackage.price.toLocaleString()}\n                  <span className=\"text-xs font-normal text-text-secondary\">\n                    /{selectedPackage.priceType}\n                  </span>\n                </span>\n              </div>\n\n              <div className=\"space-y-2\">\n                {/* No createCrewBooking mutation exists in the backend yet, so\n                    Book Now stays an honest disabled control — the panel is\n                    fully interactive but does not fake a booking. */}\n                <Button\n                  className=\"w-full\"\n                  disabled\n                  title=\"Booking is coming soon\"\n                  aria-label=\"Book now — coming soon\"\n                >\n                  Book Now · Coming soon\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  className=\"w-full\"\n                  onClick={() => navigate('../marketplace/messaging-page')}\n                >\n                  <MessageSquare className=\"mr-1 h-4 w-4\" />\n                  Message\n                </Button>\n              </div>\n\n              <p className={`flex items-center justify-center gap-1.5 text-xs ${availability.className}`}>\n                <AvailabilityIcon className=\"h-3.5 w-3.5\" />\n                {availability.label}\n              </p>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}