@burdenoff/microfe-vibecontrols 2026.1021.1 → 2026.1022.2

package/dist/components/docs/DocsTabPanel.js

@@ -1,50 +1,50 @@
-import { useCompileDocsSiteMutation as e, useCreateDocsPageMutation as t, useCreateDocsSiteMutation as n, useDeleteDocsPageMutation as r, useDeleteDocsSiteMutation as ee, useDocsContentQuery as te, useGenerateDocsSignedUrlMutation as ne, useGetDocsRevisionLazyQuery as re, useGetDocsSiteQuery as i, useRollbackDocsRevisionMutation as ie, useUpdateDocsPageMutation as ae, useUpdateDocsSiteMutation as oe, useUpdateDocsSiteVisibilityMutation as se } from "../../generated/wspace-operations.js";
+import { useCompileDocsSiteMutation as e, useCreateDocsPageMutation as t, useCreateDocsSiteMutation as n, useDeleteDocsPageMutation as r, useDeleteDocsSiteMutation as ee, useDocsContentQuery as te, useGenerateDocsSignedUrlMutation as ne, useGetDocsRevisionLazyQuery as re, useGetDocsSiteQuery as ie, useRollbackDocsRevisionMutation as i, useUpdateDocsPageMutation as ae, useUpdateDocsSiteMutation as oe, useUpdateDocsSiteVisibilityMutation as se } from "../../generated/wspace-operations.js";
 import { useTr as ce } from "../../shared/hooks/useTr.js";
 import { QuotaExhaustedDialog as a } from "../shared/QuotaExhaustedDialog.js";
 import { getQuotaDialogContent as o, isQuotaExhaustedError as s, markQuotaHandledLocally as c } from "../../utils/quotaUtils.js";
-import { useVibeNavigate as le } from "../../providers/VibeControlsProvider.js";
+import { BILLING_PLANS_ROUTE as l, useVibeNavigate as le } from "../../providers/VibeControlsProvider.js";
 import { LoadingState as ue } from "../shared/LoadingState.js";
-import { ErrorState as l } from "../shared/ErrorState.js";
+import { ErrorState as u } from "../shared/ErrorState.js";
 import "../shared/index.js";
-import { VIBE_PERMISSIONS as u } from "../../constants/permissions.js";
-import { EntityShareButton as d } from "../sharing/EntityShareButton.js";
+import { VIBE_PERMISSIONS as d } from "../../constants/permissions.js";
+import { EntityShareButton as f } from "../sharing/EntityShareButton.js";
 import "../sharing/index.js";
-import { DocsEmptyState as f } from "./DocsEmptyState.js";
-import { DocsPreviewPanel as p } from "./DocsPreviewPanel.js";
-import { DocsEditPanel as m } from "./DocsEditPanel.js";
-import { useEffect as h, useRef as g, useState as _ } from "react";
-import { AlertCircle as de, X as fe } from "lucide-react";
-import { usePermissions as pe } from "@burdenoff/fe-libs/shared/providers/shell";
+import { DocsEmptyState as p } from "./DocsEmptyState.js";
+import { DocsPreviewPanel as m } from "./DocsPreviewPanel.js";
+import { DocsEditPanel as h } from "./DocsEditPanel.js";
+import { useEffect as g, useRef as de, useState as _ } from "react";
+import { AlertCircle as fe, X as pe } from "lucide-react";
+import { usePermissions as me } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { resolveGatewayUrls as me } from "@burdenoff/fe-libs/shared/config";
+import { resolveGatewayUrls as he } from "@burdenoff/fe-libs/shared/config";
 //#region src/components/docs/DocsTabPanel.tsx
