@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1027.3

package/dist/botlit/pages/StorePackageDetailPage.js

@@ -1,21 +1,24 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
 import { formatRelativeTime as t } from "../utils/formatters.js";
-import { PageLayout as n } from "../components/PageLayout.js";
-import { Card as r, CardContent as i, CardDescription as a, CardHeader as o, CardTitle as s } from "../components/Card.js";
-import { Button as c } from "../components/Button.js";
-import { Badge as l } from "../components/Badge.js";
-import { EmptyState as u } from "../components/EmptyState.js";
-import { useInstallPackage as d, useStorePackage as f } from "../hooks/useStore.js";
+import { BOTMANOR_PERMISSIONS as n } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as r } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { Button as a } from "../components/Button.js";
+import "../permissions/index.js";
+import { Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "../components/Card.js";
+import { Badge as d } from "../components/Badge.js";
+import { EmptyState as f } from "../components/EmptyState.js";
+import { useInstallPackage as p, useStorePackage as m } from "../hooks/useStore.js";
 import "../hooks/index.js";
-import { InstallMode as p } from "../../generated/wspace-types.js";
-import { useMemo as m, useState as h } from "react";
-import { PagePurpose as g } from "@burdenoff/fe-libs/ui";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { useParams as y } from "react-router";
-import { AlertTriangle as b, ArrowLeft as x, CheckCircle as S, Download as C, ExternalLink as w, FileText as T, GitBranch as E, Globe as D, Package as O, Shield as k, Tag as A } from "lucide-react";
-import { toast as j } from "sonner";
+import { InstallMode as h } from "../../generated/wspace-types.js";
+import { useMemo as g, useState as _ } from "react";
+import { PagePurpose as v } from "@burdenoff/fe-libs/ui";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useParams as x } from "react-router";
+import { AlertTriangle as S, ArrowLeft as C, CheckCircle as w, Download as T, ExternalLink as E, FileText as D, GitBranch as O, Globe as k, Package as A, Shield as j, Tag as M } from "lucide-react";
+import { toast as N } from "sonner";
 //#region src/botlit/pages/StorePackageDetailPage.tsx
-var M = {
+var P = {
 	APP: "Bot",
 	AGENT: "Agent",
 	MCP_PACK: "MCP Pack",
@@ -32,7 +35,7 @@ var M = {
 	TEMPLATE: "Template",
 	TOOL: "Tool",
 	WORKFLOW: "Workflow"
-}, N = ({ risk: e }) => e ? /* @__PURE__ */ v(l, {
+}, F = ({ risk: e }) => e ? /* @__PURE__ */ b(d, {
 	variant: {
 		low: "success",
 		medium: "warning",
@@ -40,245 +43,248 @@ var M = {
 	}[e] ?? "secondary",
 	className: "capitalize",
 	children: [e, " Risk"]
-}) : /* @__PURE__ */ _(l, {
+}) : /* @__PURE__ */ y(d, {
 	variant: "secondary",
 	children: "Risk unknown"
 });
-function P(e) {
+function I(e) {
 	return e && typeof e == "object" && !Array.isArray(e) ? e : {};
 }
-function F(e) {
+function L(e) {
 	return typeof e == "string" && e !== "" ? e : void 0;
 }
-function I(e) {
-	let t = P(e.package), n = P(t.author), r = P(e.security), i = P(e.integrity), a = P(e.compatibility), o = {};
+function R(e) {
+	let t = I(e.package), n = I(t.author), r = I(e.security), i = I(e.integrity), a = I(e.compatibility), o = {};
 	for (let [e, t] of Object.entries(a)) {
-		let n = F(t);
+		let n = L(t);
 		n && (o[e] = n);
 	}
 	let s = Array.isArray(e.dependencies) ? e.dependencies.flatMap((e) => {
-		let t = P(e), n = F(t.slug);
+		let t = I(e), n = L(t.slug);
 		return n ? [{
 			slug: n,
-			version: F(t.version) ?? "*"
+			version: L(t.version) ?? "*"
 		}] : [];
 	}) : [];
 	return {
-		name: F(t.name),
-		slug: F(t.slug),
-		description: F(t.description),
-		icon: F(t.icon),
-		license: F(t.license),
-		homepage: F(t.homepage),
-		repository: F(t.repository),
-		authorName: F(n.name),
-		authorUrl: F(n.url),
+		name: L(t.name),
+		slug: L(t.slug),
+		description: L(t.description),
+		icon: L(t.icon),
+		license: L(t.license),
+		homepage: L(t.homepage),
+		repository: L(t.repository),
+		authorName: L(n.name),
+		authorUrl: L(n.url),
 		tags: Array.isArray(t.tags) ? t.tags.filter((e) => typeof e == "string") : [],
 		dependencies: s,
 		compatibility: o,
-		risk: F(r.risk),
+		risk: L(r.risk),
 		requiresSecrets: r.requiresSecrets === !0,
-		networkEgress: F(P(r.network).egress),
-		checksum: F(i.checksum),
-		signature: F(i.signature)
+		networkEgress: L(I(r.network).egress),
+		checksum: L(i.checksum),
+		signature: L(i.signature)
 	};
 }
-var L = () => {
-	let { slug: P } = y(), { navigateTo: F } = e(), { data: L, loading: R } = f(P ? decodeURIComponent(P) : void 0), { install: z, loading: B } = d(), [V, H] = h(p.Linked), [U, W] = h(!1), G = m(() => I(L?.manifest ?? {}), [L?.manifest]), K = async () => {
-		if (L) {
+var z = () => {
+	let { slug: I } = x(), { navigateTo: L } = e(), { data: z, loading: B } = m(I ? decodeURIComponent(I) : void 0), { install: V, loading: H } = p(), [U, W] = _(h.Linked), [G, K] = _(!1), q = g(() => R(z?.manifest ?? {}), [z?.manifest]), J = async () => {
+		if (z) {
 			try {
-				await z({
-					packageId: L.id,
-					mode: V
+				await V({
+					packageId: z.id,
+					mode: U
 				});
 			} catch (e) {
-				j.error(e instanceof Error ? e.message : "Failed to install package");
+				N.error(e instanceof Error ? e.message : "Failed to install package");
 				return;
 			}
-			j.success(`Installed "${G.name ?? L.slug}"`), W(!1), F("store/installed");
+			N.success(`Installed "${q.name ?? z.slug}"`), K(!1), L("store/installed");
 		}
 	};
-	return R ? /* @__PURE__ */ _(n, {
+	return B ? /* @__PURE__ */ y(i, {
 		title: "Loading...",
-		children: /* @__PURE__ */ _("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
-	}) : L ? /* @__PURE__ */ v(n, {
-		title: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
+	}) : z ? /* @__PURE__ */ b(i, {
+		title: /* @__PURE__ */ b("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ _(c, {
+				/* @__PURE__ */ y(a, {
 					variant: "ghost",
 					size: "icon",
-					onClick: () => F("store"),
-					children: /* @__PURE__ */ _(x, { size: 20 })
+					onClick: () => L("store"),
+					children: /* @__PURE__ */ y(C, { size: 20 })
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ y("div", {
 					className: "p-2 rounded-lg bg-action-primary-bg/10",
-					children: G.icon ? /* @__PURE__ */ _("span", {
+					children: q.icon ? /* @__PURE__ */ y("span", {
 						className: "text-2xl",
-						children: G.icon
-					}) : /* @__PURE__ */ _(O, { className: "h-6 w-6 text-primary" })
+						children: q.icon
+					}) : /* @__PURE__ */ y(A, { className: "h-6 w-6 text-primary" })
 				}),
-				/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ _("span", { children: G.name ?? L.slug }), /* @__PURE__ */ v(l, {
+					children: [/* @__PURE__ */ y("span", { children: q.name ?? z.slug }), /* @__PURE__ */ b(d, {
 						variant: "outline",
-						children: ["v", L.version]
+						children: ["v", z.version]
 					})]
-				}), /* @__PURE__ */ _("p", {
+				}), /* @__PURE__ */ y("p", {
 					className: "text-sm font-normal text-text-secondary",
-					children: L.slug
+					children: z.slug
 				})] })
 			]
 		}),
-		actions: /* @__PURE__ */ v("div", {
+		actions: /* @__PURE__ */ b("div", {
 			className: "flex gap-2",
-			children: [G.homepage && /* @__PURE__ */ _("a", {
-				href: G.homepage,
+			children: [q.homepage && /* @__PURE__ */ y("a", {
+				href: q.homepage,
 				target: "_blank",
 				rel: "noopener noreferrer",
-				children: /* @__PURE__ */ _(c, {
+				children: /* @__PURE__ */ y(a, {
 					variant: "outline",
-					leftIcon: /* @__PURE__ */ _(w, { size: 16 }),
+					leftIcon: /* @__PURE__ */ y(E, { size: 16 }),
 					children: "Homepage"
 				})
-			}), /* @__PURE__ */ _(c, {
-				leftIcon: /* @__PURE__ */ _(C, { size: 16 }),
-				onClick: () => W(!0),
-				children: "Install"
+			}), /* @__PURE__ */ y(r, {
+				permission: n.STORE_CREATE,
+				children: /* @__PURE__ */ y(a, {
+					leftIcon: /* @__PURE__ */ y(T, { size: 16 }),
+					onClick: () => K(!0),
+					children: "Install"
+				})
 			})]
 		}),
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ _(g, {
-					icon: /* @__PURE__ */ _(O, { size: 18 }),
+				/* @__PURE__ */ y(v, {
+					icon: /* @__PURE__ */ y(A, { size: 18 }),
 					children: "This is a store package — a ready-made bot, agent, skill, tool pack or template you can install into your workspace. Review what it does, its security posture and version, then install it (linked so it stays updated, or forked as your own copy) to get a head start instead of building from scratch."
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 					children: [
-						/* @__PURE__ */ _(r, {
+						/* @__PURE__ */ y(o, {
 							treatment: "glass",
 							glow: !0,
-							children: /* @__PURE__ */ v(i, {
+							children: /* @__PURE__ */ b(s, {
 								className: "pt-6 text-center",
-								children: [/* @__PURE__ */ _(l, {
+								children: [/* @__PURE__ */ y(d, {
 									variant: "outline",
 									className: "text-xs",
-									children: M[L.kind] ?? L.kind
-								}), /* @__PURE__ */ _("p", {
+									children: P[z.kind] ?? z.kind
+								}), /* @__PURE__ */ y("p", {
 									className: "text-sm text-text-secondary mt-1",
 									children: "Type"
 								})]
 							})
 						}),
-						/* @__PURE__ */ _(r, { children: /* @__PURE__ */ v(i, {
+						/* @__PURE__ */ y(o, { children: /* @__PURE__ */ b(s, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ v("p", {
+							children: [/* @__PURE__ */ b("p", {
 								className: "text-lg font-bold",
-								children: ["v", L.version]
-							}), /* @__PURE__ */ _("p", {
+								children: ["v", z.version]
+							}), /* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: "Version"
 							})]
 						}) }),
-						/* @__PURE__ */ _(r, { children: /* @__PURE__ */ v(i, {
+						/* @__PURE__ */ y(o, { children: /* @__PURE__ */ b(s, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ _(N, { risk: G.risk }), /* @__PURE__ */ _("p", {
+							children: [/* @__PURE__ */ y(F, { risk: q.risk }), /* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary mt-1",
 								children: "Security"
 							})]
 						}) }),
-						/* @__PURE__ */ _(r, { children: /* @__PURE__ */ v(i, {
+						/* @__PURE__ */ y(o, { children: /* @__PURE__ */ b(s, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ _("p", {
+							children: [/* @__PURE__ */ y("p", {
 								className: "text-lg font-bold",
-								children: G.license ?? "—"
-							}), /* @__PURE__ */ _("p", {
+								children: q.license ?? "—"
+							}), /* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: "License"
 							})]
 						}) })
 					]
 				}),
-				/* @__PURE__ */ v(r, { children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(s, { children: "Description" }) }), /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _("p", {
+				/* @__PURE__ */ b(o, { children: [/* @__PURE__ */ y(l, { children: /* @__PURE__ */ y(u, { children: "Description" }) }), /* @__PURE__ */ b(s, { children: [/* @__PURE__ */ y("p", {
 					className: "text-text-primary",
-					children: G.description ?? "—"
-				}), G.tags.length > 0 && /* @__PURE__ */ v("div", {
+					children: q.description ?? "—"
+				}), q.tags.length > 0 && /* @__PURE__ */ b("div", {
 					className: "flex items-center gap-2 mt-4",
-					children: [/* @__PURE__ */ _(A, {
+					children: [/* @__PURE__ */ y(M, {
 						size: 14,
 						className: "text-text-secondary"
-					}), G.tags.map((e) => /* @__PURE__ */ _(l, {
+					}), q.tags.map((e) => /* @__PURE__ */ y(d, {
 						variant: "secondary",
 						children: e
 					}, e))]
 				})] })] }),
-				L.readme && /* @__PURE__ */ v(r, { children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ v(s, {
+				z.readme && /* @__PURE__ */ b(o, { children: [/* @__PURE__ */ y(l, { children: /* @__PURE__ */ b(u, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ _(T, { size: 18 }), "README"]
-				}) }), /* @__PURE__ */ _(i, { children: /* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ y(D, { size: 18 }), "README"]
+				}) }), /* @__PURE__ */ y(s, { children: /* @__PURE__ */ y("div", {
 					className: "prose prose-sm max-w-none dark:prose-invert",
-					children: /* @__PURE__ */ _("pre", {
+					children: /* @__PURE__ */ y("pre", {
 						className: "whitespace-pre-wrap text-sm",
-						children: L.readme
+						children: z.readme
 					})
 				}) })] }),
-				/* @__PURE__ */ v(r, { children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(s, { children: "Author & Links" }) }), /* @__PURE__ */ _(i, { children: /* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b(o, { children: [/* @__PURE__ */ y(l, { children: /* @__PURE__ */ y(u, { children: "Author & Links" }) }), /* @__PURE__ */ y(s, { children: /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-6",
 					children: [
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
 							children: "Author"
-						}), /* @__PURE__ */ v("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2 mt-1",
-							children: [/* @__PURE__ */ _("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "font-medium",
-								children: G.authorName ?? "—"
-							}), G.authorUrl && /* @__PURE__ */ _("a", {
-								href: G.authorUrl,
+								children: q.authorName ?? "—"
+							}), q.authorUrl && /* @__PURE__ */ y("a", {
+								href: q.authorUrl,
 								target: "_blank",
 								rel: "noopener noreferrer",
 								className: "text-primary hover:underline",
-								children: /* @__PURE__ */ _(w, { size: 12 })
+								children: /* @__PURE__ */ y(E, { size: 12 })
 							})]
 						})] }),
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
 							children: "Published"
-						}), /* @__PURE__ */ _("p", {
+						}), /* @__PURE__ */ y("p", {
 							className: "font-medium mt-1",
-							children: t(L.publishedAt)
+							children: t(z.publishedAt)
 						})] }),
-						G.repository && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+						q.repository && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
 							children: "Repository"
-						}), /* @__PURE__ */ v("a", {
-							href: G.repository,
+						}), /* @__PURE__ */ b("a", {
+							href: q.repository,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "flex items-center gap-1 mt-1 text-primary hover:underline",
-							children: [/* @__PURE__ */ _(E, { size: 14 }), "View Source"]
+							children: [/* @__PURE__ */ y(O, { size: 14 }), "View Source"]
 						})] }),
-						G.homepage && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+						q.homepage && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
 							children: "Homepage"
-						}), /* @__PURE__ */ v("a", {
-							href: G.homepage,
+						}), /* @__PURE__ */ b("a", {
+							href: q.homepage,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "flex items-center gap-1 mt-1 text-primary hover:underline",
-							children: [/* @__PURE__ */ _(D, { size: 14 }), "Visit Site"]
+							children: [/* @__PURE__ */ y(k, { size: 14 }), "Visit Site"]
 						})] })
 					]
 				}) })] }),
-				G.dependencies.length > 0 && /* @__PURE__ */ v(r, { children: [/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(s, { children: "Dependencies" }), /* @__PURE__ */ v(a, { children: [
+				q.dependencies.length > 0 && /* @__PURE__ */ b(o, { children: [/* @__PURE__ */ b(l, { children: [/* @__PURE__ */ y(u, { children: "Dependencies" }), /* @__PURE__ */ b(c, { children: [
 					"This package depends on ",
-					G.dependencies.length,
+					q.dependencies.length,
 					" other package(s)"
-				] })] }), /* @__PURE__ */ _(i, { children: /* @__PURE__ */ _("div", {
+				] })] }), /* @__PURE__ */ y(s, { children: /* @__PURE__ */ y("div", {
 					className: "flex flex-wrap gap-2",
-					children: G.dependencies.map((e) => /* @__PURE__ */ v(l, {
+					children: q.dependencies.map((e) => /* @__PURE__ */ b(d, {
 						variant: "outline",
 						className: "font-mono",
 						children: [
@@ -288,154 +294,154 @@ var L = () => {
 						]
 					}, e.slug))
 				}) })] }),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-					children: [/* @__PURE__ */ v(r, { children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ v(s, {
+					children: [/* @__PURE__ */ b(o, { children: [/* @__PURE__ */ y(l, { children: /* @__PURE__ */ b(u, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ _(S, { size: 18 }), "Compatibility"]
-					}) }), /* @__PURE__ */ _(i, { children: /* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ y(w, { size: 18 }), "Compatibility"]
+					}) }), /* @__PURE__ */ y(s, { children: /* @__PURE__ */ y("div", {
 						className: "space-y-2",
-						children: Object.keys(G.compatibility).length === 0 ? /* @__PURE__ */ _("p", {
+						children: Object.keys(q.compatibility).length === 0 ? /* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
 							children: "This package does not declare compatibility ranges."
-						}) : Object.entries(G.compatibility).map(([e, t]) => /* @__PURE__ */ v("div", {
+						}) : Object.entries(q.compatibility).map(([e, t]) => /* @__PURE__ */ b("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ _("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "text-text-secondary capitalize",
 								children: e
-							}), /* @__PURE__ */ _(l, {
+							}), /* @__PURE__ */ y(d, {
 								variant: "outline",
 								children: t
 							})]
 						}, e))
-					}) })] }), /* @__PURE__ */ v(r, { children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ v(s, {
+					}) })] }), /* @__PURE__ */ b(o, { children: [/* @__PURE__ */ y(l, { children: /* @__PURE__ */ b(u, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ _(k, { size: 18 }), "Security"]
-					}) }), /* @__PURE__ */ _(i, { children: /* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ y(j, { size: 18 }), "Security"]
+					}) }), /* @__PURE__ */ y(s, { children: /* @__PURE__ */ b("div", {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ _("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "text-text-secondary",
 									children: "Risk Level"
-								}), /* @__PURE__ */ _(N, { risk: G.risk })]
+								}), /* @__PURE__ */ y(F, { risk: q.risk })]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ _("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "text-text-secondary",
 									children: "Requires Secrets"
-								}), /* @__PURE__ */ _(l, {
-									variant: G.requiresSecrets ? "warning" : "secondary",
-									children: G.requiresSecrets ? "Yes" : "No"
+								}), /* @__PURE__ */ y(d, {
+									variant: q.requiresSecrets ? "warning" : "secondary",
+									children: q.requiresSecrets ? "Yes" : "No"
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ _("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "text-text-secondary",
 									children: "Network Egress"
-								}), /* @__PURE__ */ _(l, {
-									variant: G.networkEgress === "any" ? "warning" : G.networkEgress === "restricted" ? "secondary" : "success",
+								}), /* @__PURE__ */ y(d, {
+									variant: q.networkEgress === "any" ? "warning" : q.networkEgress === "restricted" ? "secondary" : "success",
 									className: "capitalize",
-									children: G.networkEgress ?? "unknown"
+									children: q.networkEgress ?? "unknown"
 								})]
 							})
 						]
 					}) })] })]
 				}),
-				/* @__PURE__ */ v(r, { children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(s, { children: "Integrity" }) }), /* @__PURE__ */ _(i, { children: /* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b(o, { children: [/* @__PURE__ */ y(l, { children: /* @__PURE__ */ y(u, { children: "Integrity" }) }), /* @__PURE__ */ y(s, { children: /* @__PURE__ */ b("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+					children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 						className: "text-sm text-text-secondary",
 						children: "Checksum"
-					}), /* @__PURE__ */ _("p", {
+					}), /* @__PURE__ */ y("p", {
 						className: "font-mono text-sm break-all",
-						children: G.checksum ?? "—"
-					})] }), G.signature && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+						children: q.checksum ?? "—"
+					})] }), q.signature && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 						className: "text-sm text-text-secondary",
 						children: "Signature"
-					}), /* @__PURE__ */ _("p", {
+					}), /* @__PURE__ */ y("p", {
 						className: "font-mono text-sm break-all",
-						children: G.signature
+						children: q.signature
 					})] })]
 				}) })] })
 			]
-		}), U && /* @__PURE__ */ _("div", {
+		}), G && /* @__PURE__ */ y("div", {
 			className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50",
-			children: /* @__PURE__ */ v(r, {
+			children: /* @__PURE__ */ b(o, {
 				className: "w-full max-w-md",
-				children: [/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(s, { children: "Install Package" }), /* @__PURE__ */ v(a, { children: [
+				children: [/* @__PURE__ */ b(l, { children: [/* @__PURE__ */ y(u, { children: "Install Package" }), /* @__PURE__ */ b(c, { children: [
 					"Install ",
-					G.name ?? L.slug,
+					q.name ?? z.slug,
 					" v",
-					L.version
-				] })] }), /* @__PURE__ */ v(i, {
+					z.version
+				] })] }), /* @__PURE__ */ b(s, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 							className: "text-sm font-medium mb-2",
 							children: "Install Mode"
-						}), /* @__PURE__ */ v("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ v("label", {
+							children: [/* @__PURE__ */ b("label", {
 								className: "flex items-start gap-3 p-3 border border-border-subtle rounded-lg cursor-pointer hover:bg-accent",
-								children: [/* @__PURE__ */ _("input", {
+								children: [/* @__PURE__ */ y("input", {
 									type: "radio",
 									name: "mode",
 									value: "LINKED",
-									checked: V === p.Linked,
-									onChange: () => H(p.Linked),
+									checked: U === h.Linked,
+									onChange: () => W(h.Linked),
 									className: "mt-1"
-								}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 									className: "font-medium",
 									children: "Linked"
-								}), /* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ y("p", {
 									className: "text-sm text-text-secondary",
 									children: "Stay in sync with store updates. Recommended for most cases."
 								})] })]
-							}), /* @__PURE__ */ v("label", {
+							}), /* @__PURE__ */ b("label", {
 								className: "flex items-start gap-3 p-3 border border-border-subtle rounded-lg cursor-pointer hover:bg-accent",
-								children: [/* @__PURE__ */ _("input", {
+								children: [/* @__PURE__ */ y("input", {
 									type: "radio",
 									name: "mode",
 									value: "FORKED",
-									checked: V === p.Forked,
-									onChange: () => H(p.Forked),
+									checked: U === h.Forked,
+									onChange: () => W(h.Forked),
 									className: "mt-1"
-								}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 									className: "font-medium",
 									children: "Forked"
-								}), /* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ y("p", {
 									className: "text-sm text-text-secondary",
 									children: "Create a local copy you can customize. No automatic updates."
 								})] })]
 							})]
 						})] }),
-						G.requiresSecrets && /* @__PURE__ */ v("div", {
+						q.requiresSecrets && /* @__PURE__ */ b("div", {
 							className: "p-3 bg-status-warning-bg-subtle rounded-lg",
-							children: [/* @__PURE__ */ v("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "flex items-center gap-2 text-status-warning-text",
-								children: [/* @__PURE__ */ _(b, { size: 16 }), /* @__PURE__ */ _("span", {
+								children: [/* @__PURE__ */ y(S, { size: 16 }), /* @__PURE__ */ y("span", {
 									className: "text-sm font-medium",
 									children: "Requires Secrets"
 								})]
-							}), /* @__PURE__ */ _("p", {
+							}), /* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary mt-1",
 								children: "This package requires secret configuration after installation."
 							})]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ b("div", {
 							className: "flex justify-end gap-2 pt-4",
-							children: [/* @__PURE__ */ _(c, {
+							children: [/* @__PURE__ */ y(a, {
 								variant: "outline",
-								onClick: () => W(!1),
+								onClick: () => K(!1),
 								children: "Cancel"
-							}), /* @__PURE__ */ _(c, {
-								onClick: () => void K(),
-								isLoading: B,
-								leftIcon: /* @__PURE__ */ _(C, { size: 16 }),
+							}), /* @__PURE__ */ y(a, {
+								onClick: () => void J(),
+								isLoading: H,
+								leftIcon: /* @__PURE__ */ y(T, { size: 16 }),
 								children: "Install"
 							})]
 						})
@@ -443,20 +449,20 @@ var L = () => {
 				})]
 			})
 		})]
-	}) : /* @__PURE__ */ _(n, {
+	}) : /* @__PURE__ */ y(i, {
 		title: "Package Not Found",
-		children: /* @__PURE__ */ _(u, {
+		children: /* @__PURE__ */ y(f, {
 			illustration: "empty-search",
 			title: "Package Not Found",
 			description: "This package doesn't exist.",
-			action: /* @__PURE__ */ _(c, {
-				onClick: () => F("store"),
+			action: /* @__PURE__ */ y(a, {
+				onClick: () => L("store"),
 				children: "Back to Store"
 			})
 		})
 	});
 };
 //#endregion
-export { L as StorePackageDetailPage };
+export { z as StorePackageDetailPage };
 
 //# sourceMappingURL=StorePackageDetailPage.js.map