@burdenoff/microfe-crewfoundry 2026.1013.2 → 2026.1029.1

package/dist/crewfoundry/pages/MarketplaceMarketplacePagePage.js

@@ -1,258 +1,217 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useTr as t } from "../../shared/hooks/useTr.js";
-import { getInitials as n } from "../components/viz/lib/format.js";
-import { RatingStars as r } from "../components/viz/RatingStars.js";
-import { SegmentedTabs as i } from "../components/viz/SegmentedTabs.js";
+import { StatCard as n } from "../components/viz/StatCard.js";
+import { AvatarStack as r } from "../components/viz/AvatarStack.js";
 import "../components/viz/index.js";
-import { useEffect as a, useMemo as o, useState as s } from "react";
-import { CheckCircle2 as c, Clock3 as l, PauseCircle as u, Search as d, ShoppingBag as f, Star as p, Users as m } from "lucide-react";
-import { useNavigate as h } from "react-router";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, CardContent as y, CardHeader as b, CardTitle as x, GlassCard as S, GradientText as C, IllustratedEmptyState as w, Input as T, PagePurpose as E, Pagination as D } from "@burdenoff/fe-libs/ui";
-import { usePagination as O } from "@burdenoff/fe-libs/shared/hooks";
+import { InlineError as i } from "../components/InlineError.js";
+import { useEnsureLoaded as a } from "../lib/useEnsureLoaded.js";
+import { MarketplaceTabs as o } from "../components/marketplace/MarketplaceTabs.js";
+import { formatRate as s } from "../lib/marketplace.js";
+import { BookServiceModal as c } from "../components/marketplace/BookServiceModal.js";
+import { ServiceListingModal as ee } from "../components/marketplace/ServiceListingModal.js";
+import { useMemo as l, useState as u } from "react";
+import { Plus as d, Search as f } from "lucide-react";
+import { useNavigate as p } from "react-router";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, CardContent as v, CardHeader as y, CardTitle as b, GlassCard as te, GradientText as ne, IllustratedEmptyState as x, Input as re, PagePurpose as ie, Pagination as ae, Select as oe, SelectContent as se, SelectItem as S, SelectTrigger as C, SelectValue as w, Spinner as T } from "@burdenoff/fe-libs/ui";
+import { usePagination as E } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx
-function k(e) {
-	switch (e) {
-		case "active": return {
-			label: "Available",
-			icon: c,
-			className: "bg-status-success-bg text-status-success-text"
-		};
-		case "pending": return {
-			label: "Pending",
-			icon: l,
-			className: "bg-status-warning-bg text-status-warning-text"
-		};
-		default: return {
-			label: "Unavailable",
-			icon: u,
-			className: "bg-bg-sunken text-text-secondary"
-		};
-	}
-}
-function A() {
-	let c = t(), u = h(), { marketplaceServices: A } = e(), { page: j, pageSize: M, offset: N, setPage: P } = O({ initialPageSize: 9 }), [F, I] = s(""), [L, R] = s("all"), z = o(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of A) e.set(t.category, (e.get(t.category) ?? 0) + 1);
-		let t = [{
-			id: "all",
-			label: "All",
-			count: A.length
-		}];
-		for (let [n, r] of [...e.entries()].sort((e, t) => e[0].localeCompare(t[0]))) t.push({
-			id: n,
-			label: n,
-			count: r
-		});
-		return t;
-	}, [A]), B = o(() => {
-		let e = F.trim().toLowerCase();
-		return A.filter((t) => L !== "all" && t.category !== L ? !1 : e ? `${t.title} ${t.provider} ${t.category} ${t.skills.join(" ")}`.toLowerCase().includes(e) : !0);
-	}, [
-		A,
-		F,
-		L
-	]);
-	a(() => {
-		P(1);
-	}, [
-		F,
-		L,
-		P
-	]);
-	let V = A.length > 0 ? (A.reduce((e, t) => e + t.rating, 0) / A.length).toFixed(1) : "0.0", H = A.reduce((e, t) => e + t.reviews, 0), U = B.slice(N, N + M), W = (e) => u(`../marketplace/service-details-page?id=${e}`);
-	return /* @__PURE__ */ _("div", {
+function D() {
+	let D = p(), O = t(), { serviceListings: k, bookings: A, marketplaceLoaded: j, fetchMarketplace: M, initParams: N } = e(), P = a(j, M), [F, I] = u(""), [L, ce] = u("all"), [R, z] = u(null), [B, V] = u(!1), [H, U] = u(null), { page: W, pageSize: G, offset: K, setPage: q } = E({ initialPageSize: 12 }), J = k.filter((e) => e.status === "active"), le = l(() => [...new Set(J.map((e) => e.category).filter((e) => !!e))].sort(), [J]), Y = new Set(J.map((e) => e.providerActorId)).size, ue = A.filter((e) => e.status === "requested" || e.status === "confirmed").length, X = F.trim().toLowerCase(), Z = J.filter((e) => (L === "all" || e.category === L) && (X === "" || `${e.title} ${e.description} ${e.providerName} ${e.category ?? ""}`.toLowerCase().includes(X))), Q = Z.slice(K, K + G), $ = (e) => D(`../marketplace/service-details-page?id=${encodeURIComponent(e.id)}`);
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ _("div", { children: [
-				/* @__PURE__ */ g("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ g(C, { children: c("crewfoundry.marketplace.title", "Talent Marketplace") })
-				}),
-				/* @__PURE__ */ g("p", {
-					className: "text-sm text-text-secondary",
-					children: c("crewfoundry.marketplace.subtitle", "Book vetted specialists and services")
-				}),
-				/* @__PURE__ */ g(E, {
-					className: "mt-1",
-					children: "Discover freelancers and services for your projects — search, filter by category, and hire the right talent on demand."
-				})
-			] }),
-			/* @__PURE__ */ _("div", {
-				className: "grid gap-4 md:grid-cols-3",
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ h("div", { children: [
+					/* @__PURE__ */ m("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ m(ne, { children: O("crewfoundry.marketplace.title", "Talent Marketplace") })
+					}),
+					/* @__PURE__ */ h("p", {
+						className: "text-sm text-text-secondary",
+						children: [
+							J.length,
+							" services from ",
+							Y,
+							" providers"
+						]
+					}),
+					/* @__PURE__ */ m(ie, {
+						className: "mt-1",
+						children: "Find in-house experts and contractors offering services to your workspace, book them for a piece of work, and track each booking through to completion."
+					})
+				] }), /* @__PURE__ */ h(_, {
+					size: "sm",
+					onClick: () => V(!0),
+					children: [/* @__PURE__ */ m(d, { className: "mr-1 h-4 w-4" }), "Publish a service"]
+				})]
+			}),
+			/* @__PURE__ */ m(o, { value: "browse" }),
+			/* @__PURE__ */ m(i, { message: P }),
+			H && /* @__PURE__ */ m("div", {
+				role: "status",
+				className: "rounded-[var(--radius-card)] border border-border-default bg-status-info-bg p-3 text-sm text-status-info-text",
+				children: H
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ _(S, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ _(b, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ g(x, {
-								className: "text-sm font-medium",
-								children: c("crewfoundry.marketplace.stats.services", "Services")
-							}), /* @__PURE__ */ g(f, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ g(y, { children: /* @__PURE__ */ g("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: A.length
-						}) })]
+					/* @__PURE__ */ m(n, {
+						label: O("crewfoundry.marketplace.stats.services", "Services"),
+						value: J.length
 					}),
-					/* @__PURE__ */ _(S, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ _(b, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ g(x, {
-								className: "text-sm font-medium",
-								children: c("crewfoundry.marketplace.stats.avgRating", "Avg Rating")
-							}), /* @__PURE__ */ g(p, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ g(y, { children: /* @__PURE__ */ g("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: V
-						}) })]
+					/* @__PURE__ */ m(n, {
+						label: "Providers",
+						value: Y
 					}),
-					/* @__PURE__ */ _(S, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ _(b, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ g(x, {
-								className: "text-sm font-medium",
-								children: c("crewfoundry.marketplace.stats.totalReviews", "Total Reviews")
-							}), /* @__PURE__ */ g(m, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ g(y, { children: /* @__PURE__ */ g("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: H
-						}) })]
+					/* @__PURE__ */ m(n, {
+						label: "Open Bookings",
+						value: ue
 					})
 				]
 			}),
-			/* @__PURE__ */ _("div", {
-				className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-				children: [/* @__PURE__ */ _("div", {
-					className: "relative w-full max-w-sm",
-					children: [/* @__PURE__ */ g(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ g(T, {
-						placeholder: "Search services, providers, skills…",
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
+				children: [/* @__PURE__ */ h("div", {
+					className: "relative flex-1",
+					children: [/* @__PURE__ */ m(f, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ m(re, {
+						placeholder: "Search services or providers...",
 						className: "pl-9",
 						value: F,
-						onChange: (e) => I(e.target.value),
-						"aria-label": "Search marketplace services"
+						onChange: (e) => {
+							I(e.target.value), q(1);
+						}
 					})]
-				}), /* @__PURE__ */ g("div", {
-					className: "-mx-1 overflow-x-auto px-1 pb-1",
-					children: /* @__PURE__ */ g(i, {
-						tabs: z,
-						value: L,
-						onChange: R,
-						"aria-label": "Filter services by category"
-					})
+				}), /* @__PURE__ */ h(oe, {
+					value: L,
+					onValueChange: (e) => {
+						ce(e), q(1);
+					},
+					children: [/* @__PURE__ */ m(C, {
+						className: "w-full sm:w-48",
+						"aria-label": "Filter by category",
+						children: /* @__PURE__ */ m(w, {})
+					}), /* @__PURE__ */ h(se, { children: [/* @__PURE__ */ m(S, {
+						value: "all",
+						children: "All categories"
+					}), le.map((e) => /* @__PURE__ */ m(S, {
+						value: e,
+						children: e
+					}, e))] })]
 				})]
 			}),
-			U.length === 0 ? /* @__PURE__ */ g(w, {
+			!j && !P ? /* @__PURE__ */ m("div", {
+				className: "flex min-h-[240px] items-center justify-center",
+				children: /* @__PURE__ */ m(T, { size: "lg" })
+			}) : J.length === 0 ? /* @__PURE__ */ m(x, {
+				illustration: "empty-data",
+				title: "No services yet",
+				description: "Publish a service so colleagues in this workspace can book you.",
+				action: /* @__PURE__ */ h(_, {
+					size: "sm",
+					onClick: () => V(!0),
+					children: [/* @__PURE__ */ m(d, { className: "mr-1 h-4 w-4" }), "Publish a service"]
+				})
+			}) : Z.length === 0 ? /* @__PURE__ */ m(x, {
 				illustration: "empty-search",
-				title: "No services found",
-				description: "Try a different search term or category to find the help you need."
-			}) : /* @__PURE__ */ g("div", {
+				title: "No services match",
+				description: "Try a different search term or category."
+			}) : /* @__PURE__ */ m("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: U.map((e) => {
-					let t = k(e.status), i = t.icon;
-					return /* @__PURE__ */ g(S, {
+				children: Q.map((e) => {
+					let t = e.providerActorId === N.actorId;
+					return /* @__PURE__ */ h(te, {
 						treatment: "glass",
-						role: "button",
-						tabIndex: 0,
-						"aria-label": `View and book ${e.title} by ${e.provider}`,
-						onClick: () => W(e.id),
-						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), W(e.id));
-						},
-						className: "cursor-pointer border-border-seam transition-shadow hover:shadow-elevation-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-						children: /* @__PURE__ */ _(y, {
-							className: "flex h-full flex-col gap-3 p-4",
-							children: [
-								/* @__PURE__ */ _("div", {
-									className: "flex items-start justify-between gap-2",
-									children: [/* @__PURE__ */ _("div", {
-										className: "flex items-center gap-2.5",
-										children: [/* @__PURE__ */ g("span", {
-											className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-sm font-semibold text-action-primary-text",
-											"aria-hidden": "true",
-											children: n(e.provider)
-										}), /* @__PURE__ */ _("div", {
-											className: "min-w-0",
-											children: [/* @__PURE__ */ g("p", {
-												className: "truncate text-sm font-semibold",
-												children: e.provider
-											}), /* @__PURE__ */ g("span", {
-												className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary",
-												children: e.category
-											})]
-										})]
-									}), /* @__PURE__ */ _("div", {
-										className: "shrink-0 text-right",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-base font-bold tabular-nums",
-											children: ["$", e.price.toLocaleString()]
-										}), /* @__PURE__ */ _("p", {
-											className: "text-[10px] text-text-secondary",
-											children: ["/", e.priceType]
-										})]
-									})]
-								}),
-								/* @__PURE__ */ g("p", {
-									className: "text-sm font-medium",
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ m("button", {
+								type: "button",
+								className: "min-w-0 text-left",
+								onClick: () => $(e),
+								children: /* @__PURE__ */ m(b, {
+									className: "line-clamp-2 text-base hover:underline",
 									children: e.title
+								})
+							}), e.category && /* @__PURE__ */ m(g, {
+								variant: "outline",
+								className: "shrink-0 text-[10px]",
+								children: e.category
+							})]
+						}) }), /* @__PURE__ */ h(v, {
+							className: "flex flex-1 flex-col gap-3",
+							children: [
+								/* @__PURE__ */ h("div", {
+									className: "flex items-center gap-2",
+									children: [
+										/* @__PURE__ */ m(r, {
+											people: [{ name: e.providerName }],
+											size: 28
+										}),
+										/* @__PURE__ */ m("span", {
+											className: "text-sm",
+											children: e.providerName
+										}),
+										t && /* @__PURE__ */ m(g, {
+											variant: "secondary",
+											className: "text-[10px]",
+											children: "You"
+										})
+									]
 								}),
-								/* @__PURE__ */ _("div", {
-									className: "flex flex-wrap items-center gap-2",
-									children: [/* @__PURE__ */ g(r, {
-										value: e.rating,
-										count: e.reviews,
-										showValue: !0,
-										size: 14
-									}), /* @__PURE__ */ _("span", {
-										className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ${t.className}`,
-										children: [/* @__PURE__ */ g(i, { className: "h-3 w-3" }), t.label]
-									})]
-								}),
-								/* @__PURE__ */ g("p", {
-									className: "line-clamp-2 text-xs text-text-secondary",
+								/* @__PURE__ */ m("p", {
+									className: "line-clamp-3 text-sm text-text-secondary",
 									children: e.description
 								}),
-								/* @__PURE__ */ g("div", {
-									className: "flex flex-wrap gap-1",
-									children: e.skills.slice(0, 4).map((e) => /* @__PURE__ */ g("span", {
-										className: "rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary",
-										children: e
-									}, e))
-								}),
-								/* @__PURE__ */ g("div", {
-									className: "mt-auto flex items-center justify-between pt-1 text-[11px] text-text-secondary",
-									children: /* @__PURE__ */ _("span", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ g(l, { className: "h-3 w-3" }), e.deliveryTime]
-									})
-								}),
-								/* @__PURE__ */ g(v, {
-									className: "w-full",
-									onClick: (t) => {
-										t.stopPropagation(), W(e.id);
-									},
-									children: c("crewfoundry.marketplace.card.book", "View & Book")
+								/* @__PURE__ */ h("div", {
+									className: "mt-auto flex items-center justify-between border-t border-border-default pt-3",
+									children: [/* @__PURE__ */ m("span", {
+										className: "text-sm font-semibold tabular-nums",
+										children: s(e)
+									}), /* @__PURE__ */ h("div", {
+										className: "flex gap-2",
+										children: [/* @__PURE__ */ m(_, {
+											size: "sm",
+											variant: "ghost",
+											onClick: () => $(e),
+											children: "Details"
+										}), /* @__PURE__ */ m(_, {
+											size: "sm",
+											onClick: () => {
+												U(null), z(e);
+											},
+											children: O("crewfoundry.marketplace.card.book", "Book")
+										})]
+									})]
 								})
 							]
-						})
+						})]
 					}, e.id);
 				})
 			}),
-			B.length > M ? /* @__PURE__ */ g(D, {
-				page: j,
-				pageSize: M,
-				totalItems: B.length,
-				onPageChange: P
-			}) : null
+			Z.length > G && /* @__PURE__ */ m(ae, {
+				page: W,
+				pageSize: G,
+				totalItems: Z.length,
+				onPageChange: q
+			}),
+			/* @__PURE__ */ m(c, {
+				listing: R,
+				onOpenChange: (e) => {
+					e || z(null);
+				},
+				onBooked: () => U("Booking requested. Track it under Bookings; the provider confirms it there.")
+			}),
+			/* @__PURE__ */ m(ee, {
+				open: B,
+				onOpenChange: V,
+				listing: null
+			})
 		]
 	});
 }
 //#endregion
-export { A as MarketplaceMarketplacePagePage };
+export { D as MarketplaceMarketplacePagePage };
 
 //# sourceMappingURL=MarketplaceMarketplacePagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMarketplacePagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { CheckCircle2, Clock3, PauseCircle, Search, ShoppingBag, Star, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { RatingStars, SegmentedTabs, getInitials, type SegmentedTab } 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',\n        icon: CheckCircle2,\n        className: 'bg-status-success-bg text-status-success-text',\n      };\n    case 'pending':\n      return {\n        label: 'Pending',\n        icon: Clock3,\n        className: 'bg-status-warning-bg text-status-warning-text',\n      };\n    default:\n      return {\n        label: 'Unavailable',\n        icon: PauseCircle,\n        className: 'bg-bg-sunken text-text-secondary',\n      };\n  }\n}\n\nexport function MarketplaceMarketplacePagePage() {\n  const tr = useTr();\n  const navigate = useNavigate();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 9 });\n  const [search, setSearch] = useState('');\n  const [category, setCategory] = useState('all');\n\n  const categoryTabs = useMemo<SegmentedTab[]>(() => {\n    const counts = new Map<string, number>();\n    for (const svc of marketplaceServices) {\n      counts.set(svc.category, (counts.get(svc.category) ?? 0) + 1);\n    }\n    const tabs: SegmentedTab[] = [{ id: 'all', label: 'All', count: marketplaceServices.length }];\n    for (const [name, count] of [...counts.entries()].sort((a, b) => a[0].localeCompare(b[0]))) {\n      tabs.push({ id: name, label: name, count });\n    }\n    return tabs;\n  }, [marketplaceServices]);\n\n  const filtered = useMemo(() => {\n    const query = search.trim().toLowerCase();\n    return marketplaceServices.filter((svc) => {\n      if (category !== 'all' && svc.category !== category) {\n        return false;\n      }\n      if (!query) {\n        return true;\n      }\n      return `${svc.title} ${svc.provider} ${svc.category} ${svc.skills.join(' ')}`\n        .toLowerCase()\n        .includes(query);\n    });\n  }, [marketplaceServices, search, category]);\n\n  useEffect(() => {\n    setPage(1);\n  }, [search, category, setPage]);\n\n  const avgRating =\n    marketplaceServices.length > 0\n      ? (\n          marketplaceServices.reduce((s, m) => s + m.rating, 0) / marketplaceServices.length\n        ).toFixed(1)\n      : '0.0';\n  const totalReviews = marketplaceServices.reduce((s, m) => s + m.reviews, 0);\n  const pagedServices = filtered.slice(offset, offset + pageSize);\n  const openService = (id: string) => navigate(`../marketplace/service-details-page?id=${id}`);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>{tr('crewfoundry.marketplace.title', 'Talent Marketplace')}</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {tr('crewfoundry.marketplace.subtitle', 'Book vetted specialists and services')}\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Discover freelancers and services for your projects — search, filter by category, and hire\n          the right talent on demand.\n        </PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tr('crewfoundry.marketplace.stats.services', 'Services')}\n            </CardTitle>\n            <ShoppingBag className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{marketplaceServices.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tr('crewfoundry.marketplace.stats.avgRating', 'Avg Rating')}\n            </CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgRating}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tr('crewfoundry.marketplace.stats.totalReviews', 'Total Reviews')}\n            </CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalReviews}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n        <div className=\"relative w-full max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n          <Input\n            placeholder=\"Search services, providers, skills…\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(event) => setSearch(event.target.value)}\n            aria-label=\"Search marketplace services\"\n          />\n        </div>\n        <div className=\"-mx-1 overflow-x-auto px-1 pb-1\">\n          <SegmentedTabs\n            tabs={categoryTabs}\n            value={category}\n            onChange={setCategory}\n            aria-label=\"Filter services by category\"\n          />\n        </div>\n      </div>\n\n      {pagedServices.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"No services found\"\n          description=\"Try a different search term or category to find the help you need.\"\n        />\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {pagedServices.map((svc) => {\n            const availability = availabilityOf(svc.status);\n            const AvailabilityIcon = availability.icon;\n            return (\n              <GlassCard\n                key={svc.id}\n                treatment=\"glass\"\n                role=\"button\"\n                tabIndex={0}\n                aria-label={`View and book ${svc.title} by ${svc.provider}`}\n                onClick={() => openService(svc.id)}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    openService(svc.id);\n                  }\n                }}\n                className=\"cursor-pointer border-border-seam transition-shadow hover:shadow-elevation-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n              >\n                <CardContent className=\"flex h-full flex-col gap-3 p-4\">\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <div className=\"flex items-center gap-2.5\">\n                      <span\n                        className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-sm font-semibold text-action-primary-text\"\n                        aria-hidden=\"true\"\n                      >\n                        {getInitials(svc.provider)}\n                      </span>\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate text-sm font-semibold\">{svc.provider}</p>\n                        <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\">\n                          {svc.category}\n                        </span>\n                      </div>\n                    </div>\n                    <div className=\"shrink-0 text-right\">\n                      <p className=\"text-base font-bold tabular-nums\">\n                        ${svc.price.toLocaleString()}\n                      </p>\n                      <p className=\"text-[10px] text-text-secondary\">/{svc.priceType}</p>\n                    </div>\n                  </div>\n\n                  <p className=\"text-sm font-medium\">{svc.title}</p>\n\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <RatingStars value={svc.rating} count={svc.reviews} showValue size={14} />\n                    <span\n                      className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ${availability.className}`}\n                    >\n                      <AvailabilityIcon className=\"h-3 w-3\" />\n                      {availability.label}\n                    </span>\n                  </div>\n\n                  <p className=\"line-clamp-2 text-xs text-text-secondary\">{svc.description}</p>\n\n                  <div className=\"flex flex-wrap gap-1\">\n                    {svc.skills.slice(0, 4).map((skill) => (\n                      <span\n                        key={skill}\n                        className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\"\n                      >\n                        {skill}\n                      </span>\n                    ))}\n                  </div>\n\n                  <div className=\"mt-auto flex items-center justify-between pt-1 text-[11px] text-text-secondary\">\n                    <span className=\"flex items-center gap-1\">\n                      <Clock3 className=\"h-3 w-3\" />\n                      {svc.deliveryTime}\n                    </span>\n                  </div>\n\n                  <Button\n                    className=\"w-full\"\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      openService(svc.id);\n                    }}\n                  >\n                    {tr('crewfoundry.marketplace.card.book', 'View & Book')}\n                  </Button>\n                </CardContent>\n              </GlassCard>\n            );\n          })}\n        </div>\n      )}\n\n      {filtered.length > pageSize ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceMarketplacePagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Plus, Search } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { InlineError } from '../components/InlineError';\nimport { BookServiceModal } from '../components/marketplace/BookServiceModal';\nimport { MarketplaceTabs } from '../components/marketplace/MarketplaceTabs';\nimport { ServiceListingModal } from '../components/marketplace/ServiceListingModal';\nimport { AvatarStack, StatCard } from '../components/viz';\nimport { useCrewFoundryStore, type CrewServiceListing } from '../store/crewfoundryStore';\nimport { formatRate } from '../lib/marketplace';\nimport { useEnsureLoaded } from '../lib/useEnsureLoaded';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport function MarketplaceMarketplacePagePage() {\n  const navigate = useNavigate();\n  const tr = useTr();\n  const { serviceListings, bookings, marketplaceLoaded, fetchMarketplace, initParams } =\n    useCrewFoundryStore();\n  const loadError = useEnsureLoaded(marketplaceLoaded, fetchMarketplace);\n  const [search, setSearch] = useState('');\n  const [category, setCategory] = useState('all');\n  const [bookTarget, setBookTarget] = useState<CrewServiceListing | null>(null);\n  const [publishOpen, setPublishOpen] = useState(false);\n  const [notice, setNotice] = useState<string | null>(null);\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 12 });\n\n  const active = serviceListings.filter((listing) => listing.status === 'active');\n  const categories = useMemo(\n    () =>\n      [\n        ...new Set(active.map((listing) => listing.category).filter((c): c is string => !!c)),\n      ].sort(),\n    [active]\n  );\n  const providers = new Set(active.map((listing) => listing.providerActorId)).size;\n  const openBookings = bookings.filter(\n    (booking) => booking.status === 'requested' || booking.status === 'confirmed'\n  ).length;\n\n  const query = search.trim().toLowerCase();\n  const filtered = active.filter(\n    (listing) =>\n      (category === 'all' || listing.category === category) &&\n      (query === '' ||\n        `${listing.title} ${listing.description} ${listing.providerName} ${listing.category ?? ''}`\n          .toLowerCase()\n          .includes(query))\n  );\n  const paged = filtered.slice(offset, offset + pageSize);\n\n  const openDetails = (listing: CrewServiceListing) =>\n    navigate(`../marketplace/service-details-page?id=${encodeURIComponent(listing.id)}`);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{tr('crewfoundry.marketplace.title', 'Talent Marketplace')}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {active.length} services from {providers} providers\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Find in-house experts and contractors offering services to your workspace, book them for\n            a piece of work, and track each booking through to completion.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => setPublishOpen(true)}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          Publish a service\n        </Button>\n      </div>\n\n      <MarketplaceTabs value=\"browse\" />\n\n      <InlineError message={loadError} />\n      {notice && (\n        <div\n          role=\"status\"\n          className=\"rounded-[var(--radius-card)] border border-border-default bg-status-info-bg p-3 text-sm text-status-info-text\"\n        >\n          {notice}\n        </div>\n      )}\n\n      <div className=\"grid gap-4 sm:grid-cols-3\">\n        <StatCard\n          label={tr('crewfoundry.marketplace.stats.services', 'Services')}\n          value={active.length}\n        />\n        <StatCard label=\"Providers\" value={providers} />\n        <StatCard label=\"Open Bookings\" value={openBookings} />\n      </div>\n\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n        <div className=\"relative flex-1\">\n          <Search className=\"absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n          <Input\n            placeholder=\"Search services or providers...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(event) => {\n              setSearch(event.target.value);\n              setPage(1);\n            }}\n          />\n        </div>\n        <Select\n          value={category}\n          onValueChange={(value) => {\n            setCategory(value);\n            setPage(1);\n          }}\n        >\n          <SelectTrigger className=\"w-full sm:w-48\" aria-label=\"Filter by category\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"all\">All categories</SelectItem>\n            {categories.map((item) => (\n              <SelectItem key={item} value={item}>\n                {item}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {!marketplaceLoaded && !loadError ? (\n        <div className=\"flex min-h-[240px] items-center justify-center\">\n          <Spinner size=\"lg\" />\n        </div>\n      ) : active.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No services yet\"\n          description=\"Publish a service so colleagues in this workspace can book you.\"\n          action={\n            <Button size=\"sm\" onClick={() => setPublishOpen(true)}>\n              <Plus className=\"mr-1 h-4 w-4\" />\n              Publish a service\n            </Button>\n          }\n        />\n      ) : filtered.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"No services match\"\n          description=\"Try a different search term or category.\"\n        />\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {paged.map((listing) => {\n            const own = listing.providerActorId === initParams.actorId;\n            return (\n              <GlassCard key={listing.id} treatment=\"glass\" className=\"flex flex-col\">\n                <CardHeader>\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <button\n                      type=\"button\"\n                      className=\"min-w-0 text-left\"\n                      onClick={() => openDetails(listing)}\n                    >\n                      <CardTitle className=\"line-clamp-2 text-base hover:underline\">\n                        {listing.title}\n                      </CardTitle>\n                    </button>\n                    {listing.category && (\n                      <Badge variant=\"outline\" className=\"shrink-0 text-[10px]\">\n                        {listing.category}\n                      </Badge>\n                    )}\n                  </div>\n                </CardHeader>\n                <CardContent className=\"flex flex-1 flex-col gap-3\">\n                  <div className=\"flex items-center gap-2\">\n                    <AvatarStack people={[{ name: listing.providerName }]} size={28} />\n                    <span className=\"text-sm\">{listing.providerName}</span>\n                    {own && (\n                      <Badge variant=\"secondary\" className=\"text-[10px]\">\n                        You\n                      </Badge>\n                    )}\n                  </div>\n                  <p className=\"line-clamp-3 text-sm text-text-secondary\">{listing.description}</p>\n                  <div className=\"mt-auto flex items-center justify-between border-t border-border-default pt-3\">\n                    <span className=\"text-sm font-semibold tabular-nums\">\n                      {formatRate(listing)}\n                    </span>\n                    <div className=\"flex gap-2\">\n                      <Button size=\"sm\" variant=\"ghost\" onClick={() => openDetails(listing)}>\n                        Details\n                      </Button>\n                      <Button\n                        size=\"sm\"\n                        onClick={() => {\n                          setNotice(null);\n                          setBookTarget(listing);\n                        }}\n                      >\n                        {tr('crewfoundry.marketplace.card.book', 'Book')}\n                      </Button>\n                    </div>\n                  </div>\n                </CardContent>\n              </GlassCard>\n            );\n          })}\n        </div>\n      )}\n      {filtered.length > pageSize && (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      )}\n\n      <BookServiceModal\n        listing={bookTarget}\n        onOpenChange={(open) => {\n          if (!open) setBookTarget(null);\n        }}\n        onBooked={() =>\n          setNotice('Booking requested. Track it under Bookings; the provider confirms it there.')\n        }\n      />\n      <ServiceListingModal open={publishOpen} onOpenChange={setPublishOpen} listing={null} />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceMyServicesPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMyServicesPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx"],"names":[],"mappings":"AAiGA,wBAAgB,6BAA6B,gCA4I5C"}
+{"version":3,"file":"MarketplaceMyServicesPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,6BAA6B,gCAgO5C"}