@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.2

package/dist/botlit/pages/InstalledPackagesPage.js

@@ -1,25 +1,25 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
-import { formatRelativeTime as t } from "../utils/formatters.js";
+import { PageLayout as t } from "../components/PageLayout.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 { Card as i, CardContent as a, CardDescription as o, CardHeader as s, CardTitle as c } from "../components/Card.js";
+import { Button as l } from "../components/Button.js";
+import { Input as u } from "../components/Input.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 { ErrorState as ee } from "../components/ErrorState.js";
 import "../hooks/index.js";
-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 { formatRelativeTime as p } from "../utils/formatters.js";
+import { storePackageName as m, useInstalledPackages as h, usePinPackageVersion as te, useUninstallPackage as ne, useUpdateInstalledPackage as g } from "../hooks/useStore.js";
+import { PackageKind as _ } from "../../generated/wspace-types.js";
+import "../permissions/index.js";
+import { useMemo as v, useState as y } from "react";
+import { GlassCard as b, PagePurpose as x } 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 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 { ArrowUpCircle as T, Copy as ie, Download as E, ExternalLink as D, GitBranch as ae, Link2 as oe, 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
+// src/botlit/pages/InstalledPackagesPage.tsx
 var j = [
 	"DEV",
 	"STAGING",
@@ -112,17 +112,17 @@ function R(e, t) {
 	return typeof n == "string" && n !== "" ? n : void 0;
 }
 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 { navigateTo: M, getPath: N } = e(), { data: z, loading: B, error: V, refetch: H } = h(), { uninstall: U, loading: ue } = ne(), { update: de, loading: fe } = g(), { pin: pe } = te(), [W, me] = y(""), [he, G] = y(!1), [K, ge] = y("all"), [q, J] = y(null), Y = v(() => {
 		let e = W.trim().toLowerCase();
 		return z.filter((t) => {
-			let n = !e || P(t).toLowerCase().includes(e) || h(t.package).toLowerCase().includes(e), r = K === "all" || F(t) === K;
+			let n = !e || P(t).toLowerCase().includes(e) || m(t.package).toLowerCase().includes(e), r = K === "all" || F(t) === K;
 			return n && r;
 		});
 	}, [
 		z,
 		W,
 		K
-	]), X = y(() => z.find((e) => e.id === q) ?? null, [z, q]), _e = y(() => z.filter(L).length, [z]), ve = async () => {
+	]), X = v(() => z.find((e) => e.id === q) ?? null, [z, q]), _e = v(() => z.filter(L).length, [z]), ve = async () => {
 		G(!0);
 		try {
 			await H();
@@ -131,7 +131,7 @@ var z = () => {
 		}
 	}, Z = async (e) => {
 		if (confirm("Are you sure you want to uninstall this package?")) try {
-			await U(e.id), A.success(`Uninstalled "${h(e.package) || P(e)}"`), J(null), H();
+			await U(e.id), A.success(`Uninstalled "${m(e.package) || P(e)}"`), J(null), H();
 		} catch (e) {
 			A.error(e instanceof Error ? e.message : "Failed to uninstall package");
 		}
@@ -156,12 +156,12 @@ var z = () => {
 		} catch (e) {
 			A.error(e instanceof Error ? e.message : "Failed to change version pin");
 		}
-	}, $ = (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, {
+	}, $ = (e) => e === "LINKED" ? /* @__PURE__ */ C(oe, { 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 t = I(e), o = P(e), s = L(e), c = j.filter((t) => R(e, t));
+		return /* @__PURE__ */ C(i, {
 			className: "hover:shadow-md transition-shadow cursor-pointer",
 			onClick: () => J(e.id),
-			children: /* @__PURE__ */ w(s, {
+			children: /* @__PURE__ */ w(a, {
 				className: "pt-6",
 				children: [
 					/* @__PURE__ */ w("div", {
@@ -170,26 +170,26 @@ var z = () => {
 							className: "flex items-start gap-3",
 							children: [/* @__PURE__ */ C("div", {
 								className: "p-2 rounded-lg bg-bg-sunken text-2xl",
-								children: i.icon
+								children: t.icon
 							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ C("h3", {
 									className: "font-semibold",
-									children: h(e.package) || c
-								}), l && /* @__PURE__ */ w(d, {
+									children: m(e.package) || o
+								}), s && /* @__PURE__ */ w(d, {
 									variant: "warning",
 									className: "gap-1",
 									children: [/* @__PURE__ */ C(T, { className: "h-3 w-3" }), "Update"]
 								})]
 							}), /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary font-mono",
-								children: c
+								children: o
 							})] })]
 						}), /* @__PURE__ */ w("div", {
 							className: "flex items-center gap-2",
 							children: [$(e.mode), /* @__PURE__ */ C(d, {
 								variant: "outline",
-								children: i.label
+								children: t.label
 							})]
 						})]
 					}),
@@ -215,11 +215,11 @@ var z = () => {
 								children: "Installed"
 							}), /* @__PURE__ */ C("p", {
 								className: "font-medium",
-								children: t(e.installedAt)
+								children: p(e.installedAt)
 							})] })
 						]
 					}),