-function x({ vibeId: x, ownerType: he, ownerId: ge }) {
-	let S = ce(), { hasPermission: C, permissions: w } = pe(), T = C(u.DOCS_SITE_DELETE), _e = (Array.isArray(w) ? w : w?.permissionStrings)?.some?.((e) => e.startsWith("docs_page:")) ? C(u.DOCS_PAGE_DELETE) : T, E = he || "VIBE", D = ge || x || "", [O, k] = _("preview"), [A, j] = _(null), [M, N] = _(!1), [P, F] = _(null), [I, L] = _(""), [ve, R] = _(null), z = le(), [B, V] = _(!1), [ye, H] = _(!1), { data: be, loading: xe, error: U, refetch: W } = i({
+function x({ vibeId: x, ownerType: ge, ownerId: _e }) {
+	let S = ce(), { hasPermission: C, permissions: w } = me(), T = C(d.DOCS_SITE_DELETE), ve = (Array.isArray(w) ? w : w?.permissionStrings)?.some?.((e) => e.startsWith("docs_page:")) ? C(d.DOCS_PAGE_DELETE) : T, E = ge || "VIBE", D = _e || x || "", [O, k] = _("preview"), [A, j] = _(null), [M, N] = _(!1), [P, F] = _(null), [I, L] = _(""), [ye, R] = _(null), z = le(), [B, V] = _(!1), [be, H] = _(!1), { data: xe, loading: Se, error: U, refetch: W } = ie({
 		variables: {
 			ownerType: E,
 			ownerId: D
 		},
 		skip: !D,
 		fetchPolicy: "cache-and-network"
-	}), G = be?.vibecontrolsDocsSiteByOwner ?? null, K = G?.pages || [], { data: Se, loading: Ce, refetch: we } = te({
+	}), G = xe?.vibecontrolsDocsSiteByOwner ?? null, K = G?.pages || [], { data: Ce, loading: we, refetch: Te } = te({
 		variables: {
 			siteId: G?.id || "",
 			path: I
 		},
 		skip: !G?.id || !G.currentRevisionId,
 		fetchPolicy: "network-only"
-	}), Te = Se?.docsContent?.html ?? null, q = g(void 0);
-	h(() => {
+	}), Ee = Ce?.docsContent?.html ?? null, q = de(void 0);
+	g(() => {
 		let e = G?.currentRevisionId ?? null;
 		if (q.current === void 0) {
 			q.current = e;
 			return;
 		}
-		e && e !== q.current && (q.current = e, we());
+		e && e !== q.current && (q.current = e, Te());
 	}, [G?.currentRevisionId]);
-	let Ee = me(), De = G?.workspaceId ? `${Ee.workspaceBaseUrl}/workspaces/static/${G.workspaceId}/docs/${D}/` : null, [Oe, { loading: ke }] = n(), [Ae] = oe(), [je] = se(), [Me, { loading: Ne }] = t(), [Pe] = ae(), [Fe] = r(), [Ie] = e(), [Le] = ne(), [Re] = ie(), [ze] = ee(), [J] = re({ fetchPolicy: "network-only" }), Be = async (e = "DOCUSAURUS") => {
+	let De = he(), Oe = G?.workspaceId ? `${De.workspaceBaseUrl}/workspaces/static/${G.workspaceId}/docs/${D}/` : null, [ke, { loading: Ae }] = n(), [je] = oe(), [Me] = se(), [Ne, { loading: Pe }] = t(), [Fe] = ae(), [Ie] = r(), [Le] = e(), [Re] = ne(), [ze] = i(), [J] = ee(), [Be] = re({ fetchPolicy: "network-only" }), Ve = async (e = "DOCUSAURUS") => {
 		try {
-			await Oe({
+			await ke({
 				variables: { input: {
 					ownerType: E,
 					ownerId: D,
@@ -61,18 +61,18 @@ function x({ vibeId: x, ownerType: he, ownerId: ge }) {
 			}
 			throw e;
 		}
-	}, Ve = async (e, t) => {
-		await Pe({
+	}, He = async (e, t) => {
+		await Fe({
 			variables: {
 				id: e,
 				input: t
 			},
 			context: { autoRefreshAfterMutation: !1 }
 		});
-	}, He = async (e, t) => {
+	}, Ue = async (e, t) => {
 		if (!G) return;
 		let n = K.length, r = `page-${n + 1}`;
-		await Me({ variables: { input: {
+		await Ne({ variables: { input: {
 			siteId: G.id,
 			parentId: e || null,
 			slug: r,
@@ -82,13 +82,13 @@ function x({ vibeId: x, ownerType: he, ownerId: ge }) {
 			sidebarPosition: n,
 			category: t || null
 		} } }), await W();
-	}, Ue = async (e) => {
-		confirm("Delete this page?") && (await Fe({ variables: { id: e } }), await W());
+	}, We = async (e) => {
+		confirm("Delete this page?") && (await Ie({ variables: { id: e } }), await W());
 	}, Y = async () => {
 		if (G) {
 			N(!0), F(null);
 			try {
-				let e = await Ie({ variables: {
+				let e = await Le({ variables: {
 					siteId: G.id,
 					publish: !0
 				} });
@@ -106,15 +106,15 @@ function x({ vibeId: x, ownerType: he, ownerId: ge }) {
 			}
 		}
 	}, X = async (e) => {
-		let { data: t } = await J({ variables: { id: e } }), n = t?.docsRevision;
+		let { data: t } = await Be({ variables: { id: e } }), n = t?.docsRevision;
 		return n && (j(n), [
 			"SUCCEEDED",
 			"PUBLISHED",
 			"FAILED"
 		].includes(n.status) && (N(!1), (n.status === "PUBLISHED" || n.status === "SUCCEEDED") && (L(""), await W()))), n;
-	}, We = async (e) => {
+	}, Ge = async (e) => {
 		if (!G) return;
-		e.visibility && e.visibility !== G.visibility && await je({ variables: {
+		e.visibility && e.visibility !== G.visibility && await Me({ variables: {
 			id: G.id,
 			visibility: e.visibility
 		} });
@@ -123,23 +123,23 @@ function x({ vibeId: x, ownerType: he, ownerId: ge }) {
 			provider: e.provider,
 			providerConfig: e.providerConfig
 		};
-		Object.keys(t).length > 0 && await Ae({ variables: {
+		Object.keys(t).length > 0 && await je({ variables: {
 			id: G.id,
 			input: t
 		} }), await W();
-	}, Ge = async () => {
+	}, Ke = async () => {
 		if (!G?.currentRevisionId) return null;
 		try {
-			let { data: e } = await Le({ variables: { siteId: G.id } });
+			let { data: e } = await Re({ variables: { siteId: G.id } });
 			return e?.generateDocsSignedUrl?.url ?? null;
 		} catch {
 			return null;
 		}
-	}, Ke = async (e) => {
+	}, qe = async (e) => {
 		if (G && confirm("Roll back to this revision? The current published docs will be replaced.")) {
 			R(e);
 			try {
-				await Re({ variables: {
+				await ze({ variables: {
 					siteId: G.id,
 					revisionId: e
 				} }), await W();
@@ -147,23 +147,23 @@ function x({ vibeId: x, ownerType: he, ownerId: ge }) {
 				R(null);
 			}
 		}
-	}, qe = async () => {
-		G && confirm("Delete this docs site and all its pages and revisions? This cannot be undone.") && (await ze({ variables: { id: G.id } }), await W());
+	}, Je = async () => {
+		G && confirm("Delete this docs site and all its pages and revisions? This cannot be undone.") && (await J({ variables: { id: G.id } }), await W());
 	};
-	if (xe && !G) return /* @__PURE__ */ y(ue, { message: S("vibecontrols.docs.tab.loading", "Loading documentation...") });
-	if (U && !G) return /* @__PURE__ */ y(l, {
+	if (Se && !G) return /* @__PURE__ */ y(ue, { message: S("vibecontrols.docs.tab.loading", "Loading documentation...") });
+	if (U && !G) return /* @__PURE__ */ y(u, {
 		title: S("vibecontrols.docs.tab.loadFailed", "Failed to load docs"),
 		message: U.message,
 		onRetry: () => W()
 	});
-	if (!G) return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(f, {
-		onCreate: Be,
-		loading: ke
+	if (!G) return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(p, {
+		onCreate: Ve,
+		loading: Ae
 	}), /* @__PURE__ */ y(a, {
 		isOpen: B,
 		onClose: () => V(!1),
 		onConfirm: () => {
-			V(!1), z("/billing/plans");
+			V(!1), z(l);
 		},
 		title: "Docs Site Quota Reached",
 		message: "You have reached the documentation site limit for your current plan. Upgrade to create more docs sites."
@@ -171,7 +171,7 @@ function x({ vibeId: x, ownerType: he, ownerId: ge }) {
 	let Z = P ? /* @__PURE__ */ b("div", {
 		className: "flex items-center gap-2 px-4 py-2 mb-2 bg-status-error-bg-subtle text-status-error-text text-sm rounded-md",
 		children: [
-			/* @__PURE__ */ y(de, { className: "size-4 shrink-0" }),
+			/* @__PURE__ */ y(fe, { className: "size-4 shrink-0" }),
 			/* @__PURE__ */ y("span", {
 				className: "flex-1",
 				children: P
@@ -180,18 +180,18 @@ function x({ vibeId: x, ownerType: he, ownerId: ge }) {
 				type: "button",
 				onClick: () => F(null),
 				className: "p-0.5 hover:opacity-70",
-				children: /* @__PURE__ */ y(fe, { className: "size-3.5" })
+				children: /* @__PURE__ */ y(pe, { className: "size-3.5" })
 			})
 		]
 	}) : null, Q = /* @__PURE__ */ y(a, {
-		isOpen: ye,
+		isOpen: be,
 		onClose: () => H(!1),
 		onConfirm: () => {
-			H(!1), z("/billing/plans");
+			H(!1), z(l);
 		},
 		title: o("docs-compilation").title,
 		message: o("docs-compilation").message
-	}), $ = /* @__PURE__ */ y(d, {
+	}), $ = /* @__PURE__ */ y(f, {
 		entity: "docs",
 		resource: {
 			id: G.id,
@@ -207,20 +207,20 @@ function x({ vibeId: x, ownerType: he, ownerId: ge }) {
 	return O === "edit" ? /* @__PURE__ */ b(v, { children: [
 		Z,
 		Q,
-		/* @__PURE__ */ y(m, {
+		/* @__PURE__ */ y(h, {
 			site: G,
 			pages: K,
 			shareSlot: $,
 			onBack: () => k("preview"),
-			onSavePage: Ve,
-			onAddPage: He,
-			pageAdding: Ne,
-			onDeletePage: _e ? Ue : void 0,
+			onSavePage: He,
+			onAddPage: Ue,
+			pageAdding: Pe,
+			onDeletePage: ve ? We : void 0,
 			onCompile: Y,
-			onSaveSettings: We,
-			onRollback: Ke,
-			onDeleteSite: T ? qe : void 0,
-			rollingBack: ve,
+			onSaveSettings: Ge,
+			onRollback: qe,
+			onDeleteSite: T ? Je : void 0,
+			rollingBack: ye,
 			compileRevision: A,
 			onPollRevision: X,
 			compiling: M
@@ -228,19 +228,19 @@ function x({ vibeId: x, ownerType: he, ownerId: ge }) {
 	] }) : /* @__PURE__ */ b(v, { children: [
 		Z,
 		Q,
-		/* @__PURE__ */ y(p, {
+		/* @__PURE__ */ y(m, {
 			site: G,
 			pages: K,
 			shareSlot: $,
 			selectedPageSlug: I,
 			onSelectPage: L,
-			docsBaseUrl: G.currentRevisionId ? De ?? null : null,
-			docsHtml: G.currentRevisionId ? Te : null,
-			docsContentLoading: Ce,
+			docsBaseUrl: G.currentRevisionId ? Oe ?? null : null,
+			docsHtml: G.currentRevisionId ? Ee : null,
+			docsContentLoading: we,
 			onEdit: () => k("edit"),
 			onCompile: Y,
 			onSettings: () => k("edit"),
-			onGetShareUrl: Ge,
+			onGetShareUrl: Ke,
 			onOpenFullScreen: () => {
 				z(`/${{
 					VIBE: "vibes",
@@ -256,7 +256,7 @@ function x({ vibeId: x, ownerType: he, ownerId: ge }) {
 			isOpen: B,
 			onClose: () => V(!1),
 			onConfirm: () => {
-				V(!1), z("/billing/plans");
+				V(!1), z(l);
 			},
 			title: "Docs Site Quota Reached",
 			message: "You have reached the documentation site limit for your current plan. Upgrade to create more docs sites."

package/dist/components/shared/PluginGate.js

@@ -1,12 +1,12 @@
 import { QuotaExhaustedDialog as e } from "./QuotaExhaustedDialog.js";
-import { useVibeNavigate as t } from "../../providers/VibeControlsProvider.js";
-import { usePluginAvailability as n } from "../../hooks/usePluginAvailability.js";
-import { getPluginMeta as r } from "../../constants/pluginCatalog.js";
-import { useCallback as i, useEffect as a, useMemo as o, useRef as s } from "react";
-import { AlertCircle as c, Clock as l, Download as u, Loader2 as d, Puzzle as f, RefreshCw as p, Server as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { BILLING_PLANS_ROUTE as t, useVibeNavigate as n } from "../../providers/VibeControlsProvider.js";
+import { usePluginAvailability as r } from "../../hooks/usePluginAvailability.js";
+import { getPluginMeta as i } from "../../constants/pluginCatalog.js";
+import { useCallback as a, useEffect as o, useMemo as s, useRef as c } from "react";
+import { AlertCircle as l, Clock as u, Download as d, Loader2 as f, Puzzle as p, RefreshCw as m, Server as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/shared/PluginGate.tsx
-function v(e) {
+function y(e) {
 	return e.requirements && e.requirements.length > 0 ? e.requirements.map((e) => ({
 		packages: e.packages,
 		mode: e.mode ?? "all",
@@ -21,56 +21,56 @@ function v(e) {
 		description: e.description
 	}] : [];
 }
-function y(y) {
-	let { agentId: b, compact: x = !1, onInstalled: S, children: C } = y, w = o(() => v(y), [y]), { loading: T, initialLoading: E, installed: D, installing: O, install: k, error: A, errorIsAgentState: j, quotaExhausted: M, clearQuotaExhausted: N, refetch: P } = n(o(() => {
+function b(b) {
+	let { agentId: x, compact: S = !1, onInstalled: C, children: w } = b, T = s(() => y(b), [b]), { loading: E, initialLoading: D, installed: O, installing: k, install: A, error: j, errorIsAgentState: M, quotaExhausted: N, clearQuotaExhausted: P, refetch: F } = r(s(() => {
 		let e = /* @__PURE__ */ new Set();
-		for (let t of w) for (let n of t.packages) e.add(n);
+		for (let t of T) for (let n of t.packages) e.add(n);
 		return [...e];
-	}, [w]), b), F = t(), I = o(() => w.map((e) => e.mode === "any" ? e.packages.some((e) => !!D[e]) : e.packages.every((e) => !!D[e])), [w, D]), L = w.length > 0 && I.every(Boolean), R = s(L);
-	a(() => {
-		L && !R.current && S?.(), R.current = L;
-	}, [L, S]);
-	let z = i(async (e) => {
-		await k(e);
-	}, [k]);
-	return b ? L ? /* @__PURE__ */ g(h, { children: C }) : E ? /* @__PURE__ */ g("div", {
-		className: `rounded-lg border border-border-default bg-bg-surface ${x ? "p-4" : "p-6"}`,
+	}, [T]), x), I = n(), L = s(() => T.map((e) => e.mode === "any" ? e.packages.some((e) => !!O[e]) : e.packages.every((e) => !!O[e])), [T, O]), R = T.length > 0 && L.every(Boolean), z = c(R);
+	o(() => {
+		R && !z.current && C?.(), z.current = R;
+	}, [R, C]);
+	let B = a(async (e) => {
+		await A(e);
+	}, [A]);
+	return x ? R ? /* @__PURE__ */ _(g, { children: w }) : D ? /* @__PURE__ */ _("div", {
+		className: `rounded-lg border border-border-default bg-bg-surface ${S ? "p-4" : "p-6"}`,
 		"data-testid": "plugin-gate-initial-loading",
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "flex items-center gap-2 text-sm text-text-secondary",
-			children: [/* @__PURE__ */ g(d, { className: "size-4 animate-spin" }), "Checking plugin availability on the agent…"]
+			children: [/* @__PURE__ */ _(f, { className: "size-4 animate-spin" }), "Checking plugin availability on the agent…"]
 		})
-	}) : j ? /* @__PURE__ */ g("div", {
-		className: `rounded-lg border border-border-default bg-bg-surface ${x ? "p-4" : "p-6"}`,
-		children: /* @__PURE__ */ _("div", {
+	}) : M ? /* @__PURE__ */ _("div", {
+		className: `rounded-lg border border-border-default bg-bg-surface ${S ? "p-4" : "p-6"}`,
+		children: /* @__PURE__ */ v("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ g(l, { className: "size-5 text-status-warning-text shrink-0 mt-0.5" }), /* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ _(u, { className: "size-5 text-status-warning-text shrink-0 mt-0.5" }), /* @__PURE__ */ v("div", {
 				className: "flex-1 min-w-0 space-y-2",
 				children: [
-					/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ _("p", {
 						className: "text-sm font-semibold text-text-primary",
 						children: "Agent is not ready yet"
 					}),
-					/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ _("p", {
 						className: "text-sm text-text-secondary",
 						children: "Your agent is still starting up or waiting for gateway credentials. Plugin install is only available once the agent reaches the ready state."
 					}),
-					/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ _("p", {
 						className: "text-xs font-mono text-text-placeholder break-all",
-						children: A
+						children: j
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ v("div", {
 						className: "flex flex-wrap items-center gap-2 pt-1",
-						children: [/* @__PURE__ */ _("button", {
+						children: [/* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => void P(),
-							disabled: T,
+							onClick: () => void F(),
+							disabled: E,
 							className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
 							"data-testid": "plugin-gate-retry",
-							children: [/* @__PURE__ */ g(p, { className: `size-3.5 ${T ? "animate-spin" : ""}` }), "Retry"]
-						}), /* @__PURE__ */ g("button", {
+							children: [/* @__PURE__ */ _(m, { className: `size-3.5 ${E ? "animate-spin" : ""}` }), "Retry"]
+						}), /* @__PURE__ */ _("button", {
 							type: "button",
-							onClick: () => F("/agents"),
+							onClick: () => I("/agents"),
 							className: "rounded-md border border-border-default px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:border-border-strong transition-colors",
 							children: "Manage agents"
 						})]
@@ -78,104 +78,104 @@ function y(y) {
 				]
 			})]
 		})
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "space-y-3",
-		children: [w.map((e, t) => {
-			if (I[t]) return null;
-			let n = (e.mode, e.packages.filter((e) => !D[e])), i = e.mode === "any" ? "Install a plugin to continue" : e.packages.length === 1 ? "Plugin required" : "Plugins required", a = e.mode === "any" ? "Pick any one of the plugins below. Once installed, this surface will render automatically." : e.packages.length === 1 ? "This surface needs the following agent plugin installed." : "This surface needs the following agent plugins installed.";
-			return /* @__PURE__ */ g("div", {
-				className: `rounded-lg border border-border-default bg-bg-surface ${x ? "p-4" : "p-6"}`,
-				children: /* @__PURE__ */ _("div", {
+		children: [T.map((e, t) => {
+			if (L[t]) return null;
+			let n = (e.mode, e.packages.filter((e) => !O[e])), r = e.mode === "any" ? "Install a plugin to continue" : e.packages.length === 1 ? "Plugin required" : "Plugins required", a = e.mode === "any" ? "Pick any one of the plugins below. Once installed, this surface will render automatically." : e.packages.length === 1 ? "This surface needs the following agent plugin installed." : "This surface needs the following agent plugins installed.";
+			return /* @__PURE__ */ _("div", {
+				className: `rounded-lg border border-border-default bg-bg-surface ${S ? "p-4" : "p-6"}`,
+				children: /* @__PURE__ */ v("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ g(f, { className: "size-5 text-action-primary-bg shrink-0 mt-0.5" }), /* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ _(p, { className: "size-5 text-action-primary-bg shrink-0 mt-0.5" }), /* @__PURE__ */ v("div", {
 						className: "flex-1 min-w-0",
 						children: [
-							e.eyebrow && /* @__PURE__ */ g("p", {
+							e.eyebrow && /* @__PURE__ */ _("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary mb-1",
 								children: e.eyebrow
 							}),
-							/* @__PURE__ */ g("p", {
+							/* @__PURE__ */ _("p", {
 								className: "text-sm font-semibold text-text-primary",
-								children: e.title ?? i
+								children: e.title ?? r
 							}),
-							/* @__PURE__ */ g("p", {
+							/* @__PURE__ */ _("p", {
 								className: "mt-1 text-sm text-text-secondary",
 								children: e.description ?? a
 							}),
-							A && /* @__PURE__ */ _("div", {
+							j && /* @__PURE__ */ v("div", {
 								role: "alert",
 								className: "mt-3 flex items-start gap-2 rounded-md border border-status-error-border bg-status-error-bg px-3 py-2 text-xs text-status-error-text",
-								children: [/* @__PURE__ */ g(c, { className: "size-3.5 mt-0.5 shrink-0" }), /* @__PURE__ */ g("span", { children: A })]
+								children: [/* @__PURE__ */ _(l, { className: "size-3.5 mt-0.5 shrink-0" }), /* @__PURE__ */ _("span", { children: j })]
 							}),
-							/* @__PURE__ */ g("ul", {
+							/* @__PURE__ */ _("ul", {
 								className: "mt-4 space-y-2",
 								children: n.map((e) => {
-									let t = r(e), n = O === e, i = O !== null;
-									return /* @__PURE__ */ _("li", {
+									let t = i(e), n = k === e, r = k !== null;
+									return /* @__PURE__ */ v("li", {
 										className: "flex items-center justify-between gap-3 rounded-md border border-border-default bg-bg-sunken px-3 py-2",
-										children: [/* @__PURE__ */ _("div", {
+										children: [/* @__PURE__ */ v("div", {
 											className: "min-w-0",
 											children: [
-												/* @__PURE__ */ g("p", {
+												/* @__PURE__ */ _("p", {
 													className: "text-sm font-medium text-text-primary truncate",
 													children: t.displayName
 												}),
-												/* @__PURE__ */ g("p", {
+												/* @__PURE__ */ _("p", {
 													className: "text-xs text-text-secondary truncate",
 													children: t.description
 												}),
-												/* @__PURE__ */ g("p", {
+												/* @__PURE__ */ _("p", {
 													className: "text-[10px] font-mono text-text-placeholder truncate",
 													title: e,
 													children: e
 												})
 											]
-										}), /* @__PURE__ */ g("button", {
+										}), /* @__PURE__ */ _("button", {
 											type: "button",
-											onClick: () => void z(e),
-											disabled: i || T,
+											onClick: () => void B(e),
+											disabled: r || E,
 											className: "inline-flex items-center gap-1.5 whitespace-nowrap rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
 											"data-testid": `plugin-install-${e}`,
-											children: n ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(d, { className: "size-3.5 animate-spin" }), "Installing…"] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(u, { className: "size-3.5" }), "Install"] })
+											children: n ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(f, { className: "size-3.5 animate-spin" }), "Installing…"] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(d, { className: "size-3.5" }), "Install"] })
 										})]
 									}, e);
 								})
 							}),
-							T && n.length === 0 && /* @__PURE__ */ _("div", {
+							E && n.length === 0 && /* @__PURE__ */ v("div", {
 								className: "mt-4 flex items-center gap-2 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ g(d, { className: "size-3.5 animate-spin" }), "Checking plugins…"]
+								children: [/* @__PURE__ */ _(f, { className: "size-3.5 animate-spin" }), "Checking plugins…"]
 							})
 						]
 					})]
 				})
 			}, t);
-		}), /* @__PURE__ */ g(e, {
-			isOpen: M,
-			onClose: N,
+		}), /* @__PURE__ */ _(e, {
+			isOpen: N,
+			onClose: P,
 			onConfirm: () => {
-				N(), F("/billing/plans");
+				P(), I(t);
 			},
 			title: "Plugin quota reached",
 			message: "You've used all plugin install quota on your current plan. Upgrade to install more plugins."
 		})]
-	}) : /* @__PURE__ */ g("div", {
-		className: `rounded-lg border border-border-default bg-bg-surface ${x ? "p-4" : "p-6"}`,
-		children: /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ _("div", {
+		className: `rounded-lg border border-border-default bg-bg-surface ${S ? "p-4" : "p-6"}`,
+		children: /* @__PURE__ */ v("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ g(m, { className: "size-5 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ _(h, { className: "size-5 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ v("div", {
 				className: "flex-1 space-y-2",
 				children: [
-					/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ _("p", {
 						className: "text-sm font-semibold text-text-primary",
 						children: "No active agent"
 					}),
-					/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ _("p", {
 						className: "text-sm text-text-secondary",
 						children: "This surface needs an active vibecontrols agent with a tunnel URL and API key."
 					}),
-					/* @__PURE__ */ g("button", {
+					/* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: () => F("/agents"),
+						onClick: () => I("/agents"),
 						className: "px-3 py-1.5 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
 						children: "Go to Agents"
 					})
@@ -185,4 +185,4 @@ function y(y) {
 	});
 }
 //#endregion
-export { y as PluginGate };
+export { b as PluginGate };