@burdenoff/microfe-vibecontrols 2026.519.2 → 2026.519.4

package/dist/pages/CatalogDetailPage.js

@@ -4,30 +4,31 @@ import { PageHeader as l } from "../components/shared/PageHeader.js";
 import { LoadingState as u } from "../components/shared/LoadingState.js";
 import { ErrorState as d } from "../components/shared/ErrorState.js";
 import { ConfirmDialog as f } from "../components/shared/ConfirmDialog.js";
-import { EmptyState as p } from "../components/shared/EmptyState.js";
-import { Card as m } from "../components/shared/Card.js";
-import { StatCard as h } from "../components/shared/StatCard.js";
+import { EntityTagPicker as p } from "../components/shared/EntityTagPicker.js";
+import { EmptyState as m } from "../components/shared/EmptyState.js";
+import { Card as h } from "../components/shared/Card.js";
+import { StatCard as g } from "../components/shared/StatCard.js";
 import "../components/shared/index.js";
 import { VIBE_PERMISSIONS as ee } from "../constants/permissions.js";
 import { useQueryBackedTab as te } from "../hooks/useQueryBackedTab.js";
-import { ScorecardPanel as g } from "../components/scorecard/ScorecardPanel.js";
+import { ScorecardPanel as ne } from "../components/scorecard/ScorecardPanel.js";
 import "../components/scorecard/index.js";
-import { DocsTabPanel as ne } from "../components/docs/DocsTabPanel.js";
+import { DocsTabPanel as re } from "../components/docs/DocsTabPanel.js";
 import "../components/docs/index.js";
-import { ComponentCard as re } from "../components/idp-components/ComponentCard.js";
+import { ComponentCard as ie } from "../components/idp-components/ComponentCard.js";
 import "../components/idp-components/index.js";
-import { CatalogForm as ie } from "../components/catalog/CatalogForm.js";
+import { CatalogForm as ae } from "../components/catalog/CatalogForm.js";
 import "../components/catalog/index.js";
-import { useCallback as ae, useMemo as _, useState as v } from "react";
-import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as y, ArrowRight as b, BarChart3 as x, BookOpen as S, Download as C, FileText as se, Layers as w, Network as T, Package as E, Plus as D, RefreshCw as O, Settings as ce, Shield as k, Trash2 as le, Zap as ue } from "lucide-react";
+import { useCallback as oe, useMemo as _, useState as v } from "react";
+import { useI18n as se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as y, ArrowRight as b, BarChart3 as x, BookOpen as S, Download as C, FileText as ce, Layers as w, Network as T, Package as E, Plus as D, RefreshCw as O, Settings as le, Shield as k, Tag as ue, Trash2 as de, Zap as fe } from "lucide-react";
 import { useParams as A } from "react-router-dom";
