@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.1

package/dist/crewfoundry/pages/MarketplaceMessagingPagePage.js

@@ -1,110 +1,38 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useMemo as t, useState as n } from "react";
-import { Search as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { CardContent as o, GlassCard as s, GradientText as c, IllustratedEmptyState as l, Input as u, PagePurpose as d } from "@burdenoff/fe-libs/ui";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { CardContent as n, GlassCard as r, GradientText as i, IllustratedEmptyState as a, PagePurpose as o } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceMessagingPagePage.tsx
-var f = (e) => {
-	let t = new Date(e);
-	if (Number.isNaN(t.getTime())) return "recently";
-	let n = Math.max(1, Math.floor((Date.now() - t.getTime()) / (1e3 * 60 * 60)));
-	return n < 24 ? `${n} hours ago` : `${Math.floor(n / 24)} days ago`;
-};
-function p() {
-	let [p, m] = n(""), { marketplaceServices: h, notifications: g, clients: _, vendors: v } = e(), y = t(() => g.slice(0, 20).map((e, t) => {
-		let n = h[t % Math.max(h.length, 1)], r = _[t % Math.max(_.length, 1)]?.name || v[t % Math.max(v.length, 1)]?.name || "Marketplace Partner";
-		return {
-			id: e.id,
-			from: n?.provider || r,
-			company: r,
-			message: e.message,
-			time: f(e.createdAt),
-			unread: !e.read
-		};
-	}), [
-		_,
-		h,
-		g,
-		v
-	]).filter((e) => `${e.from} ${e.company} ${e.message}`.toLowerCase().includes(p.toLowerCase()));
-	return /* @__PURE__ */ a("div", {
+function s() {
+	return /* @__PURE__ */ t("div", {
 		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ a("div", { children: [
-				/* @__PURE__ */ i("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ i(c, { children: "Service Messages" })
-				}),
-				/* @__PURE__ */ i("p", {
-					className: "text-sm text-text-secondary",
-					children: "Communication with service providers"
-				}),
-				/* @__PURE__ */ i(d, {
-					className: "mt-1",
-					children: "Message freelancers and clients about your engagements — keep all marketplace conversations in one organized inbox."
-				})
-			] }),
-			/* @__PURE__ */ a("div", {
-				className: "relative max-w-sm",
-				children: [/* @__PURE__ */ i(r, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ i(u, {
-					placeholder: "Search messages...",
-					className: "pl-9",
-					value: p,
-					onChange: (e) => m(e.target.value)
-				})]
+		children: [/* @__PURE__ */ t("div", { children: [
+			/* @__PURE__ */ e("h1", {
+				className: "text-2xl font-semibold",
+				children: /* @__PURE__ */ e(i, { children: "Service Messages" })
+			}),
+			/* @__PURE__ */ e("p", {
+				className: "text-sm text-text-secondary",
+				children: "Communication with service providers"
 			}),
-			/* @__PURE__ */ i(s, {
-				treatment: "glass",
-				glow: !0,
-				className: "border-border-seam",
-				children: /* @__PURE__ */ i(o, {
-					className: "p-0",
-					children: y.length === 0 ? /* @__PURE__ */ i("div", {
-						className: "p-6",
-						children: /* @__PURE__ */ i(l, {
-							illustration: "empty-notifications",
-							title: "No messages",
-							description: "Conversations with providers and clients will appear here."
-						})
-					}) : y.map((e) => /* @__PURE__ */ a("div", {
-						className: `flex cursor-pointer items-center gap-3 border-b p-4 last:border-0 hover:bg-bg-sunken/50 ${e.unread ? "bg-status-info-bg/30" : ""}`,
-						children: [
-							/* @__PURE__ */ i("div", {
-								className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-bold",
-								children: e.from.split(" ").map((e) => e[0]).join("")
-							}),
-							/* @__PURE__ */ a("div", {
-								className: "min-w-0 flex-1",
-								children: [
-									/* @__PURE__ */ a("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ i("p", {
-											className: `text-sm ${e.unread ? "font-bold" : "font-medium"}`,
-											children: e.from
-										}), /* @__PURE__ */ i("span", {
-											className: "text-xs text-text-secondary",
-											children: e.time
-										})]
-									}),
-									/* @__PURE__ */ i("p", {
-										className: "text-xs text-text-secondary",
-										children: e.company
-									}),
-									/* @__PURE__ */ i("p", {
-										className: "mt-0.5 truncate text-xs text-text-secondary",
-										children: e.message
-									})
-								]
-							}),
-							e.unread ? /* @__PURE__ */ i("div", { className: "h-2 w-2 flex-shrink-0 rounded-full bg-status-info-text" }) : null
-						]
-					}, e.id))
+			/* @__PURE__ */ e(o, {
+				className: "mt-1",
+				children: "Message freelancers and clients about your engagements — keep all marketplace conversations in one organized inbox."
+			})
+		] }), /* @__PURE__ */ e(r, {
+			treatment: "glass",
+			glow: !0,
+			className: "border-border-seam",
+			children: /* @__PURE__ */ e(n, {
+				className: "p-6",
+				children: /* @__PURE__ */ e(a, {
+					illustration: "empty-notifications",
+					title: "Direct messaging is coming soon",
+					description: "Conversations with providers and clients will appear here once marketplace messaging ships."
 				})
 			})
-		]
+		})]
 	});
 }
 //#endregion
-export { p as MarketplaceMessagingPagePage };
+export { s as MarketplaceMessagingPagePage };
 
 //# sourceMappingURL=MarketplaceMessagingPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMessagingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMessagingPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Search } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype ServiceMessage = {\n  id: string;\n  from: string;\n  company: string;\n  message: string;\n  time: string;\n  unread: boolean;\n};\n\nconst timeAgo = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'recently';\n  }\n  const hours = Math.max(1, Math.floor((Date.now() - parsed.getTime()) / (1000 * 60 * 60)));\n  return hours < 24 ? `${hours} hours ago` : `${Math.floor(hours / 24)} days ago`;\n};\n\nexport function MarketplaceMessagingPagePage() {\n  const [search, setSearch] = useState('');\n  const { marketplaceServices, notifications, clients, vendors } = useCrewFoundryStore();\n\n  const serviceMessages = useMemo<ServiceMessage[]>(() => {\n    return notifications.slice(0, 20).map((notification, index) => {\n      const service = marketplaceServices[index % Math.max(marketplaceServices.length, 1)];\n      const counterparty =\n        clients[index % Math.max(clients.length, 1)]?.name ||\n        vendors[index % Math.max(vendors.length, 1)]?.name ||\n        'Marketplace Partner';\n\n      return {\n        id: notification.id,\n        from: service?.provider || counterparty,\n        company: counterparty,\n        message: notification.message,\n        time: timeAgo(notification.createdAt),\n        unread: !notification.read,\n      };\n    });\n  }, [clients, marketplaceServices, notifications, vendors]);\n\n  const filtered = serviceMessages.filter((message) =>\n    `${message.from} ${message.company} ${message.message}`\n      .toLowerCase()\n      .includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Service Messages</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Communication with service providers</p>\n        <PagePurpose className=\"mt-1\">Message freelancers and clients about your engagements — keep all marketplace conversations in one organized inbox.</PagePurpose>\n      </div>\n\n      <div className=\"relative max-w-sm\">\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 messages...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n        />\n      </div>\n\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-0\">\n          {filtered.length === 0 ? (\n            <div className=\"p-6\">\n              <IllustratedEmptyState\n                illustration=\"empty-notifications\"\n                title=\"No messages\"\n                description=\"Conversations with providers and clients will appear here.\"\n              />\n            </div>\n          ) : (\n            filtered.map((message) => (\n            <div\n              key={message.id}\n              className={`flex cursor-pointer items-center gap-3 border-b p-4 last:border-0 hover:bg-bg-sunken/50 ${message.unread ? 'bg-status-info-bg/30' : ''}`}\n            >\n              <div className=\"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-bold\">\n                {message.from\n                  .split(' ')\n                  .map((part) => part[0])\n                  .join('')}\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"flex items-center justify-between\">\n                  <p className={`text-sm ${message.unread ? 'font-bold' : 'font-medium'}`}>\n                    {message.from}\n                  </p>\n                  <span className=\"text-xs text-text-secondary\">{message.time}</span>\n                </div>\n                <p className=\"text-xs text-text-secondary\">{message.company}</p>\n                <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{message.message}</p>\n              </div>\n              {message.unread ? (\n                <div className=\"h-2 w-2 flex-shrink-0 rounded-full bg-status-info-text\" />\n              ) : null}\n            </div>\n            ))\n          )}\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAqBA,IAAM,KAAW,MAA0B;CACzC,IAAM,IAAS,IAAI,KAAK,EAAM;AAC9B,KAAI,OAAO,MAAM,EAAO,SAAS,CAAC,CAChC,QAAO;CAET,IAAM,IAAQ,KAAK,IAAI,GAAG,KAAK,OAAO,KAAK,KAAK,GAAG,EAAO,SAAS,KAAK,MAAO,KAAK,IAAI,CAAC;AACzF,QAAO,IAAQ,KAAK,GAAG,EAAM,cAAc,GAAG,KAAK,MAAM,IAAQ,GAAG,CAAC;;AAGvE,SAAgB,IAA+B;CAC7C,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,wBAAqB,kBAAe,YAAS,eAAY,GAAqB,EAqBhF,IAnBkB,QACf,EAAc,MAAM,GAAG,GAAG,CAAC,KAAK,GAAc,MAAU;EAC7D,IAAM,IAAU,EAAoB,IAAQ,KAAK,IAAI,EAAoB,QAAQ,EAAE,GAC7E,IACJ,EAAQ,IAAQ,KAAK,IAAI,EAAQ,QAAQ,EAAE,GAAG,QAC9C,EAAQ,IAAQ,KAAK,IAAI,EAAQ,QAAQ,EAAE,GAAG,QAC9C;AAEF,SAAO;GACL,IAAI,EAAa;GACjB,MAAM,GAAS,YAAY;GAC3B,SAAS;GACT,SAAS,EAAa;GACtB,MAAM,EAAQ,EAAa,UAAU;GACrC,QAAQ,CAAC,EAAa;GACvB;GACD,EACD;EAAC;EAAS;EAAqB;EAAe;EAAQ,CAAC,CAEzB,QAAQ,MACvC,GAAG,EAAQ,KAAK,GAAG,EAAQ,QAAQ,GAAG,EAAQ,UAC3C,aAAa,CACb,SAAS,EAAO,aAAa,CAAC,CAClC;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,oBAA+B,CAAA;KAC1C,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAwC,CAAA;IACnF,kBAAC,GAAD;KAAa,WAAU;eAAO;KAAiI,CAAA;IAC3J,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAU,EAAU,EAAM,OAAO,MAAM;KAClD,CAAA,CACE;;GAEN,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAC1C,kBAAC,GAAD;KAAa,WAAU;eACpB,EAAS,WAAW,IACnB,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,cAAa;OACb,OAAM;OACN,aAAY;OACZ,CAAA;MACE,CAAA,GAEN,EAAS,KAAK,MACd,kBAAC,OAAD;MAEE,WAAW,2FAA2F,EAAQ,SAAS,yBAAyB;gBAFlJ;OAIE,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAQ,KACN,MAAM,IAAI,CACV,KAAK,MAAS,EAAK,GAAG,CACtB,KAAK,GAAG;QACP,CAAA;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAW,WAAW,EAAQ,SAAS,cAAc;qBACrD,EAAQ;WACP,CAAA,EACJ,kBAAC,QAAD;WAAM,WAAU;qBAA+B,EAAQ;WAAY,CAAA,CAC/D;;SACN,kBAAC,KAAD;UAAG,WAAU;oBAA+B,EAAQ;UAAY,CAAA;SAChE,kBAAC,KAAD;UAAG,WAAU;oBAA+C,EAAQ;UAAY,CAAA;SAC5E;;OACL,EAAQ,SACP,kBAAC,OAAD,EAAK,WAAU,0DAA2D,CAAA,GACxE;OACA;QAtBC,EAAQ,GAsBT,CACJ;KAEQ,CAAA;IACJ,CAAA;GACR"}
+{"version":3,"file":"MarketplaceMessagingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMessagingPagePage.tsx"],"sourcesContent":["import {\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nexport function MarketplaceMessagingPagePage() {\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Service Messages</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Communication with service providers</p>\n        <PagePurpose className=\"mt-1\">Message freelancers and clients about your engagements — keep all marketplace conversations in one organized inbox.</PagePurpose>\n      </div>\n\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-6\">\n          {/* Direct marketplace messaging has no backend yet. We show an honest\n              coming-soon empty state rather than synthesizing message threads\n              from unrelated notification data. */}\n          <IllustratedEmptyState\n            illustration=\"empty-notifications\"\n            title=\"Direct messaging is coming soon\"\n            description=\"Conversations with providers and clients will appear here once marketplace messaging ships.\"\n          />\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":";;;AAQA,SAAgB,IAA+B;AAC7C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA;GACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAc,oBAA+B,CAAA;IAC1C,CAAA;GACL,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAwC,CAAA;GACnF,kBAAC,GAAD;IAAa,WAAU;cAAO;IAAiI,CAAA;GAC3J,EAAA,CAAA,EAEN,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAC1C,kBAAC,GAAD;IAAa,WAAU;cAIrB,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA;IACU,CAAA;GACJ,CAAA,CACR"}

package/dist/crewfoundry/pages/MarketplaceMyServicesPagePage.js

@@ -3,9 +3,10 @@ import { FormModal as t, useFormModal as n } from "../components/forms/FormModal
 import { Eye as r, Pencil as i, Plus as a, Star as o, Trash2 as s } from "lucide-react";
 import { useNavigate as c } from "react-router-dom";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { AlertDialog as d, AlertDialogAction as f, AlertDialogCancel as p, AlertDialogContent as m, AlertDialogDescription as h, AlertDialogFooter as g, AlertDialogHeader as _, AlertDialogTitle as v, AlertDialogTrigger as y, Badge as b, Button as x, CardContent as S, CardHeader as C, CardTitle as w, GlassCard as T, GradientText as E, IllustratedEmptyState as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+import { AlertDialog as d, AlertDialogAction as f, AlertDialogCancel as p, AlertDialogContent as m, AlertDialogDescription as h, AlertDialogFooter as g, AlertDialogHeader as _, AlertDialogTitle as v, AlertDialogTrigger as y, Badge as b, Button as x, CardContent as S, CardHeader as C, CardTitle as w, GlassCard as T, GradientText as E, IllustratedEmptyState as D, PagePurpose as O, Pagination as k } from "@burdenoff/fe-libs/ui";
+import { usePagination as A } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx
-var k = [
+var j = [
 	{
 		name: "title",
 		label: "Service title",
@@ -90,7 +91,7 @@ var k = [
 		type: "tags",
 		colSpan: 2
 	}
-], A = (e) => ({
+], M = (e) => ({
 	title: e.title,
 	provider: e.provider,
 	category: e.category,
@@ -100,7 +101,7 @@ var k = [
 	status: e.status,
 	description: e.description,
 	skills: e.skills
-}), j = (e, t) => ({
+}), N = (e, t) => ({
 	id: t?.id ?? crypto.randomUUID(),
 	title: String(e.title ?? ""),
 	provider: String(e.provider ?? ""),
@@ -114,8 +115,8 @@ var k = [
 	status: e.status || "active",
 	skills: Array.isArray(e.skills) ? e.skills : []
 });
-function M() {
-	let M = c(), { marketplaceServices: N, addMarketplaceService: P, updateMarketplaceService: F, removeMarketplaceService: I } = e(), L = n(), R = N.slice(0, 3);
+function P() {
+	let P = c(), { marketplaceServices: F, addMarketplaceService: I, updateMarketplaceService: L, removeMarketplaceService: R } = e(), z = n(), { page: B, pageSize: V, offset: H, setPage: U } = A({ initialPageSize: 9 }), W = F.slice(H, H + V);
 	return /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -136,20 +137,20 @@ function M() {
 					})
 				] }), /* @__PURE__ */ u(x, {
 					size: "sm",
-					onClick: () => L.openModal(),
+					onClick: () => z.openModal(),
 					children: [/* @__PURE__ */ l(a, { className: "h-4 w-4 mr-1" }), "Create Service"]
 				})]
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: R.length === 0 ? /* @__PURE__ */ l("div", {
+				children: F.length === 0 ? /* @__PURE__ */ l("div", {
 					className: "col-span-full",
 					children: /* @__PURE__ */ l(D, {
 						illustration: "empty-generic",
 						title: "No services listed",
 						description: "List a service to start winning work on the marketplace."
 					})
-				}) : R.map((e, t) => /* @__PURE__ */ u(T, {
+				}) : W.map((e, t) => /* @__PURE__ */ u(T, {
 					treatment: t === 0 ? "glass" : "plain",
 					glow: t === 0,
 					children: [/* @__PURE__ */ l(C, { children: /* @__PURE__ */ u("div", {
@@ -195,13 +196,13 @@ function M() {
 									variant: "outline",
 									size: "sm",
 									className: "flex-1",
-									onClick: () => L.openModal(e),
+									onClick: () => z.openModal(e),
 									children: [/* @__PURE__ */ l(i, { className: "h-3.5 w-3.5 mr-1" }), "Edit"]
 								}),
 								/* @__PURE__ */ u(x, {
 									size: "sm",
 									className: "flex-1",
-									onClick: () => M("../../marketplace/service-details-page"),
+									onClick: () => P(`../../marketplace/service-details-page?id=${e.id}`),
 									children: [/* @__PURE__ */ l(r, { className: "h-3.5 w-3.5 mr-1" }), "View"]
 								}),
 								/* @__PURE__ */ u(d, { children: [/* @__PURE__ */ l(y, {
@@ -217,7 +218,7 @@ function M() {
 									e.title,
 									"” from your marketplace listings. This action cannot be undone."
 								] })] }), /* @__PURE__ */ u(g, { children: [/* @__PURE__ */ l(p, { children: "Cancel" }), /* @__PURE__ */ l(f, {
-									onClick: () => void I(e.id),
+									onClick: () => void R(e.id),
 									children: "Delete"
 								})] })] })] })
 							]
@@ -225,22 +226,28 @@ function M() {
 					] })]
 				}, e.id))
 			}),
+			F.length > 0 ? /* @__PURE__ */ l(k, {
+				page: B,
+				pageSize: V,
+				totalItems: F.length,
+				onPageChange: U
+			}) : null,
 			/* @__PURE__ */ l(t, {
-				open: L.open,
-				onOpenChange: L.onOpenChange,
-				title: L.context ? "Edit service" : "Create service",
+				open: z.open,
+				onOpenChange: z.onOpenChange,
+				title: z.context ? "Edit service" : "Create service",
 				description: "Describe the service you offer clients on the marketplace.",
-				fields: k,
-				initialValues: L.context ? A(L.context) : void 0,
-				submitLabel: L.context ? "Save changes" : "Create service",
+				fields: j,
+				initialValues: z.context ? M(z.context) : void 0,
+				submitLabel: z.context ? "Save changes" : "Create service",
 				onSubmit: async (e) => {
-					L.context ? await F(L.context.id, j(e, L.context)) : await P(j(e));
+					z.context ? await L(z.context.id, N(e, z.context)) : await I(N(e));
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { M as MarketplaceMyServicesPagePage };
+export { P as MarketplaceMyServicesPagePage };
 
 //# sourceMappingURL=MarketplaceMyServicesPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMyServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Badge,\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Eye, Pencil, Plus, Star, Trash2 } from 'lucide-react';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\n\nconst SERVICE_FIELDS: FieldConfig[] = [\n  { name: 'title', label: 'Service title', type: 'text', required: true, colSpan: 2 },\n  { name: 'provider', label: 'Provider', type: 'text', required: true },\n  { name: 'category', label: 'Category', type: 'text', required: true },\n  { name: 'price', label: 'Price', type: 'number', required: true },\n  {\n    name: 'priceType',\n    label: 'Price type',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Hourly', value: 'hourly' },\n      { label: 'Fixed', value: 'fixed' },\n      { label: 'Monthly', value: 'monthly' },\n    ],\n  },\n  { name: 'deliveryTime', label: 'Delivery time', type: 'text', required: true, placeholder: 'e.g. 3 days' },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Paused', value: 'paused' },\n      { label: 'Pending', value: 'pending' },\n    ],\n  },\n  { name: 'description', label: 'Description', type: 'textarea', required: true, colSpan: 2 },\n  { name: 'skills', label: 'Skills', type: 'tags', colSpan: 2 },\n];\n\nconst toInitialValues = (service: MarketplaceService): FormValues => ({\n  title: service.title,\n  provider: service.provider,\n  category: service.category,\n  price: service.price,\n  priceType: service.priceType,\n  deliveryTime: service.deliveryTime,\n  status: service.status,\n  description: service.description,\n  skills: service.skills,\n});\n\nconst valuesToService = (\n  values: FormValues,\n  base?: MarketplaceService\n): MarketplaceService => ({\n  id: base?.id ?? crypto.randomUUID(),\n  title: String(values.title ?? ''),\n  provider: String(values.provider ?? ''),\n  category: String(values.category ?? ''),\n  price: typeof values.price === 'number' ? values.price : Number(values.price) || 0,\n  priceType: (values.priceType as MarketplaceService['priceType']) || 'hourly',\n  rating: base?.rating ?? 0,\n  reviews: base?.reviews ?? 0,\n  description: String(values.description ?? ''),\n  deliveryTime: String(values.deliveryTime ?? ''),\n  status: (values.status as MarketplaceService['status']) || 'active',\n  skills: Array.isArray(values.skills) ? values.skills : [],\n});\n\nexport function MarketplaceMyServicesPagePage() {\n  const navigate = useNavigate();\n  const { marketplaceServices, addMarketplaceService, updateMarketplaceService, removeMarketplaceService } =\n    useCrewFoundryStore();\n  const modal = useFormModal<MarketplaceService>();\n  // Show a subset as \"my services\"\n  const myServices = marketplaceServices.slice(0, 3);\n\n  const handleSubmit = async (values: FormValues) => {\n    if (modal.context) {\n      await updateMarketplaceService(modal.context.id, valuesToService(values, modal.context));\n    } else {\n      await addMarketplaceService(valuesToService(values));\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>My Services</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Manage your listed services</p>\n          <PagePurpose className=\"mt-1\">Manage the services you offer to clients — list, edit, and showcase your offerings to win more work on the marketplace.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => modal.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Service\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {myServices.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState illustration=\"empty-generic\" title=\"No services listed\" description=\"List a service to start winning work on the marketplace.\" />\n          </div>\n        ) : (\n          myServices.map((svc, _idx) => (\n          <GlassCard key={svc.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0}>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{svc.title}</CardTitle>\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {svc.status}\n                </Badge>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-text-secondary mb-3\">{svc.description}</p>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"font-bold\">\n                  ${svc.price}/{svc.priceType}\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-status-warning-text\" />\n                  {svc.rating} ({svc.reviews})\n                </span>\n              </div>\n              <div className=\"flex gap-2 mt-3\">\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  className=\"flex-1\"\n                  onClick={() => modal.openModal(svc)}\n                >\n                  <Pencil className=\"h-3.5 w-3.5 mr-1\" />\n                  Edit\n                </Button>\n                <Button\n                  size=\"sm\"\n                  className=\"flex-1\"\n                  onClick={() => navigate('../../marketplace/service-details-page')}\n                >\n                  <Eye className=\"h-3.5 w-3.5 mr-1\" />\n                  View\n                </Button>\n                <AlertDialog>\n                  <AlertDialogTrigger asChild>\n                    <Button variant=\"ghost\" size=\"icon\" aria-label={`Delete ${svc.title}`}>\n                      <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n                    </Button>\n                  </AlertDialogTrigger>\n                  <AlertDialogContent>\n                    <AlertDialogHeader>\n                      <AlertDialogTitle>Delete service?</AlertDialogTitle>\n                      <AlertDialogDescription>\n                        This removes “{svc.title}” from your marketplace listings. This action cannot be undone.\n                      </AlertDialogDescription>\n                    </AlertDialogHeader>\n                    <AlertDialogFooter>\n                      <AlertDialogCancel>Cancel</AlertDialogCancel>\n                      <AlertDialogAction onClick={() => void removeMarketplaceService(svc.id)}>\n                        Delete\n                      </AlertDialogAction>\n                    </AlertDialogFooter>\n                  </AlertDialogContent>\n                </AlertDialog>\n              </div>\n            </CardContent>\n          </GlassCard>\n        )))}\n      </div>\n\n      <FormModal\n        open={modal.open}\n        onOpenChange={modal.onOpenChange}\n        title={modal.context ? 'Edit service' : 'Create service'}\n        description=\"Describe the service you offer clients on the marketplace.\"\n        fields={SERVICE_FIELDS}\n        initialValues={modal.context ? toInitialValues(modal.context) : undefined}\n        submitLabel={modal.context ? 'Save changes' : 'Create service'}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceMyServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Badge,\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Eye, Pencil, Plus, Star, Trash2 } from 'lucide-react';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\n\nconst SERVICE_FIELDS: FieldConfig[] = [\n  { name: 'title', label: 'Service title', type: 'text', required: true, colSpan: 2 },\n  { name: 'provider', label: 'Provider', type: 'text', required: true },\n  { name: 'category', label: 'Category', type: 'text', required: true },\n  { name: 'price', label: 'Price', type: 'number', required: true },\n  {\n    name: 'priceType',\n    label: 'Price type',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Hourly', value: 'hourly' },\n      { label: 'Fixed', value: 'fixed' },\n      { label: 'Monthly', value: 'monthly' },\n    ],\n  },\n  { name: 'deliveryTime', label: 'Delivery time', type: 'text', required: true, placeholder: 'e.g. 3 days' },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Paused', value: 'paused' },\n      { label: 'Pending', value: 'pending' },\n    ],\n  },\n  { name: 'description', label: 'Description', type: 'textarea', required: true, colSpan: 2 },\n  { name: 'skills', label: 'Skills', type: 'tags', colSpan: 2 },\n];\n\nconst toInitialValues = (service: MarketplaceService): FormValues => ({\n  title: service.title,\n  provider: service.provider,\n  category: service.category,\n  price: service.price,\n  priceType: service.priceType,\n  deliveryTime: service.deliveryTime,\n  status: service.status,\n  description: service.description,\n  skills: service.skills,\n});\n\nconst valuesToService = (\n  values: FormValues,\n  base?: MarketplaceService\n): MarketplaceService => ({\n  id: base?.id ?? crypto.randomUUID(),\n  title: String(values.title ?? ''),\n  provider: String(values.provider ?? ''),\n  category: String(values.category ?? ''),\n  price: typeof values.price === 'number' ? values.price : Number(values.price) || 0,\n  priceType: (values.priceType as MarketplaceService['priceType']) || 'hourly',\n  rating: base?.rating ?? 0,\n  reviews: base?.reviews ?? 0,\n  description: String(values.description ?? ''),\n  deliveryTime: String(values.deliveryTime ?? ''),\n  status: (values.status as MarketplaceService['status']) || 'active',\n  skills: Array.isArray(values.skills) ? values.skills : [],\n});\n\nexport function MarketplaceMyServicesPagePage() {\n  const navigate = useNavigate();\n  const { marketplaceServices, addMarketplaceService, updateMarketplaceService, removeMarketplaceService } =\n    useCrewFoundryStore();\n  const modal = useFormModal<MarketplaceService>();\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 9 });\n  // Every marketplace service in this workspace is managed here as an owned listing.\n  const myServices = marketplaceServices.slice(offset, offset + pageSize);\n\n  const handleSubmit = async (values: FormValues) => {\n    if (modal.context) {\n      await updateMarketplaceService(modal.context.id, valuesToService(values, modal.context));\n    } else {\n      await addMarketplaceService(valuesToService(values));\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>My Services</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Manage your listed services</p>\n          <PagePurpose className=\"mt-1\">Manage the services you offer to clients — list, edit, and showcase your offerings to win more work on the marketplace.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => modal.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Service\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {marketplaceServices.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState illustration=\"empty-generic\" title=\"No services listed\" description=\"List a service to start winning work on the marketplace.\" />\n          </div>\n        ) : (\n          myServices.map((svc, _idx) => (\n          <GlassCard key={svc.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0}>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{svc.title}</CardTitle>\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {svc.status}\n                </Badge>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-text-secondary mb-3\">{svc.description}</p>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"font-bold\">\n                  ${svc.price}/{svc.priceType}\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-status-warning-text\" />\n                  {svc.rating} ({svc.reviews})\n                </span>\n              </div>\n              <div className=\"flex gap-2 mt-3\">\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  className=\"flex-1\"\n                  onClick={() => modal.openModal(svc)}\n                >\n                  <Pencil className=\"h-3.5 w-3.5 mr-1\" />\n                  Edit\n                </Button>\n                <Button\n                  size=\"sm\"\n                  className=\"flex-1\"\n                  onClick={() =>\n                    navigate(`../../marketplace/service-details-page?id=${svc.id}`)\n                  }\n                >\n                  <Eye className=\"h-3.5 w-3.5 mr-1\" />\n                  View\n                </Button>\n                <AlertDialog>\n                  <AlertDialogTrigger asChild>\n                    <Button variant=\"ghost\" size=\"icon\" aria-label={`Delete ${svc.title}`}>\n                      <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n                    </Button>\n                  </AlertDialogTrigger>\n                  <AlertDialogContent>\n                    <AlertDialogHeader>\n                      <AlertDialogTitle>Delete service?</AlertDialogTitle>\n                      <AlertDialogDescription>\n                        This removes “{svc.title}” from your marketplace listings. This action cannot be undone.\n                      </AlertDialogDescription>\n                    </AlertDialogHeader>\n                    <AlertDialogFooter>\n                      <AlertDialogCancel>Cancel</AlertDialogCancel>\n                      <AlertDialogAction onClick={() => void removeMarketplaceService(svc.id)}>\n                        Delete\n                      </AlertDialogAction>\n                    </AlertDialogFooter>\n                  </AlertDialogContent>\n                </AlertDialog>\n              </div>\n            </CardContent>\n          </GlassCard>\n        )))}\n      </div>\n      {marketplaceServices.length > 0 ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={marketplaceServices.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n\n      <FormModal\n        open={modal.open}\n        onOpenChange={modal.onOpenChange}\n        title={modal.context ? 'Edit service' : 'Create service'}\n        description=\"Describe the service you offer clients on the marketplace.\"\n        fields={SERVICE_FIELDS}\n        initialValues={modal.context ? toInitialValues(modal.context) : undefined}\n        submitLabel={modal.context ? 'Save changes' : 'Create service'}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceProjectDetailsPagePage.js

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