@burdenoff/microfe-vibecontrols 2026.528.1 → 2026.528.2

package/dist/pages/VibeDetailsPage.js

@@ -1,49 +1,49 @@
 import { useAddVibeToCatalogMutation as e, useArchiveVibeMutation as t, useCreateSessionMutation as n, useGetVibeCatalogsQuery as r, useGetVibeFeatureCatalogQuery as i, useGetVibeFeatureFlagsQuery as a, useGetVibeQuery as o, useRemoveVibeFromCatalogMutation as s, useSetVibeFeatureFlagMutation as c, useUpdateVibeStatusMutation as l } from "../generated/wspace-operations.js";
 import { useVibeControls as u, useVibeNavigate as ee } from "../providers/VibeControlsProvider.js";
-import { useVibeControlsStore as te } from "../store/vibeControlsStore.js";
-import { PageHeader as d } from "../components/shared/PageHeader.js";
-import { ErrorState as f } from "../components/shared/ErrorState.js";
-import { EntityTagPicker as p } from "../components/shared/EntityTagPicker.js";
-import { EmptyState as m } from "../components/shared/EmptyState.js";
-import { StatusBadge as h } from "../components/shared/StatusBadge.js";
-import { Card as g } from "../components/shared/Card.js";
-import { SESSION_PROVIDER_PACKAGES as ne } from "../constants/pluginCatalog.js";
-import { PluginGate as _ } from "../components/shared/PluginGate.js";
-import { useActiveAgentProfile as re } from "../hooks/useActiveAgentProfile.js";
+import { useVibeControlsStore as d } from "../store/vibeControlsStore.js";
+import { PageHeader as f } from "../components/shared/PageHeader.js";
+import { ErrorState as p } from "../components/shared/ErrorState.js";
+import { EntityTagPicker as m } from "../components/shared/EntityTagPicker.js";
+import { EmptyState as h } from "../components/shared/EmptyState.js";
+import { StatusBadge as g } from "../components/shared/StatusBadge.js";
+import { Card as _ } from "../components/shared/Card.js";
+import { SESSION_PROVIDER_PACKAGES as te } from "../constants/pluginCatalog.js";
+import { PluginGate as v } from "../components/shared/PluginGate.js";
+import { useActiveAgentProfile as ne } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as v } from "../constants/permissions.js";
-import { PageSkeleton as y } from "../components/shared/PageSkeleton.js";
+import { VIBE_PERMISSIONS as y } from "../constants/permissions.js";
+import { PageSkeleton as re } from "../components/shared/PageSkeleton.js";
 import { VibeOpenInEditorMenu as ie } from "../components/agents/VibeOpenInEditorMenu.js";
 import "../components/agents/index.js";
-import { NotesTabPanel as b } from "../components/notes/NotesTabPanel.js";
+import { NotesTabPanel as ae } from "../components/notes/NotesTabPanel.js";
 import "../components/notes/index.js";
-import { useQueryBackedTab as x } from "../hooks/useQueryBackedTab.js";
-import { appendIframeTokenParam as ae, mintScopedIframeToken as oe, scheduleScopedIframeTokenRefresh as S } from "../services/iframeToken.js";
-import { AddTabDialog as se } from "../components/plugins/AddTabDialog.js";
-import { PluginIframeMount as ce } from "../components/plugins/PluginIframeMount.js";
-import { DocsTabPanel as le } from "../components/docs/DocsTabPanel.js";
+import { useQueryBackedTab as b } from "../hooks/useQueryBackedTab.js";
+import { appendIframeTokenParam as oe, mintScopedIframeToken as se, scheduleScopedIframeTokenRefresh as x } from "../services/iframeToken.js";
+import { AddTabDialog as ce } from "../components/plugins/AddTabDialog.js";
+import { PluginIframeMount as le } from "../components/plugins/PluginIframeMount.js";
+import { DocsTabPanel as ue } from "../components/docs/DocsTabPanel.js";
 import "../components/docs/index.js";
-import { ScorecardPanel as ue } from "../components/scorecard/ScorecardPanel.js";
+import { ScorecardPanel as de } from "../components/scorecard/ScorecardPanel.js";
 import "../components/scorecard/index.js";
-import { VibeGitOpsTab as de } from "../components/gitops/VibeGitOpsTab.js";
-import { VibeAgentEmptyState as fe } from "../components/vibe/VibeAgentEmptyState.js";
-import { VibeAgentSwitcher as pe } from "../components/vibe/VibeAgentSwitcher.js";
-import { DEFAULT_VIBE_FEATURE_CATALOG as me, isVibeFeatureEnabled as he } from "../lib/vibeFeatures.js";
-import { SecurityTabPanel as ge } from "../components/security/SecurityTabPanel.js";
+import { VibeGitOpsTab as fe } from "../components/gitops/VibeGitOpsTab.js";
+import { VibeAgentEmptyState as pe } from "../components/vibe/VibeAgentEmptyState.js";
+import { VibeAgentSwitcher as me } from "../components/vibe/VibeAgentSwitcher.js";
+import { DEFAULT_VIBE_FEATURE_CATALOG as he, isVibeFeatureEnabled as ge } from "../lib/vibeFeatures.js";
+import { SecurityTabPanel as _e } from "../components/security/SecurityTabPanel.js";
 import "../components/security/index.js";
-import { VibeLlmContextTabPanel as _e } from "../components/vibe/VibeLlmContextTabPanel.js";
-import { useCallback as ve, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
-import { useI18n as ye } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Archive as be, ArrowLeft as D, BarChart3 as xe, BookOpen as Se, Bot as Ce, Check as O, Clock as we, ExternalLink as Te, FileText as Ee, Folder as De, GitBranch as Oe, GitMerge as ke, Globe as Ae, Info as je, Library as Me, Link2 as Ne, Loader2 as Pe, MoreVertical as Fe, Network as Ie, Pause as Le, Play as Re, Plus as ze, RefreshCw as Be, Server as Ve, Settings as He, Shield as Ue, Tag as We, Terminal as k, Variable as Ge, X as Ke, Zap as A } from "lucide-react";
+import { VibeLlmContextTabPanel as ve } from "../components/vibe/VibeLlmContextTabPanel.js";
+import { useCallback as ye, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
+import { useI18n as be } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Archive as xe, ArrowLeft as Se, BarChart3 as Ce, BookOpen as we, Bot as Te, Check as E, Clock as Ee, ExternalLink as De, FileText as Oe, Folder as ke, GitBranch as Ae, GitMerge as je, Globe as Me, Info as Ne, Library as D, Link2 as Pe, Loader2 as Fe, MoreVertical as Ie, Network as Le, Pause as Re, Play as ze, Plus as O, RefreshCw as Be, Server as Ve, Settings as He, Shield as Ue, Tag as We, Terminal as k, Variable as Ge, X as Ke, Zap as A } from "lucide-react";
 import { useParams as qe } from "react-router-dom";
 import { AnimatePresence as Je, motion as j } from "framer-motion";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