-import { usePermissions as de } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as fe, motion as j } from "framer-motion";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
-import { MotionItem as F, MotionList as I, MotionPage as L } from "@burdenoff/fe-libs/shared/motion";
+import { usePermissions as j } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as pe, motion as M } from "framer-motion";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { MotionItem as I, MotionList as L, MotionPage as R } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/CatalogDetailPage.tsx
-var R = [
+var z = [
 	"overview",
 	"components",
 	"dependency-graph",
@@ -36,15 +37,15 @@ var R = [
 	"scorecard",
 	"settings"
 ];
-function z() {
-	let { t: n } = oe(), { id: i } = A(), a = c(), { hasPermission: b, isLoading: C } = de(), E = ae((e, t) => {
+function B() {
+	let { t: n } = se(), { id: i } = A(), a = c(), { hasPermission: b, isLoading: C } = j(), E = oe((e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
-	}, [n]), [M, z] = te(R, "overview"), [he, V] = v(!1), [ge, H] = v(!1), [_e, U] = v(!1), [ve, W] = v(!1), [G, K] = v(null), { data: ye, loading: q, error: J, refetch: Y } = r({
+	}, [n]), [N, B] = te(z, "overview"), [V, H] = v(!1), [_e, U] = v(!1), [ve, W] = v(!1), [ye, G] = v(!1), [K, q] = v(null), { data: be, loading: J, error: Y, refetch: X } = r({
 		variables: { id: i || "" },
 		skip: !i,
 		fetchPolicy: "cache-and-network"
-	}), [be] = s({ refetchQueries: ["GetCatalog"] }), [xe] = t({ refetchQueries: ["ListCatalogs"] }), [X] = e({ refetchQueries: ["GetCatalog"] }), [Se] = o({ refetchQueries: ["GetCatalog"] }), Z = ye?.vibecontrolsCatalog ?? null, Q = _(() => (Z?.components ?? []).map((e) => {
+	}), [xe] = s({ refetchQueries: ["GetCatalog"] }), [Se] = t({ refetchQueries: ["ListCatalogs"] }), [Ce] = e({ refetchQueries: ["GetCatalog"] }), [we] = o({ refetchQueries: ["GetCatalog"] }), Z = be?.vibecontrolsCatalog ?? null, Q = _(() => (Z?.components ?? []).map((e) => {
 		let t = e.component || {};
 		return {
 			id: t.id,
@@ -60,21 +61,21 @@ function z() {
 			updatedAt: t.updatedAt
 		};
 	}), [Z?.components]);
-	if (C) return /* @__PURE__ */ N("div", {
+	if (C) return /* @__PURE__ */ P("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ N("p", {
+		children: /* @__PURE__ */ P("p", {
 			className: "text-text-secondary",
 			children: "Loading permissions..."
 		})
 	});
-	if (!b(ee.VIBE_READ)) return /* @__PURE__ */ N("div", {
+	if (!b(ee.VIBE_READ)) return /* @__PURE__ */ P("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ P("div", {
+		children: /* @__PURE__ */ F("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ N("h2", {
+			children: [/* @__PURE__ */ P("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: "Access Denied"
-			}), /* @__PURE__ */ N("p", {
+			}), /* @__PURE__ */ P("p", {
 				className: "text-sm text-text-secondary",
 				children: "You don't have permission to access this page."
 			})]
@@ -82,10 +83,10 @@ function z() {
 	});
 	let $ = () => {
 		a("/catalogs");
-	}, Ce = (e) => {
+	}, Te = (e) => {
 		a(`/components/${e.id}`);
-	}, we = async (e) => {
-		i && (await be({ variables: {
+	}, Ee = async (e) => {
+		i && (await xe({ variables: {
 			id: i,
 			input: {
 				name: e.name,
@@ -94,17 +95,17 @@ function z() {
 				ownerName: e.owner || void 0,
 				tags: e.tags.length > 0 ? e.tags : void 0
 			}
-		} }), K(E("catalog.updatedSuccess", "Catalog updated successfully")), setTimeout(() => K(null), 3e3));
-	}, Te = async () => {
+		} }), q(E("catalog.updatedSuccess", "Catalog updated successfully")), setTimeout(() => q(null), 3e3));
+	}, De = async () => {
 		if (i) {
-			W(!0);
+			G(!0);
 			try {
-				await xe({ variables: { id: i } }), U(!1), a("/catalogs");
+				await Se({ variables: { id: i } }), W(!1), a("/catalogs");
 			} finally {
-				W(!1);
+				G(!1);
 			}
 		}
-	}, Ee = [
+	}, Oe = [
 		{
 			id: "overview",
 			label: E("nav.overview", "Overview"),
@@ -129,7 +130,7 @@ function z() {
 		{
 			id: "docs",
 			label: E("catalog.docs", "Docs"),
-			icon: se
+			icon: ce
 		},
 		{
 			id: "scorecard",
@@ -139,93 +140,106 @@ function z() {
 		{
 			id: "settings",
 			label: E("common.settings", "Settings"),
-			icon: ce
+			icon: le
 		}
 	];
-	return q && !Z ? /* @__PURE__ */ P(L, {
+	return J && !Z ? /* @__PURE__ */ F(R, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ P("button", {
+		children: [/* @__PURE__ */ F("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ N(y, { className: "w-4 h-4" }), E("catalog.backToCatalogs", "Back to Catalogs")]
-		}), /* @__PURE__ */ N(u, { message: E("catalog.loadingDetails", "Loading catalog details...") })]
-	}) : J && !Z ? /* @__PURE__ */ P(L, {
+			children: [/* @__PURE__ */ P(y, { className: "w-4 h-4" }), E("catalog.backToCatalogs", "Back to Catalogs")]
+		}), /* @__PURE__ */ P(u, { message: E("catalog.loadingDetails", "Loading catalog details...") })]
+	}) : Y && !Z ? /* @__PURE__ */ F(R, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ P("button", {
+		children: [/* @__PURE__ */ F("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ N(y, { className: "w-4 h-4" }), E("catalog.backToCatalogs", "Back to Catalogs")]
-		}), /* @__PURE__ */ N(d, {
+			children: [/* @__PURE__ */ P(y, { className: "w-4 h-4" }), E("catalog.backToCatalogs", "Back to Catalogs")]
+		}), /* @__PURE__ */ P(d, {
 			title: E("catalog.failedLoad", "Failed to load catalog"),
-			message: J.message,
-			onRetry: () => Y()
+			message: Y.message,
+			onRetry: () => X()
 		})]
-	}) : Z ? /* @__PURE__ */ P(L, {
+	}) : Z ? /* @__PURE__ */ F(R, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			G && /* @__PURE__ */ N("div", {
+			K && /* @__PURE__ */ P("div", {
 				className: "fixed top-4 left-4 right-4 sm:left-auto z-50 bg-status-success-bg text-status-success-text px-4 py-3 rounded-md shadow-lg",
-				children: G
+				children: K
 			}),
-			/* @__PURE__ */ P("button", {
+			/* @__PURE__ */ F("button", {
 				onClick: $,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ N(y, { className: "w-4 h-4" }), E("catalog.backToCatalogs", "Back to Catalogs")]
+				children: [/* @__PURE__ */ P(y, { className: "w-4 h-4" }), E("catalog.backToCatalogs", "Back to Catalogs")]
 			}),
-			/* @__PURE__ */ N(l, {
+			/* @__PURE__ */ P(l, {
 				title: Z.name,
 				description: Z.description || E("catalog.noDescription", "No description"),
-				actions: /* @__PURE__ */ P("div", {
+				actions: /* @__PURE__ */ F("div", {
 					className: "flex items-center gap-2 flex-wrap",
-					children: [/* @__PURE__ */ N("button", {
-						onClick: () => Y(),
-						disabled: q,
+					children: [/* @__PURE__ */ P("button", {
+						onClick: () => X(),
+						disabled: J,
 						className: "flex items-center justify-center p-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors disabled:opacity-50",
 						title: E("common.refresh", "Refresh"),
-						children: /* @__PURE__ */ N(O, { className: `w-4 h-4 ${q ? "animate-spin" : ""}` })
-					}), /* @__PURE__ */ N("span", {
+						children: /* @__PURE__ */ P(O, { className: `w-4 h-4 ${J ? "animate-spin" : ""}` })
+					}), /* @__PURE__ */ P("span", {
 						className: `inline-flex items-center px-2.5 py-1 text-xs font-medium rounded ${Z.visibility === "PUBLIC" ? "bg-status-success-bg text-status-success-text" : Z.visibility === "INTERNAL" ? "bg-status-warning-bg text-status-warning-text" : "bg-bg-sunken text-text-secondary"}`,
 						children: Z.visibility
 					})]
 				})
 			}),
-			/* @__PURE__ */ P(I, {
+			/* @__PURE__ */ F(L, {
 				stagger: .04,
 				className: "grid grid-cols-2 sm:grid-cols-3 gap-3 sm:gap-4",
 				children: [
-					/* @__PURE__ */ N(F, { children: /* @__PURE__ */ N(h, {
+					/* @__PURE__ */ P(I, { children: /* @__PURE__ */ P(g, {
 						title: E("catalog.components", "Components"),
 						value: Z.componentCount ?? 0,
-						icon: /* @__PURE__ */ N(w, { className: "w-4 h-4" })
+						icon: /* @__PURE__ */ P(w, { className: "w-4 h-4" })
 					}) }),
-					/* @__PURE__ */ N(F, { children: /* @__PURE__ */ N(h, {
+					/* @__PURE__ */ P(I, { children: /* @__PURE__ */ P(g, {
 						title: E("catalog.vibes", "Vibes"),
 						value: Z.vibeCount ?? 0,
-						icon: /* @__PURE__ */ N(ue, { className: "w-4 h-4" })
+						icon: /* @__PURE__ */ P(fe, { className: "w-4 h-4" })
 					}) }),
-					/* @__PURE__ */ N(F, { children: /* @__PURE__ */ N(h, {
+					/* @__PURE__ */ P(I, { children: /* @__PURE__ */ P(g, {
 						title: E("catalog.ownerName", "Owner"),
 						value: Z.ownerNameName || "Unassigned",
-						icon: /* @__PURE__ */ N(S, { className: "w-4 h-4" })
+						icon: /* @__PURE__ */ P(S, { className: "w-4 h-4" })
 					}) })
 				]
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ F(h, { children: [/* @__PURE__ */ F("div", {
+				className: "p-4 border-b border-border-default flex items-center gap-2",
+				children: [/* @__PURE__ */ P(ue, { className: "w-5 h-5" }), /* @__PURE__ */ P("h3", {
+					className: "font-semibold text-text-primary",
+					children: E("catalog.tags", "Tags")
+				})]
+			}), /* @__PURE__ */ P("div", {
+				className: "p-4",
+				children: /* @__PURE__ */ P(p, {
+					entityType: "VIBECONTROLS_CATALOG",
+					entityId: Z.id
+				})
+			})] }),
+			/* @__PURE__ */ P("div", {
 				className: "border-b border-border-default",
-				children: /* @__PURE__ */ N("nav", {
+				children: /* @__PURE__ */ P("nav", {
 					className: "flex gap-1 -mb-px overflow-x-auto pb-1",
 					"aria-label": E("catalog.tabsAriaLabel", "Catalog tabs"),
-					children: Ee.map((e) => {
-						let t = e.icon, n = M === e.id;
-						return /* @__PURE__ */ P("button", {
-							onClick: () => z(e.id),
+					children: Oe.map((e) => {
+						let t = e.icon, n = N === e.id;
+						return /* @__PURE__ */ F("button", {
+							onClick: () => B(e.id),
 							className: `flex shrink-0 items-center gap-1.5 px-3 py-2.5 text-xs sm:gap-2 sm:px-4 sm:text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${n ? "border-action-primary-bg text-action-primary-text" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
 							"aria-selected": n,
 							role: "tab",
 							children: [
-								/* @__PURE__ */ N(t, { className: "w-4 h-4" }),
+								/* @__PURE__ */ P(t, { className: "w-4 h-4" }),
 								e.label,
-								e.badge && /* @__PURE__ */ N("span", {
+								e.badge && /* @__PURE__ */ P("span", {
 									className: `hidden rounded-full px-1.5 py-0.5 text-[10px] sm:inline-flex sm:text-xs ${n ? "bg-action-primary-bg/10 text-action-primary-bg" : "bg-bg-sunken text-text-muted"}`,
 									children: e.badge
 								})
@@ -234,10 +248,10 @@ function z() {
 					})
 				})
 			}),
-			/* @__PURE__ */ P(fe, {
+			/* @__PURE__ */ F(pe, {
 				mode: "wait",
 				children: [
-					M === "overview" && /* @__PURE__ */ P(j.div, {
+					N === "overview" && /* @__PURE__ */ F(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -253,63 +267,63 @@ function z() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							Z.description && /* @__PURE__ */ N(m, { children: /* @__PURE__ */ N("div", {
+							Z.description && /* @__PURE__ */ P(h, { children: /* @__PURE__ */ P("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ N("p", {
+								children: /* @__PURE__ */ P("p", {
 									className: "text-text-primary",
 									children: Z.description
 								})
 							}) }),
-							/* @__PURE__ */ P(m, { children: [/* @__PURE__ */ N("div", {
+							/* @__PURE__ */ F(h, { children: [/* @__PURE__ */ P("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ N("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary",
 									children: E("catalog.metadata", "Metadata")
 								})
-							}), /* @__PURE__ */ N("div", {
+							}), /* @__PURE__ */ P("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ F("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
 									children: [
-										/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+										/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
 											className: "text-text-secondary",
 											children: E("catalog.ownerNameLabel", "Owner")
-										}), /* @__PURE__ */ N("p", {
+										}), /* @__PURE__ */ P("p", {
 											className: "font-medium text-text-primary",
 											children: Z.ownerName || E("common.unset", "Unset")
 										})] }),
-										/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+										/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
 											className: "text-text-secondary",
 											children: E("catalog.visibility", "Visibility")
-										}), /* @__PURE__ */ N("p", {
+										}), /* @__PURE__ */ P("p", {
 											className: "font-medium text-text-primary",
 											children: Z.visibility
 										})] }),
-										/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+										/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
 											className: "text-text-secondary",
 											children: E("common.created", "Created")
-										}), /* @__PURE__ */ N("p", {
+										}), /* @__PURE__ */ P("p", {
 											className: "font-medium text-text-primary",
 											children: new Date(Z.createdAt).toLocaleDateString()
 										})] }),
-										/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+										/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
 											className: "text-text-secondary",
 											children: E("common.updated", "Updated")
-										}), /* @__PURE__ */ N("p", {
+										}), /* @__PURE__ */ P("p", {
 											className: "font-medium text-text-primary",
 											children: new Date(Z.updatedAt).toLocaleDateString()
 										})] })
 									]
 								})
 							})] }),
-							Z.tags?.length > 0 && /* @__PURE__ */ N(m, { children: /* @__PURE__ */ P("div", {
+							Z.tags?.length > 0 && /* @__PURE__ */ P(h, { children: /* @__PURE__ */ F("div", {
 								className: "p-4",
-								children: [/* @__PURE__ */ N("h3", {
+								children: [/* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary mb-3",
 									children: E("catalog.tags", "Tags")
-								}), /* @__PURE__ */ N("div", {
+								}), /* @__PURE__ */ P("div", {
 									className: "flex flex-wrap gap-2",
-									children: Z.tags.map((e) => /* @__PURE__ */ N("span", {
+									children: Z.tags.map((e) => /* @__PURE__ */ P("span", {
 										className: "px-2.5 py-1 text-sm bg-bg-sunken text-text-secondary rounded-md",
 										children: e
 									}, e))
@@ -317,7 +331,7 @@ function z() {
 							}) })
 						]
 					}, "overview"),
-					M === "components" && /* @__PURE__ */ P(j.div, {
+					N === "components" && /* @__PURE__ */ F(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -332,42 +346,42 @@ function z() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-4",
-						children: [/* @__PURE__ */ P("div", {
+						children: [/* @__PURE__ */ F("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ P("p", {
+							children: [/* @__PURE__ */ F("p", {
 								className: "text-sm text-text-secondary",
 								children: [
 									Q.length,
 									" ",
 									E("catalog.componentsInCatalog", "components in this catalog")
 								]
-							}), /* @__PURE__ */ P("button", {
-								onClick: () => H(!0),
+							}), /* @__PURE__ */ F("button", {
+								onClick: () => U(!0),
 								className: "flex items-center gap-2 px-3 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-								children: [/* @__PURE__ */ N(D, { className: "w-4 h-4" }), E("catalog.addComponent", "Add Component")]
+								children: [/* @__PURE__ */ P(D, { className: "w-4 h-4" }), E("catalog.addComponent", "Add Component")]
 							})]
-						}), Q.length > 0 ? /* @__PURE__ */ N(I, {
+						}), Q.length > 0 ? /* @__PURE__ */ P(L, {
 							stagger: .04,
 							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-							children: Q.map((e) => /* @__PURE__ */ N(F, { children: /* @__PURE__ */ N(re, {
+							children: Q.map((e) => /* @__PURE__ */ P(I, { children: /* @__PURE__ */ P(ie, {
 								component: e,
-								onOpen: Ce
+								onOpen: Te
 							}) }, e.id))
-						}) : /* @__PURE__ */ N(p, {
-							icon: /* @__PURE__ */ N(w, { className: "w-8 h-8 text-text-secondary" }),
+						}) : /* @__PURE__ */ P(m, {
+							icon: /* @__PURE__ */ P(w, { className: "w-8 h-8 text-text-secondary" }),
 							title: E("catalog.noComponents", "No components"),
 							description: E("catalog.noComponentsDescription", "Add components to this catalog to track them")
 						})]
 					}, "components"),
-					M === "dependency-graph" && /* @__PURE__ */ N(B, {
+					N === "dependency-graph" && /* @__PURE__ */ P(me, {
 						catalogId: i || "",
 						tr: E
 					}),
-					M === "sbom" && /* @__PURE__ */ N(pe, {
+					N === "sbom" && /* @__PURE__ */ P(he, {
 						catalogId: i || "",
 						tr: E
 					}),
-					M === "docs" && /* @__PURE__ */ N(j.div, {
+					N === "docs" && /* @__PURE__ */ P(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -382,12 +396,12 @@ function z() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(ne, {
+						children: /* @__PURE__ */ P(re, {
 							ownerType: "CATALOG",
 							ownerId: i || ""
 						})
 					}, "docs"),
-					M === "scorecard" && /* @__PURE__ */ N(j.div, {
+					N === "scorecard" && /* @__PURE__ */ P(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -401,12 +415,12 @@ function z() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ N(g, {
+						children: /* @__PURE__ */ P(ne, {
 							ownerType: "CATALOG",
 							ownerId: i || ""
 						})
 					}, "scorecard"),
-					M === "settings" && /* @__PURE__ */ N(j.div, {
+					N === "settings" && /* @__PURE__ */ P(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -420,34 +434,34 @@ function z() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ P("div", {
+						children: /* @__PURE__ */ F("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ P(m, {
+							children: [/* @__PURE__ */ F(h, {
 								padding: "lg",
-								children: [/* @__PURE__ */ N("h3", {
+								children: [/* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary mb-4",
 									children: E("catalog.editCatalog", "Edit Catalog")
-								}), /* @__PURE__ */ N("button", {
-									onClick: () => V(!0),
+								}), /* @__PURE__ */ P("button", {
+									onClick: () => H(!0),
 									className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
 									children: E("catalog.editDetails", "Edit Details")
 								})]
-							}), /* @__PURE__ */ P(m, {
+							}), /* @__PURE__ */ F(h, {
 								padding: "lg",
 								children: [
-									/* @__PURE__ */ N("h3", {
+									/* @__PURE__ */ P("h3", {
 										className: "font-semibold text-status-error-text mb-2",
 										children: E("catalog.dangerZone", "Danger Zone")
 									}),
-									/* @__PURE__ */ N("p", {
+									/* @__PURE__ */ P("p", {
 										className: "text-sm text-text-secondary mb-4",
 										children: E("catalog.deleteWarning", "Deleting this catalog will detach all components and vibes. This cannot be undone.")
 									}),
-									/* @__PURE__ */ P("button", {
+									/* @__PURE__ */ F("button", {
 										"data-testid": "catalog-delete-button",
-										onClick: () => U(!0),
+										onClick: () => W(!0),
 										className: "inline-flex items-center gap-2 px-4 py-2 bg-status-error-bg text-status-error-text rounded-md hover:opacity-90 transition-opacity",
-										children: [/* @__PURE__ */ N(le, {
+										children: [/* @__PURE__ */ P(de, {
 											className: "w-4 h-4",
 											"aria-hidden": "true"
 										}), E("catalog.deleteCatalog", "Delete Catalog")]
@@ -458,10 +472,10 @@ function z() {
 					}, "settings")
 				]
 			}),
-			/* @__PURE__ */ N(ie, {
-				isOpen: he,
-				onClose: () => V(!1),
-				onSubmit: we,
+			/* @__PURE__ */ P(ae, {
+				isOpen: V,
+				onClose: () => H(!1),
+				onSubmit: Ee,
 				initialData: {
 					name: Z.name,
 					description: Z.description || "",
@@ -471,40 +485,40 @@ function z() {
 				},
 				title: E("catalog.editCatalog", "Edit Catalog")
 			}),
-			ge && /* @__PURE__ */ N(me, {
+			_e && /* @__PURE__ */ P(ge, {
 				catalogId: i || "",
 				existingComponentIds: Q.map((e) => e.id),
 				onAdd: async (e) => {
-					await X({ variables: {
+					await Ce({ variables: {
 						catalogId: i,
 						componentId: e
-					} }), K(E("catalog.componentAdded", "Component added to catalog")), setTimeout(() => K(null), 3e3), H(!1);
+					} }), q(E("catalog.componentAdded", "Component added to catalog")), setTimeout(() => q(null), 3e3), U(!1);
 				},
-				onClose: () => H(!1),
+				onClose: () => U(!1),
 				tr: E
 			}),
-			/* @__PURE__ */ N(f, {
-				isOpen: _e,
-				onClose: () => U(!1),
-				onConfirm: Te,
+			/* @__PURE__ */ P(f, {
+				isOpen: ve,
+				onClose: () => W(!1),
+				onConfirm: De,
 				title: E("catalog.deleteCatalog", "Delete Catalog"),
 				message: E("catalog.deleteConfirmMessage", `Are you sure you want to delete "${Z.name}"? This action cannot be undone.`),
 				confirmLabel: E("common.delete", "Delete"),
 				variant: "danger",
-				isLoading: ve
+				isLoading: ye
 			})
 		]
-	}) : /* @__PURE__ */ P(L, {
+	}) : /* @__PURE__ */ F(R, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ P("button", {
+		children: [/* @__PURE__ */ F("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ N(y, { className: "w-4 h-4" }), E("catalog.backToCatalogs", "Back to Catalogs")]
-		}), /* @__PURE__ */ N(p, {
-			icon: /* @__PURE__ */ N(S, { className: "w-8 h-8 text-text-secondary" }),
+			children: [/* @__PURE__ */ P(y, { className: "w-4 h-4" }), E("catalog.backToCatalogs", "Back to Catalogs")]
+		}), /* @__PURE__ */ P(m, {
+			icon: /* @__PURE__ */ P(S, { className: "w-8 h-8 text-text-secondary" }),
 			title: E("catalog.notFound", "Catalog not found"),
 			description: `No catalog with ID "${i}" exists`,
-			action: /* @__PURE__ */ N("button", {
+			action: /* @__PURE__ */ P("button", {
 				onClick: $,
 				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
 				children: E("catalog.backToCatalogs", "Back to Catalogs")
@@ -512,13 +526,13 @@ function z() {
 		})]
 	});
 }
-function B({ catalogId: e, tr: t }) {
+function me({ catalogId: e, tr: t }) {
 	let { data: r, loading: i, error: a, refetch: o } = n({
 		variables: { catalogId: e },
 		skip: !e,
 		fetchPolicy: "cache-and-network"
 	}), s = r?.vibecontrolsCatalogDependencyGraph;
-	return /* @__PURE__ */ P(j.div, {
+	return /* @__PURE__ */ F(M.div, {
 		initial: {
 			opacity: 0,
 			y: 8
@@ -534,103 +548,103 @@ function B({ catalogId: e, tr: t }) {
 		transition: { duration: .2 },
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ P("h3", {
+				children: [/* @__PURE__ */ F("h3", {
 					className: "font-semibold text-text-primary flex items-center gap-2",
-					children: [/* @__PURE__ */ N(T, { className: "w-5 h-5" }), t("catalog.dependencyGraph", "Dependency Graph")]
-				}), /* @__PURE__ */ N("button", {
+					children: [/* @__PURE__ */ P(T, { className: "w-5 h-5" }), t("catalog.dependencyGraph", "Dependency Graph")]
+				}), /* @__PURE__ */ P("button", {
 					onClick: () => o(),
 					disabled: i,
 					className: "p-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
 					title: t("common.refresh", "Refresh"),
-					children: /* @__PURE__ */ N(O, { className: `w-4 h-4 ${i ? "animate-spin" : ""}` })
+					children: /* @__PURE__ */ P(O, { className: `w-4 h-4 ${i ? "animate-spin" : ""}` })
 				})]
 			}),
-			i && !s && /* @__PURE__ */ N(u, { message: t("catalog.loadingGraph", "Loading dependency graph...") }),
-			a && !s && /* @__PURE__ */ N(d, {
+			i && !s && /* @__PURE__ */ P(u, { message: t("catalog.loadingGraph", "Loading dependency graph...") }),
+			a && !s && /* @__PURE__ */ P(d, {
 				title: t("catalog.graphError", "Failed to load graph"),
 				message: a.message,
 				onRetry: () => o()
 			}),
-			s && s.nodes.length === 0 && /* @__PURE__ */ N(p, {
-				icon: /* @__PURE__ */ N(T, { className: "w-8 h-8 text-text-secondary" }),
+			s && s.nodes.length === 0 && /* @__PURE__ */ P(m, {
+				icon: /* @__PURE__ */ P(T, { className: "w-8 h-8 text-text-secondary" }),
 				title: t("catalog.noGraphNodes", "No dependency data"),
 				description: t("catalog.noGraphNodesDesc", "Add components with dependencies to this catalog to visualize the dependency graph")
 			}),
-			s && s.nodes.length > 0 && /* @__PURE__ */ P(M, { children: [
-				/* @__PURE__ */ P("div", {
+			s && s.nodes.length > 0 && /* @__PURE__ */ F(N, { children: [
+				/* @__PURE__ */ F("div", {
 					className: "grid grid-cols-2 gap-4",
-					children: [/* @__PURE__ */ P(m, {
+					children: [/* @__PURE__ */ F(h, {
 						padding: "md",
-						children: [/* @__PURE__ */ N("p", {
+						children: [/* @__PURE__ */ P("p", {
 							className: "text-sm text-text-secondary",
 							children: t("catalog.graphNodes", "Components")
-						}), /* @__PURE__ */ N("p", {
+						}), /* @__PURE__ */ P("p", {
 							className: "text-2xl font-bold text-text-primary",
 							children: s.nodes.length
 						})]
-					}), /* @__PURE__ */ P(m, {
+					}), /* @__PURE__ */ F(h, {
 						padding: "md",
-						children: [/* @__PURE__ */ N("p", {
+						children: [/* @__PURE__ */ P("p", {
 							className: "text-sm text-text-secondary",
 							children: t("catalog.graphEdges", "Dependencies")
-						}), /* @__PURE__ */ N("p", {
+						}), /* @__PURE__ */ P("p", {
 							className: "text-2xl font-bold text-text-primary",
 							children: s.edges.length
 						})]
 					})]
 				}),
-				/* @__PURE__ */ P(m, { children: [/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ F(h, { children: [/* @__PURE__ */ P("div", {
 					className: "p-4 border-b border-border-default",
-					children: /* @__PURE__ */ N("h4", {
+					children: /* @__PURE__ */ P("h4", {
 						className: "font-medium text-text-primary",
 						children: t("catalog.graphNodesList", "Components")
 					})
-				}), /* @__PURE__ */ N("div", {
+				}), /* @__PURE__ */ P("div", {
 					className: "divide-y divide-border-default",
-					children: s.nodes.map((e) => /* @__PURE__ */ P("div", {
+					children: s.nodes.map((e) => /* @__PURE__ */ F("div", {
 						className: "p-3 flex items-center justify-between",
-						children: [/* @__PURE__ */ P("div", {
+						children: [/* @__PURE__ */ F("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ N(E, { className: "w-4 h-4 text-text-secondary" }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+							children: [/* @__PURE__ */ P(E, { className: "w-4 h-4 text-text-secondary" }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
 								className: "font-medium text-text-primary text-sm",
 								children: e.name
-							}), /* @__PURE__ */ P("p", {
+							}), /* @__PURE__ */ F("p", {
 								className: "text-xs text-text-secondary",
 								children: [e.type, e.version ? ` v${e.version}` : ""]
 							})] })]
-						}), /* @__PURE__ */ P("span", {
+						}), /* @__PURE__ */ F("span", {
 							className: "text-xs text-text-muted",
 							children: [s.edges.filter((t) => t.source === e.id).length, " deps"]
 						})]
 					}, e.id))
 				})] }),
-				s.edges.length > 0 && /* @__PURE__ */ P(m, { children: [/* @__PURE__ */ N("div", {
+				s.edges.length > 0 && /* @__PURE__ */ F(h, { children: [/* @__PURE__ */ P("div", {
 					className: "p-4 border-b border-border-default",
-					children: /* @__PURE__ */ N("h4", {
+					children: /* @__PURE__ */ P("h4", {
 						className: "font-medium text-text-primary",
 						children: t("catalog.graphEdgesList", "Dependencies")
 					})
-				}), /* @__PURE__ */ N("div", {
+				}), /* @__PURE__ */ P("div", {
 					className: "divide-y divide-border-default",
-					children: s.edges.map((e, t) => /* @__PURE__ */ P("div", {
+					children: s.edges.map((e, t) => /* @__PURE__ */ F("div", {
 						className: "p-3 flex items-center gap-3 text-sm",
 						children: [
-							/* @__PURE__ */ N("span", {
+							/* @__PURE__ */ P("span", {
 								className: "font-medium text-text-primary truncate max-w-[120px]",
 								children: s.nodes.find((t) => t.id === e.source)?.name || e.source
 							}),
-							/* @__PURE__ */ N(b, { className: "w-4 h-4 text-text-muted flex-shrink-0" }),
-							/* @__PURE__ */ N("span", {
+							/* @__PURE__ */ P(b, { className: "w-4 h-4 text-text-muted flex-shrink-0" }),
+							/* @__PURE__ */ P("span", {
 								className: "text-text-primary truncate max-w-[120px]",
 								children: e.target
 							}),
-							e.version && /* @__PURE__ */ N("span", {
+							e.version && /* @__PURE__ */ P("span", {
 								className: "text-xs text-text-muted ml-auto",
 								children: e.version
 							}),
-							e.dependencyType && /* @__PURE__ */ N("span", {
+							e.dependencyType && /* @__PURE__ */ P("span", {
 								className: "text-xs bg-bg-sunken text-text-secondary px-1.5 py-0.5 rounded",
 								children: e.dependencyType
 							})
@@ -641,13 +655,13 @@ function B({ catalogId: e, tr: t }) {
 		]
 	}, "dependency-graph");
 }
-function pe({ catalogId: e, tr: t }) {
+function he({ catalogId: e, tr: t }) {
 	let { data: n, loading: r, error: a, refetch: o } = i({
 		variables: { catalogId: e },
 		skip: !e,
 		fetchPolicy: "cache-and-network"
 	}), s = n?.vibecontrolsCatalogSBOM;
-	return /* @__PURE__ */ P(j.div, {
+	return /* @__PURE__ */ F(M.div, {
 		initial: {
 			opacity: 0,
 			y: 8
@@ -663,123 +677,123 @@ function pe({ catalogId: e, tr: t }) {
 		transition: { duration: .2 },
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ P("h3", {
+				children: [/* @__PURE__ */ F("h3", {
 					className: "font-semibold text-text-primary flex items-center gap-2",
-					children: [/* @__PURE__ */ N(k, { className: "w-5 h-5" }), t("catalog.sbom", "Software Bill of Materials")]
-				}), /* @__PURE__ */ P("div", {
+					children: [/* @__PURE__ */ P(k, { className: "w-5 h-5" }), t("catalog.sbom", "Software Bill of Materials")]
+				}), /* @__PURE__ */ F("div", {
 					className: "flex items-center gap-2",
-					children: [s && s.components.length > 0 && /* @__PURE__ */ P("button", {
+					children: [s && s.components.length > 0 && /* @__PURE__ */ F("button", {
 						onClick: () => {
 							if (!s) return;
 							let t = new Blob([JSON.stringify(s, null, 2)], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
 							r.href = n, r.download = `sbom-${e}.json`, r.click(), URL.revokeObjectURL(n);
 						},
 						className: "flex items-center gap-2 px-3 py-2 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors",
-						children: [/* @__PURE__ */ N(C, { className: "w-4 h-4" }), t("catalog.downloadSBOM", "Download JSON")]
-					}), /* @__PURE__ */ N("button", {
+						children: [/* @__PURE__ */ P(C, { className: "w-4 h-4" }), t("catalog.downloadSBOM", "Download JSON")]
+					}), /* @__PURE__ */ P("button", {
 						onClick: () => o(),
 						disabled: r,
 						className: "p-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
 						title: t("common.refresh", "Refresh"),
-						children: /* @__PURE__ */ N(O, { className: `w-4 h-4 ${r ? "animate-spin" : ""}` })
+						children: /* @__PURE__ */ P(O, { className: `w-4 h-4 ${r ? "animate-spin" : ""}` })
 					})]
 				})]
 			}),
-			r && !s && /* @__PURE__ */ N(u, { message: t("catalog.loadingSBOM", "Generating SBOM...") }),
-			a && !s && /* @__PURE__ */ N(d, {
+			r && !s && /* @__PURE__ */ P(u, { message: t("catalog.loadingSBOM", "Generating SBOM...") }),
+			a && !s && /* @__PURE__ */ P(d, {
 				title: t("catalog.sbomError", "Failed to load SBOM"),
 				message: a.message,
 				onRetry: () => o()
 			}),
-			s && /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ P("div", {
+			s && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ F("div", {
 				className: "grid grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ P(m, {
+					/* @__PURE__ */ F(h, {
 						padding: "md",
-						children: [/* @__PURE__ */ N("p", {
+						children: [/* @__PURE__ */ P("p", {
 							className: "text-sm text-text-secondary",
 							children: t("catalog.sbomFormat", "Format")
-						}), /* @__PURE__ */ N("p", {
+						}), /* @__PURE__ */ P("p", {
 							className: "text-lg font-bold text-text-primary",
 							children: s.format
 						})]
 					}),
-					/* @__PURE__ */ P(m, {
+					/* @__PURE__ */ F(h, {
 						padding: "md",
-						children: [/* @__PURE__ */ N("p", {
+						children: [/* @__PURE__ */ P("p", {
 							className: "text-sm text-text-secondary",
 							children: t("catalog.sbomEntries", "Entries")
-						}), /* @__PURE__ */ N("p", {
+						}), /* @__PURE__ */ P("p", {
 							className: "text-lg font-bold text-text-primary",
 							children: s.totalCount
 						})]
 					}),
-					/* @__PURE__ */ P(m, {
+					/* @__PURE__ */ F(h, {
 						padding: "md",
-						children: [/* @__PURE__ */ N("p", {
+						children: [/* @__PURE__ */ P("p", {
 							className: "text-sm text-text-secondary",
 							children: t("catalog.sbomGenerated", "Generated")
-						}), /* @__PURE__ */ N("p", {
+						}), /* @__PURE__ */ P("p", {
 							className: "text-lg font-bold text-text-primary",
 							children: new Date(s.generatedAt).toLocaleTimeString()
 						})]
 					})
 				]
-			}), s.components.length > 0 ? /* @__PURE__ */ N(m, { children: /* @__PURE__ */ N("div", {
+			}), s.components.length > 0 ? /* @__PURE__ */ P(h, { children: /* @__PURE__ */ P("div", {
 				className: "overflow-x-auto",
-				children: /* @__PURE__ */ P("table", {
+				children: /* @__PURE__ */ F("table", {
 					className: "w-full text-sm",
-					children: [/* @__PURE__ */ N("thead", { children: /* @__PURE__ */ P("tr", {
+					children: [/* @__PURE__ */ P("thead", { children: /* @__PURE__ */ F("tr", {
 						className: "border-b border-border-default",
 						children: [
-							/* @__PURE__ */ N("th", {
+							/* @__PURE__ */ P("th", {
 								className: "text-left p-3 font-medium text-text-secondary",
 								children: t("catalog.sbomName", "Name")
 							}),
-							/* @__PURE__ */ N("th", {
+							/* @__PURE__ */ P("th", {
 								className: "text-left p-3 font-medium text-text-secondary",
 								children: t("catalog.sbomVersion", "Version")
 							}),
-							/* @__PURE__ */ N("th", {
+							/* @__PURE__ */ P("th", {
 								className: "text-left p-3 font-medium text-text-secondary",
 								children: t("catalog.sbomType", "Type")
 							}),
-							/* @__PURE__ */ N("th", {
+							/* @__PURE__ */ P("th", {
 								className: "text-left p-3 font-medium text-text-secondary",
 								children: t("catalog.sbomLicense", "License")
 							}),
-							/* @__PURE__ */ N("th", {
+							/* @__PURE__ */ P("th", {
 								className: "text-left p-3 font-medium text-text-secondary",
 								children: t("catalog.sbomSupplier", "Supplier")
 							})
 						]
-					}) }), /* @__PURE__ */ N("tbody", {
+					}) }), /* @__PURE__ */ P("tbody", {
 						className: "divide-y divide-border-default",
-						children: s.components.map((e, t) => /* @__PURE__ */ P("tr", {
+						children: s.components.map((e, t) => /* @__PURE__ */ F("tr", {
 							className: "hover:bg-bg-sunken/50 transition-colors",
 							children: [
-								/* @__PURE__ */ N("td", {
+								/* @__PURE__ */ P("td", {
 									className: "p-3 font-medium text-text-primary",
 									children: e.name
 								}),
-								/* @__PURE__ */ N("td", {
+								/* @__PURE__ */ P("td", {
 									className: "p-3 text-text-secondary",
 									children: e.version || "-"
 								}),
-								/* @__PURE__ */ N("td", {
+								/* @__PURE__ */ P("td", {
 									className: "p-3 text-text-secondary",
 									children: e.type || "-"
 								}),
-								/* @__PURE__ */ N("td", {
+								/* @__PURE__ */ P("td", {
 									className: "p-3",
-									children: e.license ? /* @__PURE__ */ N("span", {
+									children: e.license ? /* @__PURE__ */ P("span", {
 										className: "inline-flex px-2 py-0.5 text-xs bg-status-success-bg text-status-success-text rounded",
 										children: e.license
 									}) : "-"
 								}),
-								/* @__PURE__ */ N("td", {
+								/* @__PURE__ */ P("td", {
 									className: "p-3 text-text-secondary",
 									children: e.supplier || "-"
 								})
@@ -787,15 +801,15 @@ function pe({ catalogId: e, tr: t }) {
 						}, t))
 					})]
 				})
-			}) }) : /* @__PURE__ */ N(p, {
-				icon: /* @__PURE__ */ N(k, { className: "w-8 h-8 text-text-secondary" }),
+			}) }) : /* @__PURE__ */ P(m, {
+				icon: /* @__PURE__ */ P(k, { className: "w-8 h-8 text-text-secondary" }),
 				title: t("catalog.noSBOMEntries", "No SBOM entries"),
 				description: t("catalog.noSBOMEntriesDesc", "Add components with SBOM data or dependencies to this catalog to generate an aggregated SBOM")
 			})] })
 		]
 	}, "sbom");
 }
-function me({ catalogId: e, existingComponentIds: t, onAdd: n, onClose: r, tr: i }) {
+function ge({ catalogId: e, existingComponentIds: t, onAdd: n, onClose: r, tr: i }) {
 	let [o, s] = v(!1), [c, l] = v(""), { data: d, loading: f } = a({ fetchPolicy: "cache-and-network" }), p = _(() => {
 		let e = (d?.vibecontrolsComponents?.items ?? []).filter((e) => !t.includes(e.id));
 		if (!c) return e;
@@ -813,9 +827,9 @@ function me({ catalogId: e, existingComponentIds: t, onAdd: n, onClose: r, tr: i
 			s(!1);
 		}
 	};
-	return /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ P("div", {
 		className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-		children: /* @__PURE__ */ P(j.div, {
+		children: /* @__PURE__ */ F(M.div, {
 			initial: {
 				opacity: 0,
 				scale: .95
@@ -826,14 +840,14 @@ function me({ catalogId: e, existingComponentIds: t, onAdd: n, onClose: r, tr: i
 			},
 			className: "bg-bg-surface rounded-lg w-full max-w-md max-h-[70vh] flex flex-col",
 			children: [
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ F("div", {
 					className: "p-4 border-b border-border-default",
-					children: [/* @__PURE__ */ N("h2", {
+					children: [/* @__PURE__ */ P("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: i("catalog.addComponentTitle", "Add Component to Catalog")
-					}), /* @__PURE__ */ N("div", {
+					}), /* @__PURE__ */ P("div", {
 						className: "mt-3",
-						children: /* @__PURE__ */ N("input", {
+						children: /* @__PURE__ */ P("input", {
 							type: "text",
 							value: c,
 							onChange: (e) => l(e.target.value),
@@ -842,35 +856,35 @@ function me({ catalogId: e, existingComponentIds: t, onAdd: n, onClose: r, tr: i
 						})
 					})]
 				}),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ F("div", {
 					className: "flex-1 overflow-y-auto p-2",
 					children: [
-						f && /* @__PURE__ */ N(u, { message: i("common.loading", "Loading...") }),
-						!f && p.length === 0 && /* @__PURE__ */ N("div", {
+						f && /* @__PURE__ */ P(u, { message: i("common.loading", "Loading...") }),
+						!f && p.length === 0 && /* @__PURE__ */ P("div", {
 							className: "p-4 text-center text-text-secondary text-sm",
 							children: i("catalog.noAvailableComponents", "No available components to add")
 						}),
-						p.map((e) => /* @__PURE__ */ P("button", {
+						p.map((e) => /* @__PURE__ */ F("button", {
 							onClick: () => m(e.id),
 							disabled: o,
 							className: "w-full flex items-center justify-between p-3 rounded-md hover:bg-bg-sunken transition-colors disabled:opacity-50 text-left",
-							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
 								className: "font-medium text-text-primary text-sm",
 								children: e.name
-							}), /* @__PURE__ */ P("p", {
+							}), /* @__PURE__ */ F("p", {
 								className: "text-xs text-text-secondary",
 								children: [
 									e.type,
 									" · ",
 									e.lifecycle
 								]
-							})] }), /* @__PURE__ */ N(D, { className: "w-4 h-4 text-text-secondary" })]
+							})] }), /* @__PURE__ */ P(D, { className: "w-4 h-4 text-text-secondary" })]
 						}, e.id))
 					]
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ P("div", {
 					className: "p-4 border-t border-border-default",
-					children: /* @__PURE__ */ N("button", {
+					children: /* @__PURE__ */ P("button", {
 						onClick: r,
 						className: "w-full px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
 						children: i("common.close", "Close")
@@ -881,6 +895,6 @@ function me({ catalogId: e, existingComponentIds: t, onAdd: n, onClose: r, tr: i
 	});
 }
 //#endregion
-export { z as CatalogDetailPage };
+export { B as CatalogDetailPage };
 
 //# sourceMappingURL=CatalogDetailPage.js.map