@burdenoff/microfe-crewfoundry 2026.827.1 → 2026.924.1

package/dist/crewfoundry/pages/MarketplaceMarketplacePagePage.js

@@ -1,40 +1,37 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { getInitials as t } from "../components/viz/lib/format.js";
-import { RatingStars as n } from "../components/viz/RatingStars.js";
-import { SegmentedTabs as r } from "../components/viz/SegmentedTabs.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 "../components/viz/index.js";
-import { useEffect as i, useMemo as a, useState as o } from "react";
-import { CheckCircle2 as s, Clock3 as c, PauseCircle as l, Search as u, ShoppingBag as d, Star as f, Users as p } from "lucide-react";
-import { useNavigate as m } from "react-router";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Button as _, CardContent as v, CardHeader as y, CardTitle as b, GlassCard as x, GradientText as S, IllustratedEmptyState as C, Input as w, PagePurpose as T, Pagination as E } from "@burdenoff/fe-libs/ui";
-import { usePagination as D } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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";
 //#region src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx
 function k(e) {
 	switch (e) {
 		case "active": return {
 			label: "Available",
-			icon: s,
+			icon: c,
 			className: "bg-status-success-bg text-status-success-text"
 		};
 		case "pending": return {
 			label: "Pending",
-			icon: c,
+			icon: l,
 			className: "bg-status-warning-bg text-status-warning-text"
 		};
 		default: return {
 			label: "Unavailable",
-			icon: l,
+			icon: u,
 			className: "bg-bg-sunken text-text-secondary"
 		};
 	}
 }
 function A() {
-	let { t: s } = O(), l = m(), { marketplaceServices: A } = e(), j = (e, t) => {
-		let n = s(e);
-		return n === e ? t : n;
-	}, { page: M, pageSize: N, offset: P, setPage: F } = D({ initialPageSize: 9 }), [I, L] = o(""), [R, z] = o("all"), B = 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 = [{
@@ -48,209 +45,209 @@ function A() {
 			count: r
 		});
 		return t;
-	}, [A]), V = a(() => {
-		let e = I.trim().toLowerCase();
-		return A.filter((t) => R !== "all" && t.category !== R ? !1 : e ? `${t.title} ${t.provider} ${t.category} ${t.skills.join(" ")}`.toLowerCase().includes(e) : !0);
+	}, [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,
-		I,
-		R
+		F,
+		L
 	]);
