@burdenoff/microfe-crewfoundry 2026.704.2 → 2026.704.4

package/dist/crewfoundry/pages/MarketplaceMyServicesPagePage.js

@@ -1,12 +1,13 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { FormModal as t, useFormModal as n } from "../components/forms/FormModal.js";
-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, Pagination as k } from "@burdenoff/fe-libs/ui";
-import { usePagination as A } from "@burdenoff/fe-libs/shared/hooks";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { FormModal as n, useFormModal as r } from "../components/forms/FormModal.js";
+import { Eye as i, Pencil as a, Plus as o, Star as s, Trash2 as c } from "lucide-react";
+import { useNavigate as l } from "react-router-dom";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { AlertDialog as f, AlertDialogAction as p, AlertDialogCancel as m, AlertDialogContent as h, AlertDialogDescription as g, AlertDialogFooter as _, AlertDialogHeader as v, AlertDialogTitle as y, AlertDialogTrigger as b, Badge as x, Button as S, CardContent as C, CardHeader as w, CardTitle as T, GlassCard as E, GradientText as D, IllustratedEmptyState as O, PagePurpose as k, Pagination as A } from "@burdenoff/fe-libs/ui";
+import { usePagination as j } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx
-var j = [
+var M = [
 	{
 		name: "title",
 		label: "Service title",
@@ -91,7 +92,7 @@ var j = [
 		type: "tags",
 		colSpan: 2
 	}
-], M = (e) => ({
+], N = (e) => ({
 	title: e.title,
 	provider: e.provider,
 	category: e.category,
@@ -101,7 +102,7 @@ var j = [
 	status: e.status,
 	description: e.description,
 	skills: e.skills
-}), N = (e, t) => ({
+}), P = (e, t) => ({
 	id: t?.id ?? crypto.randomUUID(),
 	title: String(e.title ?? ""),
 	provider: String(e.provider ?? ""),
@@ -115,62 +116,62 @@ var j = [
 	status: e.status || "active",
 	skills: Array.isArray(e.skills) ? e.skills : []
 });
-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", {
+function F() {
+	let F = l(), { marketplaceServices: I, addMarketplaceService: L, updateMarketplaceService: R, removeMarketplaceService: z } = e(), B = r(), { page: V, pageSize: H, offset: U, setPage: W } = j({ initialPageSize: 9 }), G = I.slice(U, U + H);
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ u("div", { children: [
-					/* @__PURE__ */ l("h1", {
+				children: [/* @__PURE__ */ d("div", { children: [
+					/* @__PURE__ */ u("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ l(E, { children: "My Services" })
+						children: /* @__PURE__ */ u(D, { children: "My Services" })
 					}),
-					/* @__PURE__ */ l("p", {
+					/* @__PURE__ */ u("p", {
 						className: "text-sm text-text-secondary",
 						children: "Manage your listed services"
 					}),
-					/* @__PURE__ */ l(O, {
+					/* @__PURE__ */ u(k, {
 						className: "mt-1",
 						children: "Manage the services you offer to clients — list, edit, and showcase your offerings to win more work on the marketplace."
 					})
-				] }), /* @__PURE__ */ u(x, {
+				] }), /* @__PURE__ */ d(S, {
 					size: "sm",
-					onClick: () => z.openModal(),
-					children: [/* @__PURE__ */ l(a, { className: "h-4 w-4 mr-1" }), "Create Service"]
+					onClick: () => B.openModal(),
+					children: [/* @__PURE__ */ u(o, { className: "h-4 w-4 mr-1" }), "Create Service"]
 				})]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: F.length === 0 ? /* @__PURE__ */ l("div", {
+				children: I.length === 0 ? /* @__PURE__ */ u("div", {
 					className: "col-span-full",
-					children: /* @__PURE__ */ l(D, {
+					children: /* @__PURE__ */ u(O, {
 						illustration: "empty-generic",
 						title: "No services listed",
 						description: "List a service to start winning work on the marketplace."
 					})
-				}) : W.map((e, t) => /* @__PURE__ */ u(T, {
-					treatment: t === 0 ? "glass" : "plain",
-					glow: t === 0,
-					children: [/* @__PURE__ */ l(C, { children: /* @__PURE__ */ u("div", {
+				}) : G.map((e, n) => /* @__PURE__ */ d(E, {
+					treatment: n === 0 ? "glass" : "plain",
+					glow: n === 0,
+					children: [/* @__PURE__ */ u(w, { children: /* @__PURE__ */ d("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ l(w, {
+						children: [/* @__PURE__ */ u(T, {
 							className: "text-base",
 							children: e.title
-						}), /* @__PURE__ */ l(b, {
+						}), /* @__PURE__ */ u(x, {
 							variant: e.status === "active" ? "default" : "secondary",
 							className: "text-[10px]",
-							children: e.status
+							children: t(e.status)
 						})]
-					}) }), /* @__PURE__ */ u(S, { children: [
-						/* @__PURE__ */ l("p", {
+					}) }), /* @__PURE__ */ d(C, { children: [
+						/* @__PURE__ */ u("p", {
 							className: "text-sm text-text-secondary mb-3",
 							children: e.description
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ d("div", {
 							className: "flex items-center justify-between text-sm",
-							children: [/* @__PURE__ */ u("span", {
+							children: [/* @__PURE__ */ d("span", {
 								className: "font-bold",
 								children: [
 									"$",
@@ -178,10 +179,10 @@ function P() {
 									"/",
 									e.priceType
 								]
-							}), /* @__PURE__ */ u("span", {
+							}), /* @__PURE__ */ d("span", {
 								className: "flex items-center gap-1",
 								children: [
-									/* @__PURE__ */ l(o, { className: "h-3 w-3 text-status-warning-text" }),
+									/* @__PURE__ */ u(s, { className: "h-3 w-3 text-status-warning-text" }),
 									e.rating,
 									" (",
 									e.reviews,
@@ -189,36 +190,36 @@ function P() {
 								]
 							})]
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ d("div", {
 							className: "flex gap-2 mt-3",
 							children: [
-								/* @__PURE__ */ u(x, {
+								/* @__PURE__ */ d(S, {
 									variant: "outline",
 									size: "sm",
 									className: "flex-1",
-									onClick: () => z.openModal(e),
-									children: [/* @__PURE__ */ l(i, { className: "h-3.5 w-3.5 mr-1" }), "Edit"]
+									onClick: () => B.openModal(e),
+									children: [/* @__PURE__ */ u(a, { className: "h-3.5 w-3.5 mr-1" }), "Edit"]
 								}),
-								/* @__PURE__ */ u(x, {
+								/* @__PURE__ */ d(S, {
 									size: "sm",
 									className: "flex-1",
-									onClick: () => P(`../../marketplace/service-details-page?id=${e.id}`),
-									children: [/* @__PURE__ */ l(r, { className: "h-3.5 w-3.5 mr-1" }), "View"]
+									onClick: () => F(`../../marketplace/service-details-page?id=${e.id}`),
+									children: [/* @__PURE__ */ u(i, { className: "h-3.5 w-3.5 mr-1" }), "View"]
 								}),
-								/* @__PURE__ */ u(d, { children: [/* @__PURE__ */ l(y, {
+								/* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(b, {
 									asChild: !0,
-									children: /* @__PURE__ */ l(x, {
+									children: /* @__PURE__ */ u(S, {
 										variant: "ghost",
 										size: "icon",
 										"aria-label": `Delete ${e.title}`,
-										children: /* @__PURE__ */ l(s, { className: "h-4 w-4 text-status-error-text" })
+										children: /* @__PURE__ */ u(c, { className: "h-4 w-4 text-status-error-text" })
 									})
-								}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(v, { children: "Delete service?" }), /* @__PURE__ */ u(h, { children: [
+								}), /* @__PURE__ */ d(h, { children: [/* @__PURE__ */ d(v, { children: [/* @__PURE__ */ u(y, { children: "Delete service?" }), /* @__PURE__ */ d(g, { children: [
 									"This removes “",
 									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 R(e.id),
+								] })] }), /* @__PURE__ */ d(_, { children: [/* @__PURE__ */ u(m, { children: "Cancel" }), /* @__PURE__ */ u(p, {
+									onClick: () => void z(e.id),
 									children: "Delete"
 								})] })] })] })
 							]
@@ -226,28 +227,28 @@ function P() {
 					] })]
 				}, e.id))
 			}),
-			F.length > 0 ? /* @__PURE__ */ l(k, {
-				page: B,
-				pageSize: V,
-				totalItems: F.length,
-				onPageChange: U
+			I.length > 0 ? /* @__PURE__ */ u(A, {
+				page: V,
+				pageSize: H,
+				totalItems: I.length,
+				onPageChange: W
 			}) : null,
-			/* @__PURE__ */ l(t, {
-				open: z.open,
-				onOpenChange: z.onOpenChange,
-				title: z.context ? "Edit service" : "Create service",
+			/* @__PURE__ */ u(n, {
+				open: B.open,
+				onOpenChange: B.onOpenChange,
+				title: B.context ? "Edit service" : "Create service",
 				description: "Describe the service you offer clients on the marketplace.",
-				fields: j,
-				initialValues: z.context ? M(z.context) : void 0,
-				submitLabel: z.context ? "Save changes" : "Create service",
+				fields: M,
+				initialValues: B.context ? N(B.context) : void 0,
+				submitLabel: B.context ? "Save changes" : "Create service",
 				onSubmit: async (e) => {
-					z.context ? await L(z.context.id, N(e, z.context)) : await I(N(e));
+					B.context ? await R(B.context.id, P(e, B.context)) : await L(P(e));
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { P as MarketplaceMyServicesPagePage };
+export { F 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  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  {\n    name: 'deliveryTime',\n    label: 'Delivery time',\n    type: 'text',\n    required: true,\n    placeholder: 'e.g. 3 days',\n  },\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 = (values: FormValues, base?: MarketplaceService): 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 {\n    marketplaceServices,\n    addMarketplaceService,\n    updateMarketplaceService,\n    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\">\n            Manage the services you offer to clients — list, edit, and showcase your offerings to\n            win more work on the marketplace.\n          </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\n              illustration=\"empty-generic\"\n              title=\"No services listed\"\n              description=\"List a service to start winning work on the marketplace.\"\n            />\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?id=${svc.id}`)}\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\n                          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        )}\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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"}
+{"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';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\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  {\n    name: 'deliveryTime',\n    label: 'Delivery time',\n    type: 'text',\n    required: true,\n    placeholder: 'e.g. 3 days',\n  },\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 = (values: FormValues, base?: MarketplaceService): 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 {\n    marketplaceServices,\n    addMarketplaceService,\n    updateMarketplaceService,\n    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\">\n            Manage the services you offer to clients — list, edit, and showcase your offerings to\n            win more work on the marketplace.\n          </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\n              illustration=\"empty-generic\"\n              title=\"No services listed\"\n              description=\"List a service to start winning work on the marketplace.\"\n            />\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                    {formatEnumLabel(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?id=${svc.id}`)}\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\n                          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        )}\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,123 @@
 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 { 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";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { Calendar as n, DollarSign as r, MessageSquare as i, Users as a } from "lucide-react";
+import { useLocation as o, useNavigate as s } from "react-router-dom";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Card as d, CardContent as f, EmphasisPanel as p, GradientText as m, IllustratedEmptyState as h, NextSteps as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceProjectDetailsPagePage.tsx
-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", {
+function v() {
+	let v = s(), y = o(), { projects: b } = e(), x = new URLSearchParams(y.search).get("id"), S = b.find((e) => e.id === x) ?? b[0];
+	return S ? /* @__PURE__ */ l("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ c("div", { children: [
-					/* @__PURE__ */ s("h1", {
+				children: [/* @__PURE__ */ l("div", { children: [
+					/* @__PURE__ */ c("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ s(p, { children: x.name })
+						children: /* @__PURE__ */ c(m, { children: S.name })
 					}),
-					/* @__PURE__ */ s("p", {
+					/* @__PURE__ */ c("p", {
 						className: "text-sm text-text-secondary",
-						children: x.description
+						children: S.description
 					}),
-					/* @__PURE__ */ s(g, {
+					/* @__PURE__ */ c(_, {
 						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__ */ s(l, {
-					variant: x.status === "active" ? "default" : "secondary",
-					children: x.status
+				] }), /* @__PURE__ */ c(u, {
+					variant: S.status === "active" ? "default" : "secondary",
+					children: t(S.status)
 				})]
 			}),
-			/* @__PURE__ */ s(h, {
+			/* @__PURE__ */ c(g, {
 				storageKey: "crewfoundry-marketplace-project-details",
 				steps: [
 					{
 						id: "message",
 						label: "Message the team",
 						description: "Coordinate on scope, blockers, and next milestones.",
-						icon: /* @__PURE__ */ s(r, { className: "h-4 w-4" }),
-						onClick: () => _("../../marketplace/messaging-page")
+						icon: /* @__PURE__ */ c(i, { className: "h-4 w-4" }),
+						onClick: () => v("../../marketplace/messaging-page")
 					},
 					{
 						id: "bookings",
 						label: "Review bookings",
 						description: "Check the engagements tied to this project.",
-						icon: /* @__PURE__ */ s(t, { className: "h-4 w-4" }),
-						onClick: () => _("../../marketplace/booking-management-page")
+						icon: /* @__PURE__ */ c(n, { className: "h-4 w-4" }),
+						onClick: () => v("../../marketplace/booking-management-page")
 					},
 					{
 						id: "earnings",
 						label: "Track earnings",
 						description: "See payouts and balances connected to your work.",
-						icon: /* @__PURE__ */ s(n, { className: "h-4 w-4" }),
-						onClick: () => _("../../marketplace/earnings-page")
+						icon: /* @__PURE__ */ c(r, { className: "h-4 w-4" }),
+						onClick: () => v("../../marketplace/earnings-page")
 					}
 				]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(d, {
+					/* @__PURE__ */ c(d, { children: /* @__PURE__ */ l(f, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ s(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ c("p", {
+							/* @__PURE__ */ c(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ l("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(x.budget / 1e3).toFixed(0),
+									(S.budget / 1e3).toFixed(0),
 									"K"
 								]
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
 								children: "Budget"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(d, {
+					/* @__PURE__ */ c(d, { children: /* @__PURE__ */ l(f, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ s(n, { className: "h-5 w-5 mx-auto text-status-success-text mb-1" }),
-							/* @__PURE__ */ c("p", {
+							/* @__PURE__ */ c(r, { className: "h-5 w-5 mx-auto text-status-success-text mb-1" }),
+							/* @__PURE__ */ l("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(x.spent / 1e3).toFixed(0),
+									(S.spent / 1e3).toFixed(0),
 									"K"
 								]
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
 								children: "Spent"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(d, {
+					/* @__PURE__ */ c(d, { children: /* @__PURE__ */ l(f, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ s(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c(a, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ c("p", {
 								className: "text-lg font-bold",
-								children: x.teamName
+								children: S.teamName
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
 								children: "Team"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(d, {
+					/* @__PURE__ */ c(d, { children: /* @__PURE__ */ l(f, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ s(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ c("p", {
 								className: "text-lg font-bold",
-								children: x.endDate
+								children: S.endDate
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
@@ -124,70 +125,70 @@ function _() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ c(f, { children: [
-				/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l(p, { children: [
+				/* @__PURE__ */ c("div", {
 					className: "mb-2 text-lg font-semibold",
 					children: "Progress"
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ l("div", {
 						className: "flex justify-between text-sm",
-						children: [/* @__PURE__ */ c("span", { children: [
-							x.completedTasks,
+						children: [/* @__PURE__ */ l("span", { children: [
+							S.completedTasks,
 							" of ",
-							x.tasks,
+							S.tasks,
 							" tasks"
-						] }), /* @__PURE__ */ c("span", {
+						] }), /* @__PURE__ */ l("span", {
 							className: "font-medium",
-							children: [x.progress, "%"]
+							children: [S.progress, "%"]
 						})]
-					}), /* @__PURE__ */ s("div", {
+					}), /* @__PURE__ */ c("div", {
 						className: "h-3 bg-bg-sunken rounded overflow-hidden",
-						children: /* @__PURE__ */ s("div", {
+						children: /* @__PURE__ */ c("div", {
 							className: "h-3 bg-action-primary-bg rounded",
-							style: { width: `${x.progress}%` }
+							style: { width: `${S.progress}%` }
 						})
 					})]
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l("div", {
 					className: "grid grid-cols-2 gap-4 mt-4",
 					children: [
-						/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
 							children: "Manager"
-						}), /* @__PURE__ */ s("p", {
+						}), /* @__PURE__ */ c("p", {
 							className: "text-sm font-medium",
-							children: x.managerName
+							children: S.managerName
 						})] }),
-						/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
 							children: "Priority"
-						}), /* @__PURE__ */ s(l, {
-							variant: x.priority === "critical" ? "destructive" : x.priority === "high" ? "default" : "secondary",
-							children: x.priority
+						}), /* @__PURE__ */ c(u, {
+							variant: S.priority === "critical" ? "destructive" : S.priority === "high" ? "default" : "secondary",
+							children: t(S.priority)
 						})] }),
-						/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
 							children: "Start Date"
-						}), /* @__PURE__ */ s("p", {
+						}), /* @__PURE__ */ c("p", {
 							className: "text-sm",
-							children: x.startDate
+							children: S.startDate
 						})] }),
-						/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
 							children: "End Date"
-						}), /* @__PURE__ */ s("p", {
+						}), /* @__PURE__ */ c("p", {
 							className: "text-sm",
-							children: x.endDate
+							children: S.endDate
 						})] })
 					]
 				})
 			] })
 		]
-	}) : /* @__PURE__ */ s("div", {
+	}) : /* @__PURE__ */ c("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ s(m, {
+		children: /* @__PURE__ */ c(h, {
 			illustration: "empty-search",
 			title: "Project not found",
 			description: "This project is no longer available."
@@ -195,6 +196,6 @@ function _() {
 	});
 }
 //#endregion
-export { _ as MarketplaceProjectDetailsPagePage };
+export { v as MarketplaceProjectDetailsPagePage };
 
 //# sourceMappingURL=MarketplaceProjectDetailsPagePage.js.map