@burdenoff/microfe-vibecontrols 2026.709.2 → 2026.710.1

package/dist/pages/VibeDetailsPage.js

@@ -1,7 +1,7 @@
 import { useAddVibeToCatalogMutation as e, useAgentPlaygroundConfigQuery as t, useArchiveVibeMutation as n, useCreateSessionMutation as r, useDeleteVibeMutation as i, useGetVibeCatalogsQuery as a, useGetVibeFeatureCatalogQuery as o, useGetVibeFeatureFlagsQuery as s, useGetVibeQuery as c, useRemoveVibeFromCatalogMutation as l, useSetAgentPlaygroundConfigMutation as u, useSetVibeFeatureFlagMutation as ee, useUpdateVibeStatusMutation as te } from "../generated/wspace-operations.js";
-import { useVibeControls as d, useVibeNavigate as f } from "../providers/VibeControlsProvider.js";
-import { useVibeControlsStore as p } from "../store/vibeControlsStore.js";
-import { PageHeader as ne } from "../components/shared/PageHeader.js";
+import { useVibeControls as ne, useVibeNavigate as d } from "../providers/VibeControlsProvider.js";
+import { useVibeControlsStore as f } from "../store/vibeControlsStore.js";
+import { PageHeader as p } from "../components/shared/PageHeader.js";
 import { ErrorState as m } from "../components/shared/ErrorState.js";
 import { EntityTagPicker as re } from "../components/shared/EntityTagPicker.js";
 import { EmptyState as h } from "../components/shared/EmptyState.js";
@@ -14,44 +14,44 @@ import "../components/shared/index.js";
 import { VIBE_PERMISSIONS as v } from "../constants/permissions.js";
 import { VibeShareButton as se } from "../components/sharing/VibeShareButton.js";
 import "../components/sharing/index.js";
-import { PageSkeleton as ce } from "../components/shared/PageSkeleton.js";
-import { VibeOpenInEditorMenu as le } from "../components/agents/VibeOpenInEditorMenu.js";
+import { PageSkeleton as y } from "../components/shared/PageSkeleton.js";
+import { VibeOpenInEditorMenu as ce } from "../components/agents/VibeOpenInEditorMenu.js";
 import "../components/agents/index.js";
-import { NotesTabPanel as y } from "../components/notes/NotesTabPanel.js";
+import { NotesTabPanel as b } from "../components/notes/NotesTabPanel.js";
 import "../components/notes/index.js";
-import { useQueryBackedTab as ue } from "../hooks/useQueryBackedTab.js";
-import { appendIframeTokenFragment as b, mintScopedIframeToken as de, scheduleScopedIframeTokenRefresh as fe } from "../services/iframeToken.js";
-import { AddTabDialog as pe } from "../components/plugins/AddTabDialog.js";
-import { PluginIframeMount as me } from "../components/plugins/PluginIframeMount.js";
-import { DocsTabPanel as he } from "../components/docs/DocsTabPanel.js";
+import { useQueryBackedTab as le } from "../hooks/useQueryBackedTab.js";
+import { appendIframeTokenFragment as x, mintScopedIframeToken as ue, scheduleScopedIframeTokenRefresh as de } from "../services/iframeToken.js";
+import { AddTabDialog as fe } from "../components/plugins/AddTabDialog.js";
+import { PluginIframeMount as pe } from "../components/plugins/PluginIframeMount.js";
+import { DocsTabPanel as me } from "../components/docs/DocsTabPanel.js";
 import "../components/docs/index.js";
-import { ScorecardPanel as ge } from "../components/scorecard/ScorecardPanel.js";
+import { ScorecardPanel as he } from "../components/scorecard/ScorecardPanel.js";
 import "../components/scorecard/index.js";
-import { DeleteVibeDialog as _e } from "../components/vibes/DeleteVibeDialog.js";
+import { DeleteVibeDialog as ge } from "../components/vibes/DeleteVibeDialog.js";
 import "../components/vibes/index.js";
-import { VibeGitOpsTab as ve } from "../components/gitops/VibeGitOpsTab.js";
-import { VibeAgentEmptyState as ye } from "../components/vibe/VibeAgentEmptyState.js";
-import { VibeAgentSwitcher as be } from "../components/vibe/VibeAgentSwitcher.js";
-import { DEFAULT_VIBE_FEATURE_CATALOG as xe, isVibeFeatureEnabled as Se } from "../lib/vibeFeatures.js";
-import { SecurityTabPanel as Ce } from "../components/security/SecurityTabPanel.js";
+import { VibeGitOpsTab as _e } from "../components/gitops/VibeGitOpsTab.js";
+import { VibeAgentEmptyState as ve } from "../components/vibe/VibeAgentEmptyState.js";
+import { VibeAgentSwitcher as ye } from "../components/vibe/VibeAgentSwitcher.js";
+import { DEFAULT_VIBE_FEATURE_CATALOG as be, isVibeFeatureEnabled as xe } from "../lib/vibeFeatures.js";
+import { SecurityTabPanel as Se } from "../components/security/SecurityTabPanel.js";
 import "../components/security/index.js";
