@burdenoff/microfe-vibecontrols 2026.522.4 → 2026.522.6

package/dist/pages/VibeDetailsPage.js

@@ -8,40 +8,40 @@ import { EmptyState as g } from "../components/shared/EmptyState.js";
 import { StatusBadge as _ } from "../components/shared/StatusBadge.js";
 import { Card as v } from "../components/shared/Card.js";
 import { SESSION_PROVIDER_PACKAGES as ee } from "../constants/pluginCatalog.js";
-import { PluginGate as te } from "../components/shared/PluginGate.js";
-import { useActiveAgentProfile as ne } from "../hooks/useActiveAgentProfile.js";
+import { PluginGate as y } from "../components/shared/PluginGate.js";
+import { useActiveAgentProfile as te } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as y } from "../constants/permissions.js";
-import { PageSkeleton as b } from "../components/shared/PageSkeleton.js";
+import { VIBE_PERMISSIONS as b } from "../constants/permissions.js";
+import { PageSkeleton as ne } from "../components/shared/PageSkeleton.js";
 import { VibeOpenInEditorMenu as re } from "../components/agents/VibeOpenInEditorMenu.js";
 import "../components/agents/index.js";
-import { NotesTabPanel as x } from "../components/notes/NotesTabPanel.js";
+import { NotesTabPanel as ie } from "../components/notes/NotesTabPanel.js";
 import "../components/notes/index.js";
-import { useQueryBackedTab as S } from "../hooks/useQueryBackedTab.js";
-import { appendIframeTokenParam as ie, mintIframeToken as C, mintScopedIframeToken as ae, scheduleIframeTokenRefresh as w } from "../services/iframeToken.js";
-import { AddTabDialog as oe } from "../components/plugins/AddTabDialog.js";
-import { PluginIframeMount as se } from "../components/plugins/PluginIframeMount.js";
-import { ScorecardPanel as ce } from "../components/scorecard/ScorecardPanel.js";
+import { useQueryBackedTab as x } from "../hooks/useQueryBackedTab.js";
+import { appendIframeTokenParam as ae, mintIframeToken as S, mintScopedIframeToken as oe, scheduleIframeTokenRefresh as C } from "../services/iframeToken.js";
+import { AddTabDialog as se } from "../components/plugins/AddTabDialog.js";
+import { PluginIframeMount as ce } from "../components/plugins/PluginIframeMount.js";
+import { ScorecardPanel as le } from "../components/scorecard/ScorecardPanel.js";
 import "../components/scorecard/index.js";
-import { DocsTabPanel as le } from "../components/docs/DocsTabPanel.js";
+import { DocsTabPanel as ue } from "../components/docs/DocsTabPanel.js";
 import "../components/docs/index.js";
-import { VibeGitOpsTab as ue } from "../components/gitops/VibeGitOpsTab.js";
-import { VibeAgentEmptyState as de } from "../components/vibe/VibeAgentEmptyState.js";
-import { DEFAULT_VIBE_FEATURE_CATALOG as fe, isVibeFeatureEnabled as pe } from "../lib/vibeFeatures.js";
-import { SecurityTabPanel as me } from "../components/security/SecurityTabPanel.js";
+import { VibeGitOpsTab as de } from "../components/gitops/VibeGitOpsTab.js";
+import { VibeAgentEmptyState as fe } from "../components/vibe/VibeAgentEmptyState.js";
+import { DEFAULT_VIBE_FEATURE_CATALOG as pe, isVibeFeatureEnabled as me } from "../lib/vibeFeatures.js";
+import { SecurityTabPanel as he } from "../components/security/SecurityTabPanel.js";
 import "../components/security/index.js";
-import { useCallback as he, useEffect as ge, useMemo as T, useRef as _e, useState as E } from "react";
-import { useI18n as ve } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Archive as ye, ArrowLeft as D, BarChart3 as be, BookOpen as xe, Check as Se, Clock as Ce, ExternalLink as we, FileText as Te, Folder as Ee, GitBranch as De, GitMerge as Oe, Globe as ke, Info as Ae, Library as O, Link2 as je, Loader2 as Me, Network as Ne, Pause as Pe, Play as Fe, Plus as k, RefreshCw as Ie, Server as Le, Settings as Re, Shield as ze, Tag as Be, Terminal as A, Variable as Ve, X as He, Zap as j } from "lucide-react";
-import { useParams as Ue } from "react-router-dom";
-import { AnimatePresence as We, motion as M } from "framer-motion";
-import { Fragment as Ge, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { useCallback as ge, useEffect as w, useMemo as T, useRef as E, useState as D } from "react";
+import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Archive as ve, ArrowLeft as O, BarChart3 as ye, BookOpen as be, Check as xe, Clock as Se, ExternalLink as Ce, FileText as we, Folder as Te, GitBranch as Ee, GitMerge as De, Globe as Oe, Info as ke, Library as Ae, Link2 as je, Loader2 as Me, MoreVertical as Ne, Network as Pe, Pause as Fe, Play as Ie, Plus as k, RefreshCw as Le, Server as Re, Settings as ze, Shield as Be, Tag as Ve, Terminal as He, Variable as Ue, X as We, Zap as A } from "lucide-react";
+import { useParams as Ge } from "react-router-dom";
+import { AnimatePresence as Ke, motion as j } from "framer-motion";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 import { useFeatureFlagDetails as F } from "@burdenoff/fe-libs/shared/feature-flags";
-import { MotionItem as I, MotionList as Ke, MotionPage as L } from "@burdenoff/fe-libs/shared/motion";
-import { PermissionButton as qe } from "@burdenoff/fe-libs/shared/components";
-import { usePluginContributions as Je } from "@burdenoff/fe-libs/shared/plugins";
+import { MotionItem as I, MotionList as qe, MotionPage as L } from "@burdenoff/fe-libs/shared/motion";
+import { PermissionButton as Je } from "@burdenoff/fe-libs/shared/components";
+import { usePluginContributions as Ye } from "@burdenoff/fe-libs/shared/plugins";
 //#region src/pages/VibeDetailsPage.tsx
