@burdenoff/microfe-store 2026.608.1 → 2026.614.1

package/dist/pages/ProductDetailPage.js

@@ -2,15 +2,16 @@ import { useStore as e } from "../providers/StoreProvider.js";
 import { useCart as t } from "../hooks/useCart.js";
 import { formatNumber as n, formatPrice as r } from "../utils/index.js";
 import { useCreateReview as ee, useDeleteReview as te, useMarkReviewHelpful as ne, useStoreProductDetails as re, useUpdateReview as ie } from "../hooks/useStoreGraphQL.js";
-import { nativeConfirm as ae, nativeImpact as oe, nativeNotify as se } from "../utils/nativeBridge.js";
-import { InstallAppModal as ce } from "../components/InstallAppModal.js";
-import { useCallback as i, useEffect as le, useRef as a, useState as o } from "react";
-import { AlertCircle as s, ArrowLeft as ue, Check as de, Loader2 as fe, Package as pe, ShieldCheck as c, ShoppingCart as me, Star as l, ThumbsUp as u } from "lucide-react";
-import { Fragment as he, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useNavigate as ge, useParams as _e } from "react-router-dom";
-import { useEventBus as ve } from "@burdenoff/fe-libs/shared/events";
+import { useInstallations as ae } from "../hooks/useInstallations.js";
+import { nativeConfirm as oe, nativeImpact as se, nativeNotify as ce } from "../utils/nativeBridge.js";
+import { InstallAppModal as le } from "../components/InstallAppModal.js";
+import { useCallback as i, useEffect as ue, useMemo as de, useRef as a, useState as o } from "react";
+import { AlertCircle as s, ArrowLeft as fe, Check as pe, Loader2 as me, Package as he, ShieldCheck as c, ShoppingCart as ge, Star as l, ThumbsUp as u } from "lucide-react";
+import { Fragment as _e, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useLocation as ve, useNavigate as ye, useParams as be } from "react-router-dom";
+import { useEventBus as xe } from "@burdenoff/fe-libs/shared/events";
 //#region src/pages/ProductDetailPage.tsx