-import { useFeatureFlagDetails as F } from "@burdenoff/fe-libs/shared/feature-flags";
-import { MotionItem as I, MotionList as Ye, MotionPage as L } from "@burdenoff/fe-libs/shared/motion";
-import { PermissionButton as Xe } from "@burdenoff/fe-libs/shared/components";
-import { usePluginContributions as Ze } from "@burdenoff/fe-libs/shared/plugins";
+import { Fragment as Ye, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { useFeatureFlagDetails as P } from "@burdenoff/fe-libs/shared/feature-flags";
+import { MotionItem as F, MotionList as Xe, MotionPage as Ze } from "@burdenoff/fe-libs/shared/motion";
+import { PermissionButton as Qe } from "@burdenoff/fe-libs/shared/components";
+import { usePluginContributions as $e } from "@burdenoff/fe-libs/shared/plugins";
 //#region src/pages/VibeDetailsPage.tsx
-var Qe = [
+var et = [
 	"overview",
 	"config",
 	"git",
@@ -57,110 +57,110 @@ var Qe = [
 	"security",
 	"related",
 	"llmContext"
-], $e = new Set(["overview", "config"]), et = new Set(["apiPlayground"]), tt = new Set([
+], tt = new Set(["overview", "config"]), nt = new Set(["apiPlayground"]), rt = new Set([
 	"sessions",
 	"gitops",
 	"graphqlPlayground",
 	"git",
 	"security"
 ]);
-function nt() {
-	let { t: e } = ye(), { id: r } = qe(), { basePath: s } = u(), ae = s || "", S = ee(), O = ve((t, n) => {
+function it() {
+	let { t: e } = be(), { id: r } = qe(), { basePath: s } = u(), oe = s || "", x = ee(), E = ye((t, n) => {
 		let r = e(t);
 		return r === t ? n : r;
-	}, [e]), [Te] = l({ refetchQueries: ["GetVibe"] }), [Ae] = t({ refetchQueries: ["GetVibe"] }), [Pe] = n({ refetchQueries: ["GetVibe", "ListSessions"] }), { data: Ke } = i({
+	}, [e]), [De] = l({ refetchQueries: ["GetVibe"] }), [Me] = t({ refetchQueries: ["GetVibe"] }), [Fe] = n({ refetchQueries: ["GetVibe", "ListSessions"] }), { data: Ke } = i({
 		fetchPolicy: "cache-first",
 		errorPolicy: "ignore"
-	}), nt = w(() => {
-		let e = new Map(me.map((e) => [e.id, e]));
+	}), it = C(() => {
+		let e = new Map(he.map((e) => [e.id, e]));
 		for (let t of Ke?.vibeFeatureCatalog ?? []) e.set(t.id, t);
 		return Array.from(e.values());
-	}, [Ke?.vibeFeatureCatalog]), at = w(() => nt.filter((e) => !et.has(e.id)), [nt]), [ot, { loading: st }] = c({ refetchQueries: ["GetVibe"] }), [ct, lt] = E(!1), [ut, R] = E(null), [dt, ft] = E(!1), [pt, mt] = E(null), ht = T(null), gt = T(null), _t = T(null), vt = T(null), { data: yt, loading: z, error: bt, refetch: xt } = o({
+	}, [Ke?.vibeFeatureCatalog]), st = C(() => it.filter((e) => !nt.has(e.id)), [it]), [ct, { loading: lt }] = c({ refetchQueries: ["GetVibe"] }), [ut, dt] = T(!1), [ft, I] = T(null), [pt, mt] = T(!1), [ht, gt] = T(null), _t = w(null), vt = w(null), yt = w(null), bt = w(null), { data: xt, loading: L, error: St, refetch: Ct } = o({
 		variables: { id: r || "" },
 		skip: !r,
 		fetchPolicy: "cache-and-network"
-	}), B = yt?.vibe, { data: St } = a({
+	}), R = xt?.vibe, { data: wt } = a({
 		variables: { id: r || "" },
 		skip: !r,
 		fetchPolicy: "cache-first",
 		errorPolicy: "ignore"
-	}), Ct = B, V = St?.vibe ?? Ct, H = ve((e) => he(V ?? null, e, at), [V, at]), wt = F("vibes.tabs.git"), Tt = F("vibes.tabs.scorecard"), Et = F("vibes.tabs.graphql-playground"), Dt = F("vibes.tabs.git-iframe"), Ot = F("vibes.tabs.graphiql-iframe"), kt = F("vibes.tabs.gitops-iframe"), At = ve((e) => {
+	}), Tt = R, z = wt?.vibe ?? Tt, B = ye((e) => ge(z ?? null, e, st), [z, st]), Et = P("vibes.tabs.git"), Dt = P("vibes.tabs.scorecard"), Ot = P("vibes.tabs.graphql-playground"), kt = P("vibes.tabs.git-iframe"), At = P("vibes.tabs.graphiql-iframe"), jt = P("vibes.tabs.gitops-iframe"), Mt = ye((e) => {
 		switch (e) {
-			case "git": return wt ? !!wt.value : !0;
-			case "scorecard": return Tt ? !!Tt.value : !0;
-			case "graphqlPlayground": return Et ? !!Et.value : !0;
+			case "git": return Et ? !!Et.value : !0;
+			case "scorecard": return Dt ? !!Dt.value : !0;
+			case "graphqlPlayground": return Ot ? !!Ot.value : !0;
 			default: return !0;
 		}
 	}, [
-		wt,
-		Tt,
-		Et
-	]), U = B?.agents ?? [], W = B?.sessions || [], G = B?.children || [], jt = B?.parent || null, Mt = te((e) => r ? e.defaultAgentForVibe?.[r] : void 0), K = (Mt ? U.find((e) => e.id === Mt) ?? null : null) ?? (U.length === 1 ? U[0] : U.find((e) => !!e.tunnelUrl) ?? U[0] ?? null), q = K, Nt = K?.tunnelUrl ?? null, Pt = K?.agentApiKey ?? null, { active: J } = re(K?.id ?? null), Y = F("vibes.tabs.iframe-host")?.value === !0, Ft = w(() => {
-		if (!Y || !K?.tunnelUrl) return [];
-		let e = K.id, t = J ?? "default";
+		Et,
+		Dt,
+		Ot
+	]), V = R?.agents ?? [], H = R?.sessions || [], U = R?.children || [], Nt = R?.parent || null, Pt = d((e) => r ? e.defaultAgentForVibe?.[r] : void 0), W = (Pt ? V.find((e) => e.id === Pt) ?? null : null) ?? (V.length === 1 ? V[0] : V.find((e) => !!e.tunnelUrl) ?? V[0] ?? null), G = W, K = W?.tunnelUrl ?? null, q = W?.agentApiKey ?? null, { active: J } = ne(W?.id ?? null), Y = P("vibes.tabs.iframe-host")?.value === !0, Ft = C(() => {
+		if (!Y || !W?.tunnelUrl) return [];
+		let e = W.id, t = J ?? "default";
 		return [{
-			tunnelUrl: K.tunnelUrl,
+			tunnelUrl: W.tunnelUrl,
 			profile: t,
-			label: K.name ?? K.id,
-			mintIframeToken: async ({ pathPrefixes: n }) => oe(e, t, n)
+			label: W.name ?? W.id,
+			mintIframeToken: async ({ pathPrefixes: n }) => se(e, t, n)
 		}];
 	}, [
 		Y,
-		K,
+		W,
 		J
-	]), X = Ze(Ft, {
+	]), X = $e(Ft, {
 		mountPoint: "vibe.detailTab",
 		enabled: Y && Ft.length > 0
-	}), [Z, It] = x(w(() => {
+	}), [Z, It] = b(C(() => {
 		let e = X.data.filter((e) => e.contribution.mountPoint === "vibe.detailTab").map((e) => e.contribution.id);
-		return [...Qe, ...e];
-	}, [X.data]), "overview"), [Lt, Rt] = E(!1);
-	C(() => {
-		B && te.setState({
-			activeAgentId: K?.id ?? null,
-			selectedAgentId: K?.id ?? null,
-			activeVibeId: B.id,
-			selectedVibeId: B.id,
+		return [...et, ...e];
+	}, [X.data]), "overview"), [Lt, Rt] = T(!1);
+	S(() => {
+		R && d.setState({
+			activeAgentId: W?.id ?? null,
+			selectedAgentId: W?.id ?? null,
+			activeVibeId: R.id,
+			selectedVibeId: R.id,
 			activeSessionId: null,
 			selectedSessionId: null
 		});
-	}, [B?.id, K?.id]);
-	let zt = U.length > 0;
-	C(() => {
-		if (!z && !$e.has(Z) && (!H(Z) || !At(Z))) {
+	}, [R?.id, W?.id]);
+	let zt = V.length > 0;
+	S(() => {
+		if (!L && !tt.has(Z) && (!B(Z) || !Mt(Z))) {
 			It("overview");
 			return;
 		}
 	}, [
 		Z,
-		H,
-		At,
+		B,
+		Mt,
 		zt,
 		It,
-		z
+		L
 	]);
 	let Q = () => {
-		S("/vibes");
+		x("/vibes");
 	}, Bt = async () => {
-		if (B?.id) try {
-			await Te({ variables: {
-				id: B.id,
+		if (R?.id) try {
+			await De({ variables: {
+				id: R.id,
 				status: "ACTIVE"
 			} });
 		} catch (e) {
 			console.error("Failed to activate vibe:", e);
 		}
 	}, Vt = async () => {
-		if (B?.id) try {
-			await Te({ variables: {
-				id: B.id,
+		if (R?.id) try {
+			await De({ variables: {
+				id: R.id,
 				status: "INACTIVE"
 			} });
 		} catch (e) {
 			console.error("Failed to deactivate vibe:", e);
 		}
-	}, [Ht, $] = E(!1), [Ut, Wt] = E(!1), Gt = T(null);
-	C(() => {
+	}, [Ht, $] = T(!1), [Ut, Wt] = T(!1), Gt = w(null);
+	S(() => {
 		if (!Ut) return;
 		let e = (e) => {
 			Gt.current?.contains(e.target) || Wt(!1);
@@ -168,49 +168,49 @@ function nt() {
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [Ut]);
 	let Kt = async () => {
-		if (B?.id) try {
-			await Ae({ variables: { id: B.id } }), $(!1);
+		if (R?.id) try {
+			await Me({ variables: { id: R.id } }), $(!1);
 		} catch (e) {
 			console.error("Failed to archive vibe:", e);
 		}
 	}, qt = () => {
-		R(null), lt(!0);
+		I(null), dt(!0);
 	}, Jt = async () => {
-		let e = ht.current?.value?.trim(), t = gt.current?.value, n = _t.current?.value?.trim() || void 0, r = vt.current?.value?.trim() || void 0;
+		let e = _t.current?.value?.trim(), t = vt.current?.value, n = yt.current?.value?.trim() || void 0, r = bt.current?.value?.trim() || void 0;
 		if (!e) {
-			R(O("vibeDetails.sessionNameRequired", "Session name is required"));
+			I(E("vibeDetails.sessionNameRequired", "Session name is required"));
 			return;
 		}
-		let i = K?.id;
+		let i = W?.id;
 		if (!i) {
-			R(U.length === 0 ? O("vibeDetails.noAgentAttached", "This vibe has no agent attached. Connect an agent to this vibe before creating a session.") : O("vibeDetails.selectAgent", "Select an agent for this vibe before creating a session."));
+			I(V.length === 0 ? E("vibeDetails.noAgentAttached", "This vibe has no agent attached. Connect an agent to this vibe before creating a session.") : E("vibeDetails.selectAgent", "Select an agent for this vibe before creating a session."));
 			return;
 		}
-		ft(!0), R(null);
+		mt(!0), I(null);
 		try {
-			await Pe({ variables: { input: {
+			await Fe({ variables: { input: {
 				name: e,
 				type: t || "TERMINAL",
 				agentId: i,
-				vibeId: B?.id,
+				vibeId: R?.id,
 				command: n,
-				workingDirectory: r || B?.path || void 0
-			} } }), lt(!1), ht.current && (ht.current.value = ""), gt.current && (gt.current.selectedIndex = 0), _t.current && (_t.current.value = ""), vt.current && (vt.current.value = ""), mt(O("sessions.createdSuccess", "Session created successfully")), setTimeout(() => mt(null), 3e3);
+				workingDirectory: r || R?.path || void 0
+			} } }), dt(!1), _t.current && (_t.current.value = ""), vt.current && (vt.current.selectedIndex = 0), yt.current && (yt.current.value = ""), bt.current && (bt.current.value = ""), gt(E("sessions.createdSuccess", "Session created successfully")), setTimeout(() => gt(null), 3e3);
 		} catch (e) {
-			R(e instanceof Error ? e.message : O("sessions.failedCreate", "Failed to create session"));
+			I(e instanceof Error ? e.message : E("sessions.failedCreate", "Failed to create session"));
 		} finally {
-			ft(!1);
+			mt(!1);
 		}
 	}, Yt = () => {
-		q && S(`/agents/${q.id}`);
+		G && x(`/agents/${G.id}`);
 	}, Xt = (e) => {
-		S(`/sessions/${e}`);
+		x(`/sessions/${e}`);
 	}, Zt = (e) => {
-		S(`/vibes/${e}`);
+		x(`/vibes/${e}`);
 	}, Qt = (e) => {
-		if (!e) return O("health.never", "Never");
+		if (!e) return E("health.never", "Never");
 		let t = Date.now() - new Date(e).getTime();
-		return t < 6e4 ? O("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 ? E("health.justNow", "Just now") : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleDateString();
 	}, $t = (e) => {
 		switch (e) {
 			case "clean": return "text-status-success-text";
@@ -219,215 +219,215 @@ function nt() {
 			default: return "text-text-secondary";
 		}
 	};
-	if (z && !B) return /* @__PURE__ */ P(L, {
+	if (L && !R) return /* @__PURE__ */ N(Ze, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ P("button", {
+		children: [/* @__PURE__ */ N("button", {
 			type: "button",
 			onClick: Q,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ N(D, { className: "size-4" }), O("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ N(y, { variant: "detail" })]
+			children: [/* @__PURE__ */ M(Se, { className: "size-4" }), E("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ M(re, { variant: "detail" })]
 	});
-	if (bt && !B) return /* @__PURE__ */ P(L, {
+	if (St && !R) return /* @__PURE__ */ N(Ze, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ P("button", {
+		children: [/* @__PURE__ */ N("button", {
 			type: "button",
 			onClick: Q,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ N(D, { className: "size-4" }), O("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ N(f, {
-			title: O("vibeDetails.failedLoad", "Failed to load vibe"),
-			message: bt.message,
-			onRetry: () => xt()
+			children: [/* @__PURE__ */ M(Se, { className: "size-4" }), E("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ M(p, {
+			title: E("vibeDetails.failedLoad", "Failed to load vibe"),
+			message: St.message,
+			onRetry: () => Ct()
 		})]
 	});
-	if (!B) return /* @__PURE__ */ P(L, {
+	if (!R) return /* @__PURE__ */ N(Ze, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ P("button", {
+		children: [/* @__PURE__ */ N("button", {
 			type: "button",
 			onClick: Q,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ N(D, { className: "size-4" }), O("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ N(m, {
-			icon: /* @__PURE__ */ N(A, { className: "size-8 text-text-secondary" }),
-			title: O("vibeDetails.notFound", "Vibe not found"),
-			description: `${O("vibeDetails.notFoundDescriptionPrefix", "No vibe with ID")} "${r}" ${O("vibeDetails.notFoundDescriptionSuffix", "exists")}`,
-			action: /* @__PURE__ */ N("button", {
+			children: [/* @__PURE__ */ M(Se, { className: "size-4" }), E("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ M(h, {
+			icon: /* @__PURE__ */ M(A, { className: "size-8 text-text-secondary" }),
+			title: E("vibeDetails.notFound", "Vibe not found"),
+			description: `${E("vibeDetails.notFoundDescriptionPrefix", "No vibe with ID")} "${r}" ${E("vibeDetails.notFoundDescriptionSuffix", "exists")}`,
+			action: /* @__PURE__ */ M("button", {
 				type: "button",
 				onClick: Q,
 				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-				children: O("vibeDetails.backToVibes", "Back to Vibes")
+				children: E("vibeDetails.backToVibes", "Back to Vibes")
 			})
 		})]
 	});
-	let en = B.status === "ACTIVE" || B.status === "RUNNING", tn = W.filter((e) => e.status === "RUNNING").length, nn = G.length + +!!jt + +!!q, rn = !!(B.gitBranch || B.gitRemote), an = [
+	let en = R.status === "ACTIVE" || R.status === "RUNNING", tn = H.filter((e) => e.status === "RUNNING").length, nn = U.length + +!!Nt + +!!G, rn = !!(R.gitBranch || R.gitRemote), an = [
 		{
 			id: "overview",
-			label: O("nav.overview", "Overview"),
-			icon: je
+			label: E("nav.overview", "Overview"),
+			icon: Ne
 		},
 		{
 			id: "config",
-			label: O("vibeDetails.config", "Config"),
+			label: E("vibeDetails.config", "Config"),
 			icon: He
 		},
 		{
 			id: "git",
-			label: O("vibeDetails.git", "Git"),
-			icon: Oe,
-			badge: rn && B.gitBranch || void 0
+			label: E("vibeDetails.git", "Git"),
+			icon: Ae,
+			badge: rn && R.gitBranch || void 0
 		},
 		{
 			id: "sessions",
-			label: O("nav.sessions", "Sessions"),
+			label: E("nav.sessions", "Sessions"),
 			icon: k,
-			badge: `${W.length}`
+			badge: `${H.length}`
 		},
 		{
 			id: "notes",
-			label: O("vibeDetails.notes", "Notes"),
-			icon: Ee
+			label: E("vibeDetails.notes", "Notes"),
+			icon: Oe
 		},
 		{
 			id: "docs",
-			label: O("vibeDetails.docs", "Docs"),
-			icon: Se
+			label: E("vibeDetails.docs", "Docs"),
+			icon: we
 		},
 		{
 			id: "scorecard",
-			label: O("vibeDetails.scorecard", "Scorecard"),
-			icon: xe
+			label: E("vibeDetails.scorecard", "Scorecard"),
+			icon: Ce
 		},
 		{
 			id: "catalogs",
-			label: O("vibeDetails.catalogs", "Catalogs"),
-			icon: Me
+			label: E("vibeDetails.catalogs", "Catalogs"),
+			icon: D
 		},
 		{
 			id: "graphqlPlayground",
-			label: O("vibeDetails.graphqlPlayground", "GraphQL"),
-			icon: Ie
+			label: E("vibeDetails.graphqlPlayground", "GraphQL"),
+			icon: Le
 		},
 		{
 			id: "gitops",
-			label: O("vibeDetails.gitops", "GitOps"),
-			icon: ke
+			label: E("vibeDetails.gitops", "GitOps"),
+			icon: je
 		},
 		{
 			id: "security",
-			label: O("vibeDetails.security", "Security"),
+			label: E("vibeDetails.security", "Security"),
 			icon: Ue
 		},
 		{
 			id: "related",
-			label: O("vibeDetails.related", "Related"),
-			icon: Ne,
+			label: E("vibeDetails.related", "Related"),
+			icon: Pe,
 			badge: nn > 0 ? `${nn}` : void 0
 		},
 		{
 			id: "llmContext",
-			label: O("vibeDetails.llmContext", "LLM Context"),
-			icon: Ce
+			label: E("vibeDetails.llmContext", "LLM Context"),
+			icon: Te
 		}
-	].filter((e) => $e.has(e.id) ? !0 : !(!H(e.id) || !At(e.id) || !zt && tt.has(e.id) || e.id === "git" && Dt?.value === !0 || e.id === "graphqlPlayground" && Ot?.value === !0 || e.id === "gitops" && kt?.value === !0));
-	return /* @__PURE__ */ P(L, {
+	].filter((e) => tt.has(e.id) ? !0 : !(!B(e.id) || !Mt(e.id) || !zt && rt.has(e.id) || e.id === "git" && kt?.value === !0 || e.id === "graphqlPlayground" && At?.value === !0 || e.id === "gitops" && jt?.value === !0));
+	return /* @__PURE__ */ N(Ze, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			pt && /* @__PURE__ */ N("div", {
+			ht && /* @__PURE__ */ M("div", {
 				className: "fixed top-4 left-4 right-4 sm:left-auto z-50 bg-status-success-bg text-status-success-text px-4 py-3 rounded-md shadow-lg",
-				children: pt
+				children: ht
 			}),
-			/* @__PURE__ */ P("button", {
+			/* @__PURE__ */ N("button", {
 				type: "button",
 				onClick: Q,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ N(D, { className: "size-4" }), O("vibeDetails.backToVibes", "Back to Vibes")]
+				children: [/* @__PURE__ */ M(Se, { className: "size-4" }), E("vibeDetails.backToVibes", "Back to Vibes")]
 			}),
-			/* @__PURE__ */ N(d, {
-				title: B.name,
-				description: B.description || O("vibeDetails.noDescription", "No description"),
+			/* @__PURE__ */ M(f, {
+				title: R.name,
+				description: R.description || E("vibeDetails.noDescription", "No description"),
 				breadcrumb: [{
-					label: O("nav.vibes", "Vibes"),
-					path: ae ? `${ae}/vibes` : "/vibes"
-				}, { label: B.name }],
-				actions: /* @__PURE__ */ P("div", {
+					label: E("nav.vibes", "Vibes"),
+					path: oe ? `${oe}/vibes` : "/vibes"
+				}, { label: R.name }],
+				actions: /* @__PURE__ */ N("div", {
 					className: "flex items-center gap-2 flex-wrap",
 					children: [
-						/* @__PURE__ */ N("button", {
+						/* @__PURE__ */ M("button", {
 							type: "button",
-							onClick: () => xt(),
-							disabled: z,
+							onClick: () => Ct(),
+							disabled: L,
 							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: O("common.refresh", "Refresh"),
-							children: /* @__PURE__ */ N(Be, { className: `size-4 ${z ? "animate-spin" : ""}` })
+							title: E("common.refresh", "Refresh"),
+							children: /* @__PURE__ */ M(Be, { className: `size-4 ${L ? "animate-spin" : ""}` })
 						}),
-						/* @__PURE__ */ N(ie, {
-							vibeId: B.id,
-							workspacePath: B.path,
-							tunnelUrl: Nt,
-							agentApiKey: Pt,
+						/* @__PURE__ */ M(ie, {
+							vibeId: R.id,
+							workspacePath: R.path,
+							tunnelUrl: K,
+							agentApiKey: q,
 							profile: J ?? "default",
-							browserEditorEnabled: H("browserEditor")
+							browserEditorEnabled: B("browserEditor")
 						}),
-						/* @__PURE__ */ N(Xe, {
-							permission: v.SESSION_CREATE,
+						/* @__PURE__ */ M(Qe, {
+							permission: y.SESSION_CREATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to create sessions",
-							children: /* @__PURE__ */ P("button", {
+							children: /* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: qt,
 								className: "flex items-center gap-1.5 px-2.5 py-1.5 sm:px-3 sm:py-2 text-xs sm:text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
 								children: [
-									/* @__PURE__ */ N(ze, { className: "size-3.5 sm:w-4 sm:h-4" }),
-									/* @__PURE__ */ N("span", {
+									/* @__PURE__ */ M(O, { className: "size-3.5 sm:w-4 sm:h-4" }),
+									/* @__PURE__ */ M("span", {
 										className: "hidden sm:inline",
-										children: O("vibeDetails.new", "New")
+										children: E("vibeDetails.new", "New")
 									}),
-									/* @__PURE__ */ N("span", {
+									/* @__PURE__ */ M("span", {
 										className: "hidden sm:inline",
-										children: O("nav.sessions", "Session")
+										children: E("nav.sessions", "Session")
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ N(Xe, {
-							permission: v.VIBE_UPDATE,
+						/* @__PURE__ */ M(Qe, {
+							permission: y.VIBE_UPDATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to manage this vibe",
-							children: /* @__PURE__ */ P("div", {
+							children: /* @__PURE__ */ N("div", {
 								className: "relative",
 								ref: Gt,
-								children: [/* @__PURE__ */ N("button", {
+								children: [/* @__PURE__ */ M("button", {
 									type: "button",
 									onClick: () => Wt((e) => !e),
 									"aria-haspopup": "menu",
 									"aria-expanded": Ut,
-									"aria-label": O("common.moreActions", "More actions"),
-									title: O("common.moreActions", "More actions"),
+									"aria-label": E("common.moreActions", "More actions"),
+									title: E("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(Fe, { className: "size-4" })
-								}), Ut && /* @__PURE__ */ P("div", {
+									children: /* @__PURE__ */ M(Ie, { className: "size-4" })
+								}), Ut && /* @__PURE__ */ N("div", {
 									role: "menu",
 									className: "absolute right-0 mt-2 min-w-[12rem] bg-bg-elevated border border-border-default rounded-md shadow-lg z-20 py-1",
 									children: [
-										/* @__PURE__ */ N("button", {
+										/* @__PURE__ */ M("button", {
 											type: "button",
 											role: "menuitem",
 											onClick: () => {
 												Wt(!1), en ? Vt() : Bt();
 											},
 											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: en ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(Le, { className: "size-4 text-text-secondary" }), /* @__PURE__ */ N("span", { children: O("vibeDetails.pauseVibe", "Pause vibe (stop scheduled runs)") })] }) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(Re, { className: "size-4 text-status-success-text" }), /* @__PURE__ */ N("span", { children: O("vibeDetails.resumeVibe", "Resume vibe (re-enable scheduled runs)") })] })
+											children: en ? /* @__PURE__ */ N(Ye, { children: [/* @__PURE__ */ M(Re, { className: "size-4 text-text-secondary" }), /* @__PURE__ */ M("span", { children: E("vibeDetails.pauseVibe", "Pause vibe (stop scheduled runs)") })] }) : /* @__PURE__ */ N(Ye, { children: [/* @__PURE__ */ M(ze, { className: "size-4 text-status-success-text" }), /* @__PURE__ */ M("span", { children: E("vibeDetails.resumeVibe", "Resume vibe (re-enable scheduled runs)") })] })
 										}),
-										/* @__PURE__ */ N("div", { className: "border-t border-border-subtle my-1" }),
-										/* @__PURE__ */ P("button", {
+										/* @__PURE__ */ M("div", { className: "border-t border-border-subtle my-1" }),
+										/* @__PURE__ */ N("button", {
 											type: "button",
 											role: "menuitem",
 											onClick: () => {
 												Wt(!1), $(!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(be, { className: "size-4" }), /* @__PURE__ */ N("span", { children: O("vibeDetails.archive", "Archive vibe…") })]
+											children: [/* @__PURE__ */ M(xe, { className: "size-4" }), /* @__PURE__ */ M("span", { children: E("vibeDetails.archive", "Archive vibe…") })]
 										})
 									]
 								})]
@@ -436,7 +436,7 @@ function nt() {
 					]
 				})
 			}),
-			Ht && /* @__PURE__ */ N("div", {
+			Ht && /* @__PURE__ */ M("div", {
 				tabIndex: 0,
 				onKeyDown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), $(!1));
@@ -448,96 +448,96 @@ function nt() {
 				onClick: (e) => {
 					e.target === e.currentTarget && $(!1);
 				},
-				children: /* @__PURE__ */ P("div", {
+				children: /* @__PURE__ */ N("div", {
 					className: "w-full max-w-md rounded-lg bg-bg-elevated border border-border-default shadow-xl p-5",
 					children: [
-						/* @__PURE__ */ N("h2", {
+						/* @__PURE__ */ M("h2", {
 							id: "archive-vibe-title",
 							className: "text-base font-semibold text-text-primary mb-2",
-							children: O("vibeDetails.archiveConfirmTitle", "Archive this vibe?")
+							children: E("vibeDetails.archiveConfirmTitle", "Archive this vibe?")
 						}),
-						/* @__PURE__ */ N("p", {
+						/* @__PURE__ */ M("p", {
 							className: "text-sm text-text-secondary mb-4",
-							children: O("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: E("vibeDetails.archiveConfirmBody", "Archived vibes are hidden from the active list and their scheduled actions stop firing. You can restore the vibe later from the archived view. Existing sessions, tunnels, and audit history are preserved.")
 						}),
-						/* @__PURE__ */ P("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex justify-end gap-2",
-							children: [/* @__PURE__ */ N("button", {
+							children: [/* @__PURE__ */ M("button", {
 								type: "button",
 								onClick: () => $(!1),
 								className: "text-sm px-3 py-1.5 rounded-md border border-border-default text-text-primary hover:bg-action-ghost-bg-hover",
-								children: O("common.cancel", "Cancel")
-							}), /* @__PURE__ */ N("button", {
+								children: E("common.cancel", "Cancel")
+							}), /* @__PURE__ */ M("button", {
 								type: "button",
 								onClick: Kt,
 								className: "text-sm px-3 py-1.5 rounded-md bg-status-warning-bg text-status-warning-text hover:opacity-80",
-								children: O("vibeDetails.archive", "Archive")
+								children: E("vibeDetails.archive", "Archive")
 							})]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ P(Ye, {
+			/* @__PURE__ */ N(Xe, {
 				stagger: .04,
 				className: "grid grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-4",
 				children: [
-					/* @__PURE__ */ N(I, { children: /* @__PURE__ */ N(g, {
+					/* @__PURE__ */ M(F, { children: /* @__PURE__ */ M(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ P("div", {
+						children: /* @__PURE__ */ N("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ N("div", {
+							children: [/* @__PURE__ */ M("div", {
 								className: "size-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ N(A, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
-							}), /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ M(A, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
+							}), /* @__PURE__ */ N("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ N("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									title: O("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: O("sessions.filterStatus", "Status")
-								}), /* @__PURE__ */ N(h, {
-									status: B.status,
+									title: E("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: E("sessions.filterStatus", "Status")
+								}), /* @__PURE__ */ M(g, {
+									status: R.status,
 									size: "md"
 								})]
 							})]
 						})
 					}) }),
-					/* @__PURE__ */ N(I, { children: /* @__PURE__ */ N(g, {
+					/* @__PURE__ */ M(F, { children: /* @__PURE__ */ M(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ P("div", {
+						children: /* @__PURE__ */ N("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ N("div", {
+							children: [/* @__PURE__ */ M("div", {
 								className: "size-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ N(Ve, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
-							}), /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ M(Ve, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
+							}), /* @__PURE__ */ N("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ N("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: O("sessions.filterAgent", "Agent")
-								}), /* @__PURE__ */ N("p", {
+									children: E("sessions.filterAgent", "Agent")
+								}), /* @__PURE__ */ M("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base truncate",
-									children: q?.name || O("targets.unknown", "Unknown")
+									children: G?.name || E("targets.unknown", "Unknown")
 								})]
 							})]
 						})
 					}) }),
-					/* @__PURE__ */ N(I, { children: /* @__PURE__ */ N(g, {
+					/* @__PURE__ */ M(F, { children: /* @__PURE__ */ M(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ P("div", {
+						children: /* @__PURE__ */ N("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ N("div", {
+							children: [/* @__PURE__ */ M("div", {
 								className: "size-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ N(k, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
-							}), /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ M(k, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
+							}), /* @__PURE__ */ N("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ N("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: O("nav.sessions", "Sessions")
-								}), /* @__PURE__ */ P("p", {
+									children: E("nav.sessions", "Sessions")
+								}), /* @__PURE__ */ N("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base",
 									children: [
 										tn,
 										" ",
-										O("health.active", "active")
+										E("health.active", "active")
 									]
 								})]
 							})]
@@ -545,24 +545,24 @@ function nt() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ M("div", {
 				className: "border-b border-border-default",
-				children: /* @__PURE__ */ P("nav", {
+				children: /* @__PURE__ */ N("nav", {
 					className: "flex gap-1 -mb-px overflow-x-auto pb-1",
-					"aria-label": O("vibeDetails.tabsAriaLabel", "Vibe tabs"),
+					"aria-label": E("vibeDetails.tabsAriaLabel", "Vibe tabs"),
 					children: [
 						an.map((e) => {
 							let t = e.icon, n = Z === e.id;
-							return /* @__PURE__ */ P("button", {
+							return /* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: () => It(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__ */ N(t, { className: "size-4" }),
+									/* @__PURE__ */ M(t, { className: "size-4" }),
 									e.label,
-									e.badge && /* @__PURE__ */ N("span", {
+									e.badge && /* @__PURE__ */ M("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
 									})
@@ -571,7 +571,7 @@ function nt() {
 						}),
 						Y && X.data.map((e) => {
 							let t = Z === e.contribution.id;
-							return /* @__PURE__ */ N("button", {
+							return /* @__PURE__ */ M("button", {
 								type: "button",
 								onClick: () => It(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"}`,
@@ -581,16 +581,16 @@ function nt() {
 								children: e.contribution.title
 							}, `plugin-${e.contribution.id}`);
 						}),
-						Y && K && /* @__PURE__ */ P("button", {
+						Y && W && /* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => Rt(!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__ */ N("span", {
+							children: [/* @__PURE__ */ M("span", {
 								"aria-hidden": !0,
 								children: "+"
-							}), /* @__PURE__ */ N("span", {
+							}), /* @__PURE__ */ M("span", {
 								className: "hidden sm:inline",
 								children: "Add tab"
 							})]
@@ -598,10 +598,10 @@ function nt() {
 					]
 				})
 			}),
-			/* @__PURE__ */ P(Je, {
+			/* @__PURE__ */ N(Je, {
 				mode: "wait",
 				children: [
-					Z === "overview" && /* @__PURE__ */ P(j.div, {
+					Z === "overview" && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -617,64 +617,64 @@ function nt() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							B.description && /* @__PURE__ */ N(g, { children: /* @__PURE__ */ N("div", {
+							R.description && /* @__PURE__ */ M(_, { children: /* @__PURE__ */ M("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ N("p", {
+								children: /* @__PURE__ */ M("p", {
 									className: "text-text-primary",
-									children: B.description
+									children: R.description
 								})
 							}) }),
-							!zt && /* @__PURE__ */ N(fe, {
-								vibeId: B.id,
-								tr: O,
-								onAttached: () => xt()
+							!zt && /* @__PURE__ */ M(pe, {
+								vibeId: R.id,
+								tr: E,
+								onAttached: () => Ct()
 							}),
-							zt && /* @__PURE__ */ N(pe, {
-								vibeId: B.id,
-								attachedAgents: U,
-								effectiveAgentId: K?.id ?? null
+							zt && /* @__PURE__ */ M(me, {
+								vibeId: R.id,
+								attachedAgents: V,
+								effectiveAgentId: W?.id ?? null
 							}),
-							/* @__PURE__ */ P(g, { children: [/* @__PURE__ */ N("div", {
+							/* @__PURE__ */ N(_, { children: [/* @__PURE__ */ M("div", {
 								className: "p-3 sm:p-4 border-b border-border-default",
-								children: /* @__PURE__ */ P("h3", {
+								children: /* @__PURE__ */ N("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2 text-sm sm:text-base",
-									children: [/* @__PURE__ */ N(De, { className: "size-4 sm:w-5 sm:h-5" }), O("vibeDetails.path", "Path")]
+									children: [/* @__PURE__ */ M(ke, { className: "size-4 sm:w-5 sm:h-5" }), E("vibeDetails.path", "Path")]
 								})
-							}), /* @__PURE__ */ N("div", {
+							}), /* @__PURE__ */ M("div", {
 								className: "p-3 sm:p-4",
-								children: /* @__PURE__ */ N("div", {
+								children: /* @__PURE__ */ M("div", {
 									className: "bg-bg-sunken rounded-md p-2 sm:p-3 font-mono text-xs sm:text-sm text-text-primary overflow-x-auto break-all",
-									children: B.path
+									children: R.path
 								})
 							})] }),
-							/* @__PURE__ */ P(g, { children: [/* @__PURE__ */ N("div", {
+							/* @__PURE__ */ N(_, { children: [/* @__PURE__ */ M("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ P("h3", {
+								children: /* @__PURE__ */ N("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ N(we, { className: "size-5" }), O("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ M(Ee, { className: "size-5" }), E("vibeDetails.timeline", "Timeline")]
 								})
-							}), /* @__PURE__ */ N("div", {
+							}), /* @__PURE__ */ M("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ N("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
-									children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 										className: "text-text-secondary",
-										children: O("vibeDetails.created", "Created")
-									}), /* @__PURE__ */ N("p", {
+										children: E("vibeDetails.created", "Created")
+									}), /* @__PURE__ */ M("p", {
 										className: "font-medium text-text-primary",
-										children: Qt(B.createdAt)
-									})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+										children: Qt(R.createdAt)
+									})] }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 										className: "text-text-secondary",
-										children: O("vibeDetails.updated", "Updated")
-									}), /* @__PURE__ */ N("p", {
+										children: E("vibeDetails.updated", "Updated")
+									}), /* @__PURE__ */ M("p", {
 										className: "font-medium text-text-primary",
-										children: Qt(B.updatedAt)
+										children: Qt(R.updatedAt)
 									})] })]
 								})
 							})] })
 						]
 					}, "overview"),
-					Z === "config" && /* @__PURE__ */ P(j.div, {
+					Z === "config" && /* @__PURE__ */ N(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -690,17 +690,17 @@ function nt() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ P(g, { children: [/* @__PURE__ */ N("div", {
+							/* @__PURE__ */ N(_, { children: [/* @__PURE__ */ M("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ P("h3", {
+								children: /* @__PURE__ */ N("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ N(Ge, { className: "size-5" }), O("vibeDetails.environmentVariables", "Environment Variables")]
+									children: [/* @__PURE__ */ M(Ge, { className: "size-5" }), E("vibeDetails.environmentVariables", "Environment Variables")]
 								})
-							}), /* @__PURE__ */ N("div", {
+							}), /* @__PURE__ */ M("div", {
 								className: "p-4",
-								children: B.environmentVariables && Object.keys(B.environmentVariables).length > 0 ? /* @__PURE__ */ N("div", {
+								children: R.environmentVariables && Object.keys(R.environmentVariables).length > 0 ? /* @__PURE__ */ M("div", {
 									className: "flex flex-wrap gap-2",
-									children: Object.entries(B.environmentVariables).map(([e, t]) => /* @__PURE__ */ P("span", {
+									children: Object.entries(R.environmentVariables).map(([e, t]) => /* @__PURE__ */ N("span", {
 										className: "px-3 py-1 bg-bg-sunken text-text-primary text-sm rounded-full font-mono",
 										children: [
 											e,
@@ -708,64 +708,64 @@ function nt() {
 											String(t)
 										]
 									}, e))
-								}) : /* @__PURE__ */ N("p", {
+								}) : /* @__PURE__ */ M("p", {
 									className: "text-text-secondary",
-									children: O("vibeDetails.noEnvironmentVariables", "No environment variables configured")
+									children: E("vibeDetails.noEnvironmentVariables", "No environment variables configured")
 								})
 							})] }),
-							/* @__PURE__ */ P(g, { children: [/* @__PURE__ */ N("div", {
+							/* @__PURE__ */ N(_, { children: [/* @__PURE__ */ M("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ P("h3", {
+								children: /* @__PURE__ */ N("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ N(We, { className: "size-5" }), O("vibeDetails.tags", "Tags")]
+									children: [/* @__PURE__ */ M(We, { className: "size-5" }), E("vibeDetails.tags", "Tags")]
 								})
-							}), /* @__PURE__ */ N("div", {
+							}), /* @__PURE__ */ M("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ N(p, {
+								children: /* @__PURE__ */ M(m, {
 									entityType: "VIBECONTROLS_VIBE",
-									entityId: B.id
+									entityId: R.id
 								})
 							})] }),
-							/* @__PURE__ */ P(g, { children: [/* @__PURE__ */ P("div", {
+							/* @__PURE__ */ N(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
-								children: [/* @__PURE__ */ P("h3", {
+								children: [/* @__PURE__ */ N("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ N(He, { className: "size-5" }), O("vibeDetails.features", "Features")]
-								}), /* @__PURE__ */ N("p", {
+									children: [/* @__PURE__ */ M(He, { className: "size-5" }), E("vibeDetails.features", "Features")]
+								}), /* @__PURE__ */ M("p", {
 									className: "text-sm text-text-secondary mt-1",
-									children: O("vibeDetails.featuresDescription", "Toggle which sections show up on this vibe. Changes apply to everyone viewing the vibe.")
+									children: E("vibeDetails.featuresDescription", "Toggle which sections show up on this vibe. Changes apply to everyone viewing the vibe.")
 								})]
-							}), /* @__PURE__ */ N("div", {
+							}), /* @__PURE__ */ M("div", {
 								className: "divide-y divide-border-default",
-								children: at.map((e) => {
-									let t = H(e.id);
-									return /* @__PURE__ */ P("label", {
+								children: st.map((e) => {
+									let t = B(e.id);
+									return /* @__PURE__ */ N("label", {
 										className: "flex items-center gap-3 px-4 py-3 cursor-pointer hover:bg-bg-sunken transition-colors",
-										children: [/* @__PURE__ */ N("input", {
+										children: [/* @__PURE__ */ M("input", {
 											type: "checkbox",
 											role: "switch",
 											"aria-label": e.label,
 											"aria-checked": t,
 											checked: t,
-											disabled: st || !B.id,
+											disabled: lt || !R.id,
 											onChange: async (t) => {
 												let n = t.target.checked;
 												try {
-													await ot({
+													await ct({
 														variables: {
-															id: B.id,
+															id: R.id,
 															featureId: e.id,
 															enabled: n
 														},
 														optimisticResponse: { setVibeFeatureFlag: {
 															__typename: "Vibe",
-															id: B.id,
+															id: R.id,
 															featureFlags: {
-																...V?.featureFlags ?? {},
+																...z?.featureFlags ?? {},
 																[e.id]: n
 															},
 															effectiveFeatureFlags: {
-																...V?.effectiveFeatureFlags ?? {},
+																...z?.effectiveFeatureFlags ?? {},
 																[e.id]: n
 															}
 														} }
@@ -775,7 +775,7 @@ function nt() {
 												}
 											},
 											className: "size-4 shrink-0 accent-action-primary-bg disabled:opacity-50"
-										}), /* @__PURE__ */ N("span", {
+										}), /* @__PURE__ */ M("span", {
 											className: "text-sm font-medium text-text-primary",
 											children: e.label
 										})]
@@ -784,7 +784,7 @@ function nt() {
 							})] })
 						]
 					}, "config"),
-					Z === "git" && H("git") && /* @__PURE__ */ N(j.div, {
+					Z === "git" && B("git") && /* @__PURE__ */ M(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -799,57 +799,57 @@ function nt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(_, {
-							agentId: K?.id ?? null,
+						children: /* @__PURE__ */ M(v, {
+							agentId: W?.id ?? null,
 							required: ["@vibecontrols/vibe-plugin-tool-git"],
 							mode: "all",
-							eyebrow: O("vibeDetails.gitPluginEyebrow", "Git plugin required"),
-							title: O("vibeDetails.gitPluginTitle", "Install the git plugin"),
-							description: O("vibeDetails.gitPluginDescription", "Live git branch, status, and remote data for this vibe are served by the vibe-plugin-tool-git agent plugin."),
-							children: rn ? /* @__PURE__ */ P(g, { children: [/* @__PURE__ */ N("div", {
+							eyebrow: E("vibeDetails.gitPluginEyebrow", "Git plugin required"),
+							title: E("vibeDetails.gitPluginTitle", "Install the git plugin"),
+							description: E("vibeDetails.gitPluginDescription", "Live git branch, status, and remote data for this vibe are served by the vibe-plugin-tool-git agent plugin."),
+							children: rn ? /* @__PURE__ */ N(_, { children: [/* @__PURE__ */ M("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ P("h3", {
+								children: /* @__PURE__ */ N("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ N(Oe, { className: "size-5" }), O("vibeDetails.gitInformation", "Git Information")]
+									children: [/* @__PURE__ */ M(Ae, { className: "size-5" }), E("vibeDetails.gitInformation", "Git Information")]
 								})
-							}), /* @__PURE__ */ P("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "p-4 space-y-3",
-								children: [/* @__PURE__ */ P("div", {
+								children: [/* @__PURE__ */ N("div", {
 									className: "flex items-center gap-4 flex-wrap",
-									children: [B.gitBranch && /* @__PURE__ */ P("div", {
+									children: [R.gitBranch && /* @__PURE__ */ N("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ P("span", {
+										children: [/* @__PURE__ */ N("span", {
 											className: "text-sm text-text-secondary",
-											children: [O("vibeDetails.branch", "Branch"), ":"]
-										}), /* @__PURE__ */ N("span", {
+											children: [E("vibeDetails.branch", "Branch"), ":"]
+										}), /* @__PURE__ */ M("span", {
 											className: "px-2 py-1 bg-bg-sunken text-text-primary text-sm rounded font-mono",
-											children: B.gitBranch
+											children: R.gitBranch
 										})]
-									}), B.gitStatus && /* @__PURE__ */ P("div", {
+									}), R.gitStatus && /* @__PURE__ */ N("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ P("span", {
+										children: [/* @__PURE__ */ N("span", {
 											className: "text-sm text-text-secondary",
-											children: [O("sessions.filterStatus", "Status"), ":"]
-										}), /* @__PURE__ */ N("span", {
-											className: `font-medium ${$t(B.gitStatus)}`,
-											children: B.gitStatus
+											children: [E("sessions.filterStatus", "Status"), ":"]
+										}), /* @__PURE__ */ M("span", {
+											className: `font-medium ${$t(R.gitStatus)}`,
+											children: R.gitStatus
 										})]
 									})]
-								}), B.gitRemote && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("span", {
+								}), R.gitRemote && /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("span", {
 									className: "text-sm text-text-secondary",
-									children: [O("vibeDetails.remote", "Remote"), ":"]
-								}), /* @__PURE__ */ N("p", {
+									children: [E("vibeDetails.remote", "Remote"), ":"]
+								}), /* @__PURE__ */ M("p", {
 									className: "font-mono text-sm text-text-primary mt-1 break-all",
-									children: B.gitRemote
+									children: R.gitRemote
 								})] })]
-							})] }) : /* @__PURE__ */ N(m, {
-								icon: /* @__PURE__ */ N(Oe, { className: "size-8 text-text-secondary" }),
-								title: O("vibeDetails.noGitInformation", "No git information"),
-								description: O("vibeDetails.noGitInformationDescription", "This vibe does not have any git repository linked")
+							})] }) : /* @__PURE__ */ M(h, {
+								icon: /* @__PURE__ */ M(Ae, { className: "size-8 text-text-secondary" }),
+								title: E("vibeDetails.noGitInformation", "No git information"),
+								description: E("vibeDetails.noGitInformationDescription", "This vibe does not have any git repository linked")
 							})
 						})
 					}, "git"),
-					Z === "sessions" && H("sessions") && /* @__PURE__ */ N(j.div, {
+					Z === "sessions" && B("sessions") && /* @__PURE__ */ M(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -863,43 +863,43 @@ function nt() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ N(_, {
-							agentId: K?.id ?? null,
+						children: /* @__PURE__ */ M(v, {
+							agentId: W?.id ?? null,
 							requirements: [{
 								packages: ["@vibecontrols/vibe-plugin-session-manager"],
 								mode: "all",
-								eyebrow: O("vibeDetails.sessionsManagerEyebrow", "Session manager required"),
-								title: O("vibeDetails.sessionsManagerTitle", "Install the session manager"),
-								description: O("vibeDetails.sessionsManagerDescription", "Sessions are orchestrated by the unified session manager plugin. Install it to continue.")
+								eyebrow: E("vibeDetails.sessionsManagerEyebrow", "Session manager required"),
+								title: E("vibeDetails.sessionsManagerTitle", "Install the session manager"),
+								description: E("vibeDetails.sessionsManagerDescription", "Sessions are orchestrated by the unified session manager plugin. Install it to continue.")
 							}, {
-								packages: ne,
+								packages: te,
 								mode: "any",
-								eyebrow: O("vibeDetails.sessionProviderEyebrow", "Session provider required"),
-								title: O("vibeDetails.sessionProviderTitle", "Pick a session provider"),
-								description: O("vibeDetails.sessionProviderDescription", "Choose the terminal multiplexer your sessions should run on. You can install more providers later.")
+								eyebrow: E("vibeDetails.sessionProviderEyebrow", "Session provider required"),
+								title: E("vibeDetails.sessionProviderTitle", "Pick a session provider"),
+								description: E("vibeDetails.sessionProviderDescription", "Choose the terminal multiplexer your sessions should run on. You can install more providers later.")
 							}],
-							children: /* @__PURE__ */ P(g, { children: [/* @__PURE__ */ P("div", {
+							children: /* @__PURE__ */ N(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default flex items-center justify-between",
-								children: [/* @__PURE__ */ P("h3", {
+								children: [/* @__PURE__ */ N("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ N(k, { className: "size-5" }),
-										O("nav.sessions", "Sessions"),
+										/* @__PURE__ */ M(k, { className: "size-5" }),
+										E("nav.sessions", "Sessions"),
 										" (",
-										W.length,
+										H.length,
 										")"
 									]
-								}), /* @__PURE__ */ P("button", {
+								}), /* @__PURE__ */ N("button", {
 									type: "button",
 									onClick: qt,
 									className: "flex items-center gap-1 px-2 py-1 text-sm bg-bg-sunken text-text-primary rounded hover:bg-bg-sunken/80 transition-colors",
-									children: [/* @__PURE__ */ N(ze, { className: "size-4" }), O("vibeDetails.new", "New")]
+									children: [/* @__PURE__ */ M(O, { className: "size-4" }), E("vibeDetails.new", "New")]
 								})]
-							}), W.length > 0 ? /* @__PURE__ */ N(Ye, {
+							}), H.length > 0 ? /* @__PURE__ */ M(Xe, {
 								className: "divide-y divide-border-primary",
-								children: W.map((e) => /* @__PURE__ */ N(I, {
+								children: H.map((e) => /* @__PURE__ */ M(F, {
 									variant: "fadeRight",
-									children: /* @__PURE__ */ P("div", {
+									children: /* @__PURE__ */ N("div", {
 										role: "button",
 										tabIndex: 0,
 										onKeyDown: (t) => {
@@ -907,28 +907,28 @@ function nt() {
 										},
 										onClick: () => Xt(e.id),
 										className: "p-4 flex items-center justify-between cursor-pointer hover:bg-bg-sunken/50 transition-colors",
-										children: [/* @__PURE__ */ P("div", {
+										children: [/* @__PURE__ */ N("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ N(k, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ P("div", {
+											children: [/* @__PURE__ */ M(k, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ N("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ N("p", {
+												children: [/* @__PURE__ */ M("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name
-												}), /* @__PURE__ */ N("p", {
+												}), /* @__PURE__ */ M("p", {
 													className: "text-sm text-text-secondary truncate",
 													children: e.type
 												})]
 											})]
-										}), /* @__PURE__ */ N(h, { status: e.status })]
+										}), /* @__PURE__ */ M(g, { status: e.status })]
 									})
 								}, e.id))
-							}) : /* @__PURE__ */ N("div", {
+							}) : /* @__PURE__ */ M("div", {
 								className: "p-6 text-center text-text-secondary",
-								children: O("vibeDetails.noSessionsForVibe", "No sessions for this vibe")
+								children: E("vibeDetails.noSessionsForVibe", "No sessions for this vibe")
 							})] })
 						})
 					}, "sessions"),
-					Z === "notes" && H("notes") && /* @__PURE__ */ N(j.div, {
+					Z === "notes" && B("notes") && /* @__PURE__ */ M(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -943,12 +943,12 @@ function nt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(b, {
+						children: /* @__PURE__ */ M(ae, {
 							context: "vibe",
-							vibeId: B.id
+							vibeId: R.id
 						})
 					}, "notes"),
-					Z === "docs" && H("docs") && /* @__PURE__ */ N(j.div, {
+					Z === "docs" && B("docs") && /* @__PURE__ */ M(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -963,9 +963,9 @@ function nt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(le, { vibeId: B.id })
+						children: /* @__PURE__ */ M(ue, { vibeId: R.id })
 					}, "docs"),
-					Z === "scorecard" && H("scorecard") && /* @__PURE__ */ N(j.div, {
+					Z === "scorecard" && B("scorecard") && /* @__PURE__ */ M(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -980,12 +980,12 @@ function nt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(ue, {
+						children: /* @__PURE__ */ M(de, {
 							ownerType: "VIBE",
-							ownerId: B.id
+							ownerId: R.id
 						})
 					}, "scorecard"),
-					Z === "catalogs" && H("catalogs") && /* @__PURE__ */ N(j.div, {
+					Z === "catalogs" && B("catalogs") && /* @__PURE__ */ M(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1000,13 +1000,13 @@ function nt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(rt, {
-							vibeId: B.id,
-							tr: O,
-							navigate: S
+						children: /* @__PURE__ */ M(at, {
+							vibeId: R.id,
+							tr: E,
+							navigate: x
 						})
 					}, "catalogs"),
-					Z === "graphqlPlayground" && H("graphqlPlayground") && /* @__PURE__ */ N(j.div, {
+					Z === "graphqlPlayground" && B("graphqlPlayground") && /* @__PURE__ */ M(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1021,37 +1021,37 @@ function nt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(_, {
-							agentId: K?.id ?? null,
+						children: /* @__PURE__ */ M(v, {
+							agentId: W?.id ?? null,
 							required: ["@vibecontrols/vibe-plugin-tool-graphiql"],
 							mode: "all",
-							eyebrow: O("vibeDetails.graphqlPluginEyebrow", "GraphQL playground plugin required"),
-							title: O("vibeDetails.graphqlPluginTitle", "Install the GraphQL playground"),
-							description: O("vibeDetails.graphqlPluginDescription", "The GraphQL Playground is served by the graphiql agent plugin. Install it to continue."),
-							children: Nt ? /* @__PURE__ */ N(it, {
-								vibeId: B.id,
-								agentId: K?.id ?? null,
+							eyebrow: E("vibeDetails.graphqlPluginEyebrow", "GraphQL playground plugin required"),
+							title: E("vibeDetails.graphqlPluginTitle", "Install the GraphQL playground"),
+							description: E("vibeDetails.graphqlPluginDescription", "The GraphQL Playground is served by the graphiql agent plugin. Install it to continue."),
+							children: K ? /* @__PURE__ */ M(ot, {
+								vibeId: R.id,
+								agentId: W?.id ?? null,
 								profile: J,
-								tunnelUrl: Nt,
-								apiKey: Pt,
+								tunnelUrl: K,
+								apiKey: q,
 								type: "graphql",
-								tr: O
-							}) : /* @__PURE__ */ N(m, {
-								icon: /* @__PURE__ */ N(Ie, { className: "size-8 text-text-secondary" }),
-								title: O("vibeDetails.noAgentTunnel", "No agent tunnel available"),
-								description: O("vibeDetails.noAgentTunnelDesc2", "The GraphQL playground requires an active agent with a tunnel URL.")
+								tr: E
+							}) : /* @__PURE__ */ M(h, {
+								icon: /* @__PURE__ */ M(Le, { className: "size-8 text-text-secondary" }),
+								title: E("vibeDetails.noAgentTunnel", "No agent tunnel available"),
+								description: E("vibeDetails.noAgentTunnelDesc2", "The GraphQL playground requires an active agent with a tunnel URL.")
 							})
 						})
 					}, "graphqlPlayground"),
-					Z === "gitops" && H("gitops") && /* @__PURE__ */ N(de, {
+					Z === "gitops" && B("gitops") && /* @__PURE__ */ M(fe, {
 						vibeId: r || "",
-						agentId: K?.id ?? "",
+						agentId: W?.id ?? "",
 						profile: J,
-						tunnelUrl: Nt,
-						apiKey: Pt,
-						tr: O
+						tunnelUrl: K,
+						apiKey: q,
+						tr: E
 					}),
-					Z === "security" && H("security") && /* @__PURE__ */ N(j.div, {
+					Z === "security" && B("security") && /* @__PURE__ */ M(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1066,12 +1066,15 @@ function nt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(ge, {
+						children: /* @__PURE__ */ M(_e, {
 							vibeId: r || "",
-							agentId: K?.id ?? null
+							agentId: W?.id ?? null,
+							profile: J ?? "default",
+							tunnelUrl: K,
+							apiKey: q
 						})
 					}, "security"),
-					Z === "related" && H("related") && /* @__PURE__ */ N(j.div, {
+					Z === "related" && B("related") && /* @__PURE__ */ M(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1086,24 +1089,24 @@ function nt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: nn > 0 ? /* @__PURE__ */ P(M, { children: [
-							G.length > 0 && /* @__PURE__ */ P(g, { children: [/* @__PURE__ */ N("div", {
+						children: nn > 0 ? /* @__PURE__ */ N(Ye, { children: [
+							U.length > 0 && /* @__PURE__ */ N(_, { children: [/* @__PURE__ */ M("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ P("h3", {
+								children: /* @__PURE__ */ N("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ N(A, { className: "size-5" }),
-										O("vibeDetails.childVibes", "Child Vibes"),
+										/* @__PURE__ */ M(A, { className: "size-5" }),
+										E("vibeDetails.childVibes", "Child Vibes"),
 										" (",
-										G.length,
+										U.length,
 										")"
 									]
 								})
-							}), /* @__PURE__ */ N(Ye, {
+							}), /* @__PURE__ */ M(Xe, {
 								className: "divide-y divide-border-primary",
-								children: G.map((e) => /* @__PURE__ */ N(I, {
+								children: U.map((e) => /* @__PURE__ */ M(F, {
 									variant: "fadeRight",
-									children: /* @__PURE__ */ P("div", {
+									children: /* @__PURE__ */ N("div", {
 										role: "button",
 										tabIndex: 0,
 										onKeyDown: (t) => {
@@ -1111,73 +1114,73 @@ function nt() {
 										},
 										onClick: () => Zt(e.id),
 										className: "p-4 flex items-center justify-between cursor-pointer hover:bg-bg-sunken/50 transition-colors",
-										children: [/* @__PURE__ */ P("div", {
+										children: [/* @__PURE__ */ N("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ N(A, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ P("div", {
+											children: [/* @__PURE__ */ M(A, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ N("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ N("p", {
+												children: [/* @__PURE__ */ M("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name
-												}), /* @__PURE__ */ N("p", {
+												}), /* @__PURE__ */ M("p", {
 													className: "text-sm text-text-secondary truncate",
 													children: e.type
 												})]
 											})]
-										}), /* @__PURE__ */ N(h, { status: e.status })]
+										}), /* @__PURE__ */ M(g, { status: e.status })]
 									})
 								}, e.id))
 							})] }),
-							jt && /* @__PURE__ */ N(g, {
-								onClick: () => Zt(jt.id),
+							Nt && /* @__PURE__ */ M(_, {
+								onClick: () => Zt(Nt.id),
 								hoverable: !0,
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ N("div", {
 									className: "p-4 flex items-center gap-3",
-									children: [/* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ M("div", {
 										className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-										children: /* @__PURE__ */ N(A, { className: "size-5 text-text-secondary" })
-									}), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+										children: /* @__PURE__ */ M(A, { className: "size-5 text-text-secondary" })
+									}), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 										className: "text-sm text-text-secondary",
-										children: O("vibeDetails.parentVibe", "Parent Vibe")
-									}), /* @__PURE__ */ N("p", {
+										children: E("vibeDetails.parentVibe", "Parent Vibe")
+									}), /* @__PURE__ */ M("p", {
 										className: "font-medium text-text-primary",
-										children: jt.name
+										children: Nt.name
 									})] })]
 								})
 							}),
-							q && /* @__PURE__ */ N(g, {
+							G && /* @__PURE__ */ M(_, {
 								onClick: Yt,
 								hoverable: !0,
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ N("div", {
 									className: "p-4 flex items-center justify-between",
-									children: [/* @__PURE__ */ P("div", {
+									children: [/* @__PURE__ */ N("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ N("div", {
+										children: [/* @__PURE__ */ M("div", {
 											className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-											children: /* @__PURE__ */ N(Ve, { className: "size-5 text-text-secondary" })
-										}), /* @__PURE__ */ P("div", { children: [
-											/* @__PURE__ */ N("p", {
+											children: /* @__PURE__ */ M(Ve, { className: "size-5 text-text-secondary" })
+										}), /* @__PURE__ */ N("div", { children: [
+											/* @__PURE__ */ M("p", {
 												className: "text-sm text-text-secondary",
-												children: O("vibeDetails.runningOnAgent", "Running on Agent")
+												children: E("vibeDetails.runningOnAgent", "Running on Agent")
 											}),
-											/* @__PURE__ */ N("p", {
+											/* @__PURE__ */ M("p", {
 												className: "font-medium text-text-primary",
-												children: q.name
+												children: G.name
 											}),
-											/* @__PURE__ */ N("p", {
+											/* @__PURE__ */ M("p", {
 												className: "text-sm text-text-secondary",
-												children: q.hostname
+												children: G.hostname
 											})
 										] })]
-									}), /* @__PURE__ */ N(h, { status: q.isActive ? "ACTIVE" : "OFFLINE" })]
+									}), /* @__PURE__ */ M(g, { status: G.isActive ? "ACTIVE" : "OFFLINE" })]
 								})
 							})
-						] }) : /* @__PURE__ */ N(m, {
-							icon: /* @__PURE__ */ N(Ne, { className: "size-8 text-text-secondary" }),
-							title: O("vibeDetails.noRelatedEntities", "No related entities"),
-							description: O("vibeDetails.noRelatedEntitiesDescription", "This vibe has no child vibes, parent vibe, or linked agent")
+						] }) : /* @__PURE__ */ M(h, {
+							icon: /* @__PURE__ */ M(Pe, { className: "size-8 text-text-secondary" }),
+							title: E("vibeDetails.noRelatedEntities", "No related entities"),
+							description: E("vibeDetails.noRelatedEntitiesDescription", "This vibe has no child vibes, parent vibe, or linked agent")
 						})
 					}, "related"),
-					Z === "llmContext" && /* @__PURE__ */ N(j.div, {
+					Z === "llmContext" && /* @__PURE__ */ M(j.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1192,9 +1195,9 @@ function nt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ N(_e, {
-							vibeId: B.id,
-							attachedAgents: U.map((e) => ({
+						children: /* @__PURE__ */ M(ve, {
+							vibeId: R.id,
+							attachedAgents: V.map((e) => ({
 								id: e.id,
 								name: e.name
 							}))
@@ -1204,7 +1207,7 @@ function nt() {
 						let e = X.data.find((e) => e.contribution.id === Z);
 						if (!e) return null;
 						let t = e.tunnel, n = e.capabilities.restPaths.length > 0 ? e.capabilities.restPaths : [`/ui/${e.pluginKey}`];
-						return /* @__PURE__ */ N(j.div, {
+						return /* @__PURE__ */ M(j.div, {
 							initial: {
 								opacity: 0,
 								y: 8
@@ -1219,21 +1222,21 @@ function nt() {
 							},
 							transition: { duration: .2 },
 							className: "space-y-6",
-							children: /* @__PURE__ */ N(g, { children: /* @__PURE__ */ N("div", {
+							children: /* @__PURE__ */ M(_, { children: /* @__PURE__ */ M("div", {
 								className: "p-0 h-[600px]",
-								children: /* @__PURE__ */ N(ce, {
+								children: /* @__PURE__ */ M(le, {
 									contribution: e,
 									tunnel: t,
 									restPaths: n,
-									context: { vibeId: B.id },
-									agentId: K?.id ?? "",
+									context: { vibeId: R.id },
+									agentId: W?.id ?? "",
 									profile: t.profile,
 									theme: {
 										colorMode: "light",
 										tokens: {}
 									},
 									locale: "en",
-									featureFlags: V?.featureFlags ?? {},
+									featureFlags: z?.featureFlags ?? {},
 									hostVersion: "1.0.0"
 								})
 							}) })
@@ -1241,111 +1244,111 @@ function nt() {
 					})()
 				]
 			}),
-			Y && K && /* @__PURE__ */ N(se, {
+			Y && W && /* @__PURE__ */ M(ce, {
 				isOpen: Lt,
 				onClose: () => Rt(!1),
 				mountPoint: "vibe.detailTab",
-				agentId: K.id,
+				agentId: W.id,
 				profile: J ?? "default",
 				onInstalled: () => {
 					X.refetch();
 				}
 			}),
-			ct && /* @__PURE__ */ N("div", {
+			ut && /* @__PURE__ */ M("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-				children: /* @__PURE__ */ P("div", {
+				children: /* @__PURE__ */ N("div", {
 					className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
 					children: [
-						/* @__PURE__ */ P("h2", {
+						/* @__PURE__ */ N("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
 							children: [
-								O("vibeDetails.newSessionFor", "New Session for"),
+								E("vibeDetails.newSessionFor", "New Session for"),
 								" ",
-								B.name
+								R.name
 							]
 						}),
-						ut && /* @__PURE__ */ N("div", {
+						ft && /* @__PURE__ */ M("div", {
 							className: "mb-4 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
-							children: ut
+							children: ft
 						}),
-						/* @__PURE__ */ P("div", {
+						/* @__PURE__ */ N("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: O("vibeDetails.sessionName", "Session Name")
-								}), /* @__PURE__ */ N("input", {
+									children: E("vibeDetails.sessionName", "Session Name")
+								}), /* @__PURE__ */ M("input", {
 									"aria-label": "control",
-									ref: ht,
+									ref: _t,
 									type: "text",
-									placeholder: O("vibeDetails.sessionNamePlaceholder", "dev-terminal"),
+									placeholder: E("vibeDetails.sessionNamePlaceholder", "dev-terminal"),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
 								})] }),
-								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: O("sessions.filterType", "Type")
-								}), /* @__PURE__ */ P("select", {
-									ref: gt,
+									children: E("sessions.filterType", "Type")
+								}), /* @__PURE__ */ N("select", {
+									ref: vt,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
 									children: [
-										/* @__PURE__ */ N("option", {
+										/* @__PURE__ */ M("option", {
 											value: "TERMINAL",
-											children: O("sessions.typeTerminal", "Terminal")
+											children: E("sessions.typeTerminal", "Terminal")
 										}),
-										/* @__PURE__ */ N("option", {
+										/* @__PURE__ */ M("option", {
 											value: "TMUX",
-											children: O("sessions.typeTmux", "TMUX")
+											children: E("sessions.typeTmux", "TMUX")
 										}),
-										/* @__PURE__ */ N("option", {
+										/* @__PURE__ */ M("option", {
 											value: "SSH",
-											children: O("sessions.typeSsh", "SSH")
+											children: E("sessions.typeSsh", "SSH")
 										}),
-										/* @__PURE__ */ N("option", {
+										/* @__PURE__ */ M("option", {
 											value: "SCRIPT",
-											children: O("sessions.typeScript", "Script")
+											children: E("sessions.typeScript", "Script")
 										}),
-										/* @__PURE__ */ N("option", {
+										/* @__PURE__ */ M("option", {
 											value: "CUSTOM",
-											children: O("sessions.typeCustom", "Custom")
+											children: E("sessions.typeCustom", "Custom")
 										})
 									]
 								})] }),
-								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: O("sessions.command", "Command")
-								}), /* @__PURE__ */ N("input", {
+									children: E("sessions.command", "Command")
+								}), /* @__PURE__ */ M("input", {
 									"aria-label": "control",
-									ref: _t,
+									ref: yt,
 									type: "text",
-									placeholder: O("vibeDetails.sessionCommandPlaceholder", "bash"),
+									placeholder: E("vibeDetails.sessionCommandPlaceholder", "bash"),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
 								})] }),
-								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: O("vibeDetails.workingDirectory", "Working Directory")
-								}), /* @__PURE__ */ N("input", {
+									children: E("vibeDetails.workingDirectory", "Working Directory")
+								}), /* @__PURE__ */ M("input", {
 									"aria-label": "control",
-									ref: vt,
+									ref: bt,
 									type: "text",
-									defaultValue: B.path || "",
+									defaultValue: R.path || "",
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary"
 								})] })
 							]
 						}),
-						/* @__PURE__ */ P("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex flex-col sm:flex-row justify-end gap-3 mt-6",
-							children: [/* @__PURE__ */ N("button", {
+							children: [/* @__PURE__ */ M("button", {
 								type: "button",
-								onClick: () => lt(!1),
-								disabled: dt,
+								onClick: () => dt(!1),
+								disabled: pt,
 								className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-								children: O("common.cancel", "Cancel")
-							}), /* @__PURE__ */ N("button", {
+								children: E("common.cancel", "Cancel")
+							}), /* @__PURE__ */ M("button", {
 								type: "button",
 								onClick: Jt,
-								disabled: dt,
+								disabled: pt,
 								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: dt ? O("sessions.creating", "Creating...") : O("sessions.createSession", "Create Session")
+								children: pt ? E("sessions.creating", "Creating...") : E("sessions.createSession", "Create Session")
 							})]
 						})
 					]
@@ -1354,73 +1357,73 @@ function nt() {
 		]
 	});
 }
-function rt({ vibeId: t, tr: n, navigate: i }) {
-	let [a, o] = E(!1), { data: c, loading: l, refetch: u } = r({ fetchPolicy: "cache-and-network" }), [ee] = e({ refetchQueries: ["GetVibeCatalogs"] }), [te] = s({ refetchQueries: ["GetVibeCatalogs"] }), d = c?.vibecontrolsCatalogs?.items ?? [], f = d.filter((e) => e.vibes?.some((e) => e.vibeId === t)), p = d.filter((e) => !e.vibes?.some((e) => e.vibeId === t)), h = async (e) => {
+function at({ vibeId: t, tr: n, navigate: i }) {
+	let [a, o] = T(!1), { data: c, loading: l, refetch: u } = r({ fetchPolicy: "cache-and-network" }), [ee] = e({ refetchQueries: ["GetVibeCatalogs"] }), [d] = s({ refetchQueries: ["GetVibeCatalogs"] }), f = c?.vibecontrolsCatalogs?.items ?? [], p = f.filter((e) => e.vibes?.some((e) => e.vibeId === t)), m = f.filter((e) => !e.vibes?.some((e) => e.vibeId === t)), g = async (e) => {
 		await ee({ variables: {
 			catalogId: e,
 			vibeId: t
 		} }), await u(), o(!1);
-	}, ne = async (e) => {
-		await te({ variables: {
+	}, te = async (e) => {
+		await d({ variables: {
 			catalogId: e,
 			vibeId: t
 		} }), await u();
 	};
-	return l && d.length === 0 ? /* @__PURE__ */ N(y, { variant: "detail" }) : /* @__PURE__ */ P(M, { children: [
-		/* @__PURE__ */ P("div", {
+	return l && f.length === 0 ? /* @__PURE__ */ M(re, { variant: "detail" }) : /* @__PURE__ */ N(Ye, { children: [
+		/* @__PURE__ */ N("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ P("h3", {
+			children: [/* @__PURE__ */ N("h3", {
 				className: "font-semibold text-text-primary flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ N(Me, { className: "size-5" }),
+					/* @__PURE__ */ M(D, { className: "size-5" }),
 					n("vibeDetails.catalogsTitle", "Catalogs"),
-					/* @__PURE__ */ P("span", {
+					/* @__PURE__ */ N("span", {
 						className: "text-sm font-normal text-text-secondary",
 						children: [
 							"(",
-							f.length,
+							p.length,
 							")"
 						]
 					})
 				]
-			}), /* @__PURE__ */ P("button", {
+			}), /* @__PURE__ */ N("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__ */ N(ze, { className: "size-4" }), n("vibeDetails.addToCatalog", "Add to Catalog")]
+				children: [/* @__PURE__ */ M(O, { className: "size-4" }), n("vibeDetails.addToCatalog", "Add to Catalog")]
 			})]
 		}),
-		f.length > 0 ? /* @__PURE__ */ N("div", {
+		p.length > 0 ? /* @__PURE__ */ M("div", {
 			className: "space-y-2",
-			children: f.map((e) => /* @__PURE__ */ N(g, { children: /* @__PURE__ */ P("div", {
+			children: p.map((e) => /* @__PURE__ */ M(_, { children: /* @__PURE__ */ N("div", {
 				className: "p-3 flex items-center justify-between",
-				children: [/* @__PURE__ */ P("button", {
+				children: [/* @__PURE__ */ N("button", {
 					type: "button",
 					onClick: () => i(`/catalogs/${e.id}`),
 					className: "flex items-center gap-3 text-left hover:opacity-80 transition-opacity",
-					children: [/* @__PURE__ */ N(Me, { className: "size-5 text-action-primary-bg flex-shrink-0" }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+					children: [/* @__PURE__ */ M(D, { className: "size-5 text-action-primary-bg flex-shrink-0" }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 						className: "font-medium text-text-primary text-sm",
 						children: e.name
-					}), /* @__PURE__ */ N("p", {
+					}), /* @__PURE__ */ M("p", {
 						className: "text-xs text-text-secondary",
 						children: e.visibility
 					})] })]
-				}), /* @__PURE__ */ N("button", {
+				}), /* @__PURE__ */ M("button", {
 					type: "button",
-					onClick: () => ne(e.id),
+					onClick: () => te(e.id),
 					className: "p-1.5 text-text-muted hover:text-status-error-text hover:bg-status-error-bg rounded-md transition-colors",
 					title: n("vibeDetails.removeFromCatalog", "Remove from catalog"),
-					children: /* @__PURE__ */ N(Ke, { className: "size-4" })
+					children: /* @__PURE__ */ M(Ke, { className: "size-4" })
 				})]
 			}) }, e.id))
-		}) : /* @__PURE__ */ N(m, {
-			icon: /* @__PURE__ */ N(Me, { className: "size-8 text-text-secondary" }),
+		}) : /* @__PURE__ */ M(h, {
+			icon: /* @__PURE__ */ M(D, { 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")
 		}),
-		a && /* @__PURE__ */ N("div", {
+		a && /* @__PURE__ */ M("div", {
 			className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-			children: /* @__PURE__ */ P(j.div, {
+			children: /* @__PURE__ */ N(j.div, {
 				initial: {
 					opacity: 0,
 					scale: .95
@@ -1431,34 +1434,34 @@ function rt({ vibeId: t, tr: n, navigate: i }) {
 				},
 				className: "bg-bg-surface rounded-lg w-full max-w-md max-h-[60vh] flex flex-col",
 				children: [
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ M("div", {
 						className: "p-4 border-b border-border-default",
-						children: /* @__PURE__ */ N("h2", {
+						children: /* @__PURE__ */ M("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: n("vibeDetails.addToCatalogTitle", "Add Vibe to Catalog")
 						})
 					}),
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ M("div", {
 						className: "flex-1 overflow-y-auto p-2",
-						children: p.length === 0 ? /* @__PURE__ */ N("div", {
+						children: m.length === 0 ? /* @__PURE__ */ M("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__ */ P("button", {
+						}) : m.map((e) => /* @__PURE__ */ N("button", {
 							type: "button",
-							onClick: () => h(e.id),
+							onClick: () => g(e.id),
 							className: "w-full flex items-center justify-between p-3 rounded-md hover:bg-bg-sunken transition-colors text-left",
-							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+							children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 								className: "font-medium text-text-primary text-sm",
 								children: e.name
-							}), /* @__PURE__ */ N("p", {
+							}), /* @__PURE__ */ M("p", {
 								className: "text-xs text-text-secondary",
 								children: e.visibility
-							})] }), /* @__PURE__ */ N(ze, { className: "size-4 text-text-secondary" })]
+							})] }), /* @__PURE__ */ M(O, { className: "size-4 text-text-secondary" })]
 						}, e.id))
 					}),
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ M("div", {
 						className: "p-4 border-t border-border-default",
-						children: /* @__PURE__ */ N("button", {
+						children: /* @__PURE__ */ M("button", {
 							type: "button",
 							onClick: () => o(!1),
 							className: "w-full px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
@@ -1470,25 +1473,25 @@ function rt({ vibeId: t, tr: n, navigate: i }) {
 		})
 	] });
 }
-function it({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type: a, tr: o }) {
-	let s = a === "rest", c = "graphiql", l = `${r}/api/profiles/${encodeURIComponent(n)}/${c}/config/${e}`, [u, ee] = E(""), [te, d] = E(!1), [f, p] = E(!1), [m, h] = E(!1), [ne, _] = E(0);
-	C(() => {
+function ot({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type: a, tr: o }) {
+	let s = a === "rest", c = "graphiql", l = `${r}/api/profiles/${encodeURIComponent(n)}/${c}/config/${e}`, [u, ee] = T(""), [d, f] = T(!1), [p, m] = T(!1), [h, g] = T(!1), [te, v] = T(0);
+	S(() => {
 		let e = { "Content-Type": "application/json" };
 		i && (e["x-agent-api-key"] = i), fetch(l, { headers: e }).then((e) => e.ok ? e.json() : null).then((e) => {
 			if (e) {
 				let t = s ? e.openapiUrl || e.url : e.graphqlUrl || e.url;
 				t && ee(t);
 			}
-			d(!0);
-		}).catch(() => d(!0));
+			f(!0);
+		}).catch(() => f(!0));
 	}, [
 		l,
 		i,
 		s
 	]);
-	let re = async () => {
+	let ne = async () => {
 		if (u.trim()) {
-			p(!0), h(!1);
+			m(!0), g(!1);
 			try {
 				let e = { "Content-Type": "application/json" };
 				i && (e["x-agent-api-key"] = i);
@@ -1497,82 +1500,82 @@ function it({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type:
 					method: "PUT",
 					headers: e,
 					body: JSON.stringify(t)
-				}), h(!0), _((e) => e + 1), setTimeout(() => h(!1), 3e3);
+				}), g(!0), v((e) => e + 1), setTimeout(() => g(!1), 3e3);
 			} catch {} finally {
-				p(!1);
+				m(!1);
 			}
 		}
-	}, [v, y] = E(null), [ie, b] = E(null), x = w(() => [
+	}, [y, re] = T(null), [ie, ae] = T(null), b = C(() => [
 		`/ui/${c}`,
 		`/api/profiles/${encodeURIComponent(n)}/${c}`,
 		`/api/${c}`
 	], [n, c]);
-	C(() => {
+	S(() => {
 		if (!t) return;
 		let e = !1, r = null, i = (a) => {
-			e || (y(a), r = S(t, n, x, a, i, (e) => b(e.message)));
+			e || (re(a), r = x(t, n, b, a, i, (e) => ae(e.message)));
 		};
-		return oe(t, n, x).then((a) => {
-			e || (y(a), r = S(t, n, x, a, i, (e) => b(e.message)));
+		return se(t, n, b).then((a) => {
+			e || (re(a), r = x(t, n, b, a, i, (e) => ae(e.message)));
 		}).catch((t) => {
-			e || b(t instanceof Error ? t.message : String(t));
+			e || ae(t instanceof Error ? t.message : String(t));
 		}), () => {
 			e = !0, r?.cancel();
 		};
 	}, [
 		t,
 		n,
-		x
+		b
 	]);
-	let se = `${r}/ui/${c}?vibeId=${e}&profile=${encodeURIComponent(n)}`, ce = v ? ae(se, v.token) : se;
-	return /* @__PURE__ */ P("div", {
+	let ce = `${r}/ui/${c}?vibeId=${e}&profile=${encodeURIComponent(n)}`, le = y ? oe(ce, y.token) : ce;
+	return /* @__PURE__ */ N("div", {
 		className: "space-y-4",
-		children: [/* @__PURE__ */ N(g, { children: /* @__PURE__ */ P("div", {
+		children: [/* @__PURE__ */ M(_, { children: /* @__PURE__ */ N("div", {
 			className: "p-4",
 			children: [
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ N("div", {
 					className: "flex items-center gap-2 mb-2",
-					children: [N(s ? Ae : Ie, { className: "size-5 text-text-secondary" }), /* @__PURE__ */ N("h3", {
+					children: [M(s ? Me : Le, { className: "size-5 text-text-secondary" }), /* @__PURE__ */ M("h3", {
 						className: "font-semibold text-text-primary",
 						children: s ? o("vibeDetails.restPlaygroundTitle", "REST API Playground") : o("vibeDetails.graphqlPlaygroundTitle", "GraphQL Playground")
 					})]
 				}),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ N("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ N("input", {
+					children: [/* @__PURE__ */ M("input", {
 						"aria-label": "control",
 						type: "url",
 						value: u,
 						onChange: (e) => ee(e.target.value),
 						placeholder: s ? o("vibeDetails.enterSwaggerUrl", "Enter OpenAPI/Swagger URL (e.g. https://petstore3.swagger.io/api/v3/openapi.json)") : o("vibeDetails.enterGraphqlUrl", "Enter GraphQL endpoint URL (e.g. https://countries.trevorblades.com/graphql)"),
 						className: "flex-1 px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder text-sm",
-						onKeyDown: (e) => e.key === "Enter" && re()
-					}), /* @__PURE__ */ P("button", {
+						onKeyDown: (e) => e.key === "Enter" && ne()
+					}), /* @__PURE__ */ N("button", {
 						type: "button",
-						onClick: re,
-						disabled: f || !u.trim(),
+						onClick: ne,
+						disabled: p || !u.trim(),
 						className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 text-sm whitespace-nowrap",
-						children: [f ? /* @__PURE__ */ N(Pe, { className: "size-4 animate-spin" }) : N(m ? O : Te, { className: "size-4" }), f ? o("common.saving", "Saving...") : m ? o("common.saved", "Saved!") : o("vibeDetails.loadApi", "Load API")]
+						children: [p ? /* @__PURE__ */ M(Fe, { className: "size-4 animate-spin" }) : M(h ? E : De, { className: "size-4" }), p ? o("common.saving", "Saving...") : h ? o("common.saved", "Saved!") : o("vibeDetails.loadApi", "Load API")]
 					})]
 				}),
-				!te && /* @__PURE__ */ N("p", {
+				!d && /* @__PURE__ */ M("p", {
 					className: "text-xs text-text-muted mt-1",
 					children: o("vibeDetails.loadingConfig", "Loading saved configuration...")
 				})
 			]
-		}) }), t && !v ? /* @__PURE__ */ N("div", {
+		}) }), t && !y ? /* @__PURE__ */ M("div", {
 			className: "p-8 text-center text-sm text-text-secondary rounded-md border border-border-default bg-bg-sunken",
 			children: ie ? o("vibeDetails.iframeTokenError", `Iframe token error: ${ie}`) : o("vibeDetails.mintingIframeToken", "Authorizing iframe…")
-		}) : /* @__PURE__ */ N("iframe", {
-			src: ce,
+		}) : /* @__PURE__ */ M("iframe", {
+			src: le,
 			title: s ? "REST API Playground" : "GraphQL Playground",
 			className: "w-full rounded-md border border-border-default bg-bg-sunken",
 			style: { height: "700px" },
 			sandbox: "allow-scripts allow-same-origin allow-forms allow-popups"
-		}, ne)]
+		}, te)]
 	});
 }
 //#endregion
-export { nt as VibeDetailsPage };
+export { it as VibeDetailsPage };
 
 //# sourceMappingURL=VibeDetailsPage.js.map