-var Ye = [
+var Xe = [
 	"overview",
 	"config",
 	"git",
@@ -54,7 +54,7 @@ var Ye = [
 	"gitops",
 	"security",
 	"related"
-], Xe = new Set(["overview", "config"]), Ze = new Set(["apiPlayground"]), Qe = new Set([
+], Ze = new Set(["overview", "config"]), Qe = new Set(["apiPlayground"]), $e = new Set([
 	"sessions",
 	"gitops",
 	"graphqlPlayground",
@@ -62,26 +62,26 @@ var Ye = [
 	"security"
 ]);
 function R() {
-	let { t: e } = ve(), { id: r } = Ue(), { basePath: s } = u(), ie = s || "", C = d(), w = he((t, n) => {
+	let { t: e } = _e(), { id: r } = Ge(), { basePath: s } = u(), ae = s || "", S = d(), C = ge((t, n) => {
 		let r = e(t);
 		return r === t ? n : r;
-	}, [e]), [Se] = l({ refetchQueries: ["GetVibe"] }), [we] = t({ refetchQueries: ["GetVibe"] }), [ke] = n({ refetchQueries: ["GetVibe", "ListSessions"] }), { data: Me } = i({
+	}, [e]), [xe] = l({ refetchQueries: ["GetVibe"] }), [Ce] = t({ refetchQueries: ["GetVibe"] }), [Oe] = n({ refetchQueries: ["GetVibe", "ListSessions"] }), { data: Me } = i({
 		fetchPolicy: "cache-first",
 		errorPolicy: "ignore"
-	}), He = T(() => {
-		let e = new Map(fe.map((e) => [e.id, e]));
+	}), We = T(() => {
+		let e = new Map(pe.map((e) => [e.id, e]));
 		for (let t of Me?.vibeFeatureCatalog ?? []) e.set(t.id, t);
 		return Array.from(e.values());
-	}, [Me?.vibeFeatureCatalog]), R = T(() => He.filter((e) => !Ze.has(e.id)), [He]), [tt, { loading: nt }] = c({ refetchQueries: ["GetVibe"] }), [rt, it] = E(!1), [at, z] = E(null), [ot, st] = E(!1), [ct, lt] = E(null), ut = _e(null), dt = _e(null), ft = _e(null), pt = _e(null), { data: mt, loading: ht, error: gt, refetch: _t } = o({
+	}, [Me?.vibeFeatureCatalog]), R = T(() => We.filter((e) => !Qe.has(e.id)), [We]), [nt, { loading: rt }] = c({ refetchQueries: ["GetVibe"] }), [it, at] = D(!1), [ot, z] = D(null), [st, ct] = D(!1), [lt, ut] = D(null), B = E(null), dt = E(null), ft = E(null), pt = E(null), { data: mt, loading: ht, error: gt, refetch: _t } = o({
 		variables: { id: r || "" },
 		skip: !r,
 		fetchPolicy: "cache-and-network"
-	}), B = mt?.vibe, { data: vt } = a({
+	}), V = mt?.vibe, { data: vt } = a({
 		variables: { id: r || "" },
 		skip: !r,
 		fetchPolicy: "cache-first",
 		errorPolicy: "ignore"
-	}), yt = B, V = vt?.vibe ?? yt, H = he((e) => pe(V ?? null, e, R), [V, R]), bt = F("vibes.tabs.git"), xt = F("vibes.tabs.scorecard"), St = F("vibes.tabs.graphql-playground"), Ct = F("vibes.tabs.git-iframe"), wt = F("vibes.tabs.graphiql-iframe"), Tt = F("vibes.tabs.gitops-iframe"), Et = he((e) => {
+	}), yt = V, H = vt?.vibe ?? yt, U = ge((e) => me(H ?? null, e, R), [H, R]), bt = F("vibes.tabs.git"), xt = F("vibes.tabs.scorecard"), St = F("vibes.tabs.graphql-playground"), Ct = F("vibes.tabs.git-iframe"), wt = F("vibes.tabs.graphiql-iframe"), Tt = F("vibes.tabs.gitops-iframe"), Et = ge((e) => {
 		switch (e) {
 			case "git": return bt ? !!bt.value : !0;
 			case "scorecard": return xt ? !!xt.value : !0;
@@ -92,117 +92,125 @@ function R() {
 		bt,
 		xt,
 		St
-	]), U = B?.agents ?? [], W = B?.sessions || [], Dt = B?.children || [], Ot = B?.parent || null, kt = f((e) => r ? e.defaultAgentForVibe?.[r] : void 0), G = (kt ? U.find((e) => e.id === kt) ?? null : null) ?? (U.length === 1 ? U[0] : U.find((e) => !!e.tunnelUrl) ?? U[0] ?? null), K = G, At = G?.tunnelUrl ?? null, jt = G?.agentApiKey ?? null, { active: q } = ne(G?.id ?? null), J = F("vibes.tabs.iframe-host")?.value === !0, Mt = T(() => {
-		if (!J || !G?.tunnelUrl) return [];
-		let e = G.id, t = q ?? "default";
+	]), W = V?.agents ?? [], G = V?.sessions || [], Dt = V?.children || [], Ot = V?.parent || null, kt = f((e) => r ? e.defaultAgentForVibe?.[r] : void 0), K = (kt ? W.find((e) => e.id === kt) ?? null : null) ?? (W.length === 1 ? W[0] : W.find((e) => !!e.tunnelUrl) ?? W[0] ?? null), q = K, At = K?.tunnelUrl ?? null, jt = K?.agentApiKey ?? null, { active: J } = te(K?.id ?? null), Y = F("vibes.tabs.iframe-host")?.value === !0, Mt = T(() => {
+		if (!Y || !K?.tunnelUrl) return [];
+		let e = K.id, t = J ?? "default";
 		return [{
-			tunnelUrl: G.tunnelUrl,
+			tunnelUrl: K.tunnelUrl,
 			profile: t,
-			label: G.name ?? G.id,
-			mintIframeToken: async ({ pathPrefixes: n }) => ae(e, t, n)
+			label: K.name ?? K.id,
+			mintIframeToken: async ({ pathPrefixes: n }) => oe(e, t, n)
 		}];
 	}, [
-		J,
-		G,
-		q
-	]), Y = Je(Mt, {
+		Y,
+		K,
+		J
+	]), X = Ye(Mt, {
 		mountPoint: "vibe.detailTab",
-		enabled: J && Mt.length > 0
-	}), [X, Z] = S(T(() => {
-		let e = Y.data.filter((e) => e.contribution.mountPoint === "vibe.detailTab").map((e) => e.contribution.id);
-		return [...Ye, ...e];
-	}, [Y.data]), "overview"), [Nt, Pt] = E(!1);
-	ge(() => {
-		B && f.setState({
-			activeAgentId: G?.id ?? null,
-			selectedAgentId: G?.id ?? null,
-			activeVibeId: B.id,
-			selectedVibeId: B.id,
+		enabled: Y && Mt.length > 0
+	}), [Z, Q] = x(T(() => {
+		let e = X.data.filter((e) => e.contribution.mountPoint === "vibe.detailTab").map((e) => e.contribution.id);
+		return [...Xe, ...e];
+	}, [X.data]), "overview"), [Nt, Pt] = D(!1);
+	w(() => {
+		V && f.setState({
+			activeAgentId: K?.id ?? null,
+			selectedAgentId: K?.id ?? null,
+			activeVibeId: V.id,
+			selectedVibeId: V.id,
 			activeSessionId: null,
 			selectedSessionId: null
 		});
-	}, [B?.id, G?.id]);
-	let Q = U.length > 0;
-	ge(() => {
-		if (!Xe.has(X)) {
-			if (!H(X) || !Et(X)) {
-				Z("overview");
+	}, [V?.id, K?.id]);
+	let Ft = W.length > 0;
+	w(() => {
+		if (!Ze.has(Z)) {
+			if (!U(Z) || !Et(Z)) {
+				Q("overview");
 				return;
 			}
-			!Q && Qe.has(X) && Z("overview");
+			!Ft && $e.has(Z) && Q("overview");
 		}
 	}, [
-		X,
-		H,
+		Z,
+		U,
 		Et,
-		Q,
-		Z
+		Ft,
+		Q
 	]);
 	let $ = () => {
-		C("/vibes");
-	}, Ft = async () => {
-		if (B?.id) try {
-			await Se({ variables: {
-				id: B.id,
+		S("/vibes");
+	}, It = async () => {
+		if (V?.id) try {
+			await xe({ variables: {
+				id: V.id,
 				status: "ACTIVE"
 			} });
 		} catch (e) {
 			console.error("Failed to activate vibe:", e);
 		}
-	}, It = async () => {
-		if (B?.id) try {
-			await Se({ variables: {
-				id: B.id,
+	}, Lt = async () => {
+		if (V?.id) try {
+			await xe({ variables: {
+				id: V.id,
 				status: "INACTIVE"
 			} });
 		} catch (e) {
 			console.error("Failed to deactivate vibe:", e);
 		}
-	}, Lt = async () => {
-		if (B?.id) try {
-			await we({ variables: { id: B.id } });
+	}, [Rt, zt] = D(!1), [Bt, Vt] = D(!1), Ht = E(null);
+	w(() => {
+		if (!Bt) return;
+		let e = (e) => {
+			Ht.current?.contains(e.target) || Vt(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [Bt]);
+	let Ut = async () => {
+		if (V?.id) try {
+			await Ce({ variables: { id: V.id } }), zt(!1);
 		} catch (e) {
 			console.error("Failed to archive vibe:", e);
 		}
-	}, Rt = () => {
-		z(null), it(!0);
-	}, zt = async () => {
-		let e = ut.current?.value?.trim(), t = dt.current?.value, n = ft.current?.value?.trim() || void 0, r = pt.current?.value?.trim() || void 0;
+	}, Wt = () => {
+		z(null), at(!0);
+	}, Gt = async () => {
+		let e = B.current?.value?.trim(), t = dt.current?.value, n = ft.current?.value?.trim() || void 0, r = pt.current?.value?.trim() || void 0;
 		if (!e) {
-			z(w("vibeDetails.sessionNameRequired", "Session name is required"));
+			z(C("vibeDetails.sessionNameRequired", "Session name is required"));
 			return;
 		}
-		let i = B?.agentId;
+		let i = V?.agentId;
 		if (!i) {
-			z(w("vibeDetails.noAgentAttached", "This vibe has no agent attached. Connect an agent to this vibe before creating a session."));
+			z(C("vibeDetails.noAgentAttached", "This vibe has no agent attached. Connect an agent to this vibe before creating a session."));
 			return;
 		}
-		st(!0), z(null);
+		ct(!0), z(null);
 		try {
-			await ke({ variables: { input: {
+			await Oe({ variables: { input: {
 				name: e,
 				type: t || "TERMINAL",
 				agentId: i,
-				vibeId: B?.id,
+				vibeId: V?.id,
 				command: n,
-				workingDirectory: r || B?.path || void 0
-			} } }), it(!1), ut.current && (ut.current.value = ""), dt.current && (dt.current.selectedIndex = 0), ft.current && (ft.current.value = ""), pt.current && (pt.current.value = ""), lt(w("sessions.createdSuccess", "Session created successfully")), setTimeout(() => lt(null), 3e3);
+				workingDirectory: r || V?.path || void 0
+			} } }), at(!1), B.current && (B.current.value = ""), dt.current && (dt.current.selectedIndex = 0), ft.current && (ft.current.value = ""), pt.current && (pt.current.value = ""), ut(C("sessions.createdSuccess", "Session created successfully")), setTimeout(() => ut(null), 3e3);
 		} catch (e) {
-			z(e instanceof Error ? e.message : w("sessions.failedCreate", "Failed to create session"));
+			z(e instanceof Error ? e.message : C("sessions.failedCreate", "Failed to create session"));
 		} finally {
-			st(!1);
+			ct(!1);
 		}
-	}, Bt = () => {
-		K && C(`/agents/${K.id}`);
-	}, Vt = (e) => {
-		C(`/sessions/${e}`);
-	}, Ht = (e) => {
-		C(`/vibes/${e}`);
-	}, Ut = (e) => {
-		if (!e) return w("health.never", "Never");
+	}, Kt = () => {
+		q && S(`/agents/${q.id}`);
+	}, qt = (e) => {
+		S(`/sessions/${e}`);
+	}, Jt = (e) => {
+		S(`/vibes/${e}`);
+	}, Yt = (e) => {
+		if (!e) return C("health.never", "Never");
 		let t = Date.now() - new Date(e).getTime();
-		return t < 6e4 ? w("health.justNow", "Just now") : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleDateString();
-	}, Wt = (e) => {
+		return t < 6e4 ? C("health.justNow", "Just now") : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleDateString();
+	}, Xt = (e) => {
 		switch (e) {
 			case "clean": return "text-status-success-text";
 			case "modified": return "text-status-warning-text";
@@ -210,127 +218,127 @@ function R() {
 			default: return "text-text-secondary";
 		}
 	};
-	if (ht && !B) return /* @__PURE__ */ P(L, {
+	if (ht && !V) return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [/* @__PURE__ */ P("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ N(D, { className: "w-4 h-4" }), w("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ N(b, { variant: "detail" })]
+			children: [/* @__PURE__ */ N(O, { className: "w-4 h-4" }), C("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ N(ne, { variant: "detail" })]
 	});
-	if (gt && !B) return /* @__PURE__ */ P(L, {
+	if (gt && !V) return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [/* @__PURE__ */ P("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ N(D, { className: "w-4 h-4" }), w("vibeDetails.backToVibes", "Back to Vibes")]
+			children: [/* @__PURE__ */ N(O, { className: "w-4 h-4" }), C("vibeDetails.backToVibes", "Back to Vibes")]
 		}), /* @__PURE__ */ N(m, {
-			title: w("vibeDetails.failedLoad", "Failed to load vibe"),
+			title: C("vibeDetails.failedLoad", "Failed to load vibe"),
 			message: gt.message,
 			onRetry: () => _t()
 		})]
 	});
-	if (!B) return /* @__PURE__ */ P(L, {
+	if (!V) return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [/* @__PURE__ */ P("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ N(D, { className: "w-4 h-4" }), w("vibeDetails.backToVibes", "Back to Vibes")]
+			children: [/* @__PURE__ */ N(O, { className: "w-4 h-4" }), C("vibeDetails.backToVibes", "Back to Vibes")]
 		}), /* @__PURE__ */ N(g, {
-			icon: /* @__PURE__ */ N(j, { className: "w-8 h-8 text-text-secondary" }),
-			title: w("vibeDetails.notFound", "Vibe not found"),
-			description: `${w("vibeDetails.notFoundDescriptionPrefix", "No vibe with ID")} "${r}" ${w("vibeDetails.notFoundDescriptionSuffix", "exists")}`,
+			icon: /* @__PURE__ */ N(A, { className: "w-8 h-8 text-text-secondary" }),
+			title: C("vibeDetails.notFound", "Vibe not found"),
+			description: `${C("vibeDetails.notFoundDescriptionPrefix", "No vibe with ID")} "${r}" ${C("vibeDetails.notFoundDescriptionSuffix", "exists")}`,
 			action: /* @__PURE__ */ N("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: w("vibeDetails.backToVibes", "Back to Vibes")
+				children: C("vibeDetails.backToVibes", "Back to Vibes")
 			})
 		})]
 	});
-	let Gt = B.status === "ACTIVE" || B.status === "RUNNING", Kt = W.filter((e) => e.status === "RUNNING").length, qt = Dt.length + +!!Ot + +!!K, Jt = !!(B.gitBranch || B.gitRemote), Yt = [
+	let Zt = V.status === "ACTIVE" || V.status === "RUNNING", Qt = G.filter((e) => e.status === "RUNNING").length, $t = Dt.length + +!!Ot + +!!q, en = !!(V.gitBranch || V.gitRemote), tn = [
 		{
 			id: "overview",
-			label: w("nav.overview", "Overview"),
-			icon: Ae
+			label: C("nav.overview", "Overview"),
+			icon: ke
 		},
 		{
 			id: "config",
-			label: w("vibeDetails.config", "Config"),
-			icon: Re
+			label: C("vibeDetails.config", "Config"),
+			icon: ze
 		},
 		{
 			id: "git",
-			label: w("vibeDetails.git", "Git"),
-			icon: De,
-			badge: Jt && B.gitBranch || void 0
+			label: C("vibeDetails.git", "Git"),
+			icon: Ee,
+			badge: en && V.gitBranch || void 0
 		},
 		{
 			id: "sessions",
-			label: w("nav.sessions", "Sessions"),
-			icon: A,
-			badge: `${W.length}`
+			label: C("nav.sessions", "Sessions"),
+			icon: He,
+			badge: `${G.length}`
 		},
 		{
 			id: "notes",
-			label: w("vibeDetails.notes", "Notes"),
-			icon: Te
+			label: C("vibeDetails.notes", "Notes"),
+			icon: we
 		},
 		{
 			id: "docs",
-			label: w("vibeDetails.docs", "Docs"),
-			icon: xe
+			label: C("vibeDetails.docs", "Docs"),
+			icon: be
 		},
 		{
 			id: "scorecard",
-			label: w("vibeDetails.scorecard", "Scorecard"),
-			icon: be
+			label: C("vibeDetails.scorecard", "Scorecard"),
+			icon: ye
 		},
 		{
 			id: "catalogs",
-			label: w("vibeDetails.catalogs", "Catalogs"),
-			icon: O
+			label: C("vibeDetails.catalogs", "Catalogs"),
+			icon: Ae
 		},
 		{
 			id: "graphqlPlayground",
-			label: w("vibeDetails.graphqlPlayground", "GraphQL"),
-			icon: Ne
+			label: C("vibeDetails.graphqlPlayground", "GraphQL"),
+			icon: Pe
 		},
 		{
 			id: "gitops",
-			label: w("vibeDetails.gitops", "GitOps"),
-			icon: Oe
+			label: C("vibeDetails.gitops", "GitOps"),
+			icon: De
 		},
 		{
 			id: "security",
-			label: w("vibeDetails.security", "Security"),
-			icon: ze
+			label: C("vibeDetails.security", "Security"),
+			icon: Be
 		},
 		{
 			id: "related",
-			label: w("vibeDetails.related", "Related"),
+			label: C("vibeDetails.related", "Related"),
 			icon: je,
-			badge: qt > 0 ? `${qt}` : void 0
+			badge: $t > 0 ? `${$t}` : void 0
 		}
-	].filter((e) => Xe.has(e.id) ? !0 : !(!H(e.id) || !Et(e.id) || !Q && Qe.has(e.id) || e.id === "git" && Ct?.value === !0 || e.id === "graphqlPlayground" && wt?.value === !0 || e.id === "gitops" && Tt?.value === !0));
+	].filter((e) => Ze.has(e.id) ? !0 : !(!U(e.id) || !Et(e.id) || !Ft && $e.has(e.id) || e.id === "git" && Ct?.value === !0 || e.id === "graphqlPlayground" && wt?.value === !0 || e.id === "gitops" && Tt?.value === !0));
 	return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			ct && /* @__PURE__ */ N("div", {
+			lt && /* @__PURE__ */ N("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: ct
+				children: lt
 			}),
 			/* @__PURE__ */ P("button", {
 				onClick: $,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ N(D, { className: "w-4 h-4" }), w("vibeDetails.backToVibes", "Back to Vibes")]
+				children: [/* @__PURE__ */ N(O, { className: "w-4 h-4" }), C("vibeDetails.backToVibes", "Back to Vibes")]
 			}),
 			/* @__PURE__ */ N(p, {
-				title: B.name,
-				description: B.description || w("vibeDetails.noDescription", "No description"),
+				title: V.name,
+				description: V.description || C("vibeDetails.noDescription", "No description"),
 				breadcrumb: [{
-					label: w("nav.vibes", "Vibes"),
-					path: ie ? `${ie}/vibes` : "/vibes"
-				}, { label: B.name }],
+					label: C("nav.vibes", "Vibes"),
+					path: ae ? `${ae}/vibes` : "/vibes"
+				}, { label: V.name }],
 				actions: /* @__PURE__ */ P("div", {
 					className: "flex items-center gap-2 flex-wrap",
 					children: [
@@ -338,75 +346,119 @@ function R() {
 							onClick: () => _t(),
 							disabled: ht,
 							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: w("common.refresh", "Refresh"),
-							children: /* @__PURE__ */ N(Ie, { className: `w-4 h-4 ${ht ? "animate-spin" : ""}` })
-						}),
-						/* @__PURE__ */ N(qe, {
-							permission: y.VIBE_UPDATE,
-							deniedBehavior: "disable",
-							deniedTooltip: "You don't have permission to update vibes",
-							children: Gt ? /* @__PURE__ */ P("button", {
-								onClick: It,
-								className: "flex items-center gap-1.5 px-2.5 py-1.5 sm:px-3 sm:py-2 text-xs sm:text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								children: [/* @__PURE__ */ N(Pe, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ N("span", {
-									className: "hidden sm:inline",
-									children: w("vibeDetails.deactivate", "Deactivate")
-								})]
-							}) : /* @__PURE__ */ P("button", {
-								onClick: Ft,
-								className: "flex items-center gap-1.5 px-2.5 py-1.5 sm:px-3 sm:py-2 text-xs sm:text-sm bg-status-success-bg text-status-success-text rounded-md hover:opacity-80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								children: [/* @__PURE__ */ N(Fe, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ N("span", {
-									className: "hidden sm:inline",
-									children: w("vibeDetails.activate", "Activate")
-								})]
-							})
+							title: C("common.refresh", "Refresh"),
+							children: /* @__PURE__ */ N(Le, { className: `w-4 h-4 ${ht ? "animate-spin" : ""}` })
 						}),
 						/* @__PURE__ */ N(re, {
-							vibeId: B.id,
-							workspacePath: B.path,
+							vibeId: V.id,
+							workspacePath: V.path,
 							tunnelUrl: At,
 							agentApiKey: jt,
-							profile: q ?? "default",
-							browserEditorEnabled: H("browserEditor")
+							profile: J ?? "default",
+							browserEditorEnabled: U("browserEditor")
 						}),
-						/* @__PURE__ */ N(qe, {
-							permission: y.SESSION_CREATE,
+						/* @__PURE__ */ N(Je, {
+							permission: b.SESSION_CREATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to create sessions",
 							children: /* @__PURE__ */ P("button", {
-								onClick: Rt,
+								onClick: Wt,
 								className: "flex items-center gap-1.5 px-2.5 py-1.5 sm:px-3 sm:py-2 text-xs sm:text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
 								children: [
 									/* @__PURE__ */ N(k, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }),
 									/* @__PURE__ */ N("span", {
 										className: "hidden sm:inline",
-										children: w("vibeDetails.new", "New")
+										children: C("vibeDetails.new", "New")
 									}),
 									/* @__PURE__ */ N("span", {
 										className: "hidden sm:inline",
-										children: w("nav.sessions", "Session")
+										children: C("nav.sessions", "Session")
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ N(qe, {
-							permission: y.VIBE_UPDATE,
+						/* @__PURE__ */ N(Je, {
+							permission: b.VIBE_UPDATE,
 							deniedBehavior: "disable",
-							deniedTooltip: "You don't have permission to archive vibes",
-							children: /* @__PURE__ */ P("button", {
-								onClick: Lt,
-								className: "flex items-center gap-1.5 px-2.5 py-1.5 sm:px-3 sm:py-2 text-xs sm:text-sm bg-status-warning-bg text-status-warning-text rounded-md hover:opacity-80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								title: w("vibeDetails.archive", "Archive"),
-								children: [/* @__PURE__ */ N(ye, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ N("span", {
-									className: "hidden sm:inline",
-									children: w("vibeDetails.archive", "Archive")
+							deniedTooltip: "You don't have permission to manage this vibe",
+							children: /* @__PURE__ */ P("div", {
+								className: "relative",
+								ref: Ht,
+								children: [/* @__PURE__ */ N("button", {
+									type: "button",
+									onClick: () => Vt((e) => !e),
+									"aria-haspopup": "menu",
+									"aria-expanded": Bt,
+									"aria-label": C("common.moreActions", "More actions"),
+									title: C("common.moreActions", "More actions"),
+									className: "flex items-center justify-center p-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors",
+									children: /* @__PURE__ */ N(Ne, { className: "w-4 h-4" })
+								}), Bt && /* @__PURE__ */ P("div", {
+									role: "menu",
+									className: "absolute right-0 mt-2 min-w-[12rem] bg-bg-elevated border border-border-default rounded-md shadow-lg z-20 py-1",
+									children: [
+										/* @__PURE__ */ N("button", {
+											role: "menuitem",
+											onClick: () => {
+												Vt(!1), Zt ? Lt() : It();
+											},
+											className: "w-full flex items-center gap-2 px-3 py-2 text-sm text-text-primary hover:bg-action-ghost-bg-hover text-left",
+											children: Zt ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(Fe, { className: "w-4 h-4 text-text-secondary" }), /* @__PURE__ */ N("span", { children: C("vibeDetails.pauseVibe", "Pause vibe (stop scheduled runs)") })] }) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(Ie, { className: "w-4 h-4 text-status-success-text" }), /* @__PURE__ */ N("span", { children: C("vibeDetails.resumeVibe", "Resume vibe (re-enable scheduled runs)") })] })
+										}),
+										/* @__PURE__ */ N("div", { className: "border-t border-border-subtle my-1" }),
+										/* @__PURE__ */ P("button", {
+											role: "menuitem",
+											onClick: () => {
+												Vt(!1), zt(!0);
+											},
+											className: "w-full flex items-center gap-2 px-3 py-2 text-sm text-status-warning-text hover:bg-action-ghost-bg-hover text-left",
+											children: [/* @__PURE__ */ N(ve, { className: "w-4 h-4" }), /* @__PURE__ */ N("span", { children: C("vibeDetails.archive", "Archive vibe…") })]
+										})
+									]
 								})]
 							})
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ P(Ke, {
+			Rt && /* @__PURE__ */ N("div", {
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "archive-vibe-title",
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+				onClick: (e) => {
+					e.target === e.currentTarget && zt(!1);
+				},
+				children: /* @__PURE__ */ P("div", {
+					className: "w-full max-w-md rounded-lg bg-bg-elevated border border-border-default shadow-xl p-5",
+					children: [
+						/* @__PURE__ */ N("h2", {
+							id: "archive-vibe-title",
+							className: "text-base font-semibold text-text-primary mb-2",
+							children: C("vibeDetails.archiveConfirmTitle", "Archive this vibe?")
+						}),
+						/* @__PURE__ */ N("p", {
+							className: "text-sm text-text-secondary mb-4",
+							children: C("vibeDetails.archiveConfirmBody", "Archived vibes are hidden from the active list and their scheduled actions stop firing. You can restore the vibe later from the archived view. Existing sessions, tunnels, and audit history are preserved.")
+						}),
+						/* @__PURE__ */ P("div", {
+							className: "flex justify-end gap-2",
+							children: [/* @__PURE__ */ N("button", {
+								type: "button",
+								onClick: () => zt(!1),
+								className: "text-sm px-3 py-1.5 rounded-md border border-border-default text-text-primary hover:bg-action-ghost-bg-hover",
+								children: C("common.cancel", "Cancel")
+							}), /* @__PURE__ */ N("button", {
+								type: "button",
+								onClick: Ut,
+								className: "text-sm px-3 py-1.5 rounded-md bg-status-warning-bg text-status-warning-text hover:opacity-80",
+								children: C("vibeDetails.archive", "Archive")
+							})]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ P(qe, {
 				stagger: .04,
 				className: "grid grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-4",
 				children: [
@@ -416,14 +468,14 @@ function R() {
 							className: "flex items-center gap-2 sm:gap-3",
 							children: [/* @__PURE__ */ N("div", {
 								className: "w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ N(j, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
+								children: /* @__PURE__ */ N(A, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
 							}), /* @__PURE__ */ P("div", {
 								className: "min-w-0",
 								children: [/* @__PURE__ */ N("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: w("sessions.filterStatus", "Status")
+									children: C("sessions.filterStatus", "Status")
 								}), /* @__PURE__ */ N(_, {
-									status: B.status,
+									status: V.status,
 									size: "md"
 								})]
 							})]
@@ -435,15 +487,15 @@ function R() {
 							className: "flex items-center gap-2 sm:gap-3",
 							children: [/* @__PURE__ */ N("div", {
 								className: "w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ N(Ee, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
+								children: /* @__PURE__ */ N(Te, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
 							}), /* @__PURE__ */ P("div", {
 								className: "min-w-0",
 								children: [/* @__PURE__ */ N("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: w("sessions.filterType", "Type")
+									children: C("sessions.filterType", "Type")
 								}), /* @__PURE__ */ N("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base truncate",
-									children: B.type
+									children: V.type
 								})]
 							})]
 						})
@@ -454,15 +506,15 @@ function R() {
 							className: "flex items-center gap-2 sm:gap-3",
 							children: [/* @__PURE__ */ N("div", {
 								className: "w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ N(Le, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
+								children: /* @__PURE__ */ N(Re, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
 							}), /* @__PURE__ */ P("div", {
 								className: "min-w-0 flex-1",
 								children: [/* @__PURE__ */ N("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: w("sessions.filterAgent", "Agent")
+									children: C("sessions.filterAgent", "Agent")
 								}), /* @__PURE__ */ N("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base truncate",
-									children: K?.name || w("targets.unknown", "Unknown")
+									children: q?.name || C("targets.unknown", "Unknown")
 								})]
 							})]
 						})
@@ -473,18 +525,18 @@ function R() {
 							className: "flex items-center gap-2 sm:gap-3",
 							children: [/* @__PURE__ */ N("div", {
 								className: "w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ N(A, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
+								children: /* @__PURE__ */ N(He, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
 							}), /* @__PURE__ */ P("div", {
 								className: "min-w-0",
 								children: [/* @__PURE__ */ N("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: w("nav.sessions", "Sessions")
+									children: C("nav.sessions", "Sessions")
 								}), /* @__PURE__ */ P("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base",
 									children: [
-										Kt,
+										Qt,
 										" ",
-										w("health.active", "active")
+										C("health.active", "active")
 									]
 								})]
 							})]
@@ -496,12 +548,12 @@ function R() {
 				className: "border-b border-border-default",
 				children: /* @__PURE__ */ P("nav", {
 					className: "flex gap-1 -mb-px overflow-x-auto pb-1",
-					"aria-label": w("vibeDetails.tabsAriaLabel", "Vibe tabs"),
+					"aria-label": C("vibeDetails.tabsAriaLabel", "Vibe tabs"),
 					children: [
-						Yt.map((e) => {
-							let t = e.icon, n = X === e.id;
+						tn.map((e) => {
+							let t = e.icon, n = Z === e.id;
 							return /* @__PURE__ */ P("button", {
-								onClick: () => Z(e.id),
+								onClick: () => Q(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-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
 								"aria-selected": n,
 								role: "tab",
@@ -515,10 +567,10 @@ function R() {
 								]
 							}, e.id);
 						}),
-						J && Y.data.map((e) => {
-							let t = X === e.contribution.id;
+						Y && X.data.map((e) => {
+							let t = Z === e.contribution.id;
 							return /* @__PURE__ */ N("button", {
-								onClick: () => Z(e.contribution.id),
+								onClick: () => Q(e.contribution.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 ${t ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
 								"aria-selected": t,
 								role: "tab",
@@ -526,7 +578,7 @@ function R() {
 								children: e.contribution.title
 							}, `plugin-${e.contribution.id}`);
 						}),
-						J && G && /* @__PURE__ */ P("button", {
+						Y && K && /* @__PURE__ */ P("button", {
 							type: "button",
 							onClick: () => Pt(!0),
 							className: "flex shrink-0 items-center gap-1 px-2 py-2 text-xs sm:text-sm border-b-2 border-transparent text-text-secondary hover:text-text-primary hover:border-border-default",
@@ -543,10 +595,10 @@ function R() {
 					]
 				})
 			}),
-			/* @__PURE__ */ P(We, {
+			/* @__PURE__ */ P(Ke, {
 				mode: "wait",
 				children: [
-					X === "overview" && /* @__PURE__ */ P(M.div, {
+					Z === "overview" && /* @__PURE__ */ P(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -562,35 +614,36 @@ function R() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							B.description && /* @__PURE__ */ N(v, { children: /* @__PURE__ */ N("div", {
+							V.description && /* @__PURE__ */ N(v, { children: /* @__PURE__ */ N("div", {
 								className: "p-4",
 								children: /* @__PURE__ */ N("p", {
 									className: "text-text-primary",
-									children: B.description
+									children: V.description
 								})
 							}) }),
-							!Q && /* @__PURE__ */ N(de, {
-								vibeId: B.id,
-								tr: w
+							!Ft && /* @__PURE__ */ N(fe, {
+								vibeId: V.id,
+								tr: C,
+								onAttached: () => _t()
 							}),
 							/* @__PURE__ */ P(v, { children: [/* @__PURE__ */ N("div", {
 								className: "p-3 sm:p-4 border-b border-border-default",
 								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2 text-sm sm:text-base",
-									children: [/* @__PURE__ */ N(Ee, { className: "w-4 h-4 sm:w-5 sm:h-5" }), w("vibeDetails.path", "Path")]
+									children: [/* @__PURE__ */ N(Te, { className: "w-4 h-4 sm:w-5 sm:h-5" }), C("vibeDetails.path", "Path")]
 								})
 							}), /* @__PURE__ */ N("div", {
 								className: "p-3 sm:p-4",
 								children: /* @__PURE__ */ N("div", {
 									className: "bg-bg-sunken rounded-md p-2 sm:p-3 font-mono text-xs sm:text-sm text-text-primary overflow-x-auto break-all",
-									children: B.path
+									children: V.path
 								})
 							})] }),
 							/* @__PURE__ */ P(v, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ N(Ce, { className: "w-5 h-5" }), w("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ N(Se, { className: "w-5 h-5" }), C("vibeDetails.timeline", "Timeline")]
 								})
 							}), /* @__PURE__ */ N("div", {
 								className: "p-4",
@@ -598,22 +651,22 @@ function R() {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
 									children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 										className: "text-text-secondary",
-										children: w("vibeDetails.created", "Created")
+										children: C("vibeDetails.created", "Created")
 									}), /* @__PURE__ */ N("p", {
 										className: "font-medium text-text-primary",
-										children: Ut(B.createdAt)
+										children: Yt(V.createdAt)
 									})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 										className: "text-text-secondary",
-										children: w("vibeDetails.updated", "Updated")
+										children: C("vibeDetails.updated", "Updated")
 									}), /* @__PURE__ */ N("p", {
 										className: "font-medium text-text-primary",
-										children: Ut(B.updatedAt)
+										children: Yt(V.updatedAt)
 									})] })]
 								})
 							})] })
 						]
 					}, "overview"),
-					X === "config" && /* @__PURE__ */ P(M.div, {
+					Z === "config" && /* @__PURE__ */ P(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -633,13 +686,13 @@ function R() {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ N(Ve, { className: "w-5 h-5" }), w("vibeDetails.environmentVariables", "Environment Variables")]
+									children: [/* @__PURE__ */ N(Ue, { className: "w-5 h-5" }), C("vibeDetails.environmentVariables", "Environment Variables")]
 								})
 							}), /* @__PURE__ */ N("div", {
 								className: "p-4",
-								children: B.environmentVariables && Object.keys(B.environmentVariables).length > 0 ? /* @__PURE__ */ N("div", {
+								children: V.environmentVariables && Object.keys(V.environmentVariables).length > 0 ? /* @__PURE__ */ N("div", {
 									className: "flex flex-wrap gap-2",
-									children: Object.entries(B.environmentVariables).map(([e, t]) => /* @__PURE__ */ P("span", {
+									children: Object.entries(V.environmentVariables).map(([e, t]) => /* @__PURE__ */ P("span", {
 										className: "px-3 py-1 bg-bg-sunken text-text-primary text-sm rounded-full font-mono",
 										children: [
 											e,
@@ -649,35 +702,35 @@ function R() {
 									}, e))
 								}) : /* @__PURE__ */ N("p", {
 									className: "text-text-secondary",
-									children: w("vibeDetails.noEnvironmentVariables", "No environment variables configured")
+									children: C("vibeDetails.noEnvironmentVariables", "No environment variables configured")
 								})
 							})] }),
 							/* @__PURE__ */ P(v, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ N(Be, { className: "w-5 h-5" }), w("vibeDetails.tags", "Tags")]
+									children: [/* @__PURE__ */ N(Ve, { className: "w-5 h-5" }), C("vibeDetails.tags", "Tags")]
 								})
 							}), /* @__PURE__ */ N("div", {
 								className: "p-4",
 								children: /* @__PURE__ */ N(h, {
 									entityType: "VIBECONTROLS_VIBE",
-									entityId: B.id
+									entityId: V.id
 								})
 							})] }),
 							/* @__PURE__ */ P(v, { children: [/* @__PURE__ */ P("div", {
 								className: "p-4 border-b border-border-default",
 								children: [/* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ N(Re, { className: "w-5 h-5" }), w("vibeDetails.features", "Features")]
+									children: [/* @__PURE__ */ N(ze, { className: "w-5 h-5" }), C("vibeDetails.features", "Features")]
 								}), /* @__PURE__ */ N("p", {
 									className: "text-sm text-text-secondary mt-1",
-									children: w("vibeDetails.featuresDescription", "Toggle which sections show up on this vibe. Changes apply to everyone viewing the vibe.")
+									children: C("vibeDetails.featuresDescription", "Toggle which sections show up on this vibe. Changes apply to everyone viewing the vibe.")
 								})]
 							}), /* @__PURE__ */ N("div", {
 								className: "p-4 space-y-2",
 								children: R.map((e) => {
-									let t = H(e.id);
+									let t = U(e.id);
 									return /* @__PURE__ */ P("label", {
 										className: "flex items-center justify-between gap-4 py-2 cursor-pointer",
 										children: [/* @__PURE__ */ N("span", {
@@ -688,25 +741,25 @@ function R() {
 											role: "switch",
 											"aria-label": e.label,
 											checked: t,
-											disabled: nt || !B.id,
+											disabled: rt || !V.id,
 											onChange: async (t) => {
 												let n = t.target.checked;
 												try {
-													await tt({
+													await nt({
 														variables: {
-															id: B.id,
+															id: V.id,
 															featureId: e.id,
 															enabled: n
 														},
 														optimisticResponse: { setVibeFeatureFlag: {
 															__typename: "Vibe",
-															id: B.id,
+															id: V.id,
 															featureFlags: {
-																...V?.featureFlags ?? {},
+																...H?.featureFlags ?? {},
 																[e.id]: n
 															},
 															effectiveFeatureFlags: {
-																...V?.effectiveFeatureFlags ?? {},
+																...H?.effectiveFeatureFlags ?? {},
 																[e.id]: n
 															}
 														} }
@@ -722,7 +775,7 @@ function R() {
 							})] })
 						]
 					}, "config"),
-					X === "git" && H("git") && /* @__PURE__ */ N(M.div, {
+					Z === "git" && U("git") && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -737,57 +790,57 @@ function R() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(te, {
-							agentId: G?.id ?? null,
+						children: /* @__PURE__ */ N(y, {
+							agentId: K?.id ?? null,
 							required: ["@vibecontrols/vibe-plugin-tool-git"],
 							mode: "all",
-							eyebrow: w("vibeDetails.gitPluginEyebrow", "Git plugin required"),
-							title: w("vibeDetails.gitPluginTitle", "Install the git plugin"),
-							description: w("vibeDetails.gitPluginDescription", "Live git branch, status, and remote data for this vibe are served by the vibe-plugin-tool-git agent plugin."),
-							children: Jt ? /* @__PURE__ */ P(v, { children: [/* @__PURE__ */ N("div", {
+							eyebrow: C("vibeDetails.gitPluginEyebrow", "Git plugin required"),
+							title: C("vibeDetails.gitPluginTitle", "Install the git plugin"),
+							description: C("vibeDetails.gitPluginDescription", "Live git branch, status, and remote data for this vibe are served by the vibe-plugin-tool-git agent plugin."),
+							children: en ? /* @__PURE__ */ P(v, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ N(De, { className: "w-5 h-5" }), w("vibeDetails.gitInformation", "Git Information")]
+									children: [/* @__PURE__ */ N(Ee, { className: "w-5 h-5" }), C("vibeDetails.gitInformation", "Git Information")]
 								})
 							}), /* @__PURE__ */ P("div", {
 								className: "p-4 space-y-3",
 								children: [/* @__PURE__ */ P("div", {
 									className: "flex items-center gap-4 flex-wrap",
-									children: [B.gitBranch && /* @__PURE__ */ P("div", {
+									children: [V.gitBranch && /* @__PURE__ */ P("div", {
 										className: "flex items-center gap-2",
 										children: [/* @__PURE__ */ P("span", {
 											className: "text-sm text-text-secondary",
-											children: [w("vibeDetails.branch", "Branch"), ":"]
+											children: [C("vibeDetails.branch", "Branch"), ":"]
 										}), /* @__PURE__ */ N("span", {
 											className: "px-2 py-1 bg-bg-sunken text-text-primary text-sm rounded font-mono",
-											children: B.gitBranch
+											children: V.gitBranch
 										})]
-									}), B.gitStatus && /* @__PURE__ */ P("div", {
+									}), V.gitStatus && /* @__PURE__ */ P("div", {
 										className: "flex items-center gap-2",
 										children: [/* @__PURE__ */ P("span", {
 											className: "text-sm text-text-secondary",
-											children: [w("sessions.filterStatus", "Status"), ":"]
+											children: [C("sessions.filterStatus", "Status"), ":"]
 										}), /* @__PURE__ */ N("span", {
-											className: `font-medium ${Wt(B.gitStatus)}`,
-											children: B.gitStatus
+											className: `font-medium ${Xt(V.gitStatus)}`,
+											children: V.gitStatus
 										})]
 									})]
-								}), B.gitRemote && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("span", {
+								}), V.gitRemote && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("span", {
 									className: "text-sm text-text-secondary",
-									children: [w("vibeDetails.remote", "Remote"), ":"]
+									children: [C("vibeDetails.remote", "Remote"), ":"]
 								}), /* @__PURE__ */ N("p", {
 									className: "font-mono text-sm text-text-primary mt-1 break-all",
-									children: B.gitRemote
+									children: V.gitRemote
 								})] })]
 							})] }) : /* @__PURE__ */ N(g, {
-								icon: /* @__PURE__ */ N(De, { className: "w-8 h-8 text-text-secondary" }),
-								title: w("vibeDetails.noGitInformation", "No git information"),
-								description: w("vibeDetails.noGitInformationDescription", "This vibe does not have any git repository linked")
+								icon: /* @__PURE__ */ N(Ee, { className: "w-8 h-8 text-text-secondary" }),
+								title: C("vibeDetails.noGitInformation", "No git information"),
+								description: C("vibeDetails.noGitInformationDescription", "This vibe does not have any git repository linked")
 							})
 						})
 					}, "git"),
-					X === "sessions" && H("sessions") && /* @__PURE__ */ N(M.div, {
+					Z === "sessions" && U("sessions") && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -801,47 +854,47 @@ function R() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ N(te, {
-							agentId: G?.id ?? null,
+						children: /* @__PURE__ */ N(y, {
+							agentId: K?.id ?? null,
 							requirements: [{
 								packages: ["@vibecontrols/vibe-plugin-session-manager"],
 								mode: "all",
-								eyebrow: w("vibeDetails.sessionsManagerEyebrow", "Session manager required"),
-								title: w("vibeDetails.sessionsManagerTitle", "Install the session manager"),
-								description: w("vibeDetails.sessionsManagerDescription", "Sessions are orchestrated by the unified session manager plugin. Install it to continue.")
+								eyebrow: C("vibeDetails.sessionsManagerEyebrow", "Session manager required"),
+								title: C("vibeDetails.sessionsManagerTitle", "Install the session manager"),
+								description: C("vibeDetails.sessionsManagerDescription", "Sessions are orchestrated by the unified session manager plugin. Install it to continue.")
 							}, {
 								packages: ee,
 								mode: "any",
-								eyebrow: w("vibeDetails.sessionProviderEyebrow", "Session provider required"),
-								title: w("vibeDetails.sessionProviderTitle", "Pick a session provider"),
-								description: w("vibeDetails.sessionProviderDescription", "Choose the terminal multiplexer your sessions should run on. You can install more providers later.")
+								eyebrow: C("vibeDetails.sessionProviderEyebrow", "Session provider required"),
+								title: C("vibeDetails.sessionProviderTitle", "Pick a session provider"),
+								description: C("vibeDetails.sessionProviderDescription", "Choose the terminal multiplexer your sessions should run on. You can install more providers later.")
 							}],
 							children: /* @__PURE__ */ P(v, { children: [/* @__PURE__ */ P("div", {
 								className: "p-4 border-b border-border-default flex items-center justify-between",
 								children: [/* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ N(A, { className: "w-5 h-5" }),
-										w("nav.sessions", "Sessions"),
+										/* @__PURE__ */ N(He, { className: "w-5 h-5" }),
+										C("nav.sessions", "Sessions"),
 										" (",
-										W.length,
+										G.length,
 										")"
 									]
 								}), /* @__PURE__ */ P("button", {
-									onClick: Rt,
+									onClick: Wt,
 									className: "flex items-center gap-1 px-2 py-1 text-sm bg-bg-sunken text-text-primary rounded hover:bg-bg-sunken/80 transition-colors",
-									children: [/* @__PURE__ */ N(k, { className: "w-4 h-4" }), w("vibeDetails.new", "New")]
+									children: [/* @__PURE__ */ N(k, { className: "w-4 h-4" }), C("vibeDetails.new", "New")]
 								})]
-							}), W.length > 0 ? /* @__PURE__ */ N(Ke, {
+							}), G.length > 0 ? /* @__PURE__ */ N(qe, {
 								className: "divide-y divide-border-primary",
-								children: W.map((e) => /* @__PURE__ */ N(I, {
+								children: G.map((e) => /* @__PURE__ */ N(I, {
 									variant: "fadeRight",
 									children: /* @__PURE__ */ P("div", {
-										onClick: () => Vt(e.id),
+										onClick: () => qt(e.id),
 										className: "p-4 flex items-center justify-between cursor-pointer hover:bg-bg-sunken/50 transition-colors",
 										children: [/* @__PURE__ */ P("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ N(A, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ P("div", {
+											children: [/* @__PURE__ */ N(He, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ P("div", {
 												className: "min-w-0",
 												children: [/* @__PURE__ */ N("p", {
 													className: "font-medium text-text-primary truncate",
@@ -856,11 +909,11 @@ function R() {
 								}, e.id))
 							}) : /* @__PURE__ */ N("div", {
 								className: "p-6 text-center text-text-secondary",
-								children: w("vibeDetails.noSessionsForVibe", "No sessions for this vibe")
+								children: C("vibeDetails.noSessionsForVibe", "No sessions for this vibe")
 							})] })
 						})
 					}, "sessions"),
-					X === "notes" && H("notes") && /* @__PURE__ */ N(M.div, {
+					Z === "notes" && U("notes") && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -875,12 +928,12 @@ function R() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(x, {
+						children: /* @__PURE__ */ N(ie, {
 							context: "vibe",
-							vibeId: B.id
+							vibeId: V.id
 						})
 					}, "notes"),
-					X === "docs" && H("docs") && /* @__PURE__ */ N(M.div, {
+					Z === "docs" && U("docs") && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -895,9 +948,9 @@ function R() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(le, { vibeId: B.id })
+						children: /* @__PURE__ */ N(ue, { vibeId: V.id })
 					}, "docs"),
-					X === "scorecard" && H("scorecard") && /* @__PURE__ */ N(M.div, {
+					Z === "scorecard" && U("scorecard") && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -912,12 +965,12 @@ function R() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(ce, {
+						children: /* @__PURE__ */ N(le, {
 							ownerType: "VIBE",
-							ownerId: B.id
+							ownerId: V.id
 						})
 					}, "scorecard"),
-					X === "catalogs" && H("catalogs") && /* @__PURE__ */ N(M.div, {
+					Z === "catalogs" && U("catalogs") && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -932,13 +985,13 @@ function R() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N($e, {
-							vibeId: B.id,
-							tr: w,
-							navigate: C
+						children: /* @__PURE__ */ N(et, {
+							vibeId: V.id,
+							tr: C,
+							navigate: S
 						})
 					}, "catalogs"),
-					X === "graphqlPlayground" && H("graphqlPlayground") && /* @__PURE__ */ N(M.div, {
+					Z === "graphqlPlayground" && U("graphqlPlayground") && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -953,37 +1006,37 @@ function R() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(te, {
-							agentId: G?.id ?? null,
+						children: /* @__PURE__ */ N(y, {
+							agentId: K?.id ?? null,
 							required: ["@vibecontrols/vibe-plugin-tool-graphiql"],
 							mode: "all",
-							eyebrow: w("vibeDetails.graphqlPluginEyebrow", "GraphQL playground plugin required"),
-							title: w("vibeDetails.graphqlPluginTitle", "Install the GraphQL playground"),
-							description: w("vibeDetails.graphqlPluginDescription", "The GraphQL Playground is served by the graphiql agent plugin. Install it to continue."),
-							children: At ? /* @__PURE__ */ N(et, {
-								vibeId: B.id,
-								agentId: G?.id ?? null,
-								profile: q,
+							eyebrow: C("vibeDetails.graphqlPluginEyebrow", "GraphQL playground plugin required"),
+							title: C("vibeDetails.graphqlPluginTitle", "Install the GraphQL playground"),
+							description: C("vibeDetails.graphqlPluginDescription", "The GraphQL Playground is served by the graphiql agent plugin. Install it to continue."),
+							children: At ? /* @__PURE__ */ N(tt, {
+								vibeId: V.id,
+								agentId: K?.id ?? null,
+								profile: J,
 								tunnelUrl: At,
 								apiKey: jt,
 								type: "graphql",
-								tr: w
+								tr: C
 							}) : /* @__PURE__ */ N(g, {
-								icon: /* @__PURE__ */ N(Ne, { className: "w-8 h-8 text-text-secondary" }),
-								title: w("vibeDetails.noAgentTunnel", "No agent tunnel available"),
-								description: w("vibeDetails.noAgentTunnelDesc2", "The GraphQL playground requires an active agent with a tunnel URL.")
+								icon: /* @__PURE__ */ N(Pe, { className: "w-8 h-8 text-text-secondary" }),
+								title: C("vibeDetails.noAgentTunnel", "No agent tunnel available"),
+								description: C("vibeDetails.noAgentTunnelDesc2", "The GraphQL playground requires an active agent with a tunnel URL.")
 							})
 						})
 					}, "graphqlPlayground"),
-					X === "gitops" && H("gitops") && /* @__PURE__ */ N(ue, {
+					Z === "gitops" && U("gitops") && /* @__PURE__ */ N(de, {
 						vibeId: r || "",
-						agentId: G?.id ?? "",
-						profile: q,
+						agentId: K?.id ?? "",
+						profile: J,
 						tunnelUrl: At,
 						apiKey: jt,
-						tr: w
+						tr: C
 					}),
-					X === "security" && H("security") && /* @__PURE__ */ N(M.div, {
+					Z === "security" && U("security") && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -998,9 +1051,9 @@ function R() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(me, { vibeId: r || "" })
+						children: /* @__PURE__ */ N(he, { vibeId: r || "" })
 					}, "security"),
-					X === "related" && H("related") && /* @__PURE__ */ N(M.div, {
+					Z === "related" && U("related") && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1015,29 +1068,29 @@ function R() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: qt > 0 ? /* @__PURE__ */ P(Ge, { children: [
+						children: $t > 0 ? /* @__PURE__ */ P(M, { children: [
 							Dt.length > 0 && /* @__PURE__ */ P(v, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ N(j, { className: "w-5 h-5" }),
-										w("vibeDetails.childVibes", "Child Vibes"),
+										/* @__PURE__ */ N(A, { className: "w-5 h-5" }),
+										C("vibeDetails.childVibes", "Child Vibes"),
 										" (",
 										Dt.length,
 										")"
 									]
 								})
-							}), /* @__PURE__ */ N(Ke, {
+							}), /* @__PURE__ */ N(qe, {
 								className: "divide-y divide-border-primary",
 								children: Dt.map((e) => /* @__PURE__ */ N(I, {
 									variant: "fadeRight",
 									children: /* @__PURE__ */ P("div", {
-										onClick: () => Ht(e.id),
+										onClick: () => Jt(e.id),
 										className: "p-4 flex items-center justify-between cursor-pointer hover:bg-bg-sunken/50 transition-colors",
 										children: [/* @__PURE__ */ P("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ N(j, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ P("div", {
+											children: [/* @__PURE__ */ N(A, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ P("div", {
 												className: "min-w-0",
 												children: [/* @__PURE__ */ N("p", {
 													className: "font-medium text-text-primary truncate",
@@ -1052,24 +1105,24 @@ function R() {
 								}, e.id))
 							})] }),
 							Ot && /* @__PURE__ */ N(v, {
-								onClick: () => Ht(Ot.id),
+								onClick: () => Jt(Ot.id),
 								hoverable: !0,
 								children: /* @__PURE__ */ P("div", {
 									className: "p-4 flex items-center gap-3",
 									children: [/* @__PURE__ */ N("div", {
 										className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-										children: /* @__PURE__ */ N(j, { className: "w-5 h-5 text-text-secondary" })
+										children: /* @__PURE__ */ N(A, { className: "w-5 h-5 text-text-secondary" })
 									}), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 										className: "text-sm text-text-secondary",
-										children: w("vibeDetails.parentVibe", "Parent Vibe")
+										children: C("vibeDetails.parentVibe", "Parent Vibe")
 									}), /* @__PURE__ */ N("p", {
 										className: "font-medium text-text-primary",
 										children: Ot.name
 									})] })]
 								})
 							}),
-							K && /* @__PURE__ */ N(v, {
-								onClick: Bt,
+							q && /* @__PURE__ */ N(v, {
+								onClick: Kt,
 								hoverable: !0,
 								children: /* @__PURE__ */ P("div", {
 									className: "p-4 flex items-center justify-between",
@@ -1077,35 +1130,35 @@ function R() {
 										className: "flex items-center gap-3",
 										children: [/* @__PURE__ */ N("div", {
 											className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-											children: /* @__PURE__ */ N(Le, { className: "w-5 h-5 text-text-secondary" })
+											children: /* @__PURE__ */ N(Re, { className: "w-5 h-5 text-text-secondary" })
 										}), /* @__PURE__ */ P("div", { children: [
 											/* @__PURE__ */ N("p", {
 												className: "text-sm text-text-secondary",
-												children: w("vibeDetails.runningOnAgent", "Running on Agent")
+												children: C("vibeDetails.runningOnAgent", "Running on Agent")
 											}),
 											/* @__PURE__ */ N("p", {
 												className: "font-medium text-text-primary",
-												children: K.name
+												children: q.name
 											}),
 											/* @__PURE__ */ N("p", {
 												className: "text-sm text-text-secondary",
-												children: K.hostname
+												children: q.hostname
 											})
 										] })]
-									}), /* @__PURE__ */ N(_, { status: K.isActive ? "ACTIVE" : "OFFLINE" })]
+									}), /* @__PURE__ */ N(_, { status: q.isActive ? "ACTIVE" : "OFFLINE" })]
 								})
 							})
 						] }) : /* @__PURE__ */ N(g, {
 							icon: /* @__PURE__ */ N(je, { className: "w-8 h-8 text-text-secondary" }),
-							title: w("vibeDetails.noRelatedEntities", "No related entities"),
-							description: w("vibeDetails.noRelatedEntitiesDescription", "This vibe has no child vibes, parent vibe, or linked agent")
+							title: C("vibeDetails.noRelatedEntities", "No related entities"),
+							description: C("vibeDetails.noRelatedEntitiesDescription", "This vibe has no child vibes, parent vibe, or linked agent")
 						})
 					}, "related"),
-					J && (() => {
-						let e = Y.data.find((e) => e.contribution.id === X);
+					Y && (() => {
+						let e = X.data.find((e) => e.contribution.id === Z);
 						if (!e) return null;
 						let t = e.tunnel, n = e.capabilities.restPaths.length > 0 ? e.capabilities.restPaths : [`/ui/${e.pluginKey}`];
-						return /* @__PURE__ */ N(M.div, {
+						return /* @__PURE__ */ N(j.div, {
 							initial: {
 								opacity: 0,
 								y: 8
@@ -1122,19 +1175,19 @@ function R() {
 							className: "space-y-6",
 							children: /* @__PURE__ */ N(v, { children: /* @__PURE__ */ N("div", {
 								className: "p-0 h-[600px]",
-								children: /* @__PURE__ */ N(se, {
+								children: /* @__PURE__ */ N(ce, {
 									contribution: e,
 									tunnel: t,
 									restPaths: n,
-									context: { vibeId: B.id },
-									agentId: G?.id ?? "",
+									context: { vibeId: V.id },
+									agentId: K?.id ?? "",
 									profile: t.profile,
 									theme: {
 										colorMode: "light",
 										tokens: {}
 									},
 									locale: "en",
-									featureFlags: V?.featureFlags ?? {},
+									featureFlags: H?.featureFlags ?? {},
 									hostVersion: "1.0.0"
 								})
 							}) })
@@ -1142,17 +1195,17 @@ function R() {
 					})()
 				]
 			}),
-			J && G && /* @__PURE__ */ N(oe, {
+			Y && K && /* @__PURE__ */ N(se, {
 				isOpen: Nt,
 				onClose: () => Pt(!1),
 				mountPoint: "vibe.detailTab",
-				agentId: G.id,
-				profile: q ?? "default",
+				agentId: K.id,
+				profile: J ?? "default",
 				onInstalled: () => {
-					Y.refetch();
+					X.refetch();
 				}
 			}),
-			rt && /* @__PURE__ */ N("div", {
+			it && /* @__PURE__ */ N("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
 				children: /* @__PURE__ */ P("div", {
 					className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
@@ -1160,72 +1213,72 @@ function R() {
 						/* @__PURE__ */ P("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
 							children: [
-								w("vibeDetails.newSessionFor", "New Session for"),
+								C("vibeDetails.newSessionFor", "New Session for"),
 								" ",
-								B.name
+								V.name
 							]
 						}),
-						at && /* @__PURE__ */ N("div", {
+						ot && /* @__PURE__ */ N("div", {
 							className: "mb-4 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
-							children: at
+							children: ot
 						}),
 						/* @__PURE__ */ P("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: w("vibeDetails.sessionName", "Session Name")
+									children: C("vibeDetails.sessionName", "Session Name")
 								}), /* @__PURE__ */ N("input", {
-									ref: ut,
+									ref: B,
 									type: "text",
-									placeholder: w("vibeDetails.sessionNamePlaceholder", "dev-terminal"),
+									placeholder: C("vibeDetails.sessionNamePlaceholder", "dev-terminal"),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
 								})] }),
 								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: w("sessions.filterType", "Type")
+									children: C("sessions.filterType", "Type")
 								}), /* @__PURE__ */ P("select", {
 									ref: dt,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
 									children: [
 										/* @__PURE__ */ N("option", {
 											value: "TERMINAL",
-											children: w("sessions.typeTerminal", "Terminal")
+											children: C("sessions.typeTerminal", "Terminal")
 										}),
 										/* @__PURE__ */ N("option", {
 											value: "TMUX",
-											children: w("sessions.typeTmux", "TMUX")
+											children: C("sessions.typeTmux", "TMUX")
 										}),
 										/* @__PURE__ */ N("option", {
 											value: "SSH",
-											children: w("sessions.typeSsh", "SSH")
+											children: C("sessions.typeSsh", "SSH")
 										}),
 										/* @__PURE__ */ N("option", {
 											value: "SCRIPT",
-											children: w("sessions.typeScript", "Script")
+											children: C("sessions.typeScript", "Script")
 										}),
 										/* @__PURE__ */ N("option", {
 											value: "CUSTOM",
-											children: w("sessions.typeCustom", "Custom")
+											children: C("sessions.typeCustom", "Custom")
 										})
 									]
 								})] }),
 								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: w("sessions.command", "Command")
+									children: C("sessions.command", "Command")
 								}), /* @__PURE__ */ N("input", {
 									ref: ft,
 									type: "text",
-									placeholder: w("vibeDetails.sessionCommandPlaceholder", "bash"),
+									placeholder: C("vibeDetails.sessionCommandPlaceholder", "bash"),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
 								})] }),
 								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: w("vibeDetails.workingDirectory", "Working Directory")
+									children: C("vibeDetails.workingDirectory", "Working Directory")
 								}), /* @__PURE__ */ N("input", {
 									ref: pt,
 									type: "text",
-									defaultValue: B.path || "",
+									defaultValue: V.path || "",
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary"
 								})] })
 							]
@@ -1233,15 +1286,15 @@ function R() {
 						/* @__PURE__ */ P("div", {
 							className: "flex flex-col sm:flex-row justify-end gap-3 mt-6",
 							children: [/* @__PURE__ */ N("button", {
-								onClick: () => it(!1),
-								disabled: ot,
+								onClick: () => at(!1),
+								disabled: st,
 								className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-								children: w("common.cancel", "Cancel")
+								children: C("common.cancel", "Cancel")
 							}), /* @__PURE__ */ N("button", {
-								onClick: zt,
-								disabled: ot,
+								onClick: Gt,
+								disabled: st,
 								className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-								children: ot ? w("sessions.creating", "Creating...") : w("sessions.createSession", "Create Session")
+								children: st ? C("sessions.creating", "Creating...") : C("sessions.createSession", "Create Session")
 							})]
 						})
 					]
@@ -1250,8 +1303,8 @@ function R() {
 		]
 	});
 }
-function $e({ vibeId: t, tr: n, navigate: i }) {
-	let [a, o] = E(!1), { data: c, loading: l, refetch: u } = r({ fetchPolicy: "cache-and-network" }), [d] = e({ refetchQueries: ["GetVibeCatalogs"] }), [f] = s({ refetchQueries: ["GetVibeCatalogs"] }), p = c?.vibecontrolsCatalogs?.items ?? [], m = p.filter((e) => e.vibes?.some((e) => e.vibeId === t)), h = p.filter((e) => !e.vibes?.some((e) => e.vibeId === t)), _ = async (e) => {
+function et({ vibeId: t, tr: n, navigate: i }) {
+	let [a, o] = D(!1), { data: c, loading: l, refetch: u } = r({ fetchPolicy: "cache-and-network" }), [d] = e({ refetchQueries: ["GetVibeCatalogs"] }), [f] = s({ refetchQueries: ["GetVibeCatalogs"] }), p = c?.vibecontrolsCatalogs?.items ?? [], m = p.filter((e) => e.vibes?.some((e) => e.vibeId === t)), h = p.filter((e) => !e.vibes?.some((e) => e.vibeId === t)), _ = async (e) => {
 		await d({ variables: {
 			catalogId: e,
 			vibeId: t
@@ -1262,13 +1315,13 @@ function $e({ vibeId: t, tr: n, navigate: i }) {
 			vibeId: t
 		} }), await u();
 	};
-	return l && p.length === 0 ? /* @__PURE__ */ N(b, { variant: "detail" }) : /* @__PURE__ */ P(Ge, { children: [
+	return l && p.length === 0 ? /* @__PURE__ */ N(ne, { variant: "detail" }) : /* @__PURE__ */ P(M, { children: [
 		/* @__PURE__ */ P("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ P("h3", {
 				className: "font-semibold text-text-primary flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ N(O, { className: "w-5 h-5" }),
+					/* @__PURE__ */ N(Ae, { className: "w-5 h-5" }),
 					n("vibeDetails.catalogsTitle", "Catalogs"),
 					/* @__PURE__ */ P("span", {
 						className: "text-sm font-normal text-text-secondary",
@@ -1292,7 +1345,7 @@ function $e({ vibeId: t, tr: n, navigate: i }) {
 				children: [/* @__PURE__ */ P("button", {
 					onClick: () => i(`/catalogs/${e.id}`),
 					className: "flex items-center gap-3 text-left hover:opacity-80 transition-opacity",
-					children: [/* @__PURE__ */ N(O, { className: "w-5 h-5 text-action-primary-bg flex-shrink-0" }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+					children: [/* @__PURE__ */ N(Ae, { className: "w-5 h-5 text-action-primary-bg flex-shrink-0" }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 						className: "font-medium text-text-primary text-sm",
 						children: e.name
 					}), /* @__PURE__ */ N("p", {
@@ -1303,17 +1356,17 @@ function $e({ vibeId: t, tr: n, navigate: i }) {
 					onClick: () => ee(e.id),
 					className: "p-1.5 text-text-muted hover:text-status-error-text hover:bg-status-error-bg rounded-md transition-colors",
 					title: n("vibeDetails.removeFromCatalog", "Remove from catalog"),
-					children: /* @__PURE__ */ N(He, { className: "w-4 h-4" })
+					children: /* @__PURE__ */ N(We, { className: "w-4 h-4" })
 				})]
 			}) }, e.id))
 		}) : /* @__PURE__ */ N(g, {
-			icon: /* @__PURE__ */ N(O, { className: "w-8 h-8 text-text-secondary" }),
+			icon: /* @__PURE__ */ N(Ae, { className: "w-8 h-8 text-text-secondary" }),
 			title: n("vibeDetails.noCatalogs", "Not in any catalogs"),
 			description: n("vibeDetails.noCatalogsDesc", "Add this vibe to catalogs to organize and track it alongside other components")
 		}),
 		a && /* @__PURE__ */ N("div", {
 			className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-			children: /* @__PURE__ */ P(M.div, {
+			children: /* @__PURE__ */ P(j.div, {
 				initial: {
 					opacity: 0,
 					scale: .95
@@ -1361,9 +1414,9 @@ function $e({ vibeId: t, tr: n, navigate: i }) {
 		})
 	] });
 }
-function et({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type: a, tr: o }) {
-	let s = a === "rest", c = "graphiql", l = `${r}/api/profiles/${encodeURIComponent(n)}/${c}/config/${e}`, [u, d] = E(""), [f, p] = E(!1), [m, h] = E(!1), [g, _] = E(!1), [ee, te] = E(0);
-	ge(() => {
+function tt({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type: a, tr: o }) {
+	let s = a === "rest", c = "graphiql", l = `${r}/api/profiles/${encodeURIComponent(n)}/${c}/config/${e}`, [u, d] = D(""), [f, p] = D(!1), [m, h] = D(!1), [g, _] = D(!1), [ee, y] = D(0);
+	w(() => {
 		let e = { "Content-Type": "application/json" };
 		i && (e["x-agent-api-key"] = i), fetch(l, { headers: e }).then((e) => e.ok ? e.json() : null).then((e) => {
 			if (e) {
@@ -1377,7 +1430,7 @@ function et({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type:
 		i,
 		s
 	]);
-	let ne = async () => {
+	let te = async () => {
 		if (u.trim()) {
 			h(!0), _(!1);
 			try {
@@ -1388,30 +1441,30 @@ function et({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type:
 					method: "PUT",
 					headers: e,
 					body: JSON.stringify(t)
-				}), _(!0), te((e) => e + 1), setTimeout(() => _(!1), 3e3);
+				}), _(!0), y((e) => e + 1), setTimeout(() => _(!1), 3e3);
 			} catch {} finally {
 				h(!1);
 			}
 		}
-	}, [y, b] = E(null), [re, x] = E(null), S = `/ui/${c}`;
-	ge(() => {
+	}, [b, ne] = D(null), [re, ie] = D(null), x = `/ui/${c}`;
+	w(() => {
 		if (!t) return;
 		let e = !1, r = null, i = (a) => {
-			e || (b(a), r = w(t, n, S, a, i, (e) => x(e.message)));
+			e || (ne(a), r = C(t, n, x, a, i, (e) => ie(e.message)));
 		};
-		return C(t, n, S).then((a) => {
-			e || (b(a), r = w(t, n, S, a, i, (e) => x(e.message)));
+		return S(t, n, x).then((a) => {
+			e || (ne(a), r = C(t, n, x, a, i, (e) => ie(e.message)));
 		}).catch((t) => {
-			e || x(t instanceof Error ? t.message : String(t));
+			e || ie(t instanceof Error ? t.message : String(t));
 		}), () => {
 			e = !0, r?.cancel();
 		};
 	}, [
 		t,
 		n,
-		S
+		x
 	]);
-	let ae = `${r}/ui/${c}?vibeId=${e}`, oe = y ? ie(ae, y.token) : ae;
+	let oe = `${r}/ui/${c}?vibeId=${e}`, se = b ? ae(oe, b.token) : oe;
 	return /* @__PURE__ */ P("div", {
 		className: "space-y-4",
 		children: [/* @__PURE__ */ N(v, { children: /* @__PURE__ */ P("div", {
@@ -1419,7 +1472,7 @@ function et({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type:
 			children: [
 				/* @__PURE__ */ P("div", {
 					className: "flex items-center gap-2 mb-2",
-					children: [N(s ? ke : Ne, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ N("h3", {
+					children: [N(s ? Oe : Pe, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ N("h3", {
 						className: "font-semibold text-text-primary",
 						children: s ? o("vibeDetails.restPlaygroundTitle", "REST API Playground") : o("vibeDetails.graphqlPlaygroundTitle", "GraphQL Playground")
 					})]
@@ -1432,12 +1485,12 @@ function et({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type:
 						onChange: (e) => d(e.target.value),
 						placeholder: s ? o("vibeDetails.enterSwaggerUrl", "Enter OpenAPI/Swagger URL (e.g. https://petstore3.swagger.io/api/v3/openapi.json)") : o("vibeDetails.enterGraphqlUrl", "Enter GraphQL endpoint URL (e.g. https://countries.trevorblades.com/graphql)"),
 						className: "flex-1 px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder text-sm",
-						onKeyDown: (e) => e.key === "Enter" && ne()
+						onKeyDown: (e) => e.key === "Enter" && te()
 					}), /* @__PURE__ */ P("button", {
-						onClick: ne,
+						onClick: te,
 						disabled: m || !u.trim(),
 						className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 text-sm whitespace-nowrap",
-						children: [m ? /* @__PURE__ */ N(Me, { className: "w-4 h-4 animate-spin" }) : N(g ? Se : we, { className: "w-4 h-4" }), m ? o("common.saving", "Saving...") : g ? o("common.saved", "Saved!") : o("vibeDetails.loadApi", "Load API")]
+						children: [m ? /* @__PURE__ */ N(Me, { className: "w-4 h-4 animate-spin" }) : N(g ? xe : Ce, { className: "w-4 h-4" }), m ? o("common.saving", "Saving...") : g ? o("common.saved", "Saved!") : o("vibeDetails.loadApi", "Load API")]
 					})]
 				}),
 				!f && /* @__PURE__ */ N("p", {
@@ -1445,11 +1498,11 @@ function et({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type:
 					children: o("vibeDetails.loadingConfig", "Loading saved configuration...")
 				})
 			]
-		}) }), t && !y ? /* @__PURE__ */ N("div", {
+		}) }), t && !b ? /* @__PURE__ */ N("div", {
 			className: "p-8 text-center text-sm text-text-secondary rounded-md border border-border-default bg-bg-sunken",
 			children: re ? o("vibeDetails.iframeTokenError", `Iframe token error: ${re}`) : o("vibeDetails.mintingIframeToken", "Authorizing iframe…")
 		}) : /* @__PURE__ */ N("iframe", {
-			src: oe,
+			src: se,
 			title: s ? "REST API Playground" : "GraphQL Playground",
 			className: "w-full rounded-md border border-border-default bg-bg-sunken",
 			style: { height: "700px" },