-var ye = (e, t) => ({
+var Se = (e, t) => ({
 	id: e.id,
 	publisherId: t?.id || "",
 	publisher: {
@@ -82,7 +83,7 @@ var ye = (e, t) => ({
 	createdAt: e.createdAt,
 	updatedAt: e.updatedAt,
 	publishedAt: e.publishedAt
-}), be = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ f("div", {
+}), Ce = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ f("div", {
 	className: "flex items-center gap-2",
 	children: [
 		/* @__PURE__ */ d("span", {
@@ -101,7 +102,7 @@ var ye = (e, t) => ({
 			children: n(r)
 		})
 	]
-}), xe = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => /* @__PURE__ */ f("div", {
+}), we = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => /* @__PURE__ */ f("div", {
 	className: "rounded-lg border border-border-default bg-bg-surface p-4",
 	children: [
 		/* @__PURE__ */ d("div", {
@@ -162,7 +163,7 @@ var ye = (e, t) => ({
 			})
 		})
 	]
-}), Se = () => /* @__PURE__ */ f("div", {
+}), Te = () => /* @__PURE__ */ f("div", {
 	className: "h-full overflow-y-auto",
 	children: [/* @__PURE__ */ d("div", {
 		className: "sticky top-0 z-10 border-b border-border-default bg-bg-surface px-6 py-4",
@@ -416,7 +417,7 @@ var ye = (e, t) => ({
 			})
 		]
 	})]
-}), Ce = ({ error: e, onRetry: t, onBack: n }) => /* @__PURE__ */ d("div", {
+}), Ee = ({ error: e, onRetry: t, onBack: n }) => /* @__PURE__ */ d("div", {
 	className: "flex h-full items-center justify-center",
 	children: /* @__PURE__ */ f("div", {
 		className: "text-center",
@@ -446,8 +447,14 @@ var ye = (e, t) => ({
 			})
 		]
 	})
-}), p = () => {
-	let { productId: s } = _e(), u = ge(), { basePath: p } = e(), { addProduct: m, cartItems: we, addingToCart: h, createOrder: g, checkingOut: _ } = t(), { createReview: v, loading: y } = ee(), { updateReview: b, loading: Te } = ie(), { deleteReview: Ee, loading: De } = te(), { markHelpful: Oe, loading: ke } = ne(), x = ve(), [S, Ae] = o(!1), [C, je] = o(!1), [w, T] = o(!1), [E, D] = o(null), [O, k] = o(null), [A, j] = o("success"), [M, N] = o(!1), [P, F] = o(""), [I, L] = o(""), [R, z] = o(5), [Me, Ne] = o(null), [Pe, Fe] = o(!1), { data: Ie, loading: Le, error: Re, refetch: B } = re({
+}), De = () => {
+	let { productId: s } = be(), u = ye(), De = ve(), { basePath: p, workspaceId: m } = e(), { addProduct: h, cartItems: Oe, addingToCart: g, createOrder: _, checkingOut: v } = t(), { installations: ke } = ae({
+		filter: de(() => s && m ? {
+			productId: s,
+			workspaceId: m
+		} : void 0, [s, m]),
+		limit: 1
+	}), Ae = ke.some((e) => e.productId === s && e.workspaceId === m && e.status === "ACTIVE"), { createReview: y, loading: b } = ee(), { updateReview: x, loading: S } = ie(), { deleteReview: C, loading: w } = te(), { markHelpful: T, loading: je } = ne(), E = xe(), [D, Me] = o(!1), [O, Ne] = o(!1), [Pe, k] = o(!1), [Fe, A] = o(null), [Ie, j] = o(null), [Le, M] = o("success"), [N, P] = o(!1), [F, I] = o(""), [L, R] = o(""), [z, B] = o(5), [Re, ze] = o(null), [Be, Ve] = o(!1), { data: He, loading: Ue, error: We, refetch: V } = re({
 		id: s,
 		slug: s,
 		includeReviews: !0,
@@ -455,135 +462,135 @@ var ye = (e, t) => ({
 		includeRelated: !0,
 		relatedLimit: 4,
 		includeVersions: !0
-	}), V = Ie, H = V?.product, U = V?.publisher, W = we.some((e) => e.productId === H?.id), ze = i(async () => {
-		if (H) {
-			if (D(null), W) {
+	}), H = He, U = H?.product, W = H?.publisher, G = Oe.some((e) => e.productId === U?.id), Ge = i(async () => {
+		if (U) {
+			if (A(null), G) {
 				u(`${p}/cart`);
 				return;
 			}
 			try {
-				await m(ye(H, U), void 0, 1);
+				await h(Se(U, W), void 0, 1);
 			} catch (e) {
-				console.error("Failed to add product to cart:", e), D("Failed to add this product to cart. Please try again.");
+				console.error("Failed to add product to cart:", e), A("Failed to add this product to cart. Please try again.");
 			}
 		}
 	}, [
-		H,
 		U,
-		m,
 		W,
+		h,
+		G,
 		u,
 		p
-	]), Be = i(async () => {
-		if (H) {
-			D(null), T(!0);
+	]), Ke = i(async () => {
+		if (U) {
+			A(null), k(!0);
 			try {
-				let e = H.price || 0, t = await g({
+				let e = U.price || 0, t = await _({
 					total: e,
 					lineItems: [{
-						productId: H.id,
-						name: H.name,
+						productId: U.id,
+						name: U.name,
 						quantity: 1,
 						unitPrice: e,
 						subtotal: e,
-						itemType: H.nature?.toLowerCase() || "digital",
-						pricingModel: H.pricingModel || "PAID_ONETIME"
+						itemType: U.nature?.toLowerCase() || "digital",
+						pricingModel: U.pricingModel || "PAID_ONETIME"
 					}],
 					billingAccountId: ""
 				});
-				t?.id ? u(`/billing/checkout/store/${t.id}`) : (console.error("Failed to create order"), D("Failed to create order. Please try again."), T(!1));
+				t?.id ? u(`/billing/checkout/store/${t.id}${De.search}`) : (console.error("Failed to create order"), A("Failed to create order. Please try again."), k(!1));
 			} catch (e) {
-				console.error("Buy Now error:", e), D(e instanceof Error ? e.message : "Failed to start checkout"), T(!1);
+				console.error("Buy Now error:", e), A(e instanceof Error ? e.message : "Failed to start checkout"), k(!1);
 			}
 		}
 	}, [
-		H,
-		g,
+		U,
+		_,
 		u
-	]), Ve = i(() => {
-		H && Fe(!0);
-	}, [H]), He = a(H);
-	He.current = H;
-	let Ue = a(x);
-	Ue.current = x, le(() => {
-		let e = He.current;
-		e && Ue.current.emit("store.product.viewed", {
+	]), qe = i(() => {
+		U && Ve(!0);
+	}, [U]), Je = a(U);
+	Je.current = U;
+	let Ye = a(E);
+	Ye.current = E, ue(() => {
+		let e = Je.current;
+		e && Ye.current.emit("store.product.viewed", {
 			productId: e.id,
 			productSlug: e.slug,
 			productType: e.type,
 			pricingModel: e.pricingModel
 		});
-	}, [H?.id]);
-	let We = i((e, t) => {
-		H && (x.emit("store.product.installed", {
-			productId: H.id,
+	}, [U?.id]);
+	let Xe = i((e, t) => {
+		U && (E.emit("store.product.installed", {
+			productId: U.id,
 			workspaceId: e
-		}), console.log(`Successfully installed ${H.name} to workspace ${t} (${e})`));
-	}, [H, x]), Ge = i((e) => {
+		}), console.log(`Successfully installed ${U.name} to workspace ${t} (${e})`));
+	}, [U, E]), Ze = i((e) => {
 		console.error("Installation failed:", e.message);
-	}, []), Ke = i(() => {
-		F(V?.userReview?.title ?? ""), L(V?.userReview?.comment ?? ""), z(V?.userReview?.rating ?? 5), k(null), j("success"), N(!0);
-	}, [V?.userReview]), qe = i(async () => {
-		if (!H) return;
-		if (R < 1 || R > 5) {
-			j("error"), k("Choose a rating from 1 to 5 stars.");
+	}, []), Qe = i(() => {
+		I(H?.userReview?.title ?? ""), R(H?.userReview?.comment ?? ""), B(H?.userReview?.rating ?? 5), j(null), M("success"), P(!0);
+	}, [H?.userReview]), $e = i(async () => {
+		if (!U) return;
+		if (z < 1 || z > 5) {
+			M("error"), j("Choose a rating from 1 to 5 stars.");
 			return;
 		}
 		let e = {
-			productId: H.id,
-			rating: R,
-			title: P.trim() || void 0,
-			comment: I.trim() || void 0
+			productId: U.id,
+			rating: z,
+			title: F.trim() || void 0,
+			comment: L.trim() || void 0
 		};
-		if (!(V?.userReview ? await b(V.userReview.id, {
+		if (!(H?.userReview ? await x(H.userReview.id, {
 			rating: e.rating,
 			title: e.title,
 			comment: e.comment
-		}) : await v(e))) {
-			j("error"), k("We could not save your review. Please try again.");
+		}) : await y(e))) {
+			M("error"), j("We could not save your review. Please try again.");
 			return;
 		}
-		j("success"), k(V?.userReview ? "Your review was updated." : "Your review was submitted."), N(!1), x.emit("store.review.submitted", {
-			productId: H.id,
-			rating: R
-		}), await B();
+		M("success"), j(H?.userReview ? "Your review was updated." : "Your review was submitted."), P(!1), E.emit("store.review.submitted", {
+			productId: U.id,
+			rating: z
+		}), await V();
 	}, [
-		x,
-		v,
-		H,
-		V?.userReview,
-		B,
-		I,
-		R,
-		P,
-		b
-	]), Je = i(async () => {
-		if (V?.userReview && (oe("medium"), await ae({
+		E,
+		y,
+		U,
+		H?.userReview,
+		V,
+		L,
+		z,
+		F,
+		x
+	]), et = i(async () => {
+		if (H?.userReview && (se("medium"), await oe({
 			title: "Delete review",
 			message: "Are you sure you want to remove your review?",
 			okButtonTitle: "Delete",
 			cancelButtonTitle: "Cancel"
 		}) !== !1)) {
-			if (!await Ee(V.userReview.id)) {
-				j("error"), k("We could not remove your review. Please try again."), se("error");
+			if (!await C(H.userReview.id)) {
+				M("error"), j("We could not remove your review. Please try again."), ce("error");
 				return;
 			}
-			j("success"), k("Your review was removed."), N(!1), F(""), L(""), z(5), se("success"), await B();
+			M("success"), j("Your review was removed."), P(!1), I(""), R(""), B(5), ce("success"), await V();
 		}
 	}, [
-		Ee,
-		V?.userReview,
-		B
-	]), Ye = i(async (e) => {
-		Ne(e), await Oe(e) && await B(), Ne(null);
-	}, [Oe, B]);
-	if (Le) return /* @__PURE__ */ d(Se, {});
-	if (Re) return /* @__PURE__ */ d(Ce, {
-		error: Re,
-		onRetry: B,
+		C,
+		H?.userReview,
+		V
+	]), tt = i(async (e) => {
+		ze(e), await T(e) && await V(), ze(null);
+	}, [T, V]);
+	if (Ue) return /* @__PURE__ */ d(Te, {});
+	if (We) return /* @__PURE__ */ d(Ee, {
+		error: We,
+		onRetry: V,
 		onBack: () => u(`${p}/marketplace`)
 	});
-	if (!V?.product) return /* @__PURE__ */ d("div", {
+	if (!H?.product) return /* @__PURE__ */ d("div", {
 		className: "flex h-full items-center justify-center",
 		children: /* @__PURE__ */ f("div", {
 			className: "text-center",
@@ -605,33 +612,33 @@ var ye = (e, t) => ({
 			]
 		})
 	});
-	let { reviews: G, reviewsCount: Xe, relatedProducts: K, ratingDistribution: q, isPurchased: J, userEntitlement: Y } = V, X = H, Z = q ? q.fiveStars + q.fourStars + q.threeStars + q.twoStars + q.oneStar : 0, Ze = q ? [
+	let { reviews: K, reviewsCount: nt, relatedProducts: q, ratingDistribution: J, isPurchased: Y, userEntitlement: X } = H, Z = U, Q = J ? J.fiveStars + J.fourStars + J.threeStars + J.twoStars + J.oneStar : 0, rt = J ? [
 		{
 			stars: 5,
-			count: q.fiveStars,
-			percentage: Z > 0 ? q.fiveStars / Z * 100 : 0
+			count: J.fiveStars,
+			percentage: Q > 0 ? J.fiveStars / Q * 100 : 0
 		},
 		{
 			stars: 4,
-			count: q.fourStars,
-			percentage: Z > 0 ? q.fourStars / Z * 100 : 0
+			count: J.fourStars,
+			percentage: Q > 0 ? J.fourStars / Q * 100 : 0
 		},
 		{
 			stars: 3,
-			count: q.threeStars,
-			percentage: Z > 0 ? q.threeStars / Z * 100 : 0
+			count: J.threeStars,
+			percentage: Q > 0 ? J.threeStars / Q * 100 : 0
 		},
 		{
 			stars: 2,
-			count: q.twoStars,
-			percentage: Z > 0 ? q.twoStars / Z * 100 : 0
+			count: J.twoStars,
+			percentage: Q > 0 ? J.twoStars / Q * 100 : 0
 		},
 		{
 			stars: 1,
-			count: q.oneStar,
-			percentage: Z > 0 ? q.oneStar / Z * 100 : 0
+			count: J.oneStar,
+			percentage: Q > 0 ? J.oneStar / Q * 100 : 0
 		}
-	] : [], Qe = X.requiredPermissions || [], Q = X.integrationDeps || [], $e = () => X.pricingModel === "FREE" ? "Free" : X.pricingModel === "SUBSCRIPTION" ? `${r(X.price, X.currency)}/mo` : r(X.price, X.currency), $ = X.pricingModel === "FREE" || X.price === 0;
+	] : [], it = Z.requiredPermissions || [], at = Z.integrationDeps || [], ot = () => Z.pricingModel === "FREE" ? "Free" : Z.pricingModel === "SUBSCRIPTION" ? `${r(Z.price, Z.currency)}/mo` : r(Z.price, Z.currency), $ = Z.pricingModel === "FREE" || Z.price === 0;
 	return /* @__PURE__ */ f("div", {
 		className: "h-full overflow-y-auto bg-bg-base",
 		children: [
@@ -648,31 +655,31 @@ var ye = (e, t) => ({
 									type: "button",
 									onClick: () => u(-1),
 									className: "mb-6 cursor-pointer inline-flex items-center gap-2 text-sm text-text-muted transition-colors hover:text-text-primary",
-									children: [/* @__PURE__ */ d(ue, { className: "size-4" }), "Back"]
+									children: [/* @__PURE__ */ d(fe, { className: "size-4" }), "Back"]
 								}),
 								/* @__PURE__ */ d("h1", {
 									className: "mb-4 text-4xl font-normal leading-tight text-text-primary lg:text-5xl",
-									children: X.name
+									children: Z.name
 								}),
 								/* @__PURE__ */ f("div", {
 									className: "mb-2",
-									children: [U?.websiteUrl ? /* @__PURE__ */ d("a", {
-										href: U.websiteUrl,
+									children: [W?.websiteUrl ? /* @__PURE__ */ d("a", {
+										href: W.websiteUrl,
 										target: "_blank",
 										rel: "noreferrer",
 										className: "text-base font-medium text-text-link hover:underline",
-										children: U.name
+										children: W.name
 									}) : /* @__PURE__ */ d("span", {
 										className: "text-base font-medium text-text-primary",
-										children: U?.name || X.authorName || "Unknown Publisher"
-									}), U?.isVerified && /* @__PURE__ */ d(c, { className: "ml-1.5 inline size-4 text-status-success-text" })]
+										children: W?.name || Z.authorName || "Unknown Publisher"
+									}), W?.isVerified && /* @__PURE__ */ d(c, { className: "ml-1.5 inline size-4 text-status-success-text" })]
 								}),
 								/* @__PURE__ */ f("p", {
 									className: "mb-6 text-sm text-text-muted",
 									children: [
-										X.category && /* @__PURE__ */ d("span", { children: X.category }),
-										X.category && " · ",
-										n(X.downloads),
+										Z.category && /* @__PURE__ */ d("span", { children: Z.category }),
+										Z.category && " · ",
+										n(Z.downloads),
 										"+ downloads"
 									]
 								}),
@@ -681,13 +688,13 @@ var ye = (e, t) => ({
 									children: [
 										/* @__PURE__ */ d("div", {
 											className: "flex size-12 items-center justify-center overflow-hidden rounded-xl bg-bg-sunken",
-											children: X.icon ? /* @__PURE__ */ d("img", {
-												src: X.icon,
+											children: Z.icon ? /* @__PURE__ */ d("img", {
+												src: Z.icon,
 												alt: "",
 												className: "size-full object-cover"
 											}) : /* @__PURE__ */ d("span", {
 												className: "text-lg font-bold text-text-muted",
-												children: X.name.charAt(0)
+												children: Z.name.charAt(0)
 											})
 										}),
 										/* @__PURE__ */ f("div", {
@@ -695,12 +702,12 @@ var ye = (e, t) => ({
 											children: [
 												/* @__PURE__ */ d("span", {
 													className: "text-sm font-medium text-text-primary",
-													children: (X.rating || 0).toFixed(1)
+													children: (Z.rating || 0).toFixed(1)
 												}),
 												/* @__PURE__ */ d(l, { className: "size-4 fill-current text-status-warning-text" }),
 												/* @__PURE__ */ f("span", {
 													className: "ml-1 text-xs text-text-muted",
-													children: [n(Xe || X.reviewCount), " reviews"]
+													children: [n(nt || Z.reviewCount), " reviews"]
 												})
 											]
 										}),
@@ -708,7 +715,7 @@ var ye = (e, t) => ({
 											className: "border-l border-border-default pl-4",
 											children: [/* @__PURE__ */ f("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: [n(X.downloads), "+"]
+												children: [n(Z.downloads), "+"]
 											}), /* @__PURE__ */ d("p", {
 												className: "text-xs text-text-muted",
 												children: "Downloads"
@@ -718,7 +725,7 @@ var ye = (e, t) => ({
 											className: "border-l border-border-default pl-4",
 											children: [/* @__PURE__ */ d("span", {
 												className: "rounded bg-bg-sunken px-2 py-1 text-xs font-medium text-text-primary",
-												children: X.type
+												children: Z.type
 											}), /* @__PURE__ */ d("p", {
 												className: "mt-0.5 text-xs text-text-muted",
 												children: "Type"
@@ -726,56 +733,71 @@ var ye = (e, t) => ({
 										})
 									]
 								}),
-								E && /* @__PURE__ */ d("div", {
+								Fe && /* @__PURE__ */ d("div", {
 									role: "alert",
 									className: "mb-4 rounded-lg border border-status-error-bg bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
-									children: E
+									children: Fe
 								}),
 								/* @__PURE__ */ f("div", {
 									className: "mb-6 flex items-center gap-3",
-									children: [J && !$ ? /* @__PURE__ */ d("button", {
+									children: [Ae ? /* @__PURE__ */ f("button", {
+										type: "button",
+										disabled: !0,
+										className: "flex items-center gap-2 rounded-full bg-status-success-bg-subtle px-8 py-3 font-medium text-status-success-text cursor-default",
+										children: [/* @__PURE__ */ d("svg", {
+											className: "size-4",
+											viewBox: "0 0 16 16",
+											fill: "none",
+											stroke: "currentColor",
+											strokeWidth: "2",
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											"aria-hidden": "true",
+											children: /* @__PURE__ */ d("polyline", { points: "2,8 6,12 14,4" })
+										}), "Installed"]
+									}) : Y && !$ ? /* @__PURE__ */ d("button", {
 										type: "button",
-										onClick: Ve,
+										onClick: qe,
 										className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
 										children: "Install to Workspace"
 									}) : $ ? /* @__PURE__ */ d("button", {
 										type: "button",
-										onClick: Ve,
+										onClick: qe,
 										className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
 										children: "Install"
 									}) : /* @__PURE__ */ d("button", {
 										type: "button",
-										onClick: Be,
-										disabled: w || _,
+										onClick: Ke,
+										disabled: Pe || v,
 										className: "cursor-pointer flex items-center gap-2 rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-70",
-										children: w || _ ? /* @__PURE__ */ f(he, { children: [/* @__PURE__ */ d(fe, { className: "size-4 animate-spin" }), "Processing…"] }) : `Buy ${$e()}`
-									}), !$ && !J && /* @__PURE__ */ f("button", {
+										children: Pe || v ? /* @__PURE__ */ f(_e, { children: [/* @__PURE__ */ d(me, { className: "size-4 animate-spin" }), "Processing…"] }) : `Buy ${ot()}`
+									}), !$ && !Y && /* @__PURE__ */ f("button", {
 										type: "button",
-										onClick: ze,
-										disabled: h,
+										onClick: Ge,
+										disabled: g,
 										className: "cursor-pointer flex items-center gap-2 rounded-full border border-border-default px-4 py-3 text-sm text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
-										children: [h ? /* @__PURE__ */ d(fe, { className: "size-4 animate-spin" }) : W ? /* @__PURE__ */ d(de, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ d(me, { className: "size-4" }), W ? "In Cart" : "Add to Cart"]
+										children: [g ? /* @__PURE__ */ d(me, { className: "size-4 animate-spin" }) : G ? /* @__PURE__ */ d(pe, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ d(ge, { className: "size-4" }), G ? "In Cart" : "Add to Cart"]
 									})]
 								}),
 								/* @__PURE__ */ f("p", {
 									className: "flex items-center gap-2 text-xs text-text-muted",
-									children: [/* @__PURE__ */ d(pe, { className: "size-4" }), "This app is available for your workspace"]
+									children: [/* @__PURE__ */ d(he, { className: "size-4" }), "This app is available for your workspace"]
 								}),
-								Y && /* @__PURE__ */ f("p", {
+								X && /* @__PURE__ */ f("p", {
 									className: "mt-2 flex items-center gap-2 text-xs text-text-muted",
 									children: [
 										/* @__PURE__ */ d(c, { className: "size-4 text-status-success-text" }),
 										"License: ",
-										Y.status,
-										Y.expiresAt && ` (Expires: ${new Date(Y.expiresAt).toLocaleDateString()})`
+										X.status,
+										X.expiresAt && ` (Expires: ${new Date(X.expiresAt).toLocaleDateString()})`
 									]
 								})
 							]
 						}), /* @__PURE__ */ d("div", {
 							className: "relative flex-1 bg-bg-sunken lg:min-h-[500px]",
-							children: X.screenshots && X.screenshots.length > 0 ? /* @__PURE__ */ d("img", {
-								src: X.screenshots[0],
-								alt: `${X.name} screenshot`,
+							children: Z.screenshots && Z.screenshots.length > 0 ? /* @__PURE__ */ d("img", {
+								src: Z.screenshots[0],
+								alt: `${Z.name} screenshot`,
 								className: "size-full object-cover"
 							}) : /* @__PURE__ */ d("div", {
 								className: "flex h-full min-h-[300px] items-center justify-center",
@@ -783,7 +805,7 @@ var ye = (e, t) => ({
 									className: "text-center",
 									children: [/* @__PURE__ */ d("div", {
 										className: "mx-auto mb-4 flex size-24 items-center justify-center rounded-2xl bg-bg-surface text-4xl font-bold text-text-muted",
-										children: X.name.charAt(0)
+										children: Z.name.charAt(0)
 									}), /* @__PURE__ */ d("p", {
 										className: "text-sm text-text-muted",
 										children: "No preview available"
@@ -801,11 +823,11 @@ var ye = (e, t) => ({
 					children: [/* @__PURE__ */ f("div", {
 						className: "flex-1 lg:max-w-3xl",
 						children: [
-							X.screenshots && X.screenshots.length > 1 && /* @__PURE__ */ d("section", {
+							Z.screenshots && Z.screenshots.length > 1 && /* @__PURE__ */ d("section", {
 								className: "mb-8",
 								children: /* @__PURE__ */ d("div", {
 									className: "flex gap-4 overflow-x-auto pb-4",
-									children: X.screenshots.map((e, t) => /* @__PURE__ */ d("div", {
+									children: Z.screenshots.map((e, t) => /* @__PURE__ */ d("div", {
 										className: "relative h-64 w-96 flex-shrink-0 overflow-hidden rounded-xl bg-bg-sunken",
 										children: /* @__PURE__ */ d("img", {
 											src: e,
@@ -828,18 +850,18 @@ var ye = (e, t) => ({
 									/* @__PURE__ */ f("div", {
 										className: "text-sm leading-relaxed text-text-secondary",
 										children: [/* @__PURE__ */ d("p", {
-											className: S ? "" : "line-clamp-4",
-											children: X.longDescription || X.description || "No description available."
-										}), ((X.longDescription || X.description)?.length ?? 0) > 200 && /* @__PURE__ */ d("button", {
+											className: D ? "" : "line-clamp-4",
+											children: Z.longDescription || Z.description || "No description available."
+										}), ((Z.longDescription || Z.description)?.length ?? 0) > 200 && /* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => Ae(!S),
+											onClick: () => Me(!D),
 											className: "cursor-pointer mt-3 text-sm font-medium text-text-link",
-											children: S ? "Show less" : "Show more"
+											children: D ? "Show less" : "Show more"
 										})]
 									}),
-									X.tags && X.tags.length > 0 && /* @__PURE__ */ d("div", {
+									Z.tags && Z.tags.length > 0 && /* @__PURE__ */ d("div", {
 										className: "mt-4 flex flex-wrap gap-2",
-										children: X.tags.map((e) => /* @__PURE__ */ d("span", {
+										children: Z.tags.map((e) => /* @__PURE__ */ d("span", {
 											className: "rounded-full border border-border-default px-3 py-1.5 text-xs text-text-muted transition-colors hover:bg-bg-sunken",
 											children: e
 										}, e))
@@ -858,14 +880,14 @@ var ye = (e, t) => ({
 									}),
 									/* @__PURE__ */ f("div", {
 										className: "rounded-xl border border-border-default bg-bg-surface p-5",
-										children: [G && G.length > 0 ? /* @__PURE__ */ f("div", {
+										children: [K && K.length > 0 ? /* @__PURE__ */ f("div", {
 											className: "flex items-start gap-8",
 											children: [/* @__PURE__ */ f("div", {
 												className: "text-center",
 												children: [
 													/* @__PURE__ */ d("p", {
 														className: "text-5xl font-light text-text-primary",
-														children: (X.rating || 0).toFixed(1)
+														children: (Z.rating || 0).toFixed(1)
 													}),
 													/* @__PURE__ */ d("div", {
 														className: "my-2 flex justify-center gap-0.5",
@@ -875,16 +897,16 @@ var ye = (e, t) => ({
 															3,
 															4,
 															5
-														].map((e) => /* @__PURE__ */ d(l, { className: `size-4 ${e <= Math.round(X.rating || 0) ? "fill-current text-status-warning-text" : "text-text-muted"}` }, e))
+														].map((e) => /* @__PURE__ */ d(l, { className: `size-4 ${e <= Math.round(Z.rating || 0) ? "fill-current text-status-warning-text" : "text-text-muted"}` }, e))
 													}),
 													/* @__PURE__ */ f("p", {
 														className: "text-sm text-text-muted",
-														children: [n(Xe || X.reviewCount), " reviews"]
+														children: [n(nt || Z.reviewCount), " reviews"]
 													})
 												]
-											}), Ze.length > 0 && /* @__PURE__ */ d("div", {
+											}), rt.length > 0 && /* @__PURE__ */ d("div", {
 												className: "flex-1 space-y-1.5",
-												children: Ze.map((e) => /* @__PURE__ */ d(be, { ...e }, e.stars))
+												children: rt.map((e) => /* @__PURE__ */ d(Ce, { ...e }, e.stars))
 											})]
 										}) : /* @__PURE__ */ f("div", {
 											className: "flex flex-col items-center justify-center py-6 text-center",
@@ -910,18 +932,18 @@ var ye = (e, t) => ({
 											]
 										}), /* @__PURE__ */ f("div", {
 											className: "mt-6 border-t border-border-default pt-4",
-											children: [O && /* @__PURE__ */ d("p", {
-												role: A === "success" ? "status" : "alert",
-												className: `mb-3 rounded-lg px-3 py-2 text-sm ${A === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
-												children: O
-											}), J || V?.userReview ? /* @__PURE__ */ f("div", {
+											children: [Ie && /* @__PURE__ */ d("p", {
+												role: Le === "success" ? "status" : "alert",
+												className: `mb-3 rounded-lg px-3 py-2 text-sm ${Le === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
+												children: Ie
+											}), Y || H?.userReview ? /* @__PURE__ */ f("div", {
 												className: "space-y-4",
 												children: [/* @__PURE__ */ d("button", {
 													type: "button",
-													onClick: () => M ? N(!1) : Ke(),
+													onClick: () => N ? P(!1) : Qe(),
 													className: "w-full cursor-pointer py-2 text-center text-sm font-medium text-text-primary transition-colors hover:text-text-link",
-													children: V?.userReview ? M ? "Cancel review editing" : "Edit your review" : M ? "Cancel review" : "Write a Review"
-												}), M && /* @__PURE__ */ f("div", {
+													children: H?.userReview ? N ? "Cancel review editing" : "Edit your review" : N ? "Cancel review" : "Write a Review"
+												}), N && /* @__PURE__ */ f("div", {
 													className: "rounded-xl border border-border-default bg-bg-sunken p-4",
 													children: [
 														/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
@@ -937,8 +959,8 @@ var ye = (e, t) => ({
 																5
 															].map((e) => /* @__PURE__ */ f("button", {
 																type: "button",
-																onClick: () => z(e),
-																className: `cursor-pointer rounded-full border px-3 py-1.5 text-sm transition-colors ${R === e ? "border-action-primary-border bg-action-primary-bg text-action-primary-text" : "border-border-default bg-bg-surface text-text-primary hover:bg-bg-surface"}`,
+																onClick: () => B(e),
+																className: `cursor-pointer rounded-full border px-3 py-1.5 text-sm transition-colors ${z === e ? "border-action-primary-border bg-action-primary-bg text-action-primary-text" : "border-border-default bg-bg-surface text-text-primary hover:bg-bg-surface"}`,
 																children: [e, " ★"]
 															}, e))
 														})] }),
@@ -946,8 +968,8 @@ var ye = (e, t) => ({
 															className: "mt-4 block text-sm font-medium text-text-primary",
 															children: ["Title", /* @__PURE__ */ d("input", {
 																"aria-label": "Review title",
-																value: P,
-																onChange: (e) => F(e.target.value),
+																value: F,
+																onChange: (e) => I(e.target.value),
 																className: "mt-2 w-full rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-border",
 																placeholder: "Summarize your experience"
 															})]
@@ -956,8 +978,8 @@ var ye = (e, t) => ({
 															className: "mt-4 block text-sm font-medium text-text-primary",
 															children: ["Review", /* @__PURE__ */ d("textarea", {
 																"aria-label": "Review body",
-																value: I,
-																onChange: (e) => L(e.target.value),
+																value: L,
+																onChange: (e) => R(e.target.value),
 																rows: 4,
 																required: !0,
 																"aria-required": "true",
@@ -969,16 +991,16 @@ var ye = (e, t) => ({
 															className: "mt-4 flex flex-wrap gap-3",
 															children: [/* @__PURE__ */ d("button", {
 																type: "button",
-																onClick: qe,
-																disabled: y || Te,
+																onClick: $e,
+																disabled: b || S,
 																className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60",
-																children: y || Te ? "Saving..." : V?.userReview ? "Update Review" : "Submit Review"
-															}), V?.userReview && /* @__PURE__ */ d("button", {
+																children: b || S ? "Saving..." : H?.userReview ? "Update Review" : "Submit Review"
+															}), H?.userReview && /* @__PURE__ */ d("button", {
 																type: "button",
-																onClick: Je,
-																disabled: De,
+																onClick: et,
+																disabled: w,
 																className: "cursor-pointer rounded-lg border border-status-error-border px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-60",
-																children: De ? "Removing..." : "Delete Review"
+																children: w ? "Removing..." : "Delete Review"
 															})]
 														})
 													]
@@ -989,36 +1011,36 @@ var ye = (e, t) => ({
 											})]
 										})]
 									}),
-									G && G.length > 0 && /* @__PURE__ */ f("div", {
+									K && K.length > 0 && /* @__PURE__ */ f("div", {
 										className: "mt-4 space-y-3",
 										children: [/* @__PURE__ */ d("ul", {
 											className: "space-y-3",
-											children: (C ? G : G.slice(0, 2)).map((e) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(xe, {
+											children: (O ? K : K.slice(0, 2)).map((e) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(we, {
 												review: e,
-												onMarkHelpful: Ye,
-												markingHelpful: ke && Me === e.id
+												onMarkHelpful: tt,
+												markingHelpful: je && Re === e.id
 											}) }, e.id))
-										}), G.length > 2 && /* @__PURE__ */ d("button", {
+										}), K.length > 2 && /* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => je(!C),
+											onClick: () => Ne(!O),
 											className: "cursor-pointer text-sm font-medium text-text-link",
-											children: C ? "Show less" : `Show all ${G.length} reviews`
+											children: O ? "Show less" : `Show all ${K.length} reviews`
 										})]
 									}),
-									(!G || G.length === 0) && /* @__PURE__ */ d("p", {
+									(!K || K.length === 0) && /* @__PURE__ */ d("p", {
 										className: "mt-4 text-sm text-text-muted",
 										children: "No reviews yet. Be the first to review!"
 									})
 								]
 							}),
-							Qe.length > 0 && /* @__PURE__ */ f("section", {
+							it.length > 0 && /* @__PURE__ */ f("section", {
 								className: "mb-8",
 								children: [/* @__PURE__ */ d("h2", {
 									className: "mb-4 text-lg font-medium text-text-primary",
 									children: "Required Permissions"
 								}), /* @__PURE__ */ d("div", {
 									className: "space-y-2",
-									children: Qe.map((e) => /* @__PURE__ */ f("div", {
+									children: it.map((e) => /* @__PURE__ */ f("div", {
 										className: "flex items-center gap-3 rounded-lg bg-bg-surface px-4 py-3",
 										children: [/* @__PURE__ */ d(c, { className: "size-5 text-status-success-text" }), /* @__PURE__ */ d("span", {
 											className: "text-sm text-text-primary",
@@ -1027,14 +1049,14 @@ var ye = (e, t) => ({
 									}, e))
 								})]
 							}),
-							Q.length > 0 && /* @__PURE__ */ f("section", {
+							at.length > 0 && /* @__PURE__ */ f("section", {
 								className: "mb-8",
 								children: [/* @__PURE__ */ d("h2", {
 									className: "mb-4 text-lg font-medium text-text-primary",
 									children: "Integrations"
 								}), /* @__PURE__ */ d("div", {
 									className: "flex flex-wrap gap-2",
-									children: Q.map((e) => /* @__PURE__ */ d("span", {
+									children: at.map((e) => /* @__PURE__ */ d("span", {
 										className: "rounded-lg bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary",
 										children: e
 									}, e))
@@ -1048,47 +1070,47 @@ var ye = (e, t) => ({
 								}), /* @__PURE__ */ f("div", {
 									className: "grid grid-cols-2 gap-6 md:grid-cols-3",
 									children: [
-										X.manifestVersion && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+										Z.manifestVersion && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 											className: "text-xs text-text-muted",
 											children: "Version"
 										}), /* @__PURE__ */ d("p", {
 											className: "mt-1 text-sm font-medium text-text-primary",
-											children: X.manifestVersion
+											children: Z.manifestVersion
 										})] }),
 										/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 											className: "text-xs text-text-muted",
 											children: "Type"
 										}), /* @__PURE__ */ d("p", {
 											className: "mt-1 text-sm font-medium text-text-primary",
-											children: X.type
+											children: Z.type
 										})] }),
-										X.publishedAt && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+										Z.publishedAt && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 											className: "text-xs text-text-muted",
 											children: "Published"
 										}), /* @__PURE__ */ d("p", {
 											className: "mt-1 text-sm font-medium text-text-primary",
-											children: new Date(X.publishedAt).toLocaleDateString()
+											children: new Date(Z.publishedAt).toLocaleDateString()
 										})] }),
 										/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 											className: "text-xs text-text-muted",
 											children: "Updated"
 										}), /* @__PURE__ */ d("p", {
 											className: "mt-1 text-sm font-medium text-text-primary",
-											children: new Date(X.updatedAt).toLocaleDateString()
+											children: new Date(Z.updatedAt).toLocaleDateString()
 										})] }),
-										X.license && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+										Z.license && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 											className: "text-xs text-text-muted",
 											children: "License"
 										}), /* @__PURE__ */ d("p", {
 											className: "mt-1 text-sm font-medium text-text-primary",
-											children: X.license
+											children: Z.license
 										})] }),
-										X.minPlatformVersion && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+										Z.minPlatformVersion && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 											className: "text-xs text-text-muted",
 											children: "Min Platform Version"
 										}), /* @__PURE__ */ d("p", {
 											className: "mt-1 text-sm font-medium text-text-primary",
-											children: X.minPlatformVersion
+											children: Z.minPlatformVersion
 										})] })
 									]
 								})]
@@ -1097,7 +1119,7 @@ var ye = (e, t) => ({
 					}), /* @__PURE__ */ f("div", {
 						className: "w-full lg:w-80",
 						children: [
-							(X.documentationUrl || X.repositoryUrl || U?.email) && /* @__PURE__ */ f("div", {
+							(Z.documentationUrl || Z.repositoryUrl || W?.email) && /* @__PURE__ */ f("div", {
 								className: "mb-6 rounded-xl border border-border-default bg-bg-surface p-4",
 								children: [/* @__PURE__ */ d("h3", {
 									className: "font-medium text-text-primary",
@@ -1105,29 +1127,29 @@ var ye = (e, t) => ({
 								}), /* @__PURE__ */ f("div", {
 									className: "mt-3 space-y-2 text-sm",
 									children: [
-										X.documentationUrl && /* @__PURE__ */ d("a", {
-											href: X.documentationUrl,
+										Z.documentationUrl && /* @__PURE__ */ d("a", {
+											href: Z.documentationUrl,
 											target: "_blank",
 											rel: "noreferrer",
 											className: "block text-text-link hover:underline",
 											children: "Documentation"
 										}),
-										X.repositoryUrl && /* @__PURE__ */ d("a", {
-											href: X.repositoryUrl,
+										Z.repositoryUrl && /* @__PURE__ */ d("a", {
+											href: Z.repositoryUrl,
 											target: "_blank",
 											rel: "noreferrer",
 											className: "block text-text-link hover:underline",
 											children: "Source repository"
 										}),
-										U?.email && /* @__PURE__ */ d("a", {
-											href: `mailto:${U.email}`,
+										W?.email && /* @__PURE__ */ d("a", {
+											href: `mailto:${W.email}`,
 											className: "block text-text-link hover:underline",
 											children: "Contact publisher"
 										})
 									]
 								})]
 							}),
-							U && /* @__PURE__ */ f("div", {
+							W && /* @__PURE__ */ f("div", {
 								className: "mb-6 rounded-xl border border-border-default bg-bg-surface p-4",
 								children: [
 									/* @__PURE__ */ d("h3", {
@@ -1136,14 +1158,14 @@ var ye = (e, t) => ({
 									}),
 									/* @__PURE__ */ d("p", {
 										className: "mt-2 text-sm text-text-primary",
-										children: U.name
+										children: W.name
 									}),
-									U.bio && /* @__PURE__ */ d("p", {
+									W.bio && /* @__PURE__ */ d("p", {
 										className: "mt-2 text-sm text-text-muted",
-										children: U.bio
+										children: W.bio
 									}),
-									U.websiteUrl && /* @__PURE__ */ d("a", {
-										href: U.websiteUrl,
+									W.websiteUrl && /* @__PURE__ */ d("a", {
+										href: W.websiteUrl,
 										target: "_blank",
 										rel: "noreferrer",
 										className: "mt-3 inline-block text-sm text-text-link hover:underline",
@@ -1151,7 +1173,7 @@ var ye = (e, t) => ({
 									})
 								]
 							}),
-							K && K.length > 0 && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
+							q && q.length > 0 && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
 								className: "mb-4 flex items-center justify-between text-left",
 								children: /* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
@@ -1159,7 +1181,7 @@ var ye = (e, t) => ({
 								})
 							}), /* @__PURE__ */ d("div", {
 								className: "space-y-3",
-								children: K.slice(0, 4).map((e) => /* @__PURE__ */ f("button", {
+								children: q.slice(0, 4).map((e) => /* @__PURE__ */ f("button", {
 									type: "button",
 									onClick: () => u(`${p}/marketplace/product/${e.id}`),
 									className: "flex w-full cursor-pointer items-center gap-3 rounded-lg p-2 text-left transition-colors hover:bg-bg-sunken",
@@ -1179,7 +1201,7 @@ var ye = (e, t) => ({
 											}),
 											/* @__PURE__ */ d("p", {
 												className: "text-xs text-text-muted",
-												children: U?.name || "Unknown"
+												children: W?.name || "Unknown"
 											}),
 											(e.reviewCount ?? 0) > 0 && /* @__PURE__ */ f("div", {
 												className: "flex items-center gap-1",
@@ -1196,25 +1218,25 @@ var ye = (e, t) => ({
 					})]
 				})
 			}),
-			X && /* @__PURE__ */ d(ce, {
-				isOpen: Pe,
-				onClose: () => Fe(!1),
+			Z && /* @__PURE__ */ d(le, {
+				isOpen: Be,
+				onClose: () => Ve(!1),
 				app: {
-					id: X.id,
-					name: X.name,
-					slug: X.slug,
-					icon: X.icon,
-					type: X.type,
-					version: X.manifestVersion
+					id: Z.id,
+					name: Z.name,
+					slug: Z.slug,
+					icon: Z.icon,
+					type: Z.type,
+					version: Z.manifestVersion
 				},
-				purchaseState: J && !$ ? "purchased" : "free",
-				onInstallSuccess: We,
-				onInstallError: Ge
+				purchaseState: Y && !$ ? "purchased" : "free",
+				onInstallSuccess: Xe,
+				onInstallError: Ze
 			})
 		]
 	});
 };
 //#endregion
-export { p as ProductDetailPage };
+export { De as ProductDetailPage };
 
 //# sourceMappingURL=ProductDetailPage.js.map