-	i(() => {
-		F(1);
+	a(() => {
+		P(1);
 	}, [
-		I,
-		R,
-		F
+		F,
+		L,
+		P
 	]);
-	let H = A.length > 0 ? (A.reduce((e, t) => e + t.rating, 0) / A.length).toFixed(1) : "0.0", U = A.reduce((e, t) => e + t.reviews, 0), W = V.slice(P, P + N), G = (e) => l(`../marketplace/service-details-page?id=${e}`);
-	return /* @__PURE__ */ g("div", {
+	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", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ g("div", { children: [
-				/* @__PURE__ */ h("h1", {
+			/* @__PURE__ */ _("div", { children: [
+				/* @__PURE__ */ g("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ h(S, { children: j("crewfoundry.marketplace.title", "Talent Marketplace") })
+					children: /* @__PURE__ */ g(C, { children: c("crewfoundry.marketplace.title", "Talent Marketplace") })
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ g("p", {
 					className: "text-sm text-text-secondary",
-					children: j("crewfoundry.marketplace.subtitle", "Book vetted specialists and services")
+					children: c("crewfoundry.marketplace.subtitle", "Book vetted specialists and services")
 				}),
-				/* @__PURE__ */ h(T, {
+				/* @__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__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ g(x, {
+					/* @__PURE__ */ _(S, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(y, {
+						children: [/* @__PURE__ */ _(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ h(b, {
+							children: [/* @__PURE__ */ g(x, {
 								className: "text-sm font-medium",
-								children: j("crewfoundry.marketplace.stats.services", "Services")
-							}), /* @__PURE__ */ h(d, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ h(v, { children: /* @__PURE__ */ h("div", {
+								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__ */ g(x, {
+					/* @__PURE__ */ _(S, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(y, {
+						children: [/* @__PURE__ */ _(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ h(b, {
+							children: [/* @__PURE__ */ g(x, {
 								className: "text-sm font-medium",
-								children: j("crewfoundry.marketplace.stats.avgRating", "Avg Rating")
-							}), /* @__PURE__ */ h(f, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ h(v, { children: /* @__PURE__ */ h("div", {
+								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: H
+							children: V
 						}) })]
 					}),
-					/* @__PURE__ */ g(x, {
+					/* @__PURE__ */ _(S, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(y, {
+						children: [/* @__PURE__ */ _(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ h(b, {
+							children: [/* @__PURE__ */ g(x, {
 								className: "text-sm font-medium",
-								children: j("crewfoundry.marketplace.stats.totalReviews", "Total Reviews")
-							}), /* @__PURE__ */ h(p, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ h(v, { children: /* @__PURE__ */ h("div", {
+								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: U
+							children: H
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "relative w-full max-w-sm",
-					children: [/* @__PURE__ */ h(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ h(w, {
+					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…",
 						className: "pl-9",
-						value: I,
-						onChange: (e) => L(e.target.value),
+						value: F,
+						onChange: (e) => I(e.target.value),
 						"aria-label": "Search marketplace services"
 					})]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "-mx-1 overflow-x-auto px-1 pb-1",
-					children: /* @__PURE__ */ h(r, {
-						tabs: B,
-						value: R,
-						onChange: z,
+					children: /* @__PURE__ */ g(i, {
+						tabs: z,
+						value: L,
+						onChange: R,
 						"aria-label": "Filter services by category"
 					})
 				})]
 			}),
-			W.length === 0 ? /* @__PURE__ */ h(C, {
+			U.length === 0 ? /* @__PURE__ */ g(w, {
 				illustration: "empty-search",
 				title: "No services found",
 				description: "Try a different search term or category to find the help you need."
-			}) : /* @__PURE__ */ h("div", {
+			}) : /* @__PURE__ */ g("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: W.map((e) => {
-					let r = k(e.status), i = r.icon;
-					return /* @__PURE__ */ h(x, {
+				children: U.map((e) => {
+					let t = k(e.status), i = t.icon;
+					return /* @__PURE__ */ g(S, {
 						treatment: "glass",
 						role: "button",
 						tabIndex: 0,
 						"aria-label": `View and book ${e.title} by ${e.provider}`,
-						onClick: () => G(e.id),
+						onClick: () => W(e.id),
 						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), G(e.id));
+							(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__ */ g(v, {
+						children: /* @__PURE__ */ _(y, {
 							className: "flex h-full flex-col gap-3 p-4",
 							children: [
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ _("div", {
 									className: "flex items-start justify-between gap-2",
-									children: [/* @__PURE__ */ g("div", {
+									children: [/* @__PURE__ */ _("div", {
 										className: "flex items-center gap-2.5",
-										children: [/* @__PURE__ */ h("span", {
+										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: t(e.provider)
-										}), /* @__PURE__ */ g("div", {
+											children: n(e.provider)
+										}), /* @__PURE__ */ _("div", {
 											className: "min-w-0",
-											children: [/* @__PURE__ */ h("p", {
+											children: [/* @__PURE__ */ g("p", {
 												className: "truncate text-sm font-semibold",
 												children: e.provider
-											}), /* @__PURE__ */ h("span", {
+											}), /* @__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__ */ g("div", {
+									}), /* @__PURE__ */ _("div", {
 										className: "shrink-0 text-right",
-										children: [/* @__PURE__ */ g("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-base font-bold tabular-nums",
 											children: ["$", e.price.toLocaleString()]
-										}), /* @__PURE__ */ g("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-[10px] text-text-secondary",
 											children: ["/", e.priceType]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ h("p", {
+								/* @__PURE__ */ g("p", {
 									className: "text-sm font-medium",
 									children: e.title
 								}),
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ _("div", {
 									className: "flex flex-wrap items-center gap-2",
-									children: [/* @__PURE__ */ h(n, {
+									children: [/* @__PURE__ */ g(r, {
 										value: e.rating,
 										count: e.reviews,
 										showValue: !0,
 										size: 14
-									}), /* @__PURE__ */ g("span", {
-										className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ${r.className}`,
-										children: [/* @__PURE__ */ h(i, { className: "h-3 w-3" }), r.label]
+									}), /* @__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__ */ h("p", {
+								/* @__PURE__ */ g("p", {
 									className: "line-clamp-2 text-xs text-text-secondary",
 									children: e.description
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ g("div", {
 									className: "flex flex-wrap gap-1",
-									children: e.skills.slice(0, 4).map((e) => /* @__PURE__ */ h("span", {
+									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__ */ h("div", {
+								/* @__PURE__ */ g("div", {
 									className: "mt-auto flex items-center justify-between pt-1 text-[11px] text-text-secondary",
-									children: /* @__PURE__ */ g("span", {
+									children: /* @__PURE__ */ _("span", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ h(c, { className: "h-3 w-3" }), e.deliveryTime]
+										children: [/* @__PURE__ */ g(l, { className: "h-3 w-3" }), e.deliveryTime]
 									})
 								}),
-								/* @__PURE__ */ h(_, {
+								/* @__PURE__ */ g(v, {
 									className: "w-full",
 									onClick: (t) => {
-										t.stopPropagation(), G(e.id);
+										t.stopPropagation(), W(e.id);
 									},
-									children: j("crewfoundry.marketplace.card.book", "View & Book")
+									children: c("crewfoundry.marketplace.card.book", "View & Book")
 								})
 							]
 						})
 					}, e.id);
 				})
 			}),
-			V.length > N ? /* @__PURE__ */ h(E, {
-				page: M,
-				pageSize: N,
-				totalItems: V.length,
-				onPageChange: F
+			B.length > M ? /* @__PURE__ */ g(D, {
+				page: j,
+				pageSize: M,
+				totalItems: B.length,
+				onPageChange: P
 			}) : null
 		]
 	});

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 { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\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 { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\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>{t('crewfoundry.marketplace.title', 'Talent Marketplace')}</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {t('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              {t('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              {t('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              {t('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                    {t('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":";;;;;;;;;;;;;AAqBA,SAAS,EAAe,GAItB;AACA,SAAQ,GAAR;EACE,KAAK,SACH,QAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;GACZ;EACH,KAAK,UACH,QAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;GACZ;EACH,QACE,QAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;GACZ;;;AAIP,SAAgB,IAAiC;CAC/C,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAW,GAAa,EACxB,EAAE,2BAAwB,GAAqB,EAC/C,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,SAAM,aAAU,WAAQ,eAAY,EAAc,EAAE,iBAAiB,GAAG,CAAC,EAC3E,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAU,KAAe,EAAS,MAAM,EAEzC,IAAe,QAA8B;EACjD,IAAM,oBAAS,IAAI,KAAqB;AACxC,OAAK,IAAM,KAAO,EAChB,GAAO,IAAI,EAAI,WAAW,EAAO,IAAI,EAAI,SAAS,IAAI,KAAK,EAAE;EAE/D,IAAM,IAAuB,CAAC;GAAE,IAAI;GAAO,OAAO;GAAO,OAAO,EAAoB;GAAQ,CAAC;AAC7F,OAAK,IAAM,CAAC,GAAM,MAAU,CAAC,GAAG,EAAO,SAAS,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,cAAc,EAAE,GAAG,CAAC,CACxF,GAAK,KAAK;GAAE,IAAI;GAAM,OAAO;GAAM;GAAO,CAAC;AAE7C,SAAO;IACN,CAAC,EAAoB,CAAC,EAEnB,IAAW,QAAc;EAC7B,IAAM,IAAQ,EAAO,MAAM,CAAC,aAAa;AACzC,SAAO,EAAoB,QAAQ,MAC7B,MAAa,SAAS,EAAI,aAAa,IAClC,KAEJ,IAGE,GAAG,EAAI,MAAM,GAAG,EAAI,SAAS,GAAG,EAAI,SAAS,GAAG,EAAI,OAAO,KAAK,IAAI,GACxE,aAAa,CACb,SAAS,EAAM,GAJT,GAKT;IACD;EAAC;EAAqB;EAAQ;EAAS,CAAC;AAE3C,SAAgB;AACd,IAAQ,EAAE;IACT;EAAC;EAAQ;EAAU;EAAQ,CAAC;CAE/B,IAAM,IACJ,EAAoB,SAAS,KAEvB,EAAoB,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAoB,QAC5E,QAAQ,EAAE,GACZ,OACA,IAAe,EAAoB,QAAQ,GAAG,MAAM,IAAI,EAAE,SAAS,EAAE,EACrE,IAAgB,EAAS,MAAM,GAAQ,IAAS,EAAS,EACzD,KAAe,MAAe,EAAS,0CAA0C,IAAK;AAE5F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAe,EAAE,iCAAiC,qBAAqB,EAAgB,CAAA;KACpF,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,oCAAoC,uCAAuC;KAC5E,CAAA;IACJ,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAE,0CAA0C,WAAW;QAC9C,CAAA,EACZ,kBAAC,GAAD,EAAa,WAAU,+BAAgC,CAAA,CAC5C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAoB;OAAa,CAAA,EACvE,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAE,2CAA2C,aAAa;QACjD,CAAA,EACZ,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA,CAC1C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC;OAAgB,CAAA,EACtD,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAE,8CAA8C,gBAAgB;QACvD,CAAA,EACZ,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC;OAAmB,CAAA,EACzD,CAAA,CACJ;;KACR;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;MACE,aAAY;MACZ,WAAU;MACV,OAAO;MACP,WAAW,MAAU,EAAU,EAAM,OAAO,MAAM;MAClD,cAAW;MACX,CAAA,CACE;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,MAAM;MACN,OAAO;MACP,UAAU;MACV,cAAW;MACX,CAAA;KACE,CAAA,CACF;;GAEL,EAAc,WAAW,IACxB,kBAAC,GAAD;IACE,cAAa;IACb,OAAM;IACN,aAAY;IACZ,CAAA,GAEF,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAc,KAAK,MAAQ;KAC1B,IAAM,IAAe,EAAe,EAAI,OAAO,EACzC,IAAmB,EAAa;AACtC,YACE,kBAAC,GAAD;MAEE,WAAU;MACV,MAAK;MACL,UAAU;MACV,cAAY,iBAAiB,EAAI,MAAM,MAAM,EAAI;MACjD,eAAe,EAAY,EAAI,GAAG;MAClC,YAAY,MAAU;AACpB,QAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,EAAY,EAAI,GAAG;;MAGvB,WAAU;gBAEV,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WACE,WAAU;WACV,eAAY;qBAEX,EAAY,EAAI,SAAS;WACrB,CAAA,EACP,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,KAAD;YAAG,WAAU;sBAAkC,EAAI;YAAa,CAAA,EAChE,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAI;YACA,CAAA,CACH;aACF;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAb,CAAgD,KAC5C,EAAI,MAAM,gBAAgB,CAC1B;cACJ,kBAAC,KAAD;WAAG,WAAU;qBAAb,CAA+C,KAAE,EAAI,UAAc;aAC/D;YACF;;QAEN,kBAAC,KAAD;SAAG,WAAU;mBAAuB,EAAI;SAAU,CAAA;QAElD,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAa,OAAO,EAAI;UAAQ,OAAO,EAAI;UAAS,WAAA;UAAU,MAAM;UAAM,CAAA,EAC1E,kBAAC,QAAD;UACE,WAAW,mFAAmF,EAAa;oBAD7G,CAGE,kBAAC,GAAD,EAAkB,WAAU,WAAY,CAAA,EACvC,EAAa,MACT;YACH;;QAEN,kBAAC,KAAD;SAAG,WAAU;mBAA4C,EAAI;SAAgB,CAAA;QAE7E,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAI,OAAO,MAAM,GAAG,EAAE,CAAC,KAAK,MAC3B,kBAAC,QAAD;UAEE,WAAU;oBAET;UACI,EAJA,EAIA,CACP;SACE,CAAA;QAEN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAI,aACA;;SACH,CAAA;QAEN,kBAAC,GAAD;SACE,WAAU;SACV,UAAU,MAAU;AAElB,UADA,EAAM,iBAAiB,EACvB,EAAY,EAAI,GAAG;;mBAGpB,EAAE,qCAAqC,cAAc;SAC/C,CAAA;QACG;;MACJ,EAhFL,EAAI,GAgFC;MAEd;IACE,CAAA;GAGP,EAAS,SAAS,IACjB,kBAAC,GAAD;IACQ;IACI;IACV,YAAY,EAAS;IACrB,cAAc;IACd,CAAA,GACA;GACA"}
+{"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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/ProjectsProjectsPagePage.tsx"],"names":[],"mappings":"AAgDA,wBAAgB,wBAAwB,gCAiTvC"}
+{"version":3,"file":"ProjectsProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/ProjectsProjectsPagePage.tsx"],"names":[],"mappings":"AAgDA,wBAAgB,wBAAwB,gCA6SvC"}