@burdenoff/microfe-botmanor 2026.821.1 → 2026.925.1

package/dist/botlit/pages/StorePage.js

@@ -1,238 +1,239 @@
-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 { storePackageDescription as p, storePackageName as m, useInstallPackage as h, useInstalledPackages as g, useStorePackages as _ } from "../hooks/useStore.js";
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useBotlit as t } from "../providers/BotlitProvider.js";
+import { formatRelativeTime as n } from "../utils/formatters.js";
+import { PageLayout as r } from "../components/PageLayout.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 { Badge as u } from "../components/Badge.js";
+import { EmptyState as d } from "../components/EmptyState.js";
+import { Input as f } from "../components/Input.js";
+import { ErrorState as p } from "../components/ErrorState.js";
+import { storePackageDescription as m, storePackageName as h, useInstallPackage as g, useInstalledPackages as _, useStorePackages as v } from "../hooks/useStore.js";
 import "../hooks/index.js";
-import { InstallMode as v, PackageKind as y } from "../../generated/wspace-types.js";
-import { useMemo as b, useState as x } from "react";
-import { GlassCard as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Link as E } from "react-router";
-import { Bot as D, Check as O, Database as k, ExternalLink as A, FileText as j, Package as M, Search as N, Shield as P, Sparkles as F, Store as I, Wrench as L } from "lucide-react";
-import { toast as R } from "sonner";
+import { InstallMode as y, PackageKind as b } from "../../generated/wspace-types.js";
+import { useMemo as x, useState as S } from "react";
+import { GlassCard as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Link as D } from "react-router";
+import { Bot as O, Check as k, Database as A, ExternalLink as j, FileText as M, Package as N, Search as P, Shield as F, Sparkles as I, Store as L, Wrench as R } from "lucide-react";
+import { toast as z } from "sonner";
 //#region src/botlit/pages/StorePage.tsx