-import { VibeLlmContextTabPanel as we } from "../components/vibe/VibeLlmContextTabPanel.js";
-import { VibeEnvVarsPanel as Te } from "../components/vibe/VibeEnvVarsPanel.js";
-import { VibeLinkedEntitiesPanel as Ee } from "../components/vibe/VibeLinkedEntitiesPanel.js";
-import { useCallback as De, useEffect as x, useMemo as S, useRef as C, useState as w } from "react";
-import { useI18n as Oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Archive as ke, ArrowLeft as T, BarChart3 as Ae, BookOpen as je, Bot as E, Check as Me, Clock as Ne, ExternalLink as Pe, FileText as Fe, Folder as Ie, GitBranch as Le, GitMerge as Re, Globe as ze, Info as Be, Library as Ve, Link2 as He, Loader2 as Ue, MoreVertical as We, Network as Ge, Pause as Ke, Play as qe, Plus as D, RefreshCw as Je, Server as Ye, Settings as Xe, Shield as Ze, Tag as Qe, Terminal as O, Trash2 as $e, X as et, Zap as k } from "lucide-react";
-import { useParams as tt } from "react-router-dom";
-import { usePermissions as nt } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as rt, motion as A } from "framer-motion";
-import { Fragment as it, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { NextSteps as at, PagePurpose as ot } from "@burdenoff/fe-libs/ui";
-import { useFeatureFlagDetails as N } from "@burdenoff/fe-libs/shared/feature-flags";
-import { AccessDenied as st, PermissionButton as ct } from "@burdenoff/fe-libs/shared/components";
-import { MotionItem as P, MotionList as lt, MotionPage as F } from "@burdenoff/fe-libs/shared/motion";
-import { usePluginContributions as ut } from "@burdenoff/fe-libs/shared/plugins";
+import { VibeLlmContextTabPanel as Ce } from "../components/vibe/VibeLlmContextTabPanel.js";
+import { VibeEnvVarsPanel as we } from "../components/vibe/VibeEnvVarsPanel.js";
+import { VibeLinkedEntitiesPanel as Te } from "../components/vibe/VibeLinkedEntitiesPanel.js";
+import { useCallback as Ee, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
+import { useI18n as De } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Archive as Oe, ArrowLeft as E, BarChart3 as ke, BookOpen as Ae, Bot as D, Check as je, Clock as Me, ExternalLink as Ne, FileText as Pe, Folder as Fe, GitBranch as Ie, GitMerge as Le, Globe as Re, Info as ze, Library as Be, Link2 as Ve, Loader2 as He, MoreVertical as Ue, Network as We, Pause as Ge, Play as Ke, Plus as O, RefreshCw as qe, Server as Je, Settings as Ye, Shield as Xe, Tag as Ze, Terminal as k, Trash2 as Qe, X as A, Zap as j } from "lucide-react";
+import { useParams as $e } from "react-router-dom";
+import { usePermissions as et } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as tt, motion as M } from "framer-motion";
+import { Fragment as nt, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { NextSteps as rt, PagePurpose as it } from "@burdenoff/fe-libs/ui";
+import { useFeatureFlagDetails as F } from "@burdenoff/fe-libs/shared/feature-flags";
+import { AccessDenied as at, PermissionButton as ot } from "@burdenoff/fe-libs/shared/components";
+import { MotionItem as I, MotionList as st, MotionPage as L } from "@burdenoff/fe-libs/shared/motion";
+import { usePluginContributions as ct } from "@burdenoff/fe-libs/shared/plugins";
 //#region src/pages/VibeDetailsPage.tsx
-var dt = [
+var lt = [
 	"overview",
 	"config",
 	"git",
@@ -73,178 +73,178 @@ var dt = [
 	"aiContexts",
 	"instructionFiles",
 	"tunnels"
-], ft = new Set(["overview", "config"]), pt = new Set(["apiPlayground"]), mt = new Set([
+], ut = new Set(["overview", "config"]), dt = new Set(["apiPlayground"]), ft = new Set([
 	"sessions",
 	"gitops",
 	"graphqlPlayground",
 	"git",
 	"security"
 ]);
-function I() {
-	let { t: e } = Oe(), { id: t } = tt(), { basePath: a } = d(), l = a || "", u = f(), b = De((t, n) => {
+function R() {
+	let { t: e } = De(), { id: t } = $e(), { basePath: a } = ne(), l = a || "", u = d(), x = Ee((t, n) => {
 		let r = e(t);
 		return r === t ? n : r;
-	}, [e]), [fe] = te({ refetchQueries: ["GetVibe"] }), [Me] = n({ refetchQueries: ["GetVibe"] }), [Pe, { loading: ze }] = i(), [Ue] = r({ refetchQueries: ["GetVibe", "ListSessions"] }), { hasPermission: et, isLoading: I } = nt(), _t = et(v.VIBE_READ), { data: vt } = o({
-		skip: I || !_t,
+	}, [e]), [de] = te({ refetchQueries: ["GetVibe"] }), [je] = n({ refetchQueries: ["GetVibe"] }), [Ne, { loading: Re }] = i(), [He] = r({ refetchQueries: ["GetVibe", "ListSessions"] }), { hasPermission: A, isLoading: R } = et(), ht = A(v.VIBE_READ), { data: gt } = o({
+		skip: R || !ht,
 		fetchPolicy: "cache-first",
 		errorPolicy: "ignore"
-	}), yt = S(() => {
-		let e = new Map(xe.map((e) => [e.id, e]));
-		for (let t of vt?.vibeFeatureCatalog ?? []) e.set(t.id, t);
+	}), _t = C(() => {
+		let e = new Map(be.map((e) => [e.id, e]));
+		for (let t of gt?.vibeFeatureCatalog ?? []) e.set(t.id, t);
 		return Array.from(e.values());
-	}, [vt?.vibeFeatureCatalog]), bt = S(() => yt.filter((e) => !pt.has(e.id)), [yt]), [xt, { loading: St }] = ee({ refetchQueries: ["GetVibe"] }), [Ct, wt] = w(!1), [Tt, L] = w(null), [Et, Dt] = w(!1), [Ot, kt] = w(null), At = C(null), jt = C(null), Mt = C(null), Nt = C(null), { data: Pt, loading: R, error: Ft, refetch: It } = c({
+	}, [gt?.vibeFeatureCatalog]), vt = C(() => _t.filter((e) => !dt.has(e.id)), [_t]), [yt, { loading: bt }] = ee({ refetchQueries: ["GetVibe"] }), [xt, St] = T(!1), [Ct, z] = T(null), [wt, Tt] = T(!1), [Et, Dt] = T(null), Ot = w(null), kt = w(null), At = w(null), jt = w(null), { data: Mt, loading: B, error: Nt, refetch: Pt } = c({
 		variables: { id: t || "" },
-		skip: !t || I || !_t,
+		skip: !t || R || !ht,
 		fetchPolicy: "cache-and-network"
-	}), z = Pt?.vibe, { data: Lt } = s({
+	}), V = Mt?.vibe, { data: Ft } = s({
 		variables: { id: t || "" },
-		skip: !t || I || !_t,
+		skip: !t || R || !ht,
 		fetchPolicy: "cache-first",
 		errorPolicy: "ignore"
-	}), Rt = z, B = Lt?.vibe ?? Rt, V = De((e) => Se(B ?? null, e, bt), [B, bt]), zt = N("vibes.tabs.git"), Bt = N("vibes.tabs.scorecard"), Vt = N("vibes.tabs.graphql-playground"), Ht = N("vibes.tabs.git-iframe"), Ut = N("vibes.tabs.graphiql-iframe"), Wt = N("vibes.tabs.gitops-iframe"), Gt = De((e) => {
+	}), It = V, H = Ft?.vibe ?? It, U = Ee((e) => xe(H ?? null, e, vt), [H, vt]), Lt = F("vibes.tabs.git"), Rt = F("vibes.tabs.scorecard"), zt = F("vibes.tabs.graphql-playground"), Bt = F("vibes.tabs.git-iframe"), Vt = F("vibes.tabs.graphiql-iframe"), Ht = F("vibes.tabs.gitops-iframe"), Ut = Ee((e) => {
 		switch (e) {
-			case "git": return zt ? !!zt.value : !0;
-			case "scorecard": return Bt ? !!Bt.value : !0;
-			case "graphqlPlayground": return Vt ? !!Vt.value : !0;
+			case "git": return Lt ? !!Lt.value : !0;
+			case "scorecard": return Rt ? !!Rt.value : !0;
+			case "graphqlPlayground": return zt ? !!zt.value : !0;
 			default: return !0;
 		}
 	}, [
-		zt,
-		Bt,
-		Vt
-	]), H = z?.agents ?? [], U = z?.sessions || [], Kt = z?.children || [], qt = z?.parent || null, Jt = p((e) => t ? e.defaultAgentForVibe?.[t] : void 0), W = (Jt ? H.find((e) => e.id === Jt) ?? null : null) ?? (H.length === 1 ? H[0] : H.find((e) => !!e.tunnelUrl) ?? H[0] ?? null), G = W, Yt = W?.tunnelUrl ?? null, { active: K } = oe(W?.id ?? null), q = N("vibes.tabs.iframe-host")?.value === !0, Xt = S(() => {
-		if (!q || !W?.tunnelUrl) return [];
-		let e = W.id, t = K ?? "default";
+		Lt,
+		Rt,
+		zt
+	]), W = V?.agents ?? [], G = V?.sessions || [], Wt = V?.children || [], Gt = V?.parent || null, Kt = f((e) => t ? e.defaultAgentForVibe?.[t] : 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, qt = K?.tunnelUrl ?? null, { active: J } = oe(K?.id ?? null), Y = F("vibes.tabs.iframe-host")?.value === !0, Jt = C(() => {
+		if (!Y || !K?.tunnelUrl) return [];
+		let e = K.id, t = J ?? "default";
 		return [{
-			tunnelUrl: W.tunnelUrl,
+			tunnelUrl: K.tunnelUrl,
 			profile: t,
-			label: W.name ?? W.id,
-			mintIframeToken: async ({ pathPrefixes: n }) => de(e, t, n)
+			label: K.name ?? K.id,
+			mintIframeToken: async ({ pathPrefixes: n }) => ue(e, t, n)
 		}];
 	}, [
-		q,
-		W,
-		K
-	]), J = ut(Xt, {
+		Y,
+		K,
+		J
+	]), X = ct(Jt, {
 		mountPoint: "vibe.detailTab",
-		enabled: q && Xt.length > 0
-	}), [Y, X] = ue(S(() => {
-		let e = J.data.filter((e) => e.contribution.mountPoint === "vibe.detailTab").map((e) => e.contribution.id);
-		return [...dt, ...e];
-	}, [J.data]), "overview"), [Zt, Qt] = w(!1);
-	x(() => {
-		z && p.setState({
-			activeAgentId: W?.id ?? null,
-			selectedAgentId: W?.id ?? null,
-			activeVibeId: z.id,
-			selectedVibeId: z.id,
+		enabled: Y && Jt.length > 0
+	}), [Z, Q] = le(C(() => {
+		let e = X.data.filter((e) => e.contribution.mountPoint === "vibe.detailTab").map((e) => e.contribution.id);
+		return [...lt, ...e];
+	}, [X.data]), "overview"), [Yt, Xt] = T(!1);
+	S(() => {
+		V && f.setState({
+			activeAgentId: K?.id ?? null,
+			selectedAgentId: K?.id ?? null,
+			activeVibeId: V.id,
+			selectedVibeId: V.id,
 			activeSessionId: null,
 			selectedSessionId: null
 		});
-	}, [z?.id, W?.id]);
-	let $t = H.length > 0;
-	x(() => {
-		if (!R && !ft.has(Y) && (!V(Y) || !Gt(Y))) {
-			X("overview");
+	}, [V?.id, K?.id]);
+	let Zt = W.length > 0;
+	S(() => {
+		if (!B && !ut.has(Z) && (!U(Z) || !Ut(Z))) {
+			Q("overview");
 			return;
 		}
 	}, [
-		Y,
-		V,
-		Gt,
-		$t,
-		X,
-		R
+		Z,
+		U,
+		Ut,
+		Zt,
+		Q,
+		B
 	]);
-	let Z = () => {
+	let $ = () => {
 		u("/vibes");
-	}, en = async () => {
-		if (z?.id) try {
-			await fe({ variables: {
-				id: z.id,
+	}, Qt = async () => {
+		if (V?.id) try {
+			await de({ variables: {
+				id: V.id,
 				status: "ACTIVE"
 			} });
 		} catch (e) {
 			console.error("Failed to activate vibe:", e);
 		}
-	}, tn = async () => {
-		if (z?.id) try {
-			await fe({ variables: {
-				id: z.id,
+	}, $t = async () => {
+		if (V?.id) try {
+			await de({ variables: {
+				id: V.id,
 				status: "INACTIVE"
 			} });
 		} catch (e) {
 			console.error("Failed to deactivate vibe:", e);
 		}
-	}, [nn, Q] = w(!1), [rn, an] = w(!1), [on, $] = w(!1), sn = C(null);
-	x(() => {
-		if (!on) return;
+	}, [en, tn] = T(!1), [nn, rn] = T(!1), [an, on] = T(!1), sn = w(null);
+	S(() => {
+		if (!an) return;
 		let e = (e) => {
-			sn.current?.contains(e.target) || $(!1);
+			sn.current?.contains(e.target) || on(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [on]);
+	}, [an]);
 	let cn = async () => {
-		if (z?.id) try {
-			await Me({ variables: { id: z.id } }), Q(!1);
+		if (V?.id) try {
+			await je({ variables: { id: V.id } }), tn(!1);
 		} catch (e) {
 			console.error("Failed to archive vibe:", e);
 		}
 	}, ln = async (e) => {
-		if (z?.id) try {
-			await Pe({
+		if (V?.id) try {
+			await Ne({
 				variables: {
-					id: z.id,
+					id: V.id,
 					deleteRelatedEntities: e
 				},
 				update: (e) => {
 					e.evict({ id: e.identify({
 						__typename: "Vibe",
-						id: z.id
+						id: V.id
 					}) }), e.gc();
 				}
-			}), an(!1), u("/vibes");
+			}), rn(!1), u("/vibes");
 		} catch (e) {
 			console.error("Failed to delete vibe:", e);
 		}
 	}, un = () => {
-		L(null), wt(!0);
+		z(null), St(!0);
 	}, dn = async () => {
-		let e = At.current?.value?.trim(), t = jt.current?.value, n = Mt.current?.value?.trim() || void 0, r = Nt.current?.value?.trim() || void 0;
+		let e = Ot.current?.value?.trim(), t = kt.current?.value, n = At.current?.value?.trim() || void 0, r = jt.current?.value?.trim() || void 0;
 		if (!e) {
-			L(b("vibeDetails.sessionNameRequired", "Session name is required"));
+			z(x("vibeDetails.sessionNameRequired", "Session name is required"));
 			return;
 		}
-		let i = W?.id;
+		let i = K?.id;
 		if (!i) {
-			L(H.length === 0 ? b("vibeDetails.noAgentAttached", "This vibe has no agent attached. Connect an agent to this vibe before creating a session.") : b("vibeDetails.selectAgent", "Select an agent for this vibe before creating a session."));
+			z(W.length === 0 ? x("vibeDetails.noAgentAttached", "This vibe has no agent attached. Connect an agent to this vibe before creating a session.") : x("vibeDetails.selectAgent", "Select an agent for this vibe before creating a session."));
 			return;
 		}
-		Dt(!0), L(null);
+		Tt(!0), z(null);
 		try {
-			await Ue({ variables: { input: {
+			await He({ variables: { input: {
 				name: e,
 				type: t || "TERMINAL",
 				agentId: i,
-				vibeId: z?.id,
+				vibeId: V?.id,
 				command: n,
-				workingDirectory: r || z?.path || void 0
-			} } }), wt(!1), At.current && (At.current.value = ""), jt.current && (jt.current.selectedIndex = 0), Mt.current && (Mt.current.value = ""), Nt.current && (Nt.current.value = ""), kt(b("sessions.createdSuccess", "Session created successfully")), setTimeout(() => kt(null), 3e3);
+				workingDirectory: r || V?.path || void 0
+			} } }), St(!1), Ot.current && (Ot.current.value = ""), kt.current && (kt.current.selectedIndex = 0), At.current && (At.current.value = ""), jt.current && (jt.current.value = ""), Dt(x("sessions.createdSuccess", "Session created successfully")), setTimeout(() => Dt(null), 3e3);
 		} catch (e) {
-			L(e instanceof Error ? e.message : b("sessions.failedCreate", "Failed to create session"));
+			z(e instanceof Error ? e.message : x("sessions.failedCreate", "Failed to create session"));
 		} finally {
-			Dt(!1);
+			Tt(!1);
 		}
 	}, fn = () => {
-		G && u(`/agents/${G.id}`);
+		q && u(`/agents/${q.id}`);
 	}, pn = (e) => {
 		u(`/sessions/${e}`);
 	}, mn = (e) => {
 		u(`/vibes/${e}`);
 	}, hn = (e) => {
-		if (!e) return b("health.never", "Never");
+		if (!e) return x("health.never", "Never");
 		let t = Date.now() - new Date(e).getTime();
-		return t < 6e4 ? b("health.justNow", "Just now") : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleDateString();
+		return t < 6e4 ? x("health.justNow", "Just now") : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleDateString();
 	}, gn = (e) => {
 		switch (e) {
 			case "clean": return "text-status-success-text";
@@ -253,166 +253,166 @@ function I() {
 			default: return "text-text-secondary";
 		}
 	};
-	if (I) return /* @__PURE__ */ j(F, {
+	if (R) return /* @__PURE__ */ N(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ j(ce, { variant: "detail" })
+		children: /* @__PURE__ */ N(y, { variant: "detail" })
 	});
-	if (!_t) return /* @__PURE__ */ j(F, {
+	if (!ht) return /* @__PURE__ */ N(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ j(st, {
-			title: b("vibeDetails.denied.title", "Access Denied"),
-			description: b("vibeDetails.denied.description", "You do not have permission to view this vibe.")
+		children: /* @__PURE__ */ N(at, {
+			title: x("vibeDetails.denied.title", "Access Denied"),
+			description: x("vibeDetails.denied.description", "You do not have permission to view this vibe.")
 		})
 	});
-	if (R && !z) return /* @__PURE__ */ M(F, {
+	if (B && !V) return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ M("button", {
+		children: [/* @__PURE__ */ P("button", {
 			type: "button",
-			onClick: Z,
+			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ j(T, { className: "size-4" }), b("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ j(ce, { variant: "detail" })]
+			children: [/* @__PURE__ */ N(E, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ N(y, { variant: "detail" })]
 	});
-	if (Ft && !z) return /* @__PURE__ */ M(F, {
+	if (Nt && !V) return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ M("button", {
+		children: [/* @__PURE__ */ P("button", {
 			type: "button",
-			onClick: Z,
+			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ j(T, { className: "size-4" }), b("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ j(m, {
-			title: b("vibeDetails.failedLoad", "Failed to load vibe"),
-			message: Ft.message,
-			onRetry: () => It()
+			children: [/* @__PURE__ */ N(E, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ N(m, {
+			title: x("vibeDetails.failedLoad", "Failed to load vibe"),
+			message: Nt.message,
+			onRetry: () => Pt()
 		})]
 	});
-	if (!z) return /* @__PURE__ */ M(F, {
+	if (!V) return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ M("button", {
+		children: [/* @__PURE__ */ P("button", {
 			type: "button",
-			onClick: Z,
+			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ j(T, { className: "size-4" }), b("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ j(h, {
-			icon: /* @__PURE__ */ j(k, { className: "size-8 text-text-secondary" }),
-			title: b("vibeDetails.notFound", "Vibe not found"),
-			description: `${b("vibeDetails.notFoundDescriptionPrefix", "No vibe with ID")} "${t}" ${b("vibeDetails.notFoundDescriptionSuffix", "exists")}`,
-			action: /* @__PURE__ */ j("button", {
+			children: [/* @__PURE__ */ N(E, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ N(h, {
+			icon: /* @__PURE__ */ N(j, { className: "size-8 text-text-secondary" }),
+			title: x("vibeDetails.notFound", "Vibe not found"),
+			description: `${x("vibeDetails.notFoundDescriptionPrefix", "No vibe with ID")} "${t}" ${x("vibeDetails.notFoundDescriptionSuffix", "exists")}`,
+			action: /* @__PURE__ */ N("button", {
 				type: "button",
-				onClick: Z,
+				onClick: $,
 				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-				children: b("vibeDetails.backToVibes", "Back to Vibes")
+				children: x("vibeDetails.backToVibes", "Back to Vibes")
 			})
 		})]
 	});
-	let _n = z.status === "ACTIVE" || z.status === "RUNNING", vn = U.filter((e) => e.status === "RUNNING").length, yn = Kt.length + +!!qt + +!!G, bn = !!(z.gitBranch || z.gitRemote), xn = [
+	let _n = V.status === "ACTIVE" || V.status === "RUNNING", vn = G.filter((e) => e.status === "RUNNING").length, yn = Wt.length + +!!Gt + +!!q, bn = !!(V.gitBranch || V.gitRemote), xn = [
 		{
 			id: "overview",
-			label: b("nav.overview", "Overview"),
-			icon: Be
+			label: x("nav.overview", "Overview"),
+			icon: ze
 		},
 		{
 			id: "config",
-			label: b("vibeDetails.config", "Config"),
-			icon: Xe
+			label: x("vibeDetails.config", "Config"),
+			icon: Ye
 		},
 		{
 			id: "git",
-			label: b("vibeDetails.git", "Git"),
-			icon: Le,
-			badge: bn && z.gitBranch || void 0
+			label: x("vibeDetails.git", "Git"),
+			icon: Ie,
+			badge: bn && V.gitBranch || void 0
 		},
 		{
 			id: "sessions",
-			label: b("nav.sessions", "Sessions"),
-			icon: O,
-			badge: `${U.length}`
+			label: x("nav.sessions", "Sessions"),
+			icon: k,
+			badge: `${G.length}`
 		},
 		{
 			id: "notes",
-			label: b("vibeDetails.notes", "Notes"),
-			icon: Fe
+			label: x("vibeDetails.notes", "Notes"),
+			icon: Pe
 		},
 		{
 			id: "docs",
-			label: b("vibeDetails.docs", "Docs"),
-			icon: je
+			label: x("vibeDetails.docs", "Docs"),
+			icon: Ae
 		},
 		{
 			id: "scorecard",
-			label: b("vibeDetails.scorecard", "Scorecard"),
-			icon: Ae
+			label: x("vibeDetails.scorecard", "Scorecard"),
+			icon: ke
 		},
 		{
 			id: "catalogs",
-			label: b("vibeDetails.catalogs", "Catalogs"),
-			icon: Ve
+			label: x("vibeDetails.catalogs", "Catalogs"),
+			icon: Be
 		},
 		{
 			id: "graphqlPlayground",
-			label: b("vibeDetails.graphqlPlayground", "GraphQL"),
-			icon: Ge
+			label: x("vibeDetails.graphqlPlayground", "GraphQL"),
+			icon: We
 		},
 		{
 			id: "gitops",
-			label: b("vibeDetails.gitops", "GitOps"),
-			icon: Re
+			label: x("vibeDetails.gitops", "GitOps"),
+			icon: Le
 		},
 		{
 			id: "security",
-			label: b("vibeDetails.security", "Security"),
-			icon: Ze
+			label: x("vibeDetails.security", "Security"),
+			icon: Xe
 		},
 		{
 			id: "related",
-			label: b("vibeDetails.related", "Related"),
-			icon: He,
+			label: x("vibeDetails.related", "Related"),
+			icon: Ve,
 			badge: yn > 0 ? `${yn}` : void 0
 		},
 		{
 			id: "llmContext",
-			label: b("vibeDetails.llmContext", "LLM Context"),
-			icon: E
+			label: x("vibeDetails.llmContext", "LLM Context"),
+			icon: D
 		},
 		{
 			id: "vibedecks",
-			label: b("vibeDetails.vibedecks", "Vibe Decks"),
-			icon: k
+			label: x("vibeDetails.vibedecks", "Vibe Decks"),
+			icon: j
 		},
 		{
 			id: "actions",
-			label: b("vibeDetails.actions", "Actions"),
-			icon: k
+			label: x("vibeDetails.actions", "Actions"),
+			icon: j
 		},
 		{
 			id: "scheduledJobs",
-			label: b("vibeDetails.scheduledJobs", "Scheduled"),
-			icon: k
+			label: x("vibeDetails.scheduledJobs", "Scheduled"),
+			icon: j
 		},
 		{
 			id: "sandboxes",
-			label: b("vibeDetails.sandboxes", "Sandboxes"),
-			icon: O
+			label: x("vibeDetails.sandboxes", "Sandboxes"),
+			icon: k
 		},
 		{
 			id: "aiPrompts",
-			label: b("vibeDetails.aiPrompts", "AI Prompts"),
-			icon: E
+			label: x("vibeDetails.aiPrompts", "AI Prompts"),
+			icon: D
 		},
 		{
 			id: "aiContexts",
-			label: b("vibeDetails.aiContexts", "AI Contexts"),
-			icon: E
+			label: x("vibeDetails.aiContexts", "AI Contexts"),
+			icon: D
 		},
 		{
 			id: "instructionFiles",
-			label: b("vibeDetails.instructionFiles", "Instructions"),
-			icon: E
+			label: x("vibeDetails.instructionFiles", "Instructions"),
+			icon: D
 		},
 		{
 			id: "tunnels",
-			label: b("vibeDetails.tunnels", "Tunnels"),
-			icon: Ge
+			label: x("vibeDetails.tunnels", "Tunnels"),
+			icon: We
 		}
 	], Sn = new Set([
 		"vibedecks",
@@ -423,281 +423,276 @@ function I() {
 		"aiContexts",
 		"instructionFiles",
 		"tunnels"
-	]), Cn = xn.filter((e) => ft.has(e.id) || Sn.has(e.id) ? !0 : !(!V(e.id) || !Gt(e.id) || !$t && mt.has(e.id) || e.id === "git" && Ht?.value === !0 || e.id === "graphqlPlayground" && Ut?.value === !0 || e.id === "gitops" && Wt?.value === !0));
-	return /* @__PURE__ */ M(F, {
+	]), Cn = xn.filter((e) => ut.has(e.id) || Sn.has(e.id) ? !0 : !(!U(e.id) || !Ut(e.id) || !Zt && ft.has(e.id) || e.id === "git" && Bt?.value === !0 || e.id === "graphqlPlayground" && Vt?.value === !0 || e.id === "gitops" && Ht?.value === !0));
+	return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			Ot && /* @__PURE__ */ j("div", {
+			Et && /* @__PURE__ */ N("div", {
 				className: "fixed top-4 left-4 right-4 sm:left-auto z-50 bg-status-success-bg-subtle text-status-success-text border border-status-success-border px-4 py-3 rounded-card shadow-elevation-3",
-				children: Ot
+				children: Et
 			}),
-			/* @__PURE__ */ M("button", {
+			/* @__PURE__ */ P("button", {
 				type: "button",
-				onClick: Z,
+				onClick: $,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ j(T, { className: "size-4" }), b("vibeDetails.backToVibes", "Back to Vibes")]
+				children: [/* @__PURE__ */ N(E, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
 			}),
-			/* @__PURE__ */ j(ne, {
-				title: z.name,
-				description: z.description || b("vibeDetails.noDescription", "No description"),
+			/* @__PURE__ */ N(p, {
+				title: V.name,
+				description: V.description || x("vibeDetails.noDescription", "No description"),
 				breadcrumb: [{
-					label: b("nav.vibes", "Vibes"),
+					label: x("nav.vibes", "Vibes"),
 					path: l ? `${l}/vibes` : "/vibes"
-				}, { label: z.name }],
-				actions: /* @__PURE__ */ M("div", {
+				}, { label: V.name }],
+				actions: /* @__PURE__ */ P("div", {
 					className: "flex items-center gap-2 flex-wrap",
 					children: [
-						/* @__PURE__ */ j("button", {
+						/* @__PURE__ */ N("button", {
 							type: "button",
-							onClick: () => It(),
-							disabled: R,
+							onClick: () => Pt(),
+							disabled: B,
 							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: b("common.refresh", "Refresh"),
-							children: /* @__PURE__ */ j(Je, { className: `size-4 ${R ? "animate-spin" : ""}` })
+							title: x("common.refresh", "Refresh"),
+							children: /* @__PURE__ */ N(qe, { className: `size-4 ${B ? "animate-spin" : ""}` })
 						}),
-						/* @__PURE__ */ M("button", {
+						/* @__PURE__ */ P("button", {
 							type: "button",
-							onClick: () => u(`/ai?vibeId=${z.id}&contextLevel=vibe`),
+							onClick: () => u(`/ai?vibeId=${V.id}&contextLevel=vibe`),
 							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",
-							title: b("vibeDetails.openAiChat", "Open AI chat in this vibe"),
+							title: x("vibeDetails.openAiChat", "Open AI chat in this vibe"),
 							"data-testid": "vibe-open-ai-chat",
-							children: [/* @__PURE__ */ j(E, { className: "size-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ j("span", {
+							children: [/* @__PURE__ */ N(D, { className: "size-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ N("span", {
 								className: "hidden sm:inline",
-								children: b("vibeDetails.aiChat", "AI Chat")
+								children: x("vibeDetails.aiChat", "AI Chat")
 							})]
 						}),
-						/* @__PURE__ */ j(se, {
+						/* @__PURE__ */ N(se, {
 							vibe: {
-								id: z.id,
-								name: z.name
+								id: V.id,
+								name: V.name
 							},
-							label: b("vibeDetails.share", "Share")
+							label: x("vibeDetails.share", "Share")
 						}),
-						/* @__PURE__ */ j(le, {
-							vibeId: z.id,
-							workspacePath: z.path,
-							agentId: W?.id ?? null,
-							tunnelUrl: Yt,
-							profile: K ?? "default",
-							browserEditorEnabled: V("browserEditor")
+						/* @__PURE__ */ N(ce, {
+							vibeId: V.id,
+							workspacePath: V.path,
+							agentId: K?.id ?? null,
+							tunnelUrl: qt,
+							profile: J ?? "default",
+							browserEditorEnabled: U("browserEditor")
 						}),
-						/* @__PURE__ */ j(ct, {
+						/* @__PURE__ */ N(ot, {
 							permission: v.SESSION_CREATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to create sessions",
-							children: /* @__PURE__ */ M("button", {
+							children: /* @__PURE__ */ P("button", {
 								type: "button",
 								onClick: un,
 								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-button hover:bg-action-primary-bgHover transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 								children: [
-									/* @__PURE__ */ j(D, { className: "size-3.5 sm:w-4 sm:h-4" }),
-									/* @__PURE__ */ j("span", {
+									/* @__PURE__ */ N(O, { className: "size-3.5 sm:w-4 sm:h-4" }),
+									/* @__PURE__ */ N("span", {
 										className: "hidden sm:inline",
-										children: b("vibeDetails.new", "New")
+										children: x("vibeDetails.new", "New")
 									}),
-									/* @__PURE__ */ j("span", {
+									/* @__PURE__ */ N("span", {
 										className: "hidden sm:inline",
-										children: b("nav.sessions", "Session")
+										children: x("nav.sessions", "Session")
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ j(ct, {
-							permission: v.VIBE_UPDATE,
-							deniedBehavior: "disable",
-							deniedTooltip: "You don't have permission to manage this vibe",
-							children: /* @__PURE__ */ M("div", {
-								className: "relative",
-								ref: sn,
-								children: [/* @__PURE__ */ j("button", {
-									type: "button",
-									onClick: () => $((e) => !e),
-									"aria-haspopup": "menu",
-									"aria-expanded": on,
-									"aria-label": b("common.moreActions", "More actions"),
-									title: b("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__ */ j(We, { className: "size-4" })
-								}), on && /* @__PURE__ */ M("div", {
-									role: "menu",
-									className: "absolute right-0 mt-2 min-w-[12rem] bg-bg-elevated border border-border-subtle rounded-card shadow-elevation-3 z-20 py-1",
-									children: [
-										/* @__PURE__ */ j("button", {
-											type: "button",
-											role: "menuitem",
-											onClick: () => {
-												$(!1), _n ? tn() : en();
-											},
-											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: _n ? /* @__PURE__ */ M(it, { children: [/* @__PURE__ */ j(Ke, { className: "size-4 text-text-secondary" }), /* @__PURE__ */ j("span", { children: b("vibeDetails.pauseVibe", "Pause vibe (stop scheduled runs)") })] }) : /* @__PURE__ */ M(it, { children: [/* @__PURE__ */ j(qe, { className: "size-4 text-status-success-text" }), /* @__PURE__ */ j("span", { children: b("vibeDetails.resumeVibe", "Resume vibe (re-enable scheduled runs)") })] })
-										}),
-										/* @__PURE__ */ j("div", { className: "border-t border-border-subtle my-1" }),
-										/* @__PURE__ */ M("button", {
-											type: "button",
-											role: "menuitem",
-											onClick: () => {
-												$(!1), Q(!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__ */ j(ke, { className: "size-4" }), /* @__PURE__ */ j("span", { children: b("vibeDetails.archive", "Archive vibe…") })]
-										}),
-										/* @__PURE__ */ M("button", {
-											type: "button",
-											role: "menuitem",
-											onClick: () => {
-												$(!1), an(!0);
-											},
-											className: "w-full flex items-center gap-2 px-3 py-2 text-sm text-status-error-text hover:bg-action-ghost-bg-hover text-left",
-											children: [/* @__PURE__ */ j($e, { className: "size-4" }), /* @__PURE__ */ j("span", { children: b("vibeDetails.delete", "Delete vibe…") })]
-										})
-									]
-								})]
-							})
+						(A(v.VIBE_UPDATE) || A(v.VIBE_DELETE)) && /* @__PURE__ */ P("div", {
+							className: "relative",
+							ref: sn,
+							children: [/* @__PURE__ */ N("button", {
+								type: "button",
+								onClick: () => on((e) => !e),
+								"aria-haspopup": "menu",
+								"aria-expanded": an,
+								"aria-label": x("common.moreActions", "More actions"),
+								title: x("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(Ue, { className: "size-4" })
+							}), an && /* @__PURE__ */ P("div", {
+								role: "menu",
+								className: "absolute right-0 mt-2 min-w-[12rem] bg-bg-elevated border border-border-subtle rounded-card shadow-elevation-3 z-20 py-1",
+								children: [
+									A(v.VIBE_UPDATE) && /* @__PURE__ */ N("button", {
+										type: "button",
+										role: "menuitem",
+										onClick: () => {
+											on(!1), _n ? $t() : Qt();
+										},
+										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: _n ? /* @__PURE__ */ P(nt, { children: [/* @__PURE__ */ N(Ge, { className: "size-4 text-text-secondary" }), /* @__PURE__ */ N("span", { children: x("vibeDetails.pauseVibe", "Pause vibe (stop scheduled runs)") })] }) : /* @__PURE__ */ P(nt, { children: [/* @__PURE__ */ N(Ke, { className: "size-4 text-status-success-text" }), /* @__PURE__ */ N("span", { children: x("vibeDetails.resumeVibe", "Resume vibe (re-enable scheduled runs)") })] })
+									}),
+									A(v.VIBE_UPDATE) && /* @__PURE__ */ P("button", {
+										type: "button",
+										role: "menuitem",
+										onClick: () => {
+											on(!1), tn(!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(Oe, { className: "size-4" }), /* @__PURE__ */ N("span", { children: x("vibeDetails.archive", "Archive vibe…") })]
+									}),
+									A(v.VIBE_UPDATE) && A(v.VIBE_DELETE) && /* @__PURE__ */ N("div", { className: "border-t border-border-subtle my-1" }),
+									A(v.VIBE_DELETE) && /* @__PURE__ */ P("button", {
+										type: "button",
+										role: "menuitem",
+										onClick: () => {
+											on(!1), rn(!0);
+										},
+										className: "w-full flex items-center gap-2 px-3 py-2 text-sm text-status-error-text hover:bg-action-ghost-bg-hover text-left",
+										children: [/* @__PURE__ */ N(Qe, { className: "size-4" }), /* @__PURE__ */ N("span", { children: x("vibeDetails.delete", "Delete vibe…") })]
+									})
+								]
+							})]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ j(ot, {
-				icon: /* @__PURE__ */ j(E, { className: "size-4" }),
-				children: b("vibeDetails.purpose", "This is the home for a single vibe — everything for this piece of work in one place. From here you start sessions on its agent, chat with AI in the vibe’s context, keep notes and docs, schedule tasks and review what happened. Use the tabs below to move between sessions, notes, scheduling and audit history.")
+			/* @__PURE__ */ N(it, {
+				icon: /* @__PURE__ */ N(D, { className: "size-4" }),
+				children: x("vibeDetails.purpose", "This is the home for a single vibe — everything for this piece of work in one place. From here you start sessions on its agent, chat with AI in the vibe’s context, keep notes and docs, schedule tasks and review what happened. Use the tabs below to move between sessions, notes, scheduling and audit history.")
 			}),
-			/* @__PURE__ */ j(at, {
+			/* @__PURE__ */ N(rt, {
 				storageKey: "vibecontrols-vibe-details",
 				steps: [
 					{
 						id: "start-session",
-						label: b("vibeDetails.next.startSession", "Start a session"),
-						description: b("vibeDetails.next.startSessionDesc", "Open a terminal or task running on this vibe’s agent."),
-						icon: /* @__PURE__ */ j(D, { className: "size-4" }),
+						label: x("vibeDetails.next.startSession", "Start a session"),
+						description: x("vibeDetails.next.startSessionDesc", "Open a terminal or task running on this vibe’s agent."),
+						icon: /* @__PURE__ */ N(O, { className: "size-4" }),
 						onClick: un
 					},
 					{
 						id: "ai-chat",
-						label: b("vibeDetails.next.aiChat", "Chat with AI in this vibe"),
-						description: b("vibeDetails.next.aiChatDesc", "Ask the assistant questions with this vibe’s context already loaded."),
-						icon: /* @__PURE__ */ j(E, { className: "size-4" }),
-						onClick: () => u(`/ai?vibeId=${z.id}&contextLevel=vibe`)
+						label: x("vibeDetails.next.aiChat", "Chat with AI in this vibe"),
+						description: x("vibeDetails.next.aiChatDesc", "Ask the assistant questions with this vibe’s context already loaded."),
+						icon: /* @__PURE__ */ N(D, { className: "size-4" }),
+						onClick: () => u(`/ai?vibeId=${V.id}&contextLevel=vibe`)
 					},
 					{
 						id: "add-notes",
-						label: b("vibeDetails.next.captureNotes", "Capture notes & docs"),
-						description: b("vibeDetails.next.captureNotesDesc", "Use the Notes and Docs tabs to keep context with the work."),
-						icon: /* @__PURE__ */ j(T, { className: "size-4 rotate-180" }),
-						onClick: () => X("notes")
+						label: x("vibeDetails.next.captureNotes", "Capture notes & docs"),
+						description: x("vibeDetails.next.captureNotesDesc", "Use the Notes and Docs tabs to keep context with the work."),
+						icon: /* @__PURE__ */ N(E, { className: "size-4 rotate-180" }),
+						onClick: () => Q("notes")
 					}
 				]
 			}),
-			nn && /* @__PURE__ */ j("div", {
+			en && /* @__PURE__ */ N("div", {
 				tabIndex: 0,
 				onKeyDown: (e) => {
-					e.key === "Escape" && (e.preventDefault(), Q(!1));
+					e.key === "Escape" && (e.preventDefault(), tn(!1));
 				},
 				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 && Q(!1);
+					e.target === e.currentTarget && tn(!1);
 				},
-				children: /* @__PURE__ */ M("div", {
+				children: /* @__PURE__ */ P("div", {
 					className: "w-full max-w-md rounded-card bg-bg-elevated border border-border-subtle shadow-[var(--shadow-elevation-4)] p-5",
 					children: [
-						/* @__PURE__ */ j("h2", {
+						/* @__PURE__ */ N("h2", {
 							id: "archive-vibe-title",
 							className: "text-base font-semibold text-text-primary mb-2",
-							children: b("vibeDetails.archiveConfirmTitle", "Archive this vibe?")
+							children: x("vibeDetails.archiveConfirmTitle", "Archive this vibe?")
 						}),
-						/* @__PURE__ */ j("p", {
+						/* @__PURE__ */ N("p", {
 							className: "text-sm text-text-secondary mb-4",
-							children: b("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.")
+							children: x("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__ */ M("div", {
+						/* @__PURE__ */ P("div", {
 							className: "flex justify-end gap-2",
-							children: [/* @__PURE__ */ j("button", {
+							children: [/* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => Q(!1),
+								onClick: () => tn(!1),
 								className: "text-sm px-3 py-1.5 rounded-button border border-border-subtle text-text-primary hover:bg-action-ghost-bg-hover hover:border-border-strong transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-								children: b("common.cancel", "Cancel")
-							}), /* @__PURE__ */ j("button", {
+								children: x("common.cancel", "Cancel")
+							}), /* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: cn,
 								className: "text-sm px-3 py-1.5 rounded-button bg-status-warning-bg-subtle text-status-warning-text border border-status-warning-border hover:bg-status-warning-bg-subtle/80 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-								children: b("vibeDetails.archive", "Archive")
+								children: x("vibeDetails.archive", "Archive")
 							})]
 						})
 					]
 				})
 			}),
-			rn && z && /* @__PURE__ */ j(_e, {
+			nn && V && /* @__PURE__ */ N(ge, {
 				vibe: {
-					id: z.id,
-					name: z.name
+					id: V.id,
+					name: V.name
 				},
-				deleting: ze,
+				deleting: Re,
 				onConfirm: ln,
-				onCancel: () => an(!1)
+				onCancel: () => rn(!1)
 			}),
-			/* @__PURE__ */ M(lt, {
+			/* @__PURE__ */ P(st, {
 				stagger: .04,
 				className: "grid grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-4",
 				children: [
-					/* @__PURE__ */ j(P, { children: /* @__PURE__ */ j(_, {
+					/* @__PURE__ */ N(I, { children: /* @__PURE__ */ N(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ P("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ N("div", {
 								className: "size-8 sm:size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ j(k, { className: "size-4 sm:size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ N(j, { className: "size-4 sm:size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ P("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									title: b("vibeDetails.statusTooltip", "ACTIVE: vibe is in your default working set and can run sessions, tunnels and GitOps via its attached agent(s). INACTIVE: vibe is parked — still visible, no sessions auto-resume. RUNNING: at least one session is live. ARCHIVED: hidden from default lists; can be restored."),
-									children: b("sessions.filterStatus", "Status")
-								}), /* @__PURE__ */ j(g, {
-									status: z.status,
+									title: x("vibeDetails.statusTooltip", "ACTIVE: vibe is in your default working set and can run sessions, tunnels and GitOps via its attached agent(s). INACTIVE: vibe is parked — still visible, no sessions auto-resume. RUNNING: at least one session is live. ARCHIVED: hidden from default lists; can be restored."),
+									children: x("sessions.filterStatus", "Status")
+								}), /* @__PURE__ */ N(g, {
+									status: V.status,
 									size: "md"
 								})]
 							})]
 						})
 					}) }),
-					/* @__PURE__ */ j(P, { children: /* @__PURE__ */ j(_, {
+					/* @__PURE__ */ N(I, { children: /* @__PURE__ */ N(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ P("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ N("div", {
 								className: "size-8 sm:size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ j(Ye, { className: "size-4 sm:size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ N(Je, { className: "size-4 sm:size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ P("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: b("sessions.filterAgent", "Agent")
-								}), /* @__PURE__ */ j("p", {
+									children: x("sessions.filterAgent", "Agent")
+								}), /* @__PURE__ */ N("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base truncate",
-									children: G?.name || b("targets.unknown", "Unknown")
+									children: q?.name || x("targets.unknown", "Unknown")
 								})]
 							})]
 						})
 					}) }),
-					/* @__PURE__ */ j(P, { children: /* @__PURE__ */ j(_, {
+					/* @__PURE__ */ N(I, { children: /* @__PURE__ */ N(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ P("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ N("div", {
 								className: "size-8 sm:size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ j(O, { className: "size-4 sm:size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ N(k, { className: "size-4 sm:size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ P("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: b("nav.sessions", "Sessions")
-								}), /* @__PURE__ */ M("p", {
+									children: x("nav.sessions", "Sessions")
+								}), /* @__PURE__ */ P("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base",
 									children: [
 										vn,
 										" ",
-										b("health.active", "active")
+										x("health.active", "active")
 									]
 								})]
 							})]
@@ -705,35 +700,35 @@ function I() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ N("div", {
 				className: "border-b border-border-default",
-				children: /* @__PURE__ */ M("nav", {
+				children: /* @__PURE__ */ P("nav", {
 					className: "flex gap-1 -mb-px overflow-x-auto pb-1",
-					"aria-label": b("vibeDetails.tabsAriaLabel", "Vibe tabs"),
+					"aria-label": x("vibeDetails.tabsAriaLabel", "Vibe tabs"),
 					children: [
 						Cn.map((e) => {
-							let t = e.icon, n = Y === e.id;
-							return /* @__PURE__ */ M("button", {
+							let t = e.icon, n = Z === e.id;
+							return /* @__PURE__ */ P("button", {
 								type: "button",
-								onClick: () => X(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",
 								children: [
-									/* @__PURE__ */ j(t, { className: "size-4" }),
+									/* @__PURE__ */ N(t, { className: "size-4" }),
 									e.label,
-									e.badge && /* @__PURE__ */ j("span", {
+									e.badge && /* @__PURE__ */ N("span", {
 										className: `hidden rounded-full px-1.5 py-0.5 text-[10px] sm:inline-flex sm:text-xs ${n ? "bg-action-primary-bg/10 text-action-primary-bg" : "bg-bg-sunken text-text-muted"}`,
 										children: e.badge
 									})
 								]
 							}, e.id);
 						}),
-						q && J.data.map((e) => {
-							let t = Y === e.contribution.id;
-							return /* @__PURE__ */ j("button", {
+						Y && X.data.map((e) => {
+							let t = Z === e.contribution.id;
+							return /* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => X(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",
@@ -741,16 +736,16 @@ function I() {
 								children: e.contribution.title
 							}, `plugin-${e.contribution.id}`);
 						}),
-						q && W && /* @__PURE__ */ M("button", {
+						Y && K && /* @__PURE__ */ P("button", {
 							type: "button",
-							onClick: () => Qt(!0),
+							onClick: () => Xt(!0),
 							className: "flex shrink-0 items-center gap-1 p-2 text-xs sm:text-sm border-b-2 border-transparent text-text-secondary hover:text-text-primary hover:border-border-default",
 							title: "Install a UI plugin tab",
 							"aria-label": "Add tab",
-							children: [/* @__PURE__ */ j("span", {
+							children: [/* @__PURE__ */ N("span", {
 								"aria-hidden": !0,
 								children: "+"
-							}), /* @__PURE__ */ j("span", {
+							}), /* @__PURE__ */ N("span", {
 								className: "hidden sm:inline",
 								children: "Add tab"
 							})]
@@ -758,10 +753,10 @@ function I() {
 					]
 				})
 			}),
-			/* @__PURE__ */ M(rt, {
+			/* @__PURE__ */ P(tt, {
 				mode: "wait",
 				children: [
-					Y === "overview" && /* @__PURE__ */ M(A.div, {
+					Z === "overview" && /* @__PURE__ */ P(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -777,64 +772,64 @@ function I() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							z.description && /* @__PURE__ */ j(_, { children: /* @__PURE__ */ j("div", {
+							V.description && /* @__PURE__ */ N(_, { children: /* @__PURE__ */ N("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ j("p", {
+								children: /* @__PURE__ */ N("p", {
 									className: "text-text-primary",
-									children: z.description
+									children: V.description
 								})
 							}) }),
-							!$t && /* @__PURE__ */ j(ye, {
-								vibeId: z.id,
-								tr: b,
-								onAttached: () => It()
+							!Zt && /* @__PURE__ */ N(ve, {
+								vibeId: V.id,
+								tr: x,
+								onAttached: () => Pt()
 							}),
-							$t && /* @__PURE__ */ j(be, {
-								vibeId: z.id,
-								attachedAgents: H,
-								effectiveAgentId: W?.id ?? null
+							Zt && /* @__PURE__ */ N(ye, {
+								vibeId: V.id,
+								attachedAgents: W,
+								effectiveAgentId: K?.id ?? null
 							}),
-							/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-3 sm:p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2 text-sm sm:text-base",
-									children: [/* @__PURE__ */ j(Ie, { className: "size-4 sm:w-5 sm:h-5" }), b("vibeDetails.path", "Path")]
+									children: [/* @__PURE__ */ N(Fe, { className: "size-4 sm:w-5 sm:h-5" }), x("vibeDetails.path", "Path")]
 								})
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "p-3 sm:p-4",
-								children: /* @__PURE__ */ j("div", {
+								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: z.path
+									children: V.path
 								})
 							})] }),
-							/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ j(Ne, { className: "size-5" }), b("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ N(Me, { className: "size-5" }), x("vibeDetails.timeline", "Timeline")]
 								})
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ P("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
-									children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 										className: "text-text-secondary",
-										children: b("vibeDetails.created", "Created")
-									}), /* @__PURE__ */ j("p", {
+										children: x("vibeDetails.created", "Created")
+									}), /* @__PURE__ */ N("p", {
 										className: "font-medium text-text-primary",
-										children: hn(z.createdAt)
-									})] }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+										children: hn(V.createdAt)
+									})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 										className: "text-text-secondary",
-										children: b("vibeDetails.updated", "Updated")
-									}), /* @__PURE__ */ j("p", {
+										children: x("vibeDetails.updated", "Updated")
+									}), /* @__PURE__ */ N("p", {
 										className: "font-medium text-text-primary",
-										children: hn(z.updatedAt)
+										children: hn(V.updatedAt)
 									})] })]
 								})
 							})] })
 						]
 					}, "overview"),
-					Y === "config" && /* @__PURE__ */ M(A.div, {
+					Z === "config" && /* @__PURE__ */ P(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -850,60 +845,60 @@ function I() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ j(Te, { vibeId: z.id }),
-							/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ N(we, { vibeId: V.id }),
+							/* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ j(Qe, { className: "size-5" }), b("vibeDetails.tags", "Tags")]
+									children: [/* @__PURE__ */ N(Ze, { className: "size-5" }), x("vibeDetails.tags", "Tags")]
 								})
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ j(re, {
+								children: /* @__PURE__ */ N(re, {
 									entityType: "VIBECONTROLS_VIBE",
-									entityId: z.id
+									entityId: V.id
 								})
 							})] }),
-							/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ P(_, { children: [/* @__PURE__ */ P("div", {
 								className: "p-4 border-b border-border-default",
-								children: [/* @__PURE__ */ M("h3", {
+								children: [/* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ j(Xe, { className: "size-5" }), b("vibeDetails.features", "Features")]
-								}), /* @__PURE__ */ j("p", {
+									children: [/* @__PURE__ */ N(Ye, { className: "size-5" }), x("vibeDetails.features", "Features")]
+								}), /* @__PURE__ */ N("p", {
 									className: "text-sm text-text-secondary mt-1",
-									children: b("vibeDetails.featuresDescription", "Toggle which sections show up on this vibe. Changes apply to everyone viewing the vibe.")
+									children: x("vibeDetails.featuresDescription", "Toggle which sections show up on this vibe. Changes apply to everyone viewing the vibe.")
 								})]
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "divide-y divide-border-default",
-								children: bt.map((e) => {
-									let t = V(e.id);
-									return /* @__PURE__ */ M("label", {
+								children: vt.map((e) => {
+									let t = U(e.id);
+									return /* @__PURE__ */ P("label", {
 										className: "flex items-center gap-3 px-4 py-3 cursor-pointer hover:bg-bg-sunken transition-colors",
-										children: [/* @__PURE__ */ j("input", {
+										children: [/* @__PURE__ */ N("input", {
 											type: "checkbox",
 											role: "switch",
 											"aria-label": e.label,
 											"aria-checked": t,
 											checked: t,
-											disabled: St || !z.id,
+											disabled: bt || !V.id,
 											onChange: async (t) => {
 												let n = t.target.checked;
 												try {
-													await xt({
+													await yt({
 														variables: {
-															id: z.id,
+															id: V.id,
 															featureId: e.id,
 															enabled: n
 														},
 														optimisticResponse: { setVibeFeatureFlag: {
 															__typename: "Vibe",
-															id: z.id,
+															id: V.id,
 															featureFlags: {
-																...B?.featureFlags ?? {},
+																...H?.featureFlags ?? {},
 																[e.id]: n
 															},
 															effectiveFeatureFlags: {
-																...B?.effectiveFeatureFlags ?? {},
+																...H?.effectiveFeatureFlags ?? {},
 																[e.id]: n
 															}
 														} }
@@ -913,7 +908,7 @@ function I() {
 												}
 											},
 											className: "size-4 shrink-0 accent-action-primary-bg disabled:opacity-50"
-										}), /* @__PURE__ */ j("span", {
+										}), /* @__PURE__ */ N("span", {
 											className: "text-sm font-medium text-text-primary",
 											children: e.label
 										})]
@@ -922,7 +917,7 @@ function I() {
 							})] })
 						]
 					}, "config"),
-					Y === "git" && V("git") && /* @__PURE__ */ j(A.div, {
+					Z === "git" && U("git") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -937,57 +932,57 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(ae, {
-							agentId: W?.id ?? null,
+						children: /* @__PURE__ */ N(ae, {
+							agentId: K?.id ?? null,
 							required: ["@vibecontrols/vibe-plugin-tool-git"],
 							mode: "all",
-							eyebrow: b("vibeDetails.gitPluginEyebrow", "Git plugin required"),
-							title: b("vibeDetails.gitPluginTitle", "Install the git plugin"),
-							description: b("vibeDetails.gitPluginDescription", "Live git branch, status, and remote data for this vibe are served by the vibe-plugin-tool-git agent plugin."),
-							children: bn ? /* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j("div", {
+							eyebrow: x("vibeDetails.gitPluginEyebrow", "Git plugin required"),
+							title: x("vibeDetails.gitPluginTitle", "Install the git plugin"),
+							description: x("vibeDetails.gitPluginDescription", "Live git branch, status, and remote data for this vibe are served by the vibe-plugin-tool-git agent plugin."),
+							children: bn ? /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ j(Le, { className: "size-5" }), b("vibeDetails.gitInformation", "Git Information")]
+									children: [/* @__PURE__ */ N(Ie, { className: "size-5" }), x("vibeDetails.gitInformation", "Git Information")]
 								})
-							}), /* @__PURE__ */ M("div", {
+							}), /* @__PURE__ */ P("div", {
 								className: "p-4 space-y-3",
-								children: [/* @__PURE__ */ M("div", {
+								children: [/* @__PURE__ */ P("div", {
 									className: "flex items-center gap-4 flex-wrap",
-									children: [z.gitBranch && /* @__PURE__ */ M("div", {
+									children: [V.gitBranch && /* @__PURE__ */ P("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ P("span", {
 											className: "text-sm text-text-secondary",
-											children: [b("vibeDetails.branch", "Branch"), ":"]
-										}), /* @__PURE__ */ j("span", {
+											children: [x("vibeDetails.branch", "Branch"), ":"]
+										}), /* @__PURE__ */ N("span", {
 											className: "px-2 py-1 bg-bg-sunken text-text-primary text-sm rounded font-mono",
-											children: z.gitBranch
+											children: V.gitBranch
 										})]
-									}), z.gitStatus && /* @__PURE__ */ M("div", {
+									}), V.gitStatus && /* @__PURE__ */ P("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ P("span", {
 											className: "text-sm text-text-secondary",
-											children: [b("sessions.filterStatus", "Status"), ":"]
-										}), /* @__PURE__ */ j("span", {
-											className: `font-medium ${gn(z.gitStatus)}`,
-											children: z.gitStatus
+											children: [x("sessions.filterStatus", "Status"), ":"]
+										}), /* @__PURE__ */ N("span", {
+											className: `font-medium ${gn(V.gitStatus)}`,
+											children: V.gitStatus
 										})]
 									})]
-								}), z.gitRemote && /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("span", {
+								}), V.gitRemote && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("span", {
 									className: "text-sm text-text-secondary",
-									children: [b("vibeDetails.remote", "Remote"), ":"]
-								}), /* @__PURE__ */ j("p", {
+									children: [x("vibeDetails.remote", "Remote"), ":"]
+								}), /* @__PURE__ */ N("p", {
 									className: "font-mono text-sm text-text-primary mt-1 break-all",
-									children: z.gitRemote
+									children: V.gitRemote
 								})] })]
-							})] }) : /* @__PURE__ */ j(h, {
-								icon: /* @__PURE__ */ j(Le, { className: "size-8 text-text-secondary" }),
-								title: b("vibeDetails.noGitInformation", "No git information"),
-								description: b("vibeDetails.noGitInformationDescription", "This vibe does not have any git repository linked")
+							})] }) : /* @__PURE__ */ N(h, {
+								icon: /* @__PURE__ */ N(Ie, { className: "size-8 text-text-secondary" }),
+								title: x("vibeDetails.noGitInformation", "No git information"),
+								description: x("vibeDetails.noGitInformationDescription", "This vibe does not have any git repository linked")
 							})
 						})
 					}, "git"),
-					Y === "sessions" && V("sessions") && /* @__PURE__ */ j(A.div, {
+					Z === "sessions" && U("sessions") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1001,43 +996,43 @@ function I() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ j(ae, {
-							agentId: W?.id ?? null,
+						children: /* @__PURE__ */ N(ae, {
+							agentId: K?.id ?? null,
 							requirements: [{
 								packages: ["@vibecontrols/vibe-plugin-session-manager"],
 								mode: "all",
-								eyebrow: b("vibeDetails.sessionsManagerEyebrow", "Session manager required"),
-								title: b("vibeDetails.sessionsManagerTitle", "Install the session manager"),
-								description: b("vibeDetails.sessionsManagerDescription", "Sessions are orchestrated by the unified session manager plugin. Install it to continue.")
+								eyebrow: x("vibeDetails.sessionsManagerEyebrow", "Session manager required"),
+								title: x("vibeDetails.sessionsManagerTitle", "Install the session manager"),
+								description: x("vibeDetails.sessionsManagerDescription", "Sessions are orchestrated by the unified session manager plugin. Install it to continue.")
 							}, {
 								packages: ie,
 								mode: "any",
-								eyebrow: b("vibeDetails.sessionProviderEyebrow", "Session provider required"),
-								title: b("vibeDetails.sessionProviderTitle", "Pick a session provider"),
-								description: b("vibeDetails.sessionProviderDescription", "Choose the terminal multiplexer your sessions should run on. You can install more providers later.")
+								eyebrow: x("vibeDetails.sessionProviderEyebrow", "Session provider required"),
+								title: x("vibeDetails.sessionProviderTitle", "Pick a session provider"),
+								description: x("vibeDetails.sessionProviderDescription", "Choose the terminal multiplexer your sessions should run on. You can install more providers later.")
 							}],
-							children: /* @__PURE__ */ M(_, { children: [/* @__PURE__ */ M("div", {
+							children: /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ P("div", {
 								className: "p-4 border-b border-border-default flex items-center justify-between",
-								children: [/* @__PURE__ */ M("h3", {
+								children: [/* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ j(O, { className: "size-5" }),
-										b("nav.sessions", "Sessions"),
+										/* @__PURE__ */ N(k, { className: "size-5" }),
+										x("nav.sessions", "Sessions"),
 										" (",
-										U.length,
+										G.length,
 										")"
 									]
-								}), /* @__PURE__ */ M("button", {
+								}), /* @__PURE__ */ P("button", {
 									type: "button",
 									onClick: un,
 									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__ */ j(D, { className: "size-4" }), b("vibeDetails.new", "New")]
+									children: [/* @__PURE__ */ N(O, { className: "size-4" }), x("vibeDetails.new", "New")]
 								})]
-							}), U.length > 0 ? /* @__PURE__ */ j(lt, {
+							}), G.length > 0 ? /* @__PURE__ */ N(st, {
 								className: "divide-y divide-border-primary",
-								children: U.map((e) => /* @__PURE__ */ j(P, {
+								children: G.map((e) => /* @__PURE__ */ N(I, {
 									variant: "fadeRight",
-									children: /* @__PURE__ */ M("div", {
+									children: /* @__PURE__ */ P("div", {
 										role: "button",
 										tabIndex: 0,
 										onKeyDown: (t) => {
@@ -1045,28 +1040,28 @@ function I() {
 										},
 										onClick: () => pn(e.id),
 										className: "p-4 flex items-center justify-between cursor-pointer hover:bg-bg-sunken/50 transition-colors",
-										children: [/* @__PURE__ */ M("div", {
+										children: [/* @__PURE__ */ P("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ j(O, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ M("div", {
+											children: [/* @__PURE__ */ N(k, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ P("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ j("p", {
+												children: [/* @__PURE__ */ N("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name
-												}), /* @__PURE__ */ j("p", {
+												}), /* @__PURE__ */ N("p", {
 													className: "text-sm text-text-secondary truncate",
 													children: e.type
 												})]
 											})]
-										}), /* @__PURE__ */ j(g, { status: e.status })]
+										}), /* @__PURE__ */ N(g, { status: e.status })]
 									})
 								}, e.id))
-							}) : /* @__PURE__ */ j("div", {
+							}) : /* @__PURE__ */ N("div", {
 								className: "p-6 text-center text-text-secondary",
-								children: b("vibeDetails.noSessionsForVibe", "No sessions for this vibe")
+								children: x("vibeDetails.noSessionsForVibe", "No sessions for this vibe")
 							})] })
 						})
 					}, "sessions"),
-					Y === "notes" && V("notes") && /* @__PURE__ */ j(A.div, {
+					Z === "notes" && U("notes") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1081,12 +1076,12 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(y, {
+						children: /* @__PURE__ */ N(b, {
 							context: "vibe",
-							vibeId: z.id
+							vibeId: V.id
 						})
 					}, "notes"),
-					Y === "docs" && V("docs") && /* @__PURE__ */ j(A.div, {
+					Z === "docs" && U("docs") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1101,9 +1096,9 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(he, { vibeId: z.id })
+						children: /* @__PURE__ */ N(me, { vibeId: V.id })
 					}, "docs"),
-					Y === "scorecard" && V("scorecard") && /* @__PURE__ */ j(A.div, {
+					Z === "scorecard" && U("scorecard") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1118,12 +1113,12 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(ge, {
+						children: /* @__PURE__ */ N(he, {
 							ownerType: "VIBE",
-							ownerId: z.id
+							ownerId: V.id
 						})
 					}, "scorecard"),
-					Y === "catalogs" && V("catalogs") && /* @__PURE__ */ j(A.div, {
+					Z === "catalogs" && U("catalogs") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1138,13 +1133,13 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(ht, {
-							vibeId: z.id,
-							tr: b,
+						children: /* @__PURE__ */ N(pt, {
+							vibeId: V.id,
+							tr: x,
 							navigate: u
 						})
 					}, "catalogs"),
-					Y === "graphqlPlayground" && V("graphqlPlayground") && /* @__PURE__ */ j(A.div, {
+					Z === "graphqlPlayground" && U("graphqlPlayground") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1159,35 +1154,35 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(ae, {
-							agentId: W?.id ?? null,
+						children: /* @__PURE__ */ N(ae, {
+							agentId: K?.id ?? null,
 							required: ["@vibecontrols/vibe-plugin-tool-graphiql"],
 							mode: "all",
-							eyebrow: b("vibeDetails.graphqlPluginEyebrow", "GraphQL playground plugin required"),
-							title: b("vibeDetails.graphqlPluginTitle", "Install the GraphQL playground"),
-							description: b("vibeDetails.graphqlPluginDescription", "The GraphQL Playground is served by the graphiql agent plugin. Install it to continue."),
-							children: Yt ? /* @__PURE__ */ j(gt, {
-								vibeId: z.id,
-								agentId: W?.id ?? null,
-								profile: K,
-								tunnelUrl: Yt,
+							eyebrow: x("vibeDetails.graphqlPluginEyebrow", "GraphQL playground plugin required"),
+							title: x("vibeDetails.graphqlPluginTitle", "Install the GraphQL playground"),
+							description: x("vibeDetails.graphqlPluginDescription", "The GraphQL Playground is served by the graphiql agent plugin. Install it to continue."),
+							children: qt ? /* @__PURE__ */ N(mt, {
+								vibeId: V.id,
+								agentId: K?.id ?? null,
+								profile: J,
+								tunnelUrl: qt,
 								type: "graphql",
-								tr: b
-							}) : /* @__PURE__ */ j(h, {
-								icon: /* @__PURE__ */ j(Ge, { className: "size-8 text-text-secondary" }),
-								title: b("vibeDetails.noAgentTunnel", "No agent tunnel available"),
-								description: b("vibeDetails.noAgentTunnelDesc2", "The GraphQL playground requires an active agent with a tunnel URL.")
+								tr: x
+							}) : /* @__PURE__ */ N(h, {
+								icon: /* @__PURE__ */ N(We, { className: "size-8 text-text-secondary" }),
+								title: x("vibeDetails.noAgentTunnel", "No agent tunnel available"),
+								description: x("vibeDetails.noAgentTunnelDesc2", "The GraphQL playground requires an active agent with a tunnel URL.")
 							})
 						})
 					}, "graphqlPlayground"),
-					Y === "gitops" && V("gitops") && /* @__PURE__ */ j(ve, {
+					Z === "gitops" && U("gitops") && /* @__PURE__ */ N(_e, {
 						vibeId: t || "",
-						agentId: W?.id ?? "",
-						profile: K,
-						tunnelUrl: Yt,
-						tr: b
+						agentId: K?.id ?? "",
+						profile: J,
+						tunnelUrl: qt,
+						tr: x
 					}),
-					Y === "security" && V("security") && /* @__PURE__ */ j(A.div, {
+					Z === "security" && U("security") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1202,13 +1197,13 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(Ce, {
+						children: /* @__PURE__ */ N(Se, {
 							vibeId: t || "",
-							agentId: W?.id ?? null,
-							profile: K ?? "default"
+							agentId: K?.id ?? null,
+							profile: J ?? "default"
 						})
 					}, "security"),
-					Y === "related" && V("related") && /* @__PURE__ */ j(A.div, {
+					Z === "related" && U("related") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1223,24 +1218,24 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: yn > 0 ? /* @__PURE__ */ M(it, { children: [
-							Kt.length > 0 && /* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j("div", {
+						children: yn > 0 ? /* @__PURE__ */ P(nt, { children: [
+							Wt.length > 0 && /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ j(k, { className: "size-5" }),
-										b("vibeDetails.childVibes", "Child Vibes"),
+										/* @__PURE__ */ N(j, { className: "size-5" }),
+										x("vibeDetails.childVibes", "Child Vibes"),
 										" (",
-										Kt.length,
+										Wt.length,
 										")"
 									]
 								})
-							}), /* @__PURE__ */ j(lt, {
+							}), /* @__PURE__ */ N(st, {
 								className: "divide-y divide-border-primary",
-								children: Kt.map((e) => /* @__PURE__ */ j(P, {
+								children: Wt.map((e) => /* @__PURE__ */ N(I, {
 									variant: "fadeRight",
-									children: /* @__PURE__ */ M("div", {
+									children: /* @__PURE__ */ P("div", {
 										role: "button",
 										tabIndex: 0,
 										onKeyDown: (t) => {
@@ -1248,73 +1243,73 @@ function I() {
 										},
 										onClick: () => mn(e.id),
 										className: "p-4 flex items-center justify-between cursor-pointer hover:bg-bg-sunken/50 transition-colors",
-										children: [/* @__PURE__ */ M("div", {
+										children: [/* @__PURE__ */ P("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ j(k, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ M("div", {
+											children: [/* @__PURE__ */ N(j, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ P("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ j("p", {
+												children: [/* @__PURE__ */ N("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name
-												}), /* @__PURE__ */ j("p", {
+												}), /* @__PURE__ */ N("p", {
 													className: "text-sm text-text-secondary truncate",
 													children: e.type
 												})]
 											})]
-										}), /* @__PURE__ */ j(g, { status: e.status })]
+										}), /* @__PURE__ */ N(g, { status: e.status })]
 									})
 								}, e.id))
 							})] }),
-							qt && /* @__PURE__ */ j(_, {
-								onClick: () => mn(qt.id),
+							Gt && /* @__PURE__ */ N(_, {
+								onClick: () => mn(Gt.id),
 								hoverable: !0,
-								children: /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ P("div", {
 									className: "p-4 flex items-center gap-3",
-									children: [/* @__PURE__ */ j("div", {
+									children: [/* @__PURE__ */ N("div", {
 										className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-										children: /* @__PURE__ */ j(k, { className: "size-5 text-text-secondary" })
-									}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+										children: /* @__PURE__ */ N(j, { className: "size-5 text-text-secondary" })
+									}), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 										className: "text-sm text-text-secondary",
-										children: b("vibeDetails.parentVibe", "Parent Vibe")
-									}), /* @__PURE__ */ j("p", {
+										children: x("vibeDetails.parentVibe", "Parent Vibe")
+									}), /* @__PURE__ */ N("p", {
 										className: "font-medium text-text-primary",
-										children: qt.name
+										children: Gt.name
 									})] })]
 								})
 							}),
-							G && /* @__PURE__ */ j(_, {
+							q && /* @__PURE__ */ N(_, {
 								onClick: fn,
 								hoverable: !0,
-								children: /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ P("div", {
 									className: "p-4 flex items-center justify-between",
-									children: [/* @__PURE__ */ M("div", {
+									children: [/* @__PURE__ */ P("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ j("div", {
+										children: [/* @__PURE__ */ N("div", {
 											className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-											children: /* @__PURE__ */ j(Ye, { className: "size-5 text-text-secondary" })
-										}), /* @__PURE__ */ M("div", { children: [
-											/* @__PURE__ */ j("p", {
+											children: /* @__PURE__ */ N(Je, { className: "size-5 text-text-secondary" })
+										}), /* @__PURE__ */ P("div", { children: [
+											/* @__PURE__ */ N("p", {
 												className: "text-sm text-text-secondary",
-												children: b("vibeDetails.runningOnAgent", "Running on Agent")
+												children: x("vibeDetails.runningOnAgent", "Running on Agent")
 											}),
-											/* @__PURE__ */ j("p", {
+											/* @__PURE__ */ N("p", {
 												className: "font-medium text-text-primary",
-												children: G.name
+												children: q.name
 											}),
-											/* @__PURE__ */ j("p", {
+											/* @__PURE__ */ N("p", {
 												className: "text-sm text-text-secondary",
-												children: G.hostname
+												children: q.hostname
 											})
 										] })]
-									}), /* @__PURE__ */ j(g, { status: G.isActive ? "ACTIVE" : "OFFLINE" })]
+									}), /* @__PURE__ */ N(g, { status: q.isActive ? "ACTIVE" : "OFFLINE" })]
 								})
 							})
-						] }) : /* @__PURE__ */ j(h, {
-							icon: /* @__PURE__ */ j(He, { className: "size-8 text-text-secondary" }),
-							title: b("vibeDetails.noRelatedEntities", "No related entities"),
-							description: b("vibeDetails.noRelatedEntitiesDescription", "This vibe has no child vibes, parent vibe, or linked agent")
+						] }) : /* @__PURE__ */ N(h, {
+							icon: /* @__PURE__ */ N(Ve, { className: "size-8 text-text-secondary" }),
+							title: x("vibeDetails.noRelatedEntities", "No related entities"),
+							description: x("vibeDetails.noRelatedEntitiesDescription", "This vibe has no child vibes, parent vibe, or linked agent")
 						})
 					}, "related"),
-					Y === "llmContext" && /* @__PURE__ */ j(A.div, {
+					Z === "llmContext" && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1329,15 +1324,15 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(we, {
-							vibeId: z.id,
-							attachedAgents: H.map((e) => ({
+						children: /* @__PURE__ */ N(Ce, {
+							vibeId: V.id,
+							attachedAgents: W.map((e) => ({
 								id: e.id,
 								name: e.name
 							}))
 						})
 					}, "llmContext"),
-					(Y === "vibedecks" || Y === "actions" || Y === "scheduledJobs" || Y === "sandboxes" || Y === "aiPrompts" || Y === "aiContexts" || Y === "instructionFiles" || Y === "tunnels") && /* @__PURE__ */ j(A.div, {
+					(Z === "vibedecks" || Z === "actions" || Z === "scheduledJobs" || Z === "sandboxes" || Z === "aiPrompts" || Z === "aiContexts" || Z === "instructionFiles" || Z === "tunnels") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1352,16 +1347,16 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(Ee, {
-							vibeId: z.id,
-							kind: Y
+						children: /* @__PURE__ */ N(Te, {
+							vibeId: V.id,
+							kind: Z
 						})
-					}, `linked-${Y}`),
-					q && (() => {
-						let e = J.data.find((e) => e.contribution.id === Y);
+					}, `linked-${Z}`),
+					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__ */ j(A.div, {
+						return /* @__PURE__ */ N(M.div, {
 							initial: {
 								opacity: 0,
 								y: 8
@@ -1376,21 +1371,21 @@ function I() {
 							},
 							transition: { duration: .2 },
 							className: "space-y-6",
-							children: /* @__PURE__ */ j(_, { children: /* @__PURE__ */ j("div", {
+							children: /* @__PURE__ */ N(_, { children: /* @__PURE__ */ N("div", {
 								className: "p-0 h-[600px]",
-								children: /* @__PURE__ */ j(me, {
+								children: /* @__PURE__ */ N(pe, {
 									contribution: e,
 									tunnel: t,
 									restPaths: n,
-									context: { vibeId: z.id },
-									agentId: W?.id ?? "",
+									context: { vibeId: V.id },
+									agentId: K?.id ?? "",
 									profile: t.profile,
 									theme: {
 										colorMode: "light",
 										tokens: {}
 									},
 									locale: "en",
-									featureFlags: B?.featureFlags ?? {},
+									featureFlags: H?.featureFlags ?? {},
 									hostVersion: "1.0.0"
 								})
 							}) })
@@ -1398,111 +1393,111 @@ function I() {
 					})()
 				]
 			}),
-			q && W && /* @__PURE__ */ j(pe, {
-				isOpen: Zt,
-				onClose: () => Qt(!1),
+			Y && K && /* @__PURE__ */ N(fe, {
+				isOpen: Yt,
+				onClose: () => Xt(!1),
 				mountPoint: "vibe.detailTab",
-				agentId: W.id,
-				profile: K ?? "default",
+				agentId: K.id,
+				profile: J ?? "default",
 				onInstalled: () => {
-					J.refetch();
+					X.refetch();
 				}
 			}),
-			Ct && /* @__PURE__ */ j("div", {
+			xt && /* @__PURE__ */ N("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-				children: /* @__PURE__ */ M("div", {
+				children: /* @__PURE__ */ P("div", {
 					className: "bg-bg-surface rounded-card border border-border-subtle shadow-[var(--shadow-elevation-4)] p-6 w-full max-w-lg",
 					children: [
-						/* @__PURE__ */ M("h2", {
+						/* @__PURE__ */ P("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
 							children: [
-								b("vibeDetails.newSessionFor", "New Session for"),
+								x("vibeDetails.newSessionFor", "New Session for"),
 								" ",
-								z.name
+								V.name
 							]
 						}),
-						Tt && /* @__PURE__ */ j("div", {
+						Ct && /* @__PURE__ */ N("div", {
 							className: "mb-4 p-3 bg-status-error-bg-subtle text-status-error-text border border-status-error-border rounded-card text-sm",
-							children: Tt
+							children: Ct
 						}),
-						/* @__PURE__ */ M("div", {
+						/* @__PURE__ */ P("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: b("vibeDetails.sessionName", "Session Name")
-								}), /* @__PURE__ */ j("input", {
+									children: x("vibeDetails.sessionName", "Session Name")
+								}), /* @__PURE__ */ N("input", {
 									"aria-label": "control",
-									ref: At,
+									ref: Ot,
 									type: "text",
-									placeholder: b("vibeDetails.sessionNamePlaceholder", "dev-terminal"),
+									placeholder: x("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__ */ M("div", { children: [/* @__PURE__ */ j("label", {
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: b("sessions.filterType", "Type")
-								}), /* @__PURE__ */ M("select", {
-									ref: jt,
+									children: x("sessions.filterType", "Type")
+								}), /* @__PURE__ */ P("select", {
+									ref: kt,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
 									children: [
-										/* @__PURE__ */ j("option", {
+										/* @__PURE__ */ N("option", {
 											value: "TERMINAL",
-											children: b("sessions.typeTerminal", "Terminal")
+											children: x("sessions.typeTerminal", "Terminal")
 										}),
-										/* @__PURE__ */ j("option", {
+										/* @__PURE__ */ N("option", {
 											value: "TMUX",
-											children: b("sessions.typeTmux", "TMUX")
+											children: x("sessions.typeTmux", "TMUX")
 										}),
-										/* @__PURE__ */ j("option", {
+										/* @__PURE__ */ N("option", {
 											value: "SSH",
-											children: b("sessions.typeSsh", "SSH")
+											children: x("sessions.typeSsh", "SSH")
 										}),
-										/* @__PURE__ */ j("option", {
+										/* @__PURE__ */ N("option", {
 											value: "SCRIPT",
-											children: b("sessions.typeScript", "Script")
+											children: x("sessions.typeScript", "Script")
 										}),
-										/* @__PURE__ */ j("option", {
+										/* @__PURE__ */ N("option", {
 											value: "CUSTOM",
-											children: b("sessions.typeCustom", "Custom")
+											children: x("sessions.typeCustom", "Custom")
 										})
 									]
 								})] }),
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: b("sessions.command", "Command")
-								}), /* @__PURE__ */ j("input", {
+									children: x("sessions.command", "Command")
+								}), /* @__PURE__ */ N("input", {
 									"aria-label": "control",
-									ref: Mt,
+									ref: At,
 									type: "text",
-									placeholder: b("vibeDetails.sessionCommandPlaceholder", "bash"),
+									placeholder: x("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__ */ M("div", { children: [/* @__PURE__ */ j("label", {
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: b("vibeDetails.workingDirectory", "Working Directory")
-								}), /* @__PURE__ */ j("input", {
+									children: x("vibeDetails.workingDirectory", "Working Directory")
+								}), /* @__PURE__ */ N("input", {
 									"aria-label": "control",
-									ref: Nt,
+									ref: jt,
 									type: "text",
-									defaultValue: z.path || "",
+									defaultValue: V.path || "",
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary"
 								})] })
 							]
 						}),
-						/* @__PURE__ */ M("div", {
+						/* @__PURE__ */ P("div", {
 							className: "flex flex-col sm:flex-row justify-end gap-3 mt-6",
-							children: [/* @__PURE__ */ j("button", {
+							children: [/* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => wt(!1),
-								disabled: Et,
+								onClick: () => St(!1),
+								disabled: wt,
 								className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-								children: b("common.cancel", "Cancel")
-							}), /* @__PURE__ */ j("button", {
+								children: x("common.cancel", "Cancel")
+							}), /* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: dn,
-								disabled: Et,
+								disabled: wt,
 								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: Et ? b("sessions.creating", "Creating...") : b("sessions.createSession", "Create Session")
+								children: wt ? x("sessions.creating", "Creating...") : x("sessions.createSession", "Create Session")
 							})]
 						})
 					]
@@ -1511,73 +1506,73 @@ function I() {
 		]
 	});
 }
-function ht({ vibeId: t, tr: n, navigate: r }) {
-	let [i, o] = w(!1), { data: s, loading: c, refetch: u } = a({ fetchPolicy: "cache-and-network" }), [ee] = e({ refetchQueries: ["GetVibeCatalogs"] }), [te] = l({ refetchQueries: ["GetVibeCatalogs"] }), d = s?.vibecontrolsCatalogs?.items ?? [], f = d.filter((e) => e.vibes?.some((e) => e.vibeId === t)), p = d.filter((e) => !e.vibes?.some((e) => e.vibeId === t)), ne = async (e) => {
-		await ee({ variables: {
+function pt({ vibeId: t, tr: n, navigate: r }) {
+	let [i, o] = T(!1), { hasPermission: s } = et(), c = s(v.CATALOG_UPDATE), { data: u, loading: ee, refetch: te } = a({ fetchPolicy: "cache-and-network" }), [ne] = e({ refetchQueries: ["GetVibeCatalogs"] }), [d] = l({ refetchQueries: ["GetVibeCatalogs"] }), f = u?.vibecontrolsCatalogs?.items ?? [], p = f.filter((e) => e.vibes?.some((e) => e.vibeId === t)), m = f.filter((e) => !e.vibes?.some((e) => e.vibeId === t)), re = async (e) => {
+		await ne({ variables: {
 			catalogId: e,
 			vibeId: t
-		} }), await u(), o(!1);
-	}, m = async (e) => {
-		await te({ variables: {
+		} }), await te(), o(!1);
+	}, g = async (e) => {
+		await d({ variables: {
 			catalogId: e,
 			vibeId: t
-		} }), await u();
+		} }), await te();
 	};
-	return c && d.length === 0 ? /* @__PURE__ */ j(ce, { variant: "detail" }) : /* @__PURE__ */ M(it, { children: [
-		/* @__PURE__ */ M("div", {
+	return ee && f.length === 0 ? /* @__PURE__ */ N(y, { variant: "detail" }) : /* @__PURE__ */ P(nt, { children: [
+		/* @__PURE__ */ P("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ M("h3", {
+			children: [/* @__PURE__ */ P("h3", {
 				className: "font-semibold text-text-primary flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ j(Ve, { className: "size-5" }),
+					/* @__PURE__ */ N(Be, { className: "size-5" }),
 					n("vibeDetails.catalogsTitle", "Catalogs"),
-					/* @__PURE__ */ M("span", {
+					/* @__PURE__ */ P("span", {
 						className: "text-sm font-normal text-text-secondary",
 						children: [
 							"(",
-							f.length,
+							p.length,
 							")"
 						]
 					})
 				]
-			}), /* @__PURE__ */ M("button", {
+			}), c && /* @__PURE__ */ P("button", {
 				type: "button",
 				onClick: () => o(!0),
 				className: "flex items-center gap-2 px-3 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-				children: [/* @__PURE__ */ j(D, { className: "size-4" }), n("vibeDetails.addToCatalog", "Add to Catalog")]
+				children: [/* @__PURE__ */ N(O, { className: "size-4" }), n("vibeDetails.addToCatalog", "Add to Catalog")]
 			})]
 		}),
-		f.length > 0 ? /* @__PURE__ */ j("div", {
+		p.length > 0 ? /* @__PURE__ */ N("div", {
 			className: "space-y-2",
-			children: f.map((e) => /* @__PURE__ */ j(_, { children: /* @__PURE__ */ M("div", {
+			children: p.map((e) => /* @__PURE__ */ N(_, { children: /* @__PURE__ */ P("div", {
 				className: "p-3 flex items-center justify-between",
-				children: [/* @__PURE__ */ M("button", {
+				children: [/* @__PURE__ */ P("button", {
 					type: "button",
 					onClick: () => r(`/catalogs/${e.id}`),
 					className: "flex items-center gap-3 text-left hover:opacity-80 transition-opacity",
-					children: [/* @__PURE__ */ j(Ve, { className: "size-5 text-action-primary-bg flex-shrink-0" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+					children: [/* @__PURE__ */ N(Be, { className: "size-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__ */ j("p", {
+					}), /* @__PURE__ */ N("p", {
 						className: "text-xs text-text-secondary",
 						children: e.visibility
 					})] })]
-				}), /* @__PURE__ */ j("button", {
+				}), c && /* @__PURE__ */ N("button", {
 					type: "button",
-					onClick: () => m(e.id),
+					onClick: () => g(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__ */ j(et, { className: "size-4" })
+					children: /* @__PURE__ */ N(A, { className: "size-4" })
 				})]
 			}) }, e.id))
-		}) : /* @__PURE__ */ j(h, {
-			icon: /* @__PURE__ */ j(Ve, { className: "size-8 text-text-secondary" }),
+		}) : /* @__PURE__ */ N(h, {
+			icon: /* @__PURE__ */ N(Be, { className: "size-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")
 		}),
-		i && /* @__PURE__ */ j("div", {
+		i && /* @__PURE__ */ N("div", {
 			className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-			children: /* @__PURE__ */ M(A.div, {
+			children: /* @__PURE__ */ P(M.div, {
 				initial: {
 					opacity: 0,
 					scale: .95
@@ -1588,34 +1583,34 @@ function ht({ vibeId: t, tr: n, navigate: r }) {
 				},
 				className: "bg-bg-surface rounded-lg w-full max-w-md max-h-[60vh] flex flex-col",
 				children: [
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ N("div", {
 						className: "p-4 border-b border-border-default",
-						children: /* @__PURE__ */ j("h2", {
+						children: /* @__PURE__ */ N("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: n("vibeDetails.addToCatalogTitle", "Add Vibe to Catalog")
 						})
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ N("div", {
 						className: "flex-1 overflow-y-auto p-2",
-						children: p.length === 0 ? /* @__PURE__ */ j("div", {
+						children: m.length === 0 ? /* @__PURE__ */ N("div", {
 							className: "p-4 text-center text-text-secondary text-sm",
 							children: n("vibeDetails.noAvailableCatalogs", "No available catalogs. This vibe is already in all catalogs.")
-						}) : p.map((e) => /* @__PURE__ */ M("button", {
+						}) : m.map((e) => /* @__PURE__ */ P("button", {
 							type: "button",
-							onClick: () => ne(e.id),
+							onClick: () => re(e.id),
 							className: "w-full flex items-center justify-between p-3 rounded-md hover:bg-bg-sunken transition-colors text-left",
-							children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "font-medium text-text-primary text-sm",
 								children: e.name
-							}), /* @__PURE__ */ j("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-xs text-text-secondary",
 								children: e.visibility
-							})] }), /* @__PURE__ */ j(D, { className: "size-4 text-text-secondary" })]
+							})] }), /* @__PURE__ */ N(O, { className: "size-4 text-text-secondary" })]
 						}, e.id))
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ N("div", {
 						className: "p-4 border-t border-border-default",
-						children: /* @__PURE__ */ j("button", {
+						children: /* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => o(!1),
 							className: "w-full px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
@@ -1627,8 +1622,8 @@ function ht({ vibeId: t, tr: n, navigate: r }) {
 		})
 	] });
 }
-function gt({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o }) {
-	let s = a === "rest", c = "graphiql", [l, ee] = w(""), [te, d] = w(!1), [f, p] = w(!1), [ne, m] = w(!1), [re, h] = w(0), { data: g, loading: ie } = t({
+function mt({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o }) {
+	let s = a === "rest", c = "graphiql", [l, ee] = T(""), [te, ne] = T(!1), [d, f] = T(!1), [p, m] = T(!1), [re, h] = T(0), { data: g, loading: ie } = t({
 		variables: {
 			agentId: n ?? "",
 			profile: r,
@@ -1637,14 +1632,14 @@ function gt({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o })
 		skip: !n,
 		fetchPolicy: "network-only"
 	});
-	x(() => {
+	S(() => {
 		if (ie) return;
 		let e = g?.agentPlaygroundConfig;
 		if (e?.ok && e.data && typeof e.data == "object") {
 			let t = e.data, n = s ? t.openapiUrl ?? t.url : t.graphqlUrl ?? t.url;
 			typeof n == "string" && n && ee(n);
 		}
-		d(!0);
+		ne(!0);
 	}, [
 		g,
 		ie,
@@ -1652,7 +1647,7 @@ function gt({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o })
 	]);
 	let [ae] = u(), oe = async () => {
 		if (!(!l.trim() || !n)) {
-			p(!0), m(!1);
+			f(!0), m(!1);
 			try {
 				await ae({ variables: {
 					agentId: n,
@@ -1662,43 +1657,43 @@ function gt({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o })
 					graphqlUrl: s ? null : l.trim()
 				} }), m(!0), h((e) => e + 1), setTimeout(() => m(!1), 3e3);
 			} catch {} finally {
-				p(!1);
+				f(!1);
 			}
 		}
-	}, [v, se] = w(null), [ce, le] = w(null), y = S(() => [`/ui/${c}`, `/api/plugins/${c}/ui`], [c]);
-	x(() => {
+	}, [v, se] = T(null), [y, ce] = T(null), b = C(() => [`/ui/${c}`, `/api/plugins/${c}/ui`], [c]);
+	S(() => {
 		if (!n) return;
 		let e = !1, t = null, i = (a) => {
-			e || (se(a), t = fe(n, r, y, a, i, (e) => le(e.message)));
+			e || (se(a), t = de(n, r, b, a, i, (e) => ce(e.message)));
 		};
-		return de(n, r, y).then((a) => {
-			e || (se(a), t = fe(n, r, y, a, i, (e) => le(e.message)));
+		return ue(n, r, b).then((a) => {
+			e || (se(a), t = de(n, r, b, a, i, (e) => ce(e.message)));
 		}).catch((t) => {
-			e || le(t instanceof Error ? t.message : String(t));
+			e || ce(t instanceof Error ? t.message : String(t));
 		}), () => {
 			e = !0, t?.cancel();
 		};
 	}, [
 		n,
 		r,
-		y
+		b
 	]);
-	let ue = `${i}/ui/${c}?vibeId=${e}&profile=${encodeURIComponent(r)}`, pe = v ? b(ue, v.token) : ue;
-	return /* @__PURE__ */ M("div", {
+	let le = `${i}/ui/${c}?vibeId=${e}&profile=${encodeURIComponent(r)}`, fe = v ? x(le, v.token) : le;
+	return /* @__PURE__ */ P("div", {
 		className: "space-y-4",
-		children: [/* @__PURE__ */ j(_, { children: /* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ N(_, { children: /* @__PURE__ */ P("div", {
 			className: "p-4",
 			children: [
-				/* @__PURE__ */ M("div", {
+				/* @__PURE__ */ P("div", {
 					className: "flex items-center gap-2 mb-2",
-					children: [j(s ? ze : Ge, { className: "size-5 text-text-secondary" }), /* @__PURE__ */ j("h3", {
+					children: [N(s ? Re : We, { className: "size-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")
 					})]
 				}),
-				/* @__PURE__ */ M("div", {
+				/* @__PURE__ */ P("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ j("input", {
+					children: [/* @__PURE__ */ N("input", {
 						"aria-label": "control",
 						type: "url",
 						value: l,
@@ -1706,24 +1701,24 @@ function gt({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o })
 						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" && oe()
-					}), /* @__PURE__ */ M("button", {
+					}), /* @__PURE__ */ P("button", {
 						type: "button",
 						onClick: oe,
-						disabled: f || !l.trim(),
+						disabled: d || !l.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: [f ? /* @__PURE__ */ j(Ue, { className: "size-4 animate-spin" }) : j(ne ? Me : Pe, { className: "size-4" }), f ? o("common.saving", "Saving...") : ne ? o("common.saved", "Saved!") : o("vibeDetails.loadApi", "Load API")]
+						children: [d ? /* @__PURE__ */ N(He, { className: "size-4 animate-spin" }) : N(p ? je : Ne, { className: "size-4" }), d ? o("common.saving", "Saving...") : p ? o("common.saved", "Saved!") : o("vibeDetails.loadApi", "Load API")]
 					})]
 				}),
-				!te && /* @__PURE__ */ j("p", {
+				!te && /* @__PURE__ */ N("p", {
 					className: "text-xs text-text-muted mt-1",
 					children: o("vibeDetails.loadingConfig", "Loading saved configuration...")
 				})
 			]
-		}) }), n && !v ? /* @__PURE__ */ j("div", {
+		}) }), n && !v ? /* @__PURE__ */ N("div", {
 			className: "p-8 text-center text-sm text-text-secondary rounded-md border border-border-default bg-bg-sunken",
-			children: ce ? o("vibeDetails.iframeTokenError", `Iframe token error: ${ce}`) : o("vibeDetails.mintingIframeToken", "Authorizing iframe…")
-		}) : /* @__PURE__ */ j("iframe", {
-			src: pe,
+			children: y ? o("vibeDetails.iframeTokenError", `Iframe token error: ${y}`) : o("vibeDetails.mintingIframeToken", "Authorizing iframe…")
+		}) : /* @__PURE__ */ N("iframe", {
+			src: fe,
 			title: s ? "REST API Playground" : "GraphQL Playground",
 			className: "w-full rounded-md border border-border-default bg-bg-sunken",
 			style: { height: "700px" },
@@ -1732,6 +1727,6 @@ function gt({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o })
 	});
 }
 //#endregion
-export { I as VibeDetailsPage };
+export { R as VibeDetailsPage };
 
 //# sourceMappingURL=VibeDetailsPage.js.map