@burdenoff/microfe-crewfoundry 2026.626.1 → 2026.703.2

package/dist/crewfoundry/pages/MarketplaceMyServicesPagePage.js

@@ -1,98 +1,246 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { Plus as t, Star as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Badge as a, Button as o, CardContent as s, CardHeader as c, CardTitle as l, GlassCard as u, GradientText as d, IllustratedEmptyState as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
+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 } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx
-function m() {
-	let { marketplaceServices: m } = e(), h = m.slice(0, 3);
-	return /* @__PURE__ */ i("div", {
+var k = [
+	{
+		name: "title",
+		label: "Service title",
+		type: "text",
+		required: !0,
+		colSpan: 2
+	},
+	{
+		name: "provider",
+		label: "Provider",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "category",
+		label: "Category",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "price",
+		label: "Price",
+		type: "number",
+		required: !0
+	},
+	{
+		name: "priceType",
+		label: "Price type",
+		type: "select",
+		required: !0,
+		options: [
+			{
+				label: "Hourly",
+				value: "hourly"
+			},
+			{
+				label: "Fixed",
+				value: "fixed"
+			},
+			{
+				label: "Monthly",
+				value: "monthly"
+			}
+		]
+	},
+	{
+		name: "deliveryTime",
+		label: "Delivery time",
+		type: "text",
+		required: !0,
+		placeholder: "e.g. 3 days"
+	},
+	{
+		name: "status",
+		label: "Status",
+		type: "select",
+		options: [
+			{
+				label: "Active",
+				value: "active"
+			},
+			{
+				label: "Paused",
+				value: "paused"
+			},
+			{
+				label: "Pending",
+				value: "pending"
+			}
+		]
+	},
+	{
+		name: "description",
+		label: "Description",
+		type: "textarea",
+		required: !0,
+		colSpan: 2
+	},
+	{
+		name: "skills",
+		label: "Skills",
+		type: "tags",
+		colSpan: 2
+	}
+], A = (e) => ({
+	title: e.title,
+	provider: e.provider,
+	category: e.category,
+	price: e.price,
+	priceType: e.priceType,
+	deliveryTime: e.deliveryTime,
+	status: e.status,
+	description: e.description,
+	skills: e.skills
+}), j = (e, t) => ({
+	id: t?.id ?? crypto.randomUUID(),
+	title: String(e.title ?? ""),
+	provider: String(e.provider ?? ""),
+	category: String(e.category ?? ""),
+	price: typeof e.price == "number" ? e.price : Number(e.price) || 0,
+	priceType: e.priceType || "hourly",
+	rating: t?.rating ?? 0,
+	reviews: t?.reviews ?? 0,
+	description: String(e.description ?? ""),
+	deliveryTime: String(e.deliveryTime ?? ""),
+	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);
+	return /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ i("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ i("div", { children: [
-				/* @__PURE__ */ r("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ r(d, { children: "My Services" })
-				}),
-				/* @__PURE__ */ r("p", {
-					className: "text-sm text-text-secondary",
-					children: "Manage your listed services"
-				}),
-				/* @__PURE__ */ r(p, {
-					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__ */ i(o, {
-				size: "sm",
-				children: [/* @__PURE__ */ r(t, { className: "h-4 w-4 mr-1" }), "Create Service"]
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-			children: h.length === 0 ? /* @__PURE__ */ r("div", {
-				className: "col-span-full",
-				children: /* @__PURE__ */ r(f, {
-					illustration: "empty-generic",
-					title: "No services listed",
-					description: "List a service to start winning work on the marketplace."
-				})
-			}) : h.map((e, t) => /* @__PURE__ */ i(u, {
-				treatment: t === 0 ? "glass" : "plain",
-				glow: t === 0,
-				children: [/* @__PURE__ */ r(c, { children: /* @__PURE__ */ i("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ r(l, {
-						className: "text-base",
-						children: e.title
-					}), /* @__PURE__ */ r(a, {
-						variant: e.status === "active" ? "default" : "secondary",
-						className: "text-[10px]",
-						children: e.status
-					})]
-				}) }), /* @__PURE__ */ i(s, { children: [
-					/* @__PURE__ */ r("p", {
-						className: "text-sm text-text-secondary mb-3",
-						children: e.description
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ u("div", { children: [
+					/* @__PURE__ */ l("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ l(E, { children: "My Services" })
 					}),
-					/* @__PURE__ */ i("div", {
-						className: "flex items-center justify-between text-sm",
-						children: [/* @__PURE__ */ i("span", {
-							className: "font-bold",
-							children: [
-								"$",
-								e.price,
-								"/",
-								e.priceType
-							]
-						}), /* @__PURE__ */ i("span", {
-							className: "flex items-center gap-1",
-							children: [
-								/* @__PURE__ */ r(n, { className: "h-3 w-3 text-status-warning-text" }),
-								e.rating,
-								" (",
-								e.reviews,
-								")"
-							]
-						})]
+					/* @__PURE__ */ l("p", {
+						className: "text-sm text-text-secondary",
+						children: "Manage your listed services"
 					}),
-					/* @__PURE__ */ i("div", {
-						className: "flex gap-2 mt-3",
-						children: [/* @__PURE__ */ r(o, {
-							variant: "outline",
-							size: "sm",
-							className: "flex-1",
-							children: "Edit"
-						}), /* @__PURE__ */ r(o, {
-							size: "sm",
-							className: "flex-1",
-							children: "View"
-						})]
+					/* @__PURE__ */ l(O, {
+						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, {
+					size: "sm",
+					onClick: () => L.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", {
+					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."
 					})
-				] })]
-			}, e.id))
-		})]
+				}) : R.map((e, t) => /* @__PURE__ */ u(T, {
+					treatment: t === 0 ? "glass" : "plain",
+					glow: t === 0,
+					children: [/* @__PURE__ */ l(C, { children: /* @__PURE__ */ u("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ l(w, {
+							className: "text-base",
+							children: e.title
+						}), /* @__PURE__ */ l(b, {
+							variant: e.status === "active" ? "default" : "secondary",
+							className: "text-[10px]",
+							children: e.status
+						})]
+					}) }), /* @__PURE__ */ u(S, { children: [
+						/* @__PURE__ */ l("p", {
+							className: "text-sm text-text-secondary mb-3",
+							children: e.description
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "flex items-center justify-between text-sm",
+							children: [/* @__PURE__ */ u("span", {
+								className: "font-bold",
+								children: [
+									"$",
+									e.price,
+									"/",
+									e.priceType
+								]
+							}), /* @__PURE__ */ u("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ l(o, { className: "h-3 w-3 text-status-warning-text" }),
+									e.rating,
+									" (",
+									e.reviews,
+									")"
+								]
+							})]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "flex gap-2 mt-3",
+							children: [
+								/* @__PURE__ */ u(x, {
+									variant: "outline",
+									size: "sm",
+									className: "flex-1",
+									onClick: () => L.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"),
+									children: [/* @__PURE__ */ l(r, { className: "h-3.5 w-3.5 mr-1" }), "View"]
+								}),
+								/* @__PURE__ */ u(d, { children: [/* @__PURE__ */ l(y, {
+									asChild: !0,
+									children: /* @__PURE__ */ l(x, {
+										variant: "ghost",
+										size: "icon",
+										"aria-label": `Delete ${e.title}`,
+										children: /* @__PURE__ */ l(s, { 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: [
+									"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 I(e.id),
+									children: "Delete"
+								})] })] })] })
+							]
+						})
+					] })]
+				}, e.id))
+			}),
+			/* @__PURE__ */ l(t, {
+				open: L.open,
+				onOpenChange: L.onOpenChange,
+				title: L.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",
+				onSubmit: async (e) => {
+					L.context ? await F(L.context.id, j(e, L.context)) : await P(j(e));
+				}
+			})
+		]
 	});
 }
 //#endregion