-					u.length > 0 && /* @__PURE__ */ w("div", {
+					c.length > 0 && /* @__PURE__ */ w("div", {
 						className: "mt-4 pt-4 border-t border-border-subtle",
 						children: [/* @__PURE__ */ C("p", {
 							className: "text-xs text-text-secondary mb-2",
@@ -243,17 +243,17 @@ var z = () => {
 					/* @__PURE__ */ w("div", {
 						className: "mt-4 flex justify-end gap-2",
 						children: [
-							/* @__PURE__ */ w(a, {
+							/* @__PURE__ */ w(l, {
 								variant: "ghost",
 								size: "sm",
 								onClick: (e) => {
-									e.stopPropagation(), M(`store/package/${c}`);
+									e.stopPropagation(), M(`store/package/${o}`);
 								},
-								children: [/* @__PURE__ */ C(oe, { className: "h-4 w-4 mr-1" }), "View in Store"]
+								children: [/* @__PURE__ */ C(D, { className: "h-4 w-4 mr-1" }), "View in Store"]
 							}),
-							l && /* @__PURE__ */ C(r, {
+							s && /* @__PURE__ */ C(r, {
 								permission: n.STORE_UPDATE,
-								children: /* @__PURE__ */ w(a, {
+								children: /* @__PURE__ */ w(l, {
 									variant: "outline",
 									size: "sm",
 									onClick: (t) => {
@@ -265,7 +265,7 @@ var z = () => {
 							}),
 							/* @__PURE__ */ C(r, {
 								permission: n.STORE_DELETE,
-								children: /* @__PURE__ */ C(a, {
+								children: /* @__PURE__ */ C(l, {
 									variant: "ghost",
 									size: "sm",
 									"aria-label": "Uninstall package",
@@ -283,7 +283,7 @@ var z = () => {
 			})
 		});
 	};
-	return B ? /* @__PURE__ */ C(i, {
+	return B ? /* @__PURE__ */ C(t, {
 		title: "Installed Packages",
 		description: "Manage installed store packages",
 		children: /* @__PURE__ */ C("div", {
@@ -294,30 +294,30 @@ var z = () => {
 				3
 			].map((e) => /* @__PURE__ */ C("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
 		})
-	}) : /* @__PURE__ */ w(i, {
+	}) : /* @__PURE__ */ w(t, {
 		title: "Installed Packages",
 		description: "Manage packages installed from the BotManor Store",
 		actions: /* @__PURE__ */ w("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ C(a, {
+			children: [/* @__PURE__ */ C(l, {
 				variant: "outline",
 				leftIcon: /* @__PURE__ */ C(se, { size: 16 }),
 				onClick: () => void ve(),
 				isLoading: he,
 				children: "Check Updates"
-			}), /* @__PURE__ */ C(a, {
+			}), /* @__PURE__ */ C(l, {
 				leftIcon: /* @__PURE__ */ C(O, { size: 16 }),
 				onClick: () => M("store"),
 				children: "Browse Store"
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ C(ne, {
+			/* @__PURE__ */ C(x, {
 				className: "mb-6",
 				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."
 			}),
-			V ? /* @__PURE__ */ C(m, {
+			V ? /* @__PURE__ */ C(ee, {
 				resource: "installed packages",
 				error: V,
 				onRetry: () => void H()
@@ -325,7 +325,7 @@ var z = () => {
 				/* @__PURE__ */ w("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-6",
 					children: [
-						/* @__PURE__ */ w(x, {
+						/* @__PURE__ */ w(b, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-6 text-center",
@@ -337,7 +337,7 @@ var z = () => {
 								children: "Total Installed"
 							})]
 						}),
-						/* @__PURE__ */ w(x, {
+						/* @__PURE__ */ w(b, {
 							treatment: "metric",
 							className: "p-6 text-center",
 							children: [/* @__PURE__ */ C("p", {
@@ -348,7 +348,7 @@ var z = () => {
 								children: "Linked"
 							})]
 						}),
-						/* @__PURE__ */ w(x, {
+						/* @__PURE__ */ w(b, {
 							treatment: "metric",
 							className: "p-6 text-center",
 							children: [/* @__PURE__ */ C("p", {
@@ -359,7 +359,7 @@ var z = () => {
 								children: "Forked"
 							})]
 						}),
-						/* @__PURE__ */ w(x, {
+						/* @__PURE__ */ w(b, {
 							treatment: "metric",
 							className: "p-6 text-center",
 							children: [/* @__PURE__ */ C("p", {
@@ -376,7 +376,7 @@ var z = () => {
 					className: "flex flex-col md:flex-row gap-4 mb-6",
 					children: [/* @__PURE__ */ w("div", {
 						className: "relative flex-1",
-						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, {
+						children: [/* @__PURE__ */ C(ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ C(u, {
 							placeholder: "Search packages...",
 							value: W,
 							onChange: (e) => me(e.target.value),
@@ -395,23 +395,23 @@ var z = () => {
 									children: "All Types"
 								}),
 								/* @__PURE__ */ C("option", {
-									value: v.Agent,
+									value: _.Agent,
 									children: "Agents"
 								}),
 								/* @__PURE__ */ C("option", {
-									value: v.Skill,
+									value: _.Skill,
 									children: "Skills"
 								}),
 								/* @__PURE__ */ C("option", {
-									value: v.McpPack,
+									value: _.McpPack,
 									children: "MCP Packs"
 								}),
 								/* @__PURE__ */ C("option", {
-									value: v.PromptTemplate,
+									value: _.PromptTemplate,
 									children: "Templates"
 								}),
 								/* @__PURE__ */ C("option", {
-									value: v.RetrievalProfile,
+									value: _.RetrievalProfile,
 									children: "Retrieval Profiles"
 								})
 							]
@@ -425,15 +425,15 @@ var z = () => {
 					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__ */ C(a, {
+					action: /* @__PURE__ */ C(l, {
 						onClick: () => M("store"),
-						leftIcon: /* @__PURE__ */ C(ae, { className: "h-4 w-4" }),
+						leftIcon: /* @__PURE__ */ C(E, { className: "h-4 w-4" }),
 						children: "Browse Store"
 					})
 				})
 			] }),
-			X && /* @__PURE__ */ C(({ pkg: e, onClose: i }) => {
-				let d = I(e), f = P(e), p = e.bindings ?? {};
+			X && /* @__PURE__ */ C(({ pkg: e, onClose: t }) => {
+				let u = I(e), d = P(e), f = e.bindings ?? {};
 				return /* @__PURE__ */ C("div", {
 					className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50",
 					children: /* @__PURE__ */ w("div", {
@@ -447,19 +447,19 @@ var z = () => {
 										className: "flex items-start gap-3",
 										children: [/* @__PURE__ */ C("div", {
 											className: "p-3 rounded-lg bg-bg-sunken text-3xl",
-											children: d.icon
+											children: u.icon
 										}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h2", {
 											className: "text-xl font-bold",
-											children: h(e.package) || f
+											children: m(e.package) || d
 										}), /* @__PURE__ */ C("p", {
 											className: "text-sm text-text-secondary font-mono",
-											children: f
+											children: d
 										})] })]
-									}), /* @__PURE__ */ C(a, {
+									}), /* @__PURE__ */ C(l, {
 										variant: "ghost",
 										size: "sm",
 										"aria-label": "Close",
-										onClick: i,
+										onClick: t,
 										children: "×"
 									})]
 								})
@@ -467,10 +467,10 @@ var z = () => {
 							/* @__PURE__ */ w("div", {
 								className: "p-6 space-y-6",
 								children: [
-									/* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ C(u, {
+									/* @__PURE__ */ w(i, { children: [/* @__PURE__ */ C(s, { children: /* @__PURE__ */ C(c, {
 										className: "text-base",
 										children: "Version Information"
-									}) }), /* @__PURE__ */ w(s, {
+									}) }), /* @__PURE__ */ w(a, {
 										className: "space-y-4",
 										children: [/* @__PURE__ */ w("div", {
 											className: "grid grid-cols-2 gap-4",
@@ -505,10 +505,10 @@ var z = () => {
 											]
 										})] })]
 									})] }),
-									/* @__PURE__ */ w(o, { children: [/* @__PURE__ */ w(l, { children: [/* @__PURE__ */ w(u, {
+									/* @__PURE__ */ w(i, { children: [/* @__PURE__ */ w(s, { children: [/* @__PURE__ */ w(c, {
 										className: "text-base flex items-center gap-2",
-										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", {
+										children: [/* @__PURE__ */ C(ae, { className: "h-4 w-4" }), "Environment Version Pins"]
+									}), /* @__PURE__ */ C(o, { children: "Pin specific versions for each environment" })] }), /* @__PURE__ */ C(a, { children: /* @__PURE__ */ C("div", {
 										className: "space-y-3",
 										children: j.map((t) => {
 											let i = R(e, t);
@@ -524,7 +524,7 @@ var z = () => {
 													className: "flex gap-2",
 													children: i ? /* @__PURE__ */ C(r, {
 														permission: n.STORE_UPDATE,
-														children: /* @__PURE__ */ C(a, {
+														children: /* @__PURE__ */ C(l, {
 															variant: "outline",
 															size: "sm",
 															onClick: () => void Q(e, t, ""),
@@ -532,7 +532,7 @@ var z = () => {
 														})
 													}) : /* @__PURE__ */ C(r, {
 														permission: n.STORE_UPDATE,
-														children: /* @__PURE__ */ C(a, {
+														children: /* @__PURE__ */ C(l, {
 															variant: "outline",
 															size: "sm",
 															onClick: () => void Q(e, t, e.installedVersion),
@@ -543,12 +543,12 @@ var z = () => {
 											}, t);
 										})
 									}) })] }),
-									Object.keys(p).length > 0 && /* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ w(u, {
+									Object.keys(f).length > 0 && /* @__PURE__ */ w(i, { children: [/* @__PURE__ */ C(s, { children: /* @__PURE__ */ w(c, {
 										className: "text-base flex items-center gap-2",
 										children: [/* @__PURE__ */ C(le, { className: "h-4 w-4" }), "Configuration Bindings"]
-									}) }), /* @__PURE__ */ C(s, { children: /* @__PURE__ */ C("div", {
+									}) }), /* @__PURE__ */ C(a, { children: /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: Object.entries(p).map(([e, t]) => /* @__PURE__ */ w("div", {
+										children: Object.entries(f).map(([e, t]) => /* @__PURE__ */ w("div", {
 											className: "flex justify-between p-2 bg-bg-sunken rounded",
 											children: [/* @__PURE__ */ C("span", {
 												className: "font-mono text-sm",
@@ -559,10 +559,10 @@ var z = () => {
 											})]
 										}, e))
 									}) })] }),
-									/* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ C(u, {
+									/* @__PURE__ */ w(i, { children: [/* @__PURE__ */ C(s, { children: /* @__PURE__ */ C(c, {
 										className: "text-base",
 										children: "Metadata"
-									}) }), /* @__PURE__ */ C(s, { children: /* @__PURE__ */ w("div", {
+									}) }), /* @__PURE__ */ C(a, { children: /* @__PURE__ */ w("div", {
 										className: "grid grid-cols-2 gap-4 text-sm",
 										children: [
 											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
@@ -570,7 +570,7 @@ var z = () => {
 												children: "Installed At"
 											}), /* @__PURE__ */ C("p", {
 												className: "font-medium",
-												children: t(e.installedAt)
+												children: p(e.installedAt)
 											})] }),
 											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-text-secondary",
@@ -601,7 +601,7 @@ var z = () => {
 								className: "p-6 border-t border-border-subtle flex justify-between",
 								children: [/* @__PURE__ */ C(r, {
 									permission: n.STORE_DELETE,
-									children: /* @__PURE__ */ w(a, {
+									children: /* @__PURE__ */ w(l, {
 										variant: "destructive",
 										onClick: () => void Z(e),
 										children: [/* @__PURE__ */ C(k, { className: "h-4 w-4 mr-2" }), "Uninstall"]
@@ -609,14 +609,14 @@ var z = () => {
 								}), /* @__PURE__ */ w("div", {
 									className: "flex gap-2",
 									children: [/* @__PURE__ */ C(re, {
-										to: N(`store/package/${f}`),
-										children: /* @__PURE__ */ C(a, {
+										to: N(`store/package/${d}`),
+										children: /* @__PURE__ */ C(l, {
 											variant: "outline",
 											children: "View in Store"
 										})
-									}), /* @__PURE__ */ C(a, {
+									}), /* @__PURE__ */ C(l, {
 										variant: "outline",
-										onClick: i,
+										onClick: t,
 										children: "Close"
 									})]
 								})]
@@ -631,7 +631,6 @@ var z = () => {
 		]
 	});
 };
-//#endregion
 export { z as InstalledPackagesPage };
 
 //# sourceMappingURL=InstalledPackagesPage.js.map