-var z = ({ kind: e, className: t }) => {
+var B = ({ kind: e, className: t }) => {
 	switch (e) {
-		case "APP": return /* @__PURE__ */ w(M, { className: t });
+		case "APP": return /* @__PURE__ */ T(N, { className: t });
 		case "AGENT":
-		case "A2A_AGENT": return /* @__PURE__ */ w(D, { className: t });
+		case "A2A_AGENT": return /* @__PURE__ */ T(O, { className: t });
 		case "MCP_PACK":
-		case "TOOL": return /* @__PURE__ */ w(L, { className: t });
+		case "TOOL": return /* @__PURE__ */ T(R, { className: t });
 		case "PROMPT_TEMPLATE":
-		case "PROMPT": return /* @__PURE__ */ w(j, { className: t });
-		case "SKILL": return /* @__PURE__ */ w(F, { className: t });
+		case "PROMPT": return /* @__PURE__ */ T(M, { className: t });
+		case "SKILL": return /* @__PURE__ */ T(I, { className: t });
 		case "RETRIEVAL_PROFILE":
 		case "KNOWLEDGE_BASE":
-		case "KB_TEMPLATE": return /* @__PURE__ */ w(k, { className: t });
-		case "POLICY_BUNDLE": return /* @__PURE__ */ w(P, { className: t });
-		default: return /* @__PURE__ */ w(M, { className: t });
+		case "KB_TEMPLATE": return /* @__PURE__ */ T(A, { className: t });
+		case "POLICY_BUNDLE": return /* @__PURE__ */ T(F, { className: t });
+		default: return /* @__PURE__ */ T(N, { className: t });
 	}
-}, B = {
-	APP: "Bot",
-	AGENT: "Agent",
-	MCP_PACK: "MCP Pack",
-	PROMPT_TEMPLATE: "Prompt Template",
-	PROMPT: "Prompt",
-	SKILL: "Skill",
-	RETRIEVAL_PROFILE: "Retrieval Profile",
-	POLICY_BUNDLE: "Policy Bundle",
-	CHANNEL_TEMPLATE: "Channel Template",
-	A2A_AGENT: "A2A Agent",
-	KB_TEMPLATE: "KB Template",
-	KNOWLEDGE_BASE: "Knowledge Base",
-	INTEGRATION: "Integration",
-	TEMPLATE: "Template",
-	TOOL: "Tool",
-	WORKFLOW: "Workflow"
-}, V = () => {
-	let { getPath: D } = e(), [k, j] = x(""), [M, P] = x(null), [F, L] = x("recent"), [V, H] = x(null), { data: U, loading: W, error: G, refetch: K } = _(b(() => ({
-		search: k,
-		kind: M ? [M] : void 0,
-		sortBy: F
+};
+function V(e) {
+	return {
+		APP: e("botlit.store.kindLabel.APP", "Bot"),
+		AGENT: e("botlit.store.kindLabel.AGENT", "Agent"),
+		MCP_PACK: e("botlit.store.kindLabel.MCP_PACK", "MCP Pack"),
+		PROMPT_TEMPLATE: e("botlit.store.kindLabel.PROMPT_TEMPLATE", "Prompt Template"),
+		PROMPT: e("botlit.store.kindLabel.PROMPT", "Prompt"),
+		SKILL: e("botlit.store.kindLabel.SKILL", "Skill"),
+		RETRIEVAL_PROFILE: e("botlit.store.kindLabel.RETRIEVAL_PROFILE", "Retrieval Profile"),
+		POLICY_BUNDLE: e("botlit.store.kindLabel.POLICY_BUNDLE", "Policy Bundle"),
+		CHANNEL_TEMPLATE: e("botlit.store.kindLabel.CHANNEL_TEMPLATE", "Channel Template"),
+		A2A_AGENT: e("botlit.store.kindLabel.A2A_AGENT", "A2A Agent"),
+		KB_TEMPLATE: e("botlit.store.kindLabel.KB_TEMPLATE", "KB Template"),
+		KNOWLEDGE_BASE: e("botlit.store.kindLabel.KNOWLEDGE_BASE", "Knowledge Base"),
+		INTEGRATION: e("botlit.store.kindLabel.INTEGRATION", "Integration"),
+		TEMPLATE: e("botlit.store.kindLabel.TEMPLATE", "Template"),
+		TOOL: e("botlit.store.kindLabel.TOOL", "Tool"),
+		WORKFLOW: e("botlit.store.kindLabel.WORKFLOW", "Workflow")
+	};
+}
+var H = () => {
+	let O = e(), { getPath: A } = t(), M = V(O), [N, F] = S(""), [I, R] = S(null), [H, U] = S("recent"), [W, G] = S(null), { data: K, loading: q, error: J, refetch: Y } = v(x(() => ({
+		search: N,
+		kind: I ? [I] : void 0,
+		sortBy: H
 	}), [
-		k,
-		M,
-		F
-	])), { data: q, refetch: J } = g(), { install: Y } = h(), X = b(() => new Set(q.map((e) => e.package?.slug).filter((e) => typeof e == "string")), [q]), Z = async (e, t) => {
-		t.preventDefault(), t.stopPropagation(), H(e.slug);
+		N,
+		I,
+		H
+	])), { data: X, refetch: Z } = _(), { install: Q } = g(), $ = x(() => new Set(X.map((e) => e.package?.slug).filter((e) => typeof e == "string")), [X]), ee = async (e, t) => {
+		t.preventDefault(), t.stopPropagation(), G(e.slug);
 		try {
-			await Y({
+			await Q({
 				packageId: e.id,
-				mode: v.Linked
-			}), R.success(`Installed "${m(e)}"`), J();
+				mode: y.Linked
+			}), z.success(O("botlit.store.install.success", "Installed \"{{name}}\"", { name: h(e) })), Z();
 		} catch (e) {
-			R.error(e instanceof Error ? e.message : "Failed to install package");
+			z.error(e instanceof Error ? e.message : O("botlit.store.install.error", "Failed to install package"));
 		} finally {
-			H(null);
+			G(null);
 		}
-	}, Q = [
-		y.Agent,
-		y.McpPack,
-		y.Skill,
-		y.PromptTemplate,
-		y.PolicyBundle
+	}, te = [
+		b.Agent,
+		b.McpPack,
+		b.Skill,
+		b.PromptTemplate,
+		b.PolicyBundle
 	];
-	return /* @__PURE__ */ w(n, {
-		title: "Botlit Store",
-		description: "Discover and install pre-built agents, tools, and configurations",
-		actions: /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ T(r, {
+		title: O("botlit.store.title", "BotManor Store"),
+		description: O("botlit.store.description", "Discover and install pre-built agents, tools, and configurations"),
+		actions: /* @__PURE__ */ E("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ w(c, {
+			children: [/* @__PURE__ */ T(l, {
 				variant: "outline",
-				children: /* @__PURE__ */ T(E, {
-					to: D("store/installed"),
-					children: [
-						"View Installed (",
-						q.length,
-						")"
-					]
+				children: /* @__PURE__ */ T(D, {
+					to: A("store/installed"),
+					children: O("botlit.store.actions.viewInstalled", "View Installed ({{count}})", { count: X.length })
 				})
-			}), /* @__PURE__ */ w(c, {
+			}), /* @__PURE__ */ T(l, {
 				variant: "outline",
-				leftIcon: /* @__PURE__ */ w(A, { size: 16 }),
-				children: "Publish Package"
+				leftIcon: /* @__PURE__ */ T(j, { size: 16 }),
+				children: O("botlit.store.actions.publishPackage", "Publish Package")
 			})]
 		}),
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ w(C, {
-					icon: /* @__PURE__ */ w(I, { size: 18 }),
-					children: "The store is a marketplace of ready-made building blocks — full bots, agents, MCP tool packs, prompt templates and policy bundles published by the Botlit team and the community. Browse and install a package to skip the setup and start from a working example, then customise it for your own use case instead of building everything from scratch."
+				/* @__PURE__ */ T(w, {
+					icon: /* @__PURE__ */ T(L, { size: 18 }),
+					children: O("botlit.store.purpose", "The store is a marketplace of ready-made building blocks — full bots, agents, MCP tool packs, prompt templates and policy bundles published by the BotManor team and the community. Browse and install a package to skip the setup and start from a working example, then customise it for your own use case instead of building everything from scratch.")
 				}),
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ E("div", {
 					className: "flex flex-wrap items-center gap-4",
 					children: [
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							className: "relative flex-1 max-w-md",
-							children: [/* @__PURE__ */ w(N, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ w(d, {
-								placeholder: "Search packages...",
-								value: k,
-								onChange: (e) => j(e.target.value),
+							children: [/* @__PURE__ */ T(P, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T(f, {
+								placeholder: O("botlit.store.searchPlaceholder", "Search packages..."),
+								value: N,
+								onChange: (e) => F(e.target.value),
 								className: "pl-9"
 							})]
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ w(c, {
-								variant: M === null ? "default" : "outline",
+							children: [/* @__PURE__ */ T(l, {
+								variant: I === null ? "default" : "outline",
 								size: "sm",
-								onClick: () => P(null),
-								children: "All"
-							}), Q.map((e) => /* @__PURE__ */ w(c, {
-								variant: M === e ? "default" : "outline",
+								onClick: () => R(null),
+								children: O("botlit.store.filters.all", "All")
+							}), te.map((e) => /* @__PURE__ */ T(l, {
+								variant: I === e ? "default" : "outline",
 								size: "sm",
-								onClick: () => P(e),
-								leftIcon: /* @__PURE__ */ w(z, {
+								onClick: () => R(e),
+								leftIcon: /* @__PURE__ */ T(B, {
 									kind: e,
 									className: "h-4 w-4"
 								}),
-								children: B[e]
+								children: M[e]
 							}, e))]
 						}),
-						/* @__PURE__ */ T("select", {
-							"aria-label": "Sort packages",
+						/* @__PURE__ */ E("select", {
+							"aria-label": O("botlit.store.filters.sortLabel", "Sort packages"),
 							className: "h-9 px-3 border border-border-default rounded-md bg-bg-surface text-sm",
-							value: F,
-							onChange: (e) => L(e.target.value),
-							children: [/* @__PURE__ */ w("option", {
+							value: H,
+							onChange: (e) => U(e.target.value),
+							children: [/* @__PURE__ */ T("option", {
 								value: "recent",
-								children: "Recently Published"
-							}), /* @__PURE__ */ w("option", {
+								children: O("botlit.store.sort.recent", "Recently Published")
+							}), /* @__PURE__ */ T("option", {
 								value: "name",
-								children: "Name (A–Z)"
+								children: O("botlit.store.sort.name", "Name (A–Z)")
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ E("div", {
 					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
-					children: [/* @__PURE__ */ w(S, {
+					children: [/* @__PURE__ */ T(C, {
 						treatment: "glass",
 						glow: !0,
 						className: "md:col-span-2 p-6",
-						children: /* @__PURE__ */ T("div", {
+						children: /* @__PURE__ */ E("div", {
 							className: "flex items-start gap-4",
-							children: [/* @__PURE__ */ w("div", {
+							children: [/* @__PURE__ */ T("div", {
 								className: "p-3 bg-action-primary-bg/20 rounded-lg",
-								children: /* @__PURE__ */ w(I, { className: "h-8 w-8 text-primary" })
-							}), /* @__PURE__ */ T("div", { children: [
-								/* @__PURE__ */ w("h3", {
+								children: /* @__PURE__ */ T(L, { className: "h-8 w-8 text-primary" })
+							}), /* @__PURE__ */ E("div", { children: [
+								/* @__PURE__ */ T("h3", {
 									className: "text-lg font-semibold text-text-primary",
-									children: "Welcome to the Botlit Store"
+									children: O("botlit.store.featured.title", "Welcome to the BotManor Store")
 								}),
-								/* @__PURE__ */ w("p", {
+								/* @__PURE__ */ T("p", {
 									className: "text-sm text-text-secondary mt-1",
-									children: "Discover production-ready agents, tool packs, and configurations built by the community and Botlit team. Install packages to jumpstart your AI applications."
+									children: O("botlit.store.featured.description", "Discover production-ready agents, tool packs, and configurations built by the community and BotManor team. Install packages to jumpstart your AI applications.")
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex gap-4 mt-4",
-									children: [/* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ E("div", {
 										className: "text-center",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ T("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: U.length
-										}), /* @__PURE__ */ w("p", {
+											children: K.length
+										}), /* @__PURE__ */ T("p", {
 											className: "text-xs text-text-secondary",
-											children: "Packages"
+											children: O("botlit.store.featured.packages", "Packages")
 										})]
-									}), /* @__PURE__ */ T("div", {
+									}), /* @__PURE__ */ E("div", {
 										className: "text-center",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ T("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: q.length
-										}), /* @__PURE__ */ w("p", {
+											children: X.length
+										}), /* @__PURE__ */ T("p", {
 											className: "text-xs text-text-secondary",
-											children: "Installed"
+											children: O("botlit.store.featured.installed", "Installed")
 										})]
 									})]
 								})
 							] })]
 						})
-					}), /* @__PURE__ */ T(r, { children: [/* @__PURE__ */ w(o, {
+					}), /* @__PURE__ */ E(i, { children: [/* @__PURE__ */ T(s, {
 						className: "pb-2",
-						children: /* @__PURE__ */ w(s, {
+						children: /* @__PURE__ */ T(c, {
 							className: "text-sm",
-							children: "Quick Install"
+							children: O("botlit.store.featured.quickInstall", "Quick Install")
 						})
-					}), /* @__PURE__ */ w(i, {
+					}), /* @__PURE__ */ T(a, {
 						className: "space-y-2",
-						children: U.slice(0, 3).map((e) => /* @__PURE__ */ T("div", {
+						children: K.slice(0, 3).map((e) => /* @__PURE__ */ E("div", {
 							className: "flex items-center justify-between p-2 bg-bg-sunken rounded",
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ E("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ w(z, {
+								children: [/* @__PURE__ */ T(B, {
 									kind: e.kind,
 									className: "h-4 w-4 text-text-secondary"
-								}), /* @__PURE__ */ w("span", {
+								}), /* @__PURE__ */ T("span", {
 									className: "text-sm truncate max-w-[150px]",
-									children: m(e)
+									children: h(e)
 								})]
-							}), X.has(e.slug) ? /* @__PURE__ */ T(l, {
+							}), $.has(e.slug) ? /* @__PURE__ */ E(u, {
 								variant: "success",
 								className: "text-xs",
-								children: [/* @__PURE__ */ w(O, {
+								children: [/* @__PURE__ */ T(k, {
 									size: 12,
 									className: "mr-1"
-								}), "Installed"]
-							}) : /* @__PURE__ */ w(c, {
+								}), O("botlit.store.install.installedBadge", "Installed")]
+							}) : /* @__PURE__ */ T(l, {
 								size: "sm",
 								variant: "ghost",
 								className: "h-6 text-xs",
-								onClick: (t) => void Z(e, t),
-								isLoading: V === e.slug,
-								children: "Install"
+								onClick: (t) => void ee(e, t),
+								isLoading: W === e.slug,
+								children: O("botlit.store.install.action", "Install")
 							})]
 						}, e.id))
 					})] })]
 				}),
-				W ? /* @__PURE__ */ w("div", {
+				q ? /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 					children: [
 						1,
@@ -241,31 +242,31 @@ var z = ({ kind: e, className: t }) => {
 						4,
 						5,
 						6
-					].map((e) => /* @__PURE__ */ w("div", { className: "h-56 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : G ? /* @__PURE__ */ w(f, {
+					].map((e) => /* @__PURE__ */ T("div", { className: "h-56 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : J ? /* @__PURE__ */ T(p, {
 					resource: "store packages",
-					error: G,
-					onRetry: () => void K()
-				}) : U.length > 0 ? /* @__PURE__ */ w("div", {
+					error: J,
+					onRetry: () => void Y()
+				}) : K.length > 0 ? /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: U.map((e) => /* @__PURE__ */ w(E, {
-						to: D(`store/package/${e.slug}`),
-						children: /* @__PURE__ */ T(r, {
+					children: K.map((e) => /* @__PURE__ */ T(D, {
+						to: A(`store/package/${e.slug}`),
+						children: /* @__PURE__ */ E(i, {
 							className: "h-full hover:border-primary/50 transition-colors cursor-pointer",
-							children: [/* @__PURE__ */ w(o, { children: /* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ E("div", {
 								className: "flex items-start justify-between",
-								children: [/* @__PURE__ */ T("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ T("div", {
 										className: "p-2 bg-action-primary-bg/10 rounded-lg",
-										children: /* @__PURE__ */ w(z, {
+										children: /* @__PURE__ */ T(B, {
 											kind: e.kind,
 											className: "h-5 w-5 text-primary"
 										})
-									}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(s, {
+									}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(c, {
 										className: "text-base",
-										children: m(e)
-									}), /* @__PURE__ */ T(a, {
+										children: h(e)
+									}), /* @__PURE__ */ E(o, {
 										className: "text-xs",
 										children: [
 											e.slug,
@@ -273,43 +274,43 @@ var z = ({ kind: e, className: t }) => {
 											e.version
 										]
 									})] })]
-								}), X.has(e.slug) && /* @__PURE__ */ T(l, {
+								}), $.has(e.slug) && /* @__PURE__ */ E(u, {
 									variant: "success",
 									className: "text-xs",
-									children: [/* @__PURE__ */ w(O, {
+									children: [/* @__PURE__ */ T(k, {
 										size: 10,
 										className: "mr-1"
-									}), "Installed"]
+									}), O("botlit.store.install.installedBadge", "Installed")]
 								})]
-							}) }), /* @__PURE__ */ w(i, { children: /* @__PURE__ */ T("div", {
+							}) }), /* @__PURE__ */ T(a, { children: /* @__PURE__ */ E("div", {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ T("p", {
 									className: "text-sm text-text-secondary line-clamp-2",
-									children: p(e)
-								}), /* @__PURE__ */ T("div", {
+									children: m(e)
+								}), /* @__PURE__ */ E("div", {
 									className: "pt-3 border-t border-border-subtle flex items-center justify-between",
-									children: [/* @__PURE__ */ w(l, {
+									children: [/* @__PURE__ */ T(u, {
 										variant: "outline",
 										className: "text-xs",
-										children: B[e.kind] ?? e.kind
-									}), /* @__PURE__ */ w("span", {
+										children: M[e.kind] ?? e.kind
+									}), /* @__PURE__ */ T("span", {
 										className: "text-xs text-text-secondary",
-										children: t(e.publishedAt)
+										children: n(e.publishedAt)
 									})]
 								})]
 							}) })]
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ w(u, {
+				}) : /* @__PURE__ */ T(d, {
 					illustration: "empty-search",
-					title: "No packages found",
-					description: k || M ? "Try adjusting your search or filters." : "No packages available in the store yet."
+					title: O("botlit.store.empty.title", "No packages found"),
+					description: N || I ? O("botlit.store.empty.descriptionFiltered", "Try adjusting your search or filters.") : O("botlit.store.empty.descriptionNoPackages", "No packages available in the store yet.")
 				})
 			]
 		})
 	});
 };
 //#endregion
-export { V as StorePage };
+export { H as StorePage };
 
 //# sourceMappingURL=StorePage.js.map

package/dist/botlit/pages/StorePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StorePage.js","names":[],"sources":["../../../src/botlit/pages/StorePage.tsx"],"sourcesContent":["/**\n * Store Page\n * @module botlit/pages\n */\n\nimport type { FC, MouseEvent } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Link } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  Search as SearchIcon,\n  Store,\n  Package,\n  Bot,\n  Wrench,\n  FileText,\n  Sparkles,\n  Database,\n  Shield,\n  Check,\n  ExternalLink,\n} from 'lucide-react';\nimport { toast } from 'sonner';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { Badge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport {\n  useStorePackages,\n  useInstalledPackages,\n  useInstallPackage,\n  storePackageName,\n  storePackageDescription,\n  type StorePackageRecord,\n  type StoreSortBy,\n} from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\nimport {\n  InstallMode as GqlInstallMode,\n  PackageKind as GqlPackageKind,\n} from '../../generated/wspace-types';\nimport type { PackageKind } from '../types';\n\nconst KindIcon: FC<{ kind: string; className?: string }> = ({ kind, className }) => {\n  switch (kind) {\n    case 'APP':\n      return <Package className={className} />;\n    case 'AGENT':\n    case 'A2A_AGENT':\n      return <Bot className={className} />;\n    case 'MCP_PACK':\n    case 'TOOL':\n      return <Wrench className={className} />;\n    case 'PROMPT_TEMPLATE':\n    case 'PROMPT':\n      return <FileText className={className} />;\n    case 'SKILL':\n      return <Sparkles className={className} />;\n    case 'RETRIEVAL_PROFILE':\n    case 'KNOWLEDGE_BASE':\n    case 'KB_TEMPLATE':\n      return <Database className={className} />;\n    case 'POLICY_BUNDLE':\n      return <Shield className={className} />;\n    default:\n      return <Package className={className} />;\n  }\n};\n\nconst KindLabel: Record<string, string> = {\n  APP: 'Bot',\n  AGENT: 'Agent',\n  MCP_PACK: 'MCP Pack',\n  PROMPT_TEMPLATE: 'Prompt Template',\n  PROMPT: 'Prompt',\n  SKILL: 'Skill',\n  RETRIEVAL_PROFILE: 'Retrieval Profile',\n  POLICY_BUNDLE: 'Policy Bundle',\n  CHANNEL_TEMPLATE: 'Channel Template',\n  A2A_AGENT: 'A2A Agent',\n  KB_TEMPLATE: 'KB Template',\n  KNOWLEDGE_BASE: 'Knowledge Base',\n  INTEGRATION: 'Integration',\n  TEMPLATE: 'Template',\n  TOOL: 'Tool',\n  WORKFLOW: 'Workflow',\n};\n\nexport const StorePage: FC = () => {\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const [selectedKind, setSelectedKind] = useState<PackageKind | null>(null);\n  const [sortBy, setSortBy] = useState<StoreSortBy>('recent');\n  const [installingSlug, setInstallingSlug] = useState<string | null>(null);\n\n  const storeFilter = useMemo(\n    () => ({ search, kind: selectedKind ? [selectedKind] : undefined, sortBy }),\n    [search, selectedKind, sortBy]\n  );\n  const { data: packages, loading, error, refetch } = useStorePackages(storeFilter);\n  const { data: installed, refetch: refetchInstalled } = useInstalledPackages();\n  const { install } = useInstallPackage();\n\n  const installedSlugs = useMemo(\n    () =>\n      new Set(\n        installed\n          .map((entry) => entry.package?.slug)\n          .filter((slug): slug is string => typeof slug === 'string')\n      ),\n    [installed]\n  );\n\n  const handleInstall = async (pkg: StorePackageRecord, e: MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setInstallingSlug(pkg.slug);\n    try {\n      await install({ packageId: pkg.id, mode: GqlInstallMode.Linked });\n      toast.success(`Installed \"${storePackageName(pkg)}\"`);\n      void refetchInstalled();\n    } catch (err) {\n      toast.error(err instanceof Error ? err.message : 'Failed to install package');\n    } finally {\n      setInstallingSlug(null);\n    }\n  };\n\n  const kinds: PackageKind[] = [\n    GqlPackageKind.Agent,\n    GqlPackageKind.McpPack,\n    GqlPackageKind.Skill,\n    GqlPackageKind.PromptTemplate,\n    GqlPackageKind.PolicyBundle,\n  ];\n\n  return (\n    <PageLayout\n      title=\"Botlit Store\"\n      description=\"Discover and install pre-built agents, tools, and configurations\"\n      actions={\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\">\n            <Link to={getPath('store/installed')}>View Installed ({installed.length})</Link>\n          </Button>\n          <Button variant=\"outline\" leftIcon={<ExternalLink size={16} />}>\n            Publish Package\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Store size={18} />}>\n          The store is a marketplace of ready-made building blocks — full bots, agents, MCP tool\n          packs, prompt templates and policy bundles published by the Botlit team and the community.\n          Browse and install a package to skip the setup and start from a working example, then\n          customise it for your own use case instead of building everything from scratch.\n        </PagePurpose>\n\n        {/* Search and Filters */}\n        <div className=\"flex flex-wrap items-center gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder=\"Search packages...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n\n          {/* Kind Filters */}\n          <div className=\"flex gap-2\">\n            <Button\n              variant={selectedKind === null ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setSelectedKind(null)}\n            >\n              All\n            </Button>\n            {kinds.map((kind) => (\n              <Button\n                key={kind}\n                variant={selectedKind === kind ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() => setSelectedKind(kind)}\n                leftIcon={<KindIcon kind={kind} className=\"h-4 w-4\" />}\n              >\n                {KindLabel[kind]}\n              </Button>\n            ))}\n          </div>\n\n          {/* Sort */}\n          <select\n            aria-label=\"Sort packages\"\n            className=\"h-9 px-3 border border-border-default rounded-md bg-bg-surface text-sm\"\n            value={sortBy}\n            onChange={(e) => setSortBy(e.target.value as StoreSortBy)}\n          >\n            <option value=\"recent\">Recently Published</option>\n            <option value=\"name\">Name (A–Z)</option>\n          </select>\n        </div>\n\n        {/* Featured Section */}\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <GlassCard treatment=\"glass\" glow className=\"md:col-span-2 p-6\">\n            <div className=\"flex items-start gap-4\">\n              <div className=\"p-3 bg-action-primary-bg/20 rounded-lg\">\n                <Store className=\"h-8 w-8 text-primary\" />\n              </div>\n              <div>\n                <h3 className=\"text-lg font-semibold text-text-primary\">\n                  Welcome to the Botlit Store\n                </h3>\n                <p className=\"text-sm text-text-secondary mt-1\">\n                  Discover production-ready agents, tool packs, and configurations built by the\n                  community and Botlit team. Install packages to jumpstart your AI applications.\n                </p>\n                <div className=\"flex gap-4 mt-4\">\n                  <div className=\"text-center\">\n                    <p className=\"text-2xl font-bold tabular-nums\">{packages.length}</p>\n                    <p className=\"text-xs text-text-secondary\">Packages</p>\n                  </div>\n                  <div className=\"text-center\">\n                    <p className=\"text-2xl font-bold tabular-nums\">{installed.length}</p>\n                    <p className=\"text-xs text-text-secondary\">Installed</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </GlassCard>\n          <Card>\n            <CardHeader className=\"pb-2\">\n              <CardTitle className=\"text-sm\">Quick Install</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              {packages.slice(0, 3).map((pkg: StorePackageRecord) => (\n                <div\n                  key={pkg.id}\n                  className=\"flex items-center justify-between p-2 bg-bg-sunken rounded\"\n                >\n                  <div className=\"flex items-center gap-2\">\n                    <KindIcon kind={pkg.kind} className=\"h-4 w-4 text-text-secondary\" />\n                    <span className=\"text-sm truncate max-w-[150px]\">{storePackageName(pkg)}</span>\n                  </div>\n                  {installedSlugs.has(pkg.slug) ? (\n                    <Badge variant=\"success\" className=\"text-xs\">\n                      <Check size={12} className=\"mr-1\" />\n                      Installed\n                    </Badge>\n                  ) : (\n                    <Button\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      className=\"h-6 text-xs\"\n                      onClick={(e) => void handleInstall(pkg, e)}\n                      isLoading={installingSlug === pkg.slug}\n                    >\n                      Install\n                    </Button>\n                  )}\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Packages Grid */}\n        {loading ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {[1, 2, 3, 4, 5, 6].map((i) => (\n              <div\n                key={i}\n                className=\"h-56 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"store packages\" error={error} onRetry={() => void refetch()} />\n        ) : packages.length > 0 ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {packages.map((pkg: StorePackageRecord) => (\n              <Link key={pkg.id} to={getPath(`store/package/${pkg.slug}`)}>\n                <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer\">\n                  <CardHeader>\n                    <div className=\"flex items-start justify-between\">\n                      <div className=\"flex items-center gap-3\">\n                        <div className=\"p-2 bg-action-primary-bg/10 rounded-lg\">\n                          <KindIcon kind={pkg.kind} className=\"h-5 w-5 text-primary\" />\n                        </div>\n                        <div>\n                          <CardTitle className=\"text-base\">{storePackageName(pkg)}</CardTitle>\n                          <CardDescription className=\"text-xs\">\n                            {pkg.slug} v{pkg.version}\n                          </CardDescription>\n                        </div>\n                      </div>\n                      {installedSlugs.has(pkg.slug) && (\n                        <Badge variant=\"success\" className=\"text-xs\">\n                          <Check size={10} className=\"mr-1\" />\n                          Installed\n                        </Badge>\n                      )}\n                    </div>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"space-y-3\">\n                      <p className=\"text-sm text-text-secondary line-clamp-2\">\n                        {storePackageDescription(pkg)}\n                      </p>\n\n                      {/* Footer */}\n                      <div className=\"pt-3 border-t border-border-subtle flex items-center justify-between\">\n                        <Badge variant=\"outline\" className=\"text-xs\">\n                          {KindLabel[pkg.kind] ?? pkg.kind}\n                        </Badge>\n                        <span className=\"text-xs text-text-secondary\">\n                          {formatRelativeTime(pkg.publishedAt)}\n                        </span>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              </Link>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-search\"\n            title=\"No packages found\"\n            description={\n              search || selectedKind\n                ? 'Try adjusting your search or filters.'\n                : 'No packages available in the store yet.'\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"StorePage.js","names":[],"sources":["../../../src/botlit/pages/StorePage.tsx"],"sourcesContent":["/**\n * Store Page\n * @module botlit/pages\n */\n\nimport type { FC, MouseEvent } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Link } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  Search as SearchIcon,\n  Store,\n  Package,\n  Bot,\n  Wrench,\n  FileText,\n  Sparkles,\n  Database,\n  Shield,\n  Check,\n  ExternalLink,\n} from 'lucide-react';\nimport { toast } from 'sonner';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { Badge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport {\n  useStorePackages,\n  useInstalledPackages,\n  useInstallPackage,\n  storePackageName,\n  storePackageDescription,\n  type StorePackageRecord,\n  type StoreSortBy,\n} from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\nimport {\n  InstallMode as GqlInstallMode,\n  PackageKind as GqlPackageKind,\n} from '../../generated/wspace-types';\nimport type { PackageKind } from '../types';\n\nconst KindIcon: FC<{ kind: string; className?: string }> = ({ kind, className }) => {\n  switch (kind) {\n    case 'APP':\n      return <Package className={className} />;\n    case 'AGENT':\n    case 'A2A_AGENT':\n      return <Bot className={className} />;\n    case 'MCP_PACK':\n    case 'TOOL':\n      return <Wrench className={className} />;\n    case 'PROMPT_TEMPLATE':\n    case 'PROMPT':\n      return <FileText className={className} />;\n    case 'SKILL':\n      return <Sparkles className={className} />;\n    case 'RETRIEVAL_PROFILE':\n    case 'KNOWLEDGE_BASE':\n    case 'KB_TEMPLATE':\n      return <Database className={className} />;\n    case 'POLICY_BUNDLE':\n      return <Shield className={className} />;\n    default:\n      return <Package className={className} />;\n  }\n};\n\nfunction useKindLabel(t: ReturnType<typeof useTr>): Record<string, string> {\n  return {\n    APP: t('botlit.store.kindLabel.APP', 'Bot'),\n    AGENT: t('botlit.store.kindLabel.AGENT', 'Agent'),\n    MCP_PACK: t('botlit.store.kindLabel.MCP_PACK', 'MCP Pack'),\n    PROMPT_TEMPLATE: t('botlit.store.kindLabel.PROMPT_TEMPLATE', 'Prompt Template'),\n    PROMPT: t('botlit.store.kindLabel.PROMPT', 'Prompt'),\n    SKILL: t('botlit.store.kindLabel.SKILL', 'Skill'),\n    RETRIEVAL_PROFILE: t('botlit.store.kindLabel.RETRIEVAL_PROFILE', 'Retrieval Profile'),\n    POLICY_BUNDLE: t('botlit.store.kindLabel.POLICY_BUNDLE', 'Policy Bundle'),\n    CHANNEL_TEMPLATE: t('botlit.store.kindLabel.CHANNEL_TEMPLATE', 'Channel Template'),\n    A2A_AGENT: t('botlit.store.kindLabel.A2A_AGENT', 'A2A Agent'),\n    KB_TEMPLATE: t('botlit.store.kindLabel.KB_TEMPLATE', 'KB Template'),\n    KNOWLEDGE_BASE: t('botlit.store.kindLabel.KNOWLEDGE_BASE', 'Knowledge Base'),\n    INTEGRATION: t('botlit.store.kindLabel.INTEGRATION', 'Integration'),\n    TEMPLATE: t('botlit.store.kindLabel.TEMPLATE', 'Template'),\n    TOOL: t('botlit.store.kindLabel.TOOL', 'Tool'),\n    WORKFLOW: t('botlit.store.kindLabel.WORKFLOW', 'Workflow'),\n  };\n}\n\nexport const StorePage: FC = () => {\n  const t = useTr();\n  const { getPath } = useBotlit();\n  const kindLabel = useKindLabel(t);\n  const [search, setSearch] = useState('');\n  const [selectedKind, setSelectedKind] = useState<PackageKind | null>(null);\n  const [sortBy, setSortBy] = useState<StoreSortBy>('recent');\n  const [installingSlug, setInstallingSlug] = useState<string | null>(null);\n\n  const storeFilter = useMemo(\n    () => ({ search, kind: selectedKind ? [selectedKind] : undefined, sortBy }),\n    [search, selectedKind, sortBy]\n  );\n  const { data: packages, loading, error, refetch } = useStorePackages(storeFilter);\n  const { data: installed, refetch: refetchInstalled } = useInstalledPackages();\n  const { install } = useInstallPackage();\n\n  const installedSlugs = useMemo(\n    () =>\n      new Set(\n        installed\n          .map((entry) => entry.package?.slug)\n          .filter((slug): slug is string => typeof slug === 'string')\n      ),\n    [installed]\n  );\n\n  const handleInstall = async (pkg: StorePackageRecord, e: MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setInstallingSlug(pkg.slug);\n    try {\n      await install({ packageId: pkg.id, mode: GqlInstallMode.Linked });\n      toast.success(\n        t('botlit.store.install.success', 'Installed \"{{name}}\"', {\n          name: storePackageName(pkg),\n        })\n      );\n      void refetchInstalled();\n    } catch (err) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.store.install.error', 'Failed to install package')\n      );\n    } finally {\n      setInstallingSlug(null);\n    }\n  };\n\n  const kinds: PackageKind[] = [\n    GqlPackageKind.Agent,\n    GqlPackageKind.McpPack,\n    GqlPackageKind.Skill,\n    GqlPackageKind.PromptTemplate,\n    GqlPackageKind.PolicyBundle,\n  ];\n\n  return (\n    <PageLayout\n      title={t('botlit.store.title', 'BotManor Store')}\n      description={t(\n        'botlit.store.description',\n        'Discover and install pre-built agents, tools, and configurations'\n      )}\n      actions={\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\">\n            <Link to={getPath('store/installed')}>\n              {t('botlit.store.actions.viewInstalled', 'View Installed ({{count}})', {\n                count: installed.length,\n              })}\n            </Link>\n          </Button>\n          <Button variant=\"outline\" leftIcon={<ExternalLink size={16} />}>\n            {t('botlit.store.actions.publishPackage', 'Publish Package')}\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Store size={18} />}>\n          {t(\n            'botlit.store.purpose',\n            'The store is a marketplace of ready-made building blocks — full bots, agents, MCP tool packs, prompt templates and policy bundles published by the BotManor team and the community. Browse and install a package to skip the setup and start from a working example, then customise it for your own use case instead of building everything from scratch.'\n          )}\n        </PagePurpose>\n\n        {/* Search and Filters */}\n        <div className=\"flex flex-wrap items-center gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder={t('botlit.store.searchPlaceholder', 'Search packages...')}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n\n          {/* Kind Filters */}\n          <div className=\"flex gap-2\">\n            <Button\n              variant={selectedKind === null ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setSelectedKind(null)}\n            >\n              {t('botlit.store.filters.all', 'All')}\n            </Button>\n            {kinds.map((kind) => (\n              <Button\n                key={kind}\n                variant={selectedKind === kind ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() => setSelectedKind(kind)}\n                leftIcon={<KindIcon kind={kind} className=\"h-4 w-4\" />}\n              >\n                {kindLabel[kind]}\n              </Button>\n            ))}\n          </div>\n\n          {/* Sort */}\n          <select\n            aria-label={t('botlit.store.filters.sortLabel', 'Sort packages')}\n            className=\"h-9 px-3 border border-border-default rounded-md bg-bg-surface text-sm\"\n            value={sortBy}\n            onChange={(e) => setSortBy(e.target.value as StoreSortBy)}\n          >\n            <option value=\"recent\">{t('botlit.store.sort.recent', 'Recently Published')}</option>\n            <option value=\"name\">{t('botlit.store.sort.name', 'Name (A–Z)')}</option>\n          </select>\n        </div>\n\n        {/* Featured Section */}\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <GlassCard treatment=\"glass\" glow className=\"md:col-span-2 p-6\">\n            <div className=\"flex items-start gap-4\">\n              <div className=\"p-3 bg-action-primary-bg/20 rounded-lg\">\n                <Store className=\"h-8 w-8 text-primary\" />\n              </div>\n              <div>\n                <h3 className=\"text-lg font-semibold text-text-primary\">\n                  {t('botlit.store.featured.title', 'Welcome to the BotManor Store')}\n                </h3>\n                <p className=\"text-sm text-text-secondary mt-1\">\n                  {t(\n                    'botlit.store.featured.description',\n                    'Discover production-ready agents, tool packs, and configurations built by the community and BotManor team. Install packages to jumpstart your AI applications.'\n                  )}\n                </p>\n                <div className=\"flex gap-4 mt-4\">\n                  <div className=\"text-center\">\n                    <p className=\"text-2xl font-bold tabular-nums\">{packages.length}</p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {t('botlit.store.featured.packages', 'Packages')}\n                    </p>\n                  </div>\n                  <div className=\"text-center\">\n                    <p className=\"text-2xl font-bold tabular-nums\">{installed.length}</p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {t('botlit.store.featured.installed', 'Installed')}\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </GlassCard>\n          <Card>\n            <CardHeader className=\"pb-2\">\n              <CardTitle className=\"text-sm\">\n                {t('botlit.store.featured.quickInstall', 'Quick Install')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              {packages.slice(0, 3).map((pkg: StorePackageRecord) => (\n                <div\n                  key={pkg.id}\n                  className=\"flex items-center justify-between p-2 bg-bg-sunken rounded\"\n                >\n                  <div className=\"flex items-center gap-2\">\n                    <KindIcon kind={pkg.kind} className=\"h-4 w-4 text-text-secondary\" />\n                    <span className=\"text-sm truncate max-w-[150px]\">{storePackageName(pkg)}</span>\n                  </div>\n                  {installedSlugs.has(pkg.slug) ? (\n                    <Badge variant=\"success\" className=\"text-xs\">\n                      <Check size={12} className=\"mr-1\" />\n                      {t('botlit.store.install.installedBadge', 'Installed')}\n                    </Badge>\n                  ) : (\n                    <Button\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      className=\"h-6 text-xs\"\n                      onClick={(e) => void handleInstall(pkg, e)}\n                      isLoading={installingSlug === pkg.slug}\n                    >\n                      {t('botlit.store.install.action', 'Install')}\n                    </Button>\n                  )}\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Packages Grid */}\n        {loading ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {[1, 2, 3, 4, 5, 6].map((i) => (\n              <div\n                key={i}\n                className=\"h-56 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"store packages\" error={error} onRetry={() => void refetch()} />\n        ) : packages.length > 0 ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n            {packages.map((pkg: StorePackageRecord) => (\n              <Link key={pkg.id} to={getPath(`store/package/${pkg.slug}`)}>\n                <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer\">\n                  <CardHeader>\n                    <div className=\"flex items-start justify-between\">\n                      <div className=\"flex items-center gap-3\">\n                        <div className=\"p-2 bg-action-primary-bg/10 rounded-lg\">\n                          <KindIcon kind={pkg.kind} className=\"h-5 w-5 text-primary\" />\n                        </div>\n                        <div>\n                          <CardTitle className=\"text-base\">{storePackageName(pkg)}</CardTitle>\n                          <CardDescription className=\"text-xs\">\n                            {pkg.slug} v{pkg.version}\n                          </CardDescription>\n                        </div>\n                      </div>\n                      {installedSlugs.has(pkg.slug) && (\n                        <Badge variant=\"success\" className=\"text-xs\">\n                          <Check size={10} className=\"mr-1\" />\n                          {t('botlit.store.install.installedBadge', 'Installed')}\n                        </Badge>\n                      )}\n                    </div>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"space-y-3\">\n                      <p className=\"text-sm text-text-secondary line-clamp-2\">\n                        {storePackageDescription(pkg)}\n                      </p>\n\n                      {/* Footer */}\n                      <div className=\"pt-3 border-t border-border-subtle flex items-center justify-between\">\n                        <Badge variant=\"outline\" className=\"text-xs\">\n                          {kindLabel[pkg.kind] ?? pkg.kind}\n                        </Badge>\n                        <span className=\"text-xs text-text-secondary\">\n                          {formatRelativeTime(pkg.publishedAt)}\n                        </span>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              </Link>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-search\"\n            title={t('botlit.store.empty.title', 'No packages found')}\n            description={\n              search || selectedKind\n                ? t(\n                    'botlit.store.empty.descriptionFiltered',\n                    'Try adjusting your search or filters.'\n                  )\n                : t(\n                    'botlit.store.empty.descriptionNoPackages',\n                    'No packages available in the store yet.'\n                  )\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}