-export { m as MarketplaceMyServicesPagePage };
+export { M 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 {\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 { Plus, Star } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceMyServicesPagePage() {\n  const { marketplaceServices } = useCrewFoundryStore();\n  // Show a subset as \"my services\"\n  const myServices = marketplaceServices.slice(0, 3);\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\">\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 variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                  Edit\n                </Button>\n                <Button size=\"sm\" className=\"flex-1\">\n                  View\n                </Button>\n              </div>\n            </CardContent>\n          </GlassCard>\n        )))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,IAAgC;CAC9C,IAAM,EAAE,2BAAwB,GAAqB,EAE/C,IAAa,EAAoB,MAAM,GAAG,EAAE;AAElD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,eAA0B,CAAA;KACrC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAA+B,CAAA;IAC1E,kBAAC,GAAD;KAAa,WAAU;eAAO;KAAqI,CAAA;IAC/J,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;MACL;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,WAAW,IACrB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAuB,cAAa;KAAgB,OAAM;KAAqB,aAAY;KAA6D,CAAA;IACpJ,CAAA,GAEN,EAAW,KAAK,GAAK,MACrB,kBAAC,GAAD;IAAwB,WAAW,MAAS,IAAI,UAAU;IAAS,MAAM,MAAS;cAAlF,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAa,EAAI;MAAkB,CAAA,EACxD,kBAAC,GAAD;MACE,SAAS,EAAI,WAAW,WAAW,YAAY;MAC/C,WAAU;gBAET,EAAI;MACC,CAAA,CACJ;QACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA;KACE,kBAAC,KAAD;MAAG,WAAU;gBAAoC,EAAI;MAAgB,CAAA;KACrE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAA4B;QACxB,EAAI;QAAM;QAAE,EAAI;QACb;UACP,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA;QACpD,EAAI;QAAO;QAAG,EAAI;QAAQ;QACtB;SACH;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAQ,SAAQ;OAAU,MAAK;OAAK,WAAU;iBAAS;OAE9C,CAAA,EACT,kBAAC,GAAD;OAAQ,MAAK;OAAK,WAAU;iBAAS;OAE5B,CAAA,CACL;;KACM,EAAA,CAAA,CACJ;MAhCI,EAAI,GAgCR,CACZ;GACE,CAAA,CACF"}
+{"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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"}