@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1028.1

package/dist/botlit/pages/InstalledPackagesPage.js

@@ -1,27 +1,30 @@
 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 { Input as d } from "../components/Input.js";
-import { ErrorState as f } from "../components/ErrorState.js";
-import { storePackageName as p, useInstalledPackages as ee, usePinPackageVersion as m, useUninstallPackage as te, useUpdateInstalledPackage as h } 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 { Input as p } from "../components/Input.js";
+import { ErrorState as m } from "../components/ErrorState.js";
+import { storePackageName as h, useInstalledPackages as ee, usePinPackageVersion as g, useUninstallPackage as te, useUpdateInstalledPackage as _ } from "../hooks/useStore.js";
 import "../hooks/index.js";
-import { PackageKind as g } from "../../generated/wspace-types.js";
-import { useMemo as _, useState as v } from "react";
-import { GlassCard as y, PagePurpose as ne } from "@burdenoff/fe-libs/ui";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { PackageKind as v } from "../../generated/wspace-types.js";
+import { useMemo as y, useState as b } from "react";
+import { GlassCard as x, PagePurpose as ne } from "@burdenoff/fe-libs/ui";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 import { Link as re } from "react-router";
-import { ArrowUpCircle as C, Copy as ie, Download as ae, ExternalLink as oe, GitBranch as w, Link2 as T, Package as E, RefreshCw as se, Search as ce, Settings as le, Trash2 as D } from "lucide-react";
-import { toast as O } from "sonner";
+import { ArrowUpCircle as T, Copy as ie, Download as ae, ExternalLink as oe, GitBranch as E, Link2 as D, Package as O, RefreshCw as se, Search as ce, Settings as le, Trash2 as k } from "lucide-react";
+import { toast as A } from "sonner";
 //#region src/botlit/pages/InstalledPackagesPage.tsx
-var k = [
+var j = [
 	"DEV",
 	"STAGING",
 	"PROD"
-], A = {
+], M = {
 	APP: {
 		label: "Bot",
 		icon: "📱"
@@ -86,146 +89,146 @@ var k = [
 		label: "Workflow",
 		icon: "🔀"
 	}
-}, j = {
+}, N = {
 	label: "Package",
 	icon: "📦"
 };
-function M(e) {
+function P(e) {
 	return e.package?.slug ?? e.packageId;
 }
-function N(e) {
+function F(e) {
 	return e.package?.kind;
 }
-function P(e) {
-	let t = N(e);
-	return t && A[t] || j;
+function I(e) {
+	let t = F(e);
+	return t && M[t] || N;
 }
-function F(e) {
+function L(e) {
 	let t = e.package?.version;
 	return !!(t && t !== e.installedVersion);
 }
-function I(e, t) {
+function R(e, t) {
 	let n = e.pinnedByEnv?.[t];
 	return typeof n == "string" && n !== "" ? n : void 0;
 }
-var L = () => {
-	let { navigateTo: A, getPath: j } = e(), { data: L, loading: R, error: z, refetch: B } = ee(), { uninstall: V, loading: H } = te(), { update: U, loading: ue } = h(), { pin: de } = m(), [W, fe] = v(""), [pe, G] = v(!1), [K, me] = v("all"), [q, J] = v(null), Y = _(() => {
+var z = () => {
+	let { navigateTo: M, getPath: N } = e(), { data: z, loading: B, error: V, refetch: H } = ee(), { uninstall: U, loading: ue } = te(), { update: de, loading: fe } = _(), { pin: pe } = g(), [W, me] = b(""), [he, G] = b(!1), [K, ge] = b("all"), [q, J] = b(null), Y = y(() => {
 		let e = W.trim().toLowerCase();
-		return L.filter((t) => {
-			let n = !e || M(t).toLowerCase().includes(e) || p(t.package).toLowerCase().includes(e), r = K === "all" || N(t) === K;
+		return z.filter((t) => {
+			let n = !e || P(t).toLowerCase().includes(e) || h(t.package).toLowerCase().includes(e), r = K === "all" || F(t) === K;
 			return n && r;
 		});
 	}, [
-		L,
+		z,
 		W,
 		K
-	]), X = _(() => L.find((e) => e.id === q) ?? null, [L, q]), he = _(() => L.filter(F).length, [L]), ge = async () => {
+	]), X = y(() => z.find((e) => e.id === q) ?? null, [z, q]), _e = y(() => z.filter(L).length, [z]), ve = async () => {
 		G(!0);
 		try {
-			await B();
+			await H();
 		} finally {
 			G(!1);
 		}
 	}, Z = async (e) => {
 		if (confirm("Are you sure you want to uninstall this package?")) try {
-			await V(e.id), O.success(`Uninstalled "${p(e.package) || M(e)}"`), J(null), B();
+			await U(e.id), A.success(`Uninstalled "${h(e.package) || P(e)}"`), J(null), H();
 		} catch (e) {
-			O.error(e instanceof Error ? e.message : "Failed to uninstall package");
+			A.error(e instanceof Error ? e.message : "Failed to uninstall package");
 		}
-	}, _e = async (e) => {
+	}, ye = async (e) => {
 		let t = e.package?.version;
 		if (t) try {
-			await U({
+			await de({
 				installedId: e.id,
 				input: { installedVersion: t }
-			}), O.success(`Updated to v${t}`), B();
+			}), A.success(`Updated to v${t}`), H();
 		} catch (e) {
-			O.error(e instanceof Error ? e.message : "Failed to update package");
+			A.error(e instanceof Error ? e.message : "Failed to update package");
 		}
 	}, Q = async (e, t, n) => {
 		try {
-			await de({
+			await pe({
 				installedId: e.id,
 				environment: t,
 				version: n,
 				pinnedByEnv: e.pinnedByEnv
-			}), O.success(n ? `Pinned ${t} to v${n}` : `Unpinned ${t}`), B();
+			}), A.success(n ? `Pinned ${t} to v${n}` : `Unpinned ${t}`), H();
 		} catch (e) {
-			O.error(e instanceof Error ? e.message : "Failed to change version pin");
+			A.error(e instanceof Error ? e.message : "Failed to change version pin");
 		}
-	}, $ = (e) => e === "LINKED" ? /* @__PURE__ */ x(T, { className: "h-4 w-4 text-status-info-text" }) : /* @__PURE__ */ x(ie, { className: "h-4 w-4 text-status-warning-text" }), ve = ({ pkg: e }) => {
-		let n = P(e), a = M(e), o = F(e), s = k.filter((t) => I(e, t));
-		return /* @__PURE__ */ x(r, {
+	}, $ = (e) => e === "LINKED" ? /* @__PURE__ */ C(D, { className: "h-4 w-4 text-status-info-text" }) : /* @__PURE__ */ C(ie, { className: "h-4 w-4 text-status-warning-text" }), be = ({ pkg: e }) => {
+		let i = I(e), c = P(e), l = L(e), u = j.filter((t) => R(e, t));
+		return /* @__PURE__ */ C(o, {
 			className: "hover:shadow-md transition-shadow cursor-pointer",
 			onClick: () => J(e.id),
-			children: /* @__PURE__ */ S(i, {
+			children: /* @__PURE__ */ w(s, {
 				className: "pt-6",
 				children: [
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ C("div", {
 								className: "p-2 rounded-lg bg-bg-sunken text-2xl",
-								children: n.icon
-							}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+								children: i.icon
+							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ x("h3", {
+								children: [/* @__PURE__ */ C("h3", {
 									className: "font-semibold",
-									children: p(e.package) || a
-								}), o && /* @__PURE__ */ S(l, {
+									children: h(e.package) || c
+								}), l && /* @__PURE__ */ w(d, {
 									variant: "warning",
 									className: "gap-1",
-									children: [/* @__PURE__ */ x(C, { className: "h-3 w-3" }), "Update"]
+									children: [/* @__PURE__ */ C(T, { className: "h-3 w-3" }), "Update"]
 								})]
-							}), /* @__PURE__ */ x("p", {
+							}), /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary font-mono",
-								children: a
+								children: c
 							})] })]
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "flex items-center gap-2",
-							children: [$(e.mode), /* @__PURE__ */ x(l, {
+							children: [$(e.mode), /* @__PURE__ */ C(d, {
 								variant: "outline",
-								children: n.label
+								children: i.label
 							})]
 						})]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "mt-4 grid grid-cols-3 gap-4 text-sm",
 						children: [
-							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 								className: "text-text-secondary",
 								children: "Installed Version"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "font-medium font-mono",
 								children: ["v", e.installedVersion]
 							})] }),
-							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 								className: "text-text-secondary",
 								children: "Mode"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "font-medium flex items-center gap-1",
 								children: [$(e.mode), e.mode]
 							})] }),
-							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 								className: "text-text-secondary",
 								children: "Installed"
-							}), /* @__PURE__ */ x("p", {
+							}), /* @__PURE__ */ C("p", {
 								className: "font-medium",
 								children: t(e.installedAt)
 							})] })
 						]
 					}),
-					s.length > 0 && /* @__PURE__ */ S("div", {
+					u.length > 0 && /* @__PURE__ */ w("div", {
 						className: "mt-4 pt-4 border-t border-border-subtle",
-						children: [/* @__PURE__ */ x("p", {
+						children: [/* @__PURE__ */ C("p", {
 							className: "text-xs text-text-secondary mb-2",
 							children: "Pinned Versions"
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "flex gap-2",
-							children: k.map((t) => {
-								let n = I(e, t);
-								return /* @__PURE__ */ S(l, {
+							children: j.map((t) => {
+								let n = R(e, t);
+								return /* @__PURE__ */ w(d, {
 									variant: n ? "default" : "outline",
 									className: "text-xs",
 									children: [
@@ -237,36 +240,42 @@ var L = () => {
 							})
 						})]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "mt-4 flex justify-end gap-2",
 						children: [
-							/* @__PURE__ */ S(c, {
+							/* @__PURE__ */ w(a, {
 								variant: "ghost",
 								size: "sm",
 								onClick: (e) => {
-									e.stopPropagation(), A(`store/package/${a}`);
+									e.stopPropagation(), M(`store/package/${c}`);
 								},
-								children: [/* @__PURE__ */ x(oe, { className: "h-4 w-4 mr-1" }), "View in Store"]
+								children: [/* @__PURE__ */ C(oe, { className: "h-4 w-4 mr-1" }), "View in Store"]
 							}),
-							o && /* @__PURE__ */ S(c, {
-								variant: "outline",
-								size: "sm",
-								onClick: (t) => {
-									t.stopPropagation(), _e(e);
-								},
-								isLoading: ue,
-								children: [/* @__PURE__ */ x(C, { className: "h-4 w-4 mr-1" }), "Update"]
+							l && /* @__PURE__ */ C(r, {
+								permission: n.STORE_UPDATE,
+								children: /* @__PURE__ */ w(a, {
+									variant: "outline",
+									size: "sm",
+									onClick: (t) => {
+										t.stopPropagation(), ye(e);
+									},
+									isLoading: fe,
+									children: [/* @__PURE__ */ C(T, { className: "h-4 w-4 mr-1" }), "Update"]
+								})
 							}),
-							/* @__PURE__ */ x(c, {
-								variant: "ghost",
-								size: "sm",
-								"aria-label": "Uninstall package",
-								className: "text-status-error-text hover:text-status-error-text",
-								onClick: (t) => {
-									t.stopPropagation(), Z(e);
-								},
-								isLoading: H,
-								children: /* @__PURE__ */ x(D, { className: "h-4 w-4" })
+							/* @__PURE__ */ C(r, {
+								permission: n.STORE_DELETE,
+								children: /* @__PURE__ */ C(a, {
+									variant: "ghost",
+									size: "sm",
+									"aria-label": "Uninstall package",
+									className: "text-status-error-text hover:text-status-error-text",
+									onClick: (t) => {
+										t.stopPropagation(), Z(e);
+									},
+									isLoading: ue,
+									children: /* @__PURE__ */ C(k, { className: "h-4 w-4" })
+								})
 							})
 						]
 					})
@@ -274,307 +283,313 @@ var L = () => {
 			})
 		});
 	};
-	return R ? /* @__PURE__ */ x(n, {
+	return B ? /* @__PURE__ */ C(i, {
 		title: "Installed Packages",
 		description: "Manage installed store packages",
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "space-y-4",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ x("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+			].map((e) => /* @__PURE__ */ C("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
 		})
-	}) : /* @__PURE__ */ S(n, {
+	}) : /* @__PURE__ */ w(i, {
 		title: "Installed Packages",
 		description: "Manage packages installed from the BotManor Store",
-		actions: /* @__PURE__ */ S("div", {
+		actions: /* @__PURE__ */ w("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ x(c, {
+			children: [/* @__PURE__ */ C(a, {
 				variant: "outline",
-				leftIcon: /* @__PURE__ */ x(se, { size: 16 }),
-				onClick: () => void ge(),
-				isLoading: pe,
+				leftIcon: /* @__PURE__ */ C(se, { size: 16 }),
+				onClick: () => void ve(),
+				isLoading: he,
 				children: "Check Updates"
-			}), /* @__PURE__ */ x(c, {
-				leftIcon: /* @__PURE__ */ x(E, { size: 16 }),
-				onClick: () => A("store"),
+			}), /* @__PURE__ */ C(a, {
+				leftIcon: /* @__PURE__ */ C(O, { size: 16 }),
+				onClick: () => M("store"),
 				children: "Browse Store"
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ x(ne, {
+			/* @__PURE__ */ C(ne, {
 				className: "mb-6",
-				icon: /* @__PURE__ */ x(E, { size: 18 }),
+				icon: /* @__PURE__ */ C(O, { size: 18 }),
 				children: "These are the packages you have installed from the BotManor Store and how they are wired into your workspace. Manage each one’s installation mode (linked, so it auto-updates, or forked as an independent copy), pin specific versions per environment, and update or uninstall — this is your dependency manager for everything you pulled from the store."
 			}),
-			z ? /* @__PURE__ */ x(f, {
+			V ? /* @__PURE__ */ C(m, {
 				resource: "installed packages",
-				error: z,
-				onRetry: () => void B()
-			}) : /* @__PURE__ */ S(b, { children: [
-				/* @__PURE__ */ S("div", {
+				error: V,
+				onRetry: () => void H()
+			}) : /* @__PURE__ */ w(S, { children: [
+				/* @__PURE__ */ w("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-6",
 					children: [
-						/* @__PURE__ */ S(y, {
+						/* @__PURE__ */ w(x, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-6 text-center",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-3xl font-bold tabular-nums text-text-primary",
-								children: L.length
-							}), /* @__PURE__ */ x("p", {
+								children: z.length
+							}), /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
 								children: "Total Installed"
 							})]
 						}),
-						/* @__PURE__ */ S(y, {
+						/* @__PURE__ */ w(x, {
 							treatment: "metric",
 							className: "p-6 text-center",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-3xl font-bold tabular-nums text-text-primary",
-								children: L.filter((e) => e.mode === "LINKED").length
-							}), /* @__PURE__ */ x("p", {
+								children: z.filter((e) => e.mode === "LINKED").length
+							}), /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
 								children: "Linked"
 							})]
 						}),
-						/* @__PURE__ */ S(y, {
+						/* @__PURE__ */ w(x, {
 							treatment: "metric",
 							className: "p-6 text-center",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-3xl font-bold tabular-nums text-text-primary",
-								children: L.filter((e) => e.mode === "FORKED").length
-							}), /* @__PURE__ */ x("p", {
+								children: z.filter((e) => e.mode === "FORKED").length
+							}), /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
 								children: "Forked"
 							})]
 						}),
-						/* @__PURE__ */ S(y, {
+						/* @__PURE__ */ w(x, {
 							treatment: "metric",
 							className: "p-6 text-center",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-3xl font-bold tabular-nums text-text-primary",
-								children: he
-							}), /* @__PURE__ */ x("p", {
+								children: _e
+							}), /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
 								children: "Updates Available"
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ w("div", {
 					className: "flex flex-col md:flex-row gap-4 mb-6",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ x(ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x(d, {
+						children: [/* @__PURE__ */ C(ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ C(p, {
 							placeholder: "Search packages...",
 							value: W,
-							onChange: (e) => fe(e.target.value),
+							onChange: (e) => me(e.target.value),
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "flex gap-2",
-						children: /* @__PURE__ */ S("select", {
+						children: /* @__PURE__ */ w("select", {
 							"aria-label": "Filter by package type",
 							className: "flex h-10 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 							value: K,
-							onChange: (e) => me(e.target.value),
+							onChange: (e) => ge(e.target.value),
 							children: [
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ C("option", {
 									value: "all",
 									children: "All Types"
 								}),
-								/* @__PURE__ */ x("option", {
-									value: g.Agent,
+								/* @__PURE__ */ C("option", {
+									value: v.Agent,
 									children: "Agents"
 								}),
-								/* @__PURE__ */ x("option", {
-									value: g.Skill,
+								/* @__PURE__ */ C("option", {
+									value: v.Skill,
 									children: "Skills"
 								}),
-								/* @__PURE__ */ x("option", {
-									value: g.McpPack,
+								/* @__PURE__ */ C("option", {
+									value: v.McpPack,
 									children: "MCP Packs"
 								}),
-								/* @__PURE__ */ x("option", {
-									value: g.PromptTemplate,
+								/* @__PURE__ */ C("option", {
+									value: v.PromptTemplate,
 									children: "Templates"
 								}),
-								/* @__PURE__ */ x("option", {
-									value: g.RetrievalProfile,
+								/* @__PURE__ */ C("option", {
+									value: v.RetrievalProfile,
 									children: "Retrieval Profiles"
 								})
 							]
 						})
 					})]
 				}),
-				Y.length > 0 ? /* @__PURE__ */ x("div", {
+				Y.length > 0 ? /* @__PURE__ */ C("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: Y.map((e) => /* @__PURE__ */ x(ve, { pkg: e }, e.id))
-				}) : /* @__PURE__ */ x(u, {
+					children: Y.map((e) => /* @__PURE__ */ C(be, { pkg: e }, e.id))
+				}) : /* @__PURE__ */ C(f, {
 					illustration: "empty-generic",
 					title: W || K !== "all" ? "No matching packages" : "No packages installed",
 					description: W || K !== "all" ? "Try adjusting your search or type filter." : "Browse the BotManor Store to find agents, skills, and tools to install.",
-					action: /* @__PURE__ */ x(c, {
-						onClick: () => A("store"),
-						leftIcon: /* @__PURE__ */ x(ae, { className: "h-4 w-4" }),
+					action: /* @__PURE__ */ C(a, {
+						onClick: () => M("store"),
+						leftIcon: /* @__PURE__ */ C(ae, { className: "h-4 w-4" }),
 						children: "Browse Store"
 					})
 				})
 			] }),
-			X && /* @__PURE__ */ x(({ pkg: e, onClose: n }) => {
-				let l = P(e), u = M(e), d = e.bindings ?? {};
-				return /* @__PURE__ */ x("div", {
+			X && /* @__PURE__ */ C(({ pkg: e, onClose: i }) => {
+				let d = I(e), f = P(e), p = e.bindings ?? {};
+				return /* @__PURE__ */ C("div", {
 					className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50",
-					children: /* @__PURE__ */ S("div", {
+					children: /* @__PURE__ */ w("div", {
 						className: "bg-bg-surface rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto",
 						children: [
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ C("div", {
 								className: "p-6 border-b border-border-subtle",
-								children: /* @__PURE__ */ S("div", {
+								children: /* @__PURE__ */ w("div", {
 									className: "flex items-start justify-between",
-									children: [/* @__PURE__ */ S("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "flex items-start gap-3",
-										children: [/* @__PURE__ */ x("div", {
+										children: [/* @__PURE__ */ C("div", {
 											className: "p-3 rounded-lg bg-bg-sunken text-3xl",
-											children: l.icon
-										}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h2", {
+											children: d.icon
+										}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h2", {
 											className: "text-xl font-bold",
-											children: p(e.package) || u
-										}), /* @__PURE__ */ x("p", {
+											children: h(e.package) || f
+										}), /* @__PURE__ */ C("p", {
 											className: "text-sm text-text-secondary font-mono",
-											children: u
+											children: f
 										})] })]
-									}), /* @__PURE__ */ x(c, {
+									}), /* @__PURE__ */ C(a, {
 										variant: "ghost",
 										size: "sm",
 										"aria-label": "Close",
-										onClick: n,
+										onClick: i,
 										children: "×"
 									})]
 								})
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ w("div", {
 								className: "p-6 space-y-6",
 								children: [
-									/* @__PURE__ */ S(r, { children: [/* @__PURE__ */ x(o, { children: /* @__PURE__ */ x(s, {
+									/* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ C(u, {
 										className: "text-base",
 										children: "Version Information"
-									}) }), /* @__PURE__ */ S(i, {
+									}) }), /* @__PURE__ */ w(s, {
 										className: "space-y-4",
-										children: [/* @__PURE__ */ S("div", {
+										children: [/* @__PURE__ */ w("div", {
 											className: "grid grid-cols-2 gap-4",
-											children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-sm text-text-secondary",
 												children: "Installed Version"
-											}), /* @__PURE__ */ S("p", {
+											}), /* @__PURE__ */ w("p", {
 												className: "font-mono font-medium",
 												children: ["v", e.installedVersion]
-											})] }), e.package && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											})] }), e.package && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-sm text-text-secondary",
 												children: "Latest Version"
-											}), /* @__PURE__ */ S("p", {
+											}), /* @__PURE__ */ w("p", {
 												className: "font-mono font-medium",
 												children: ["v", e.package.version]
 											})] })]
-										}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 											className: "text-sm text-text-secondary mb-2",
 											children: "Installation Mode"
-										}), /* @__PURE__ */ S("div", {
+										}), /* @__PURE__ */ w("div", {
 											className: "flex items-center gap-2",
 											children: [
 												$(e.mode),
-												/* @__PURE__ */ x("span", {
+												/* @__PURE__ */ C("span", {
 													className: "font-medium",
 													children: e.mode
 												}),
-												/* @__PURE__ */ x("span", {
+												/* @__PURE__ */ C("span", {
 													className: "text-sm text-text-secondary",
 													children: e.mode === "LINKED" ? "- Receives updates automatically" : "- Independent copy, no auto-updates"
 												})
 											]
 										})] })]
 									})] }),
-									/* @__PURE__ */ S(r, { children: [/* @__PURE__ */ S(o, { children: [/* @__PURE__ */ S(s, {
+									/* @__PURE__ */ w(o, { children: [/* @__PURE__ */ w(l, { children: [/* @__PURE__ */ w(u, {
 										className: "text-base flex items-center gap-2",
-										children: [/* @__PURE__ */ x(w, { className: "h-4 w-4" }), "Environment Version Pins"]
-									}), /* @__PURE__ */ x(a, { children: "Pin specific versions for each environment" })] }), /* @__PURE__ */ x(i, { children: /* @__PURE__ */ x("div", {
+										children: [/* @__PURE__ */ C(E, { className: "h-4 w-4" }), "Environment Version Pins"]
+									}), /* @__PURE__ */ C(c, { children: "Pin specific versions for each environment" })] }), /* @__PURE__ */ C(s, { children: /* @__PURE__ */ C("div", {
 										className: "space-y-3",
-										children: k.map((t) => {
-											let n = I(e, t);
-											return /* @__PURE__ */ S("div", {
+										children: j.map((t) => {
+											let i = R(e, t);
+											return /* @__PURE__ */ w("div", {
 												className: "flex items-center justify-between p-3 bg-bg-sunken rounded-lg",
-												children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+												children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 													className: "font-medium",
 													children: t
-												}), /* @__PURE__ */ x("p", {
+												}), /* @__PURE__ */ C("p", {
 													className: "text-sm text-text-secondary font-mono",
-													children: n ? `v${n}` : "Using latest"
-												})] }), /* @__PURE__ */ x("div", {
+													children: i ? `v${i}` : "Using latest"
+												})] }), /* @__PURE__ */ C("div", {
 													className: "flex gap-2",
-													children: n ? /* @__PURE__ */ x(c, {
-														variant: "outline",
-														size: "sm",
-														onClick: () => void Q(e, t, ""),
-														children: "Unpin"
-													}) : /* @__PURE__ */ x(c, {
-														variant: "outline",
-														size: "sm",
-														onClick: () => void Q(e, t, e.installedVersion),
-														children: "Pin Current"
+													children: i ? /* @__PURE__ */ C(r, {
+														permission: n.STORE_UPDATE,
+														children: /* @__PURE__ */ C(a, {
+															variant: "outline",
+															size: "sm",
+															onClick: () => void Q(e, t, ""),
+															children: "Unpin"
+														})
+													}) : /* @__PURE__ */ C(r, {
+														permission: n.STORE_UPDATE,
+														children: /* @__PURE__ */ C(a, {
+															variant: "outline",
+															size: "sm",
+															onClick: () => void Q(e, t, e.installedVersion),
+															children: "Pin Current"
+														})
 													})
 												})]
 											}, t);
 										})
 									}) })] }),
-									Object.keys(d).length > 0 && /* @__PURE__ */ S(r, { children: [/* @__PURE__ */ x(o, { children: /* @__PURE__ */ S(s, {
+									Object.keys(p).length > 0 && /* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ w(u, {
 										className: "text-base flex items-center gap-2",
-										children: [/* @__PURE__ */ x(le, { className: "h-4 w-4" }), "Configuration Bindings"]
-									}) }), /* @__PURE__ */ x(i, { children: /* @__PURE__ */ x("div", {
+										children: [/* @__PURE__ */ C(le, { className: "h-4 w-4" }), "Configuration Bindings"]
+									}) }), /* @__PURE__ */ C(s, { children: /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: Object.entries(d).map(([e, t]) => /* @__PURE__ */ S("div", {
+										children: Object.entries(p).map(([e, t]) => /* @__PURE__ */ w("div", {
 											className: "flex justify-between p-2 bg-bg-sunken rounded",
-											children: [/* @__PURE__ */ x("span", {
+											children: [/* @__PURE__ */ C("span", {
 												className: "font-mono text-sm",
 												children: e
-											}), /* @__PURE__ */ x("span", {
+											}), /* @__PURE__ */ C("span", {
 												className: "font-mono text-sm text-text-secondary",
 												children: typeof t == "string" ? t : JSON.stringify(t)
 											})]
 										}, e))
 									}) })] }),
-									/* @__PURE__ */ S(r, { children: [/* @__PURE__ */ x(o, { children: /* @__PURE__ */ x(s, {
+									/* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ C(u, {
 										className: "text-base",
 										children: "Metadata"
-									}) }), /* @__PURE__ */ x(i, { children: /* @__PURE__ */ S("div", {
+									}) }), /* @__PURE__ */ C(s, { children: /* @__PURE__ */ w("div", {
 										className: "grid grid-cols-2 gap-4 text-sm",
 										children: [
-											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-text-secondary",
 												children: "Installed At"
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ C("p", {
 												className: "font-medium",
 												children: t(e.installedAt)
 											})] }),
-											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-text-secondary",
 												children: "Installed By"
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ C("p", {
 												className: "font-medium",
 												children: e.installedBy
 											})] }),
-											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-text-secondary",
 												children: "Package ID"
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ C("p", {
 												className: "font-mono text-xs",
 												children: e.packageId
 											})] }),
-											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-text-secondary",
 												children: "Installation ID"
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ C("p", {
 												className: "font-mono text-xs",
 												children: e.id
 											})] })
@@ -582,23 +597,26 @@ var L = () => {
 									}) })] })
 								]
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ w("div", {
 								className: "p-6 border-t border-border-subtle flex justify-between",
-								children: [/* @__PURE__ */ S(c, {
-									variant: "destructive",
-									onClick: () => void Z(e),
-									children: [/* @__PURE__ */ x(D, { className: "h-4 w-4 mr-2" }), "Uninstall"]
-								}), /* @__PURE__ */ S("div", {
+								children: [/* @__PURE__ */ C(r, {
+									permission: n.STORE_DELETE,
+									children: /* @__PURE__ */ w(a, {
+										variant: "destructive",
+										onClick: () => void Z(e),
+										children: [/* @__PURE__ */ C(k, { className: "h-4 w-4 mr-2" }), "Uninstall"]
+									})
+								}), /* @__PURE__ */ w("div", {
 									className: "flex gap-2",
-									children: [/* @__PURE__ */ x(re, {
-										to: j(`store/package/${u}`),
-										children: /* @__PURE__ */ x(c, {
+									children: [/* @__PURE__ */ C(re, {
+										to: N(`store/package/${f}`),
+										children: /* @__PURE__ */ C(a, {
 											variant: "outline",
 											children: "View in Store"
 										})
-									}), /* @__PURE__ */ x(c, {
+									}), /* @__PURE__ */ C(a, {
 										variant: "outline",
-										onClick: n,
+										onClick: i,
 										children: "Close"
 									})]
 								})]
@@ -614,6 +632,6 @@ var L = () => {
 	});
 };
 //#endregion
-export { L as InstalledPackagesPage };
+export { z as InstalledPackagesPage };
 
 //# sourceMappingURL=InstalledPackagesPage.js.map