@burdenoff/microfe-vibecontrols 2026.601.20 → 2026.601.21

package/dist/pages/VibeDetailsPage.js

@@ -15,36 +15,38 @@ import { VIBE_PERMISSIONS as ae } from "../constants/permissions.js";
 import { PageSkeleton as y } from "../components/shared/PageSkeleton.js";
 import { VibeOpenInEditorMenu as oe } from "../components/agents/VibeOpenInEditorMenu.js";
 import "../components/agents/index.js";
-import { NotesTabPanel as se } from "../components/notes/NotesTabPanel.js";
+import { VibeShareButton as se } from "../components/sharing/VibeShareButton.js";
+import "../components/sharing/index.js";
+import { NotesTabPanel as ce } from "../components/notes/NotesTabPanel.js";
 import "../components/notes/index.js";
 import { useQueryBackedTab as b } from "../hooks/useQueryBackedTab.js";
-import { appendIframeTokenFragment as x, mintScopedIframeToken as ce, scheduleScopedIframeTokenRefresh as le } from "../services/iframeToken.js";
-import { AddTabDialog as S } from "../components/plugins/AddTabDialog.js";
-import { PluginIframeMount as ue } from "../components/plugins/PluginIframeMount.js";
-import { DocsTabPanel as de } from "../components/docs/DocsTabPanel.js";
+import { appendIframeTokenFragment as x, mintScopedIframeToken as le, scheduleScopedIframeTokenRefresh as ue } from "../services/iframeToken.js";
+import { AddTabDialog as de } from "../components/plugins/AddTabDialog.js";
+import { PluginIframeMount as fe } from "../components/plugins/PluginIframeMount.js";
+import { DocsTabPanel as pe } from "../components/docs/DocsTabPanel.js";
 import "../components/docs/index.js";
-import { ScorecardPanel as fe } from "../components/scorecard/ScorecardPanel.js";
+import { ScorecardPanel as me } from "../components/scorecard/ScorecardPanel.js";
 import "../components/scorecard/index.js";
-import { VibeGitOpsTab as pe } from "../components/gitops/VibeGitOpsTab.js";
-import { VibeAgentEmptyState as me } from "../components/vibe/VibeAgentEmptyState.js";
-import { VibeAgentSwitcher as he } from "../components/vibe/VibeAgentSwitcher.js";
-import { DEFAULT_VIBE_FEATURE_CATALOG as ge, isVibeFeatureEnabled as _e } from "../lib/vibeFeatures.js";
-import { SecurityTabPanel as ve } from "../components/security/SecurityTabPanel.js";
+import { VibeGitOpsTab as he } from "../components/gitops/VibeGitOpsTab.js";
+import { VibeAgentEmptyState as ge } from "../components/vibe/VibeAgentEmptyState.js";
+import { VibeAgentSwitcher as _e } from "../components/vibe/VibeAgentSwitcher.js";
+import { DEFAULT_VIBE_FEATURE_CATALOG as ve, isVibeFeatureEnabled as ye } from "../lib/vibeFeatures.js";
+import { SecurityTabPanel as be } from "../components/security/SecurityTabPanel.js";
 import "../components/security/index.js";
-import { VibeLlmContextTabPanel as ye } from "../components/vibe/VibeLlmContextTabPanel.js";
-import { VibeLinkedEntitiesPanel as be } from "../components/vibe/VibeLinkedEntitiesPanel.js";
-import { useCallback as xe, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
-import { useI18n as Se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Archive as Ce, ArrowLeft as we, BarChart3 as Te, BookOpen as Ee, Bot as D, Check as De, Clock as Oe, ExternalLink as ke, FileText as Ae, Folder as je, GitBranch as Me, GitMerge as Ne, Globe as Pe, Info as Fe, Library as Ie, Link2 as Le, Loader2 as Re, MoreVertical as ze, Network as Be, Pause as Ve, Play as He, Plus as O, RefreshCw as Ue, Server as We, Settings as Ge, Shield as Ke, Tag as qe, Terminal as k, Variable as Je, X as A, Zap as j } from "lucide-react";
-import { useParams as Ye } from "react-router-dom";
-import { AnimatePresence as Xe, motion as M } from "framer-motion";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { useFeatureFlagDetails as I } from "@burdenoff/fe-libs/shared/feature-flags";
-import { PermissionButton as Ze } from "@burdenoff/fe-libs/shared/components";
-import { MotionItem as L, MotionList as Qe, MotionPage as $e } from "@burdenoff/fe-libs/shared/motion";
-import { usePluginContributions as et } from "@burdenoff/fe-libs/shared/plugins";
+import { VibeLlmContextTabPanel as xe } from "../components/vibe/VibeLlmContextTabPanel.js";
+import { VibeLinkedEntitiesPanel as Se } from "../components/vibe/VibeLinkedEntitiesPanel.js";
+import { useCallback as Ce, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
+import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Archive as Te, ArrowLeft as Ee, BarChart3 as De, BookOpen as Oe, Bot as E, Check as ke, Clock as Ae, ExternalLink as je, FileText as Me, Folder as Ne, GitBranch as Pe, GitMerge as Fe, Globe as Ie, Info as Le, Library as D, Link2 as Re, Loader2 as ze, MoreVertical as Be, Network as O, Pause as Ve, Play as He, Plus as k, RefreshCw as Ue, Server as We, Settings as Ge, Shield as Ke, Tag as qe, Terminal as A, Variable as Je, X as Ye, Zap as j } from "lucide-react";
+import { useParams as Xe } from "react-router-dom";
+import { AnimatePresence as Ze, motion as M } from "framer-motion";
+import { Fragment as Qe, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { useFeatureFlagDetails as F } from "@burdenoff/fe-libs/shared/feature-flags";
+import { PermissionButton as $e } from "@burdenoff/fe-libs/shared/components";
+import { MotionItem as I, MotionList as et, MotionPage as L } from "@burdenoff/fe-libs/shared/motion";
+import { usePluginContributions as tt } from "@burdenoff/fe-libs/shared/plugins";
 //#region src/pages/VibeDetailsPage.tsx
-var tt = [
+var nt = [
 	"overview",
 	"config",
 	"git",
@@ -66,65 +68,65 @@ var tt = [
 	"aiContexts",
 	"instructionFiles",
 	"tunnels"
-], nt = new Set(["overview", "config"]), rt = new Set(["apiPlayground"]), it = new Set([
+], rt = new Set(["overview", "config"]), it = new Set(["apiPlayground"]), at = new Set([
 	"sessions",
 	"gitops",
 	"graphqlPlayground",
 	"git",
 	"security"
 ]);
-function at() {
-	let { t: e } = Se(), { id: t } = Ye(), { basePath: i } = te(), c = i || "", l = d(), x = xe((t, n) => {
+function ot() {
+	let { t: e } = we(), { id: t } = Xe(), { basePath: i } = te(), c = i || "", l = d(), x = Ce((t, n) => {
 		let r = e(t);
 		return r === t ? n : r;
-	}, [e]), [le] = ee({ refetchQueries: ["GetVibe"] }), [De] = n({ refetchQueries: ["GetVibe"] }), [ke] = r({ refetchQueries: ["GetVibe", "ListSessions"] }), { data: Pe } = a({
+	}, [e]), [ue] = ee({ refetchQueries: ["GetVibe"] }), [ke] = n({ refetchQueries: ["GetVibe"] }), [je] = r({ refetchQueries: ["GetVibe", "ListSessions"] }), { data: Ie } = a({
 		fetchPolicy: "cache-first",
 		errorPolicy: "ignore"
-	}), Re = w(() => {
-		let e = new Map(ge.map((e) => [e.id, e]));
-		for (let t of Pe?.vibeFeatureCatalog ?? []) e.set(t.id, t);
+	}), ze = C(() => {
+		let e = new Map(ve.map((e) => [e.id, e]));
+		for (let t of Ie?.vibeFeatureCatalog ?? []) e.set(t.id, t);
 		return Array.from(e.values());
-	}, [Pe?.vibeFeatureCatalog]), A = w(() => Re.filter((e) => !rt.has(e.id)), [Re]), [at, { loading: ct }] = u({ refetchQueries: ["GetVibe"] }), [lt, ut] = E(!1), [dt, R] = E(null), [ft, pt] = E(!1), [mt, ht] = E(null), gt = T(null), _t = T(null), vt = T(null), yt = T(null), { data: bt, loading: z, error: xt, refetch: St } = s({
+	}, [Ie?.vibeFeatureCatalog]), Ye = C(() => ze.filter((e) => !it.has(e.id)), [ze]), [ot, { loading: lt }] = u({ refetchQueries: ["GetVibe"] }), [ut, dt] = T(!1), [ft, R] = 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: z, error: St, refetch: Ct } = s({
 		variables: { id: t || "" },
 		skip: !t,
 		fetchPolicy: "cache-and-network"
-	}), B = bt?.vibe, { data: Ct } = o({
+	}), B = xt?.vibe, { data: wt } = o({
 		variables: { id: t || "" },
 		skip: !t,
 		fetchPolicy: "cache-first",
 		errorPolicy: "ignore"
-	}), wt = B, V = Ct?.vibe ?? wt, H = xe((e) => _e(V ?? null, e, A), [V, A]), Tt = I("vibes.tabs.git"), Et = I("vibes.tabs.scorecard"), Dt = I("vibes.tabs.graphql-playground"), Ot = I("vibes.tabs.git-iframe"), kt = I("vibes.tabs.graphiql-iframe"), At = I("vibes.tabs.gitops-iframe"), jt = xe((e) => {
+	}), Tt = B, V = wt?.vibe ?? Tt, H = Ce((e) => ye(V ?? null, e, Ye), [V, Ye]), Et = F("vibes.tabs.git"), Dt = F("vibes.tabs.scorecard"), Ot = F("vibes.tabs.graphql-playground"), kt = F("vibes.tabs.git-iframe"), At = F("vibes.tabs.graphiql-iframe"), jt = F("vibes.tabs.gitops-iframe"), Mt = Ce((e) => {
 		switch (e) {
-			case "git": return Tt ? !!Tt.value : !0;
-			case "scorecard": return Et ? !!Et.value : !0;
-			case "graphqlPlayground": return Dt ? !!Dt.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;
 		}
 	}, [
-		Tt,
 		Et,
-		Dt
-	]), U = B?.agents ?? [], W = B?.sessions || [], Mt = B?.children || [], Nt = B?.parent || null, Pt = f((e) => t ? e.defaultAgentForVibe?.[t] : void 0), G = (Pt ? U.find((e) => e.id === Pt) ?? null : null) ?? (U.length === 1 ? U[0] : U.find((e) => !!e.tunnelUrl) ?? U[0] ?? null), K = G, Ft = G?.tunnelUrl ?? null, { active: q } = ie(G?.id ?? null), J = I("vibes.tabs.iframe-host")?.value === !0, It = w(() => {
+		Dt,
+		Ot
+	]), U = B?.agents ?? [], W = B?.sessions || [], Nt = B?.children || [], Pt = B?.parent || null, Ft = f((e) => t ? e.defaultAgentForVibe?.[t] : void 0), G = (Ft ? U.find((e) => e.id === Ft) ?? null : null) ?? (U.length === 1 ? U[0] : U.find((e) => !!e.tunnelUrl) ?? U[0] ?? null), K = G, It = G?.tunnelUrl ?? null, { active: q } = ie(G?.id ?? null), J = F("vibes.tabs.iframe-host")?.value === !0, Lt = C(() => {
 		if (!J || !G?.tunnelUrl) return [];
 		let e = G.id, t = q ?? "default";
 		return [{
 			tunnelUrl: G.tunnelUrl,
 			profile: t,
 			label: G.name ?? G.id,
-			mintIframeToken: async ({ pathPrefixes: n }) => ce(e, t, n)
+			mintIframeToken: async ({ pathPrefixes: n }) => le(e, t, n)
 		}];
 	}, [
 		J,
 		G,
 		q
-	]), Y = et(It, {
+	]), Y = tt(Lt, {
 		mountPoint: "vibe.detailTab",
-		enabled: J && It.length > 0
-	}), [X, Lt] = b(w(() => {
+		enabled: J && Lt.length > 0
+	}), [X, Rt] = b(C(() => {
 		let e = Y.data.filter((e) => e.contribution.mountPoint === "vibe.detailTab").map((e) => e.contribution.id);
-		return [...tt, ...e];
-	}, [Y.data]), "overview"), [Rt, zt] = E(!1);
-	C(() => {
+		return [...nt, ...e];
+	}, [Y.data]), "overview"), [zt, Bt] = T(!1);
+	S(() => {
 		B && f.setState({
 			activeAgentId: G?.id ?? null,
 			selectedAgentId: G?.id ?? null,
@@ -134,58 +136,58 @@ function at() {
 			selectedSessionId: null
 		});
 	}, [B?.id, G?.id]);
-	let Bt = U.length > 0;
-	C(() => {
-		if (!z && !nt.has(X) && (!H(X) || !jt(X))) {
-			Lt("overview");
+	let Vt = U.length > 0;
+	S(() => {
+		if (!z && !rt.has(X) && (!H(X) || !Mt(X))) {
+			Rt("overview");
 			return;
 		}
 	}, [
 		X,
 		H,
-		jt,
-		Bt,
-		Lt,
+		Mt,
+		Vt,
+		Rt,
 		z
 	]);
 	let Z = () => {
 		l("/vibes");
-	}, Vt = async () => {
+	}, Ht = async () => {
 		if (B?.id) try {
-			await le({ variables: {
+			await ue({ variables: {
 				id: B.id,
 				status: "ACTIVE"
 			} });
 		} catch (e) {
 			console.error("Failed to activate vibe:", e);
 		}
-	}, Ht = async () => {
+	}, Ut = async () => {
 		if (B?.id) try {
-			await le({ variables: {
+			await ue({ variables: {
 				id: B.id,
 				status: "INACTIVE"
 			} });
 		} catch (e) {
 			console.error("Failed to deactivate vibe:", e);
 		}
-	}, [Ut, Q] = E(!1), [$, Wt] = E(!1), Gt = T(null);
-	C(() => {
-		if (!$) return;
+	}, [Wt, Q] = T(!1), [Gt, $] = T(!1), Kt = w(null);
+	S(() => {
+		if (!Gt) return;
 		let e = (e) => {
-			Gt.current?.contains(e.target) || Wt(!1);
+			Kt.current?.contains(e.target) || $(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [$]);
-	let Kt = async () => {
+	}, [Gt]);
+	let qt = async () => {
 		if (B?.id) try {
-			await De({ variables: { id: B.id } }), Q(!1);
+			await ke({ variables: { id: B.id } }), Q(!1);
 		} catch (e) {
 			console.error("Failed to archive vibe:", e);
 		}
-	}, qt = () => {
-		R(null), ut(!0);
-	}, Jt = async () => {
-		let e = gt.current?.value?.trim(), t = _t.current?.value, n = vt.current?.value?.trim() || void 0, r = yt.current?.value?.trim() || void 0;
+	}, Jt = () => {
+		R(null), dt(!0);
+	}, Yt = async () => {
+		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(x("vibeDetails.sessionNameRequired", "Session name is required"));
 			return;
@@ -195,32 +197,32 @@ function at() {
 			R(U.length === 0 ? x("vibeDetails.noAgentAttached", "This vibe has no agent attached. Connect an agent to this vibe before creating a session.") : x("vibeDetails.selectAgent", "Select an agent for this vibe before creating a session."));
 			return;
 		}
-		pt(!0), R(null);
+		mt(!0), R(null);
 		try {
-			await ke({ variables: { input: {
+			await je({ variables: { input: {
 				name: e,
 				type: t || "TERMINAL",
 				agentId: i,
 				vibeId: B?.id,
 				command: n,
 				workingDirectory: r || B?.path || void 0
-			} } }), ut(!1), gt.current && (gt.current.value = ""), _t.current && (_t.current.selectedIndex = 0), vt.current && (vt.current.value = ""), yt.current && (yt.current.value = ""), ht(x("sessions.createdSuccess", "Session created successfully")), setTimeout(() => ht(null), 3e3);
+			} } }), dt(!1), _t.current && (_t.current.value = ""), vt.current && (vt.current.selectedIndex = 0), yt.current && (yt.current.value = ""), bt.current && (bt.current.value = ""), gt(x("sessions.createdSuccess", "Session created successfully")), setTimeout(() => gt(null), 3e3);
 		} catch (e) {
 			R(e instanceof Error ? e.message : x("sessions.failedCreate", "Failed to create session"));
 		} finally {
-			pt(!1);
+			mt(!1);
 		}
-	}, Yt = () => {
+	}, Xt = () => {
 		K && l(`/agents/${K.id}`);
-	}, Xt = (e) => {
-		l(`/sessions/${e}`);
 	}, Zt = (e) => {
-		l(`/vibes/${e}`);
+		l(`/sessions/${e}`);
 	}, Qt = (e) => {
+		l(`/vibes/${e}`);
+	}, $t = (e) => {
 		if (!e) return x("health.never", "Never");
 		let t = Date.now() - new Date(e).getTime();
 		return t < 6e4 ? x("health.justNow", "Just now") : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleDateString();
-	}, $t = (e) => {
+	}, en = (e) => {
 		switch (e) {
 			case "clean": return "text-status-success-text";
 			case "modified": return "text-status-warning-text";
@@ -228,40 +230,40 @@ function at() {
 			default: return "text-text-secondary";
 		}
 	};
-	if (z && !B) return /* @__PURE__ */ F($e, {
+	if (z && !B) return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ F("button", {
+		children: [/* @__PURE__ */ P("button", {
 			type: "button",
 			onClick: Z,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ P(we, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ P(y, { variant: "detail" })]
+			children: [/* @__PURE__ */ N(Ee, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ N(y, { variant: "detail" })]
 	});
-	if (xt && !B) return /* @__PURE__ */ F($e, {
+	if (St && !B) return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ F("button", {
+		children: [/* @__PURE__ */ P("button", {
 			type: "button",
 			onClick: Z,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ P(we, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ P(ne, {
+			children: [/* @__PURE__ */ N(Ee, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ N(ne, {
 			title: x("vibeDetails.failedLoad", "Failed to load vibe"),
-			message: xt.message,
-			onRetry: () => St()
+			message: St.message,
+			onRetry: () => Ct()
 		})]
 	});
-	if (!B) return /* @__PURE__ */ F($e, {
+	if (!B) return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ F("button", {
+		children: [/* @__PURE__ */ P("button", {
 			type: "button",
 			onClick: Z,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ P(we, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ P(h, {
-			icon: /* @__PURE__ */ P(j, { className: "size-8 text-text-secondary" }),
+			children: [/* @__PURE__ */ N(Ee, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ N(h, {
+			icon: /* @__PURE__ */ N(j, { className: "size-8 text-text-secondary" }),
 			title: x("vibeDetails.notFound", "Vibe not found"),
 			description: `${x("vibeDetails.notFoundDescriptionPrefix", "No vibe with ID")} "${t}" ${x("vibeDetails.notFoundDescriptionSuffix", "exists")}`,
-			action: /* @__PURE__ */ P("button", {
+			action: /* @__PURE__ */ N("button", {
 				type: "button",
 				onClick: Z,
 				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
@@ -269,11 +271,11 @@ function at() {
 			})
 		})]
 	});
-	let en = B.status === "ACTIVE" || B.status === "RUNNING", tn = W.filter((e) => e.status === "RUNNING").length, nn = Mt.length + +!!Nt + +!!K, rn = !!(B.gitBranch || B.gitRemote), an = [
+	let tn = B.status === "ACTIVE" || B.status === "RUNNING", nn = W.filter((e) => e.status === "RUNNING").length, rn = Nt.length + +!!Pt + +!!K, an = !!(B.gitBranch || B.gitRemote), on = [
 		{
 			id: "overview",
 			label: x("nav.overview", "Overview"),
-			icon: Fe
+			icon: Le
 		},
 		{
 			id: "config",
@@ -283,44 +285,44 @@ function at() {
 		{
 			id: "git",
 			label: x("vibeDetails.git", "Git"),
-			icon: Me,
-			badge: rn && B.gitBranch || void 0
+			icon: Pe,
+			badge: an && B.gitBranch || void 0
 		},
 		{
 			id: "sessions",
 			label: x("nav.sessions", "Sessions"),
-			icon: k,
+			icon: A,
 			badge: `${W.length}`
 		},
 		{
 			id: "notes",
 			label: x("vibeDetails.notes", "Notes"),
-			icon: Ae
+			icon: Me
 		},
 		{
 			id: "docs",
 			label: x("vibeDetails.docs", "Docs"),
-			icon: Ee
+			icon: Oe
 		},
 		{
 			id: "scorecard",
 			label: x("vibeDetails.scorecard", "Scorecard"),
-			icon: Te
+			icon: De
 		},
 		{
 			id: "catalogs",
 			label: x("vibeDetails.catalogs", "Catalogs"),
-			icon: Ie
+			icon: D
 		},
 		{
 			id: "graphqlPlayground",
 			label: x("vibeDetails.graphqlPlayground", "GraphQL"),
-			icon: Be
+			icon: O
 		},
 		{
 			id: "gitops",
 			label: x("vibeDetails.gitops", "GitOps"),
-			icon: Ne
+			icon: Fe
 		},
 		{
 			id: "security",
@@ -330,13 +332,13 @@ function at() {
 		{
 			id: "related",
 			label: x("vibeDetails.related", "Related"),
-			icon: Le,
-			badge: nn > 0 ? `${nn}` : void 0
+			icon: Re,
+			badge: rn > 0 ? `${rn}` : void 0
 		},
 		{
 			id: "llmContext",
 			label: x("vibeDetails.llmContext", "LLM Context"),
-			icon: D
+			icon: E
 		},
 		{
 			id: "vibedecks",
@@ -356,29 +358,29 @@ function at() {
 		{
 			id: "sandboxes",
 			label: x("vibeDetails.sandboxes", "Sandboxes"),
-			icon: k
+			icon: A
 		},
 		{
 			id: "aiPrompts",
 			label: x("vibeDetails.aiPrompts", "AI Prompts"),
-			icon: D
+			icon: E
 		},
 		{
 			id: "aiContexts",
 			label: x("vibeDetails.aiContexts", "AI Contexts"),
-			icon: D
+			icon: E
 		},
 		{
 			id: "instructionFiles",
 			label: x("vibeDetails.instructionFiles", "Instructions"),
-			icon: D
+			icon: E
 		},
 		{
 			id: "tunnels",
 			label: x("vibeDetails.tunnels", "Tunnels"),
-			icon: Be
+			icon: O
 		}
-	], on = new Set([
+	], sn = new Set([
 		"vibedecks",
 		"actions",
 		"scheduledJobs",
@@ -387,116 +389,123 @@ function at() {
 		"aiContexts",
 		"instructionFiles",
 		"tunnels"
-	]), sn = an.filter((e) => nt.has(e.id) || on.has(e.id) ? !0 : !(!H(e.id) || !jt(e.id) || !Bt && it.has(e.id) || e.id === "git" && Ot?.value === !0 || e.id === "graphqlPlayground" && kt?.value === !0 || e.id === "gitops" && At?.value === !0));
-	return /* @__PURE__ */ F($e, {
+	]), cn = on.filter((e) => rt.has(e.id) || sn.has(e.id) ? !0 : !(!H(e.id) || !Mt(e.id) || !Vt && at.has(e.id) || e.id === "git" && kt?.value === !0 || e.id === "graphqlPlayground" && At?.value === !0 || e.id === "gitops" && jt?.value === !0));
+	return /* @__PURE__ */ P(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			mt && /* @__PURE__ */ P("div", {
+			ht && /* @__PURE__ */ N("div", {
 				className: "fixed top-4 left-4 right-4 sm:left-auto z-50 bg-status-success-bg text-status-success-text px-4 py-3 rounded-md shadow-lg",
-				children: mt
+				children: ht
 			}),
-			/* @__PURE__ */ F("button", {
+			/* @__PURE__ */ P("button", {
 				type: "button",
 				onClick: Z,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ P(we, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
+				children: [/* @__PURE__ */ N(Ee, { className: "size-4" }), x("vibeDetails.backToVibes", "Back to Vibes")]
 			}),
-			/* @__PURE__ */ P(p, {
+			/* @__PURE__ */ N(p, {
 				title: B.name,
 				description: B.description || x("vibeDetails.noDescription", "No description"),
 				breadcrumb: [{
 					label: x("nav.vibes", "Vibes"),
 					path: c ? `${c}/vibes` : "/vibes"
 				}, { label: B.name }],
-				actions: /* @__PURE__ */ F("div", {
+				actions: /* @__PURE__ */ P("div", {
 					className: "flex items-center gap-2 flex-wrap",
 					children: [
-						/* @__PURE__ */ P("button", {
+						/* @__PURE__ */ N("button", {
 							type: "button",
-							onClick: () => St(),
+							onClick: () => Ct(),
 							disabled: z,
 							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: x("common.refresh", "Refresh"),
-							children: /* @__PURE__ */ P(Ue, { className: `size-4 ${z ? "animate-spin" : ""}` })
+							children: /* @__PURE__ */ N(Ue, { className: `size-4 ${z ? "animate-spin" : ""}` })
 						}),
-						/* @__PURE__ */ F("button", {
+						/* @__PURE__ */ P("button", {
 							type: "button",
 							onClick: () => l(`/ai?vibeId=${B.id}&contextLevel=vibe`),
 							className: "flex items-center gap-1.5 px-2.5 py-1.5 sm:px-3 sm:py-2 text-xs sm:text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors",
 							title: x("vibeDetails.openAiChat", "Open AI chat in this vibe"),
 							"data-testid": "vibe-open-ai-chat",
-							children: [/* @__PURE__ */ P(D, { className: "size-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ P("span", {
+							children: [/* @__PURE__ */ N(E, { className: "size-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ N("span", {
 								className: "hidden sm:inline",
 								children: x("vibeDetails.aiChat", "AI Chat")
 							})]
 						}),
-						/* @__PURE__ */ P(oe, {
+						/* @__PURE__ */ N(se, {
+							vibe: {
+								id: B.id,
+								name: B.name
+							},
+							label: x("vibeDetails.share", "Share")
+						}),
+						/* @__PURE__ */ N(oe, {
 							vibeId: B.id,
 							workspacePath: B.path,
 							agentId: G?.id ?? null,
-							tunnelUrl: Ft,
+							tunnelUrl: It,
 							profile: q ?? "default",
 							browserEditorEnabled: H("browserEditor")
 						}),
-						/* @__PURE__ */ P(Ze, {
+						/* @__PURE__ */ N($e, {
 							permission: ae.SESSION_CREATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to create sessions",
-							children: /* @__PURE__ */ F("button", {
+							children: /* @__PURE__ */ P("button", {
 								type: "button",
-								onClick: qt,
+								onClick: Jt,
 								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__ */ P(O, { className: "size-3.5 sm:w-4 sm:h-4" }),
-									/* @__PURE__ */ P("span", {
+									/* @__PURE__ */ N(k, { className: "size-3.5 sm:w-4 sm:h-4" }),
+									/* @__PURE__ */ N("span", {
 										className: "hidden sm:inline",
 										children: x("vibeDetails.new", "New")
 									}),
-									/* @__PURE__ */ P("span", {
+									/* @__PURE__ */ N("span", {
 										className: "hidden sm:inline",
 										children: x("nav.sessions", "Session")
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ P(Ze, {
+						/* @__PURE__ */ N($e, {
 							permission: ae.VIBE_UPDATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to manage this vibe",
-							children: /* @__PURE__ */ F("div", {
+							children: /* @__PURE__ */ P("div", {
 								className: "relative",
-								ref: Gt,
-								children: [/* @__PURE__ */ P("button", {
+								ref: Kt,
+								children: [/* @__PURE__ */ N("button", {
 									type: "button",
-									onClick: () => Wt((e) => !e),
+									onClick: () => $((e) => !e),
 									"aria-haspopup": "menu",
-									"aria-expanded": $,
+									"aria-expanded": Gt,
 									"aria-label": x("common.moreActions", "More actions"),
 									title: x("common.moreActions", "More actions"),
 									className: "flex items-center justify-center p-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors",
-									children: /* @__PURE__ */ P(ze, { className: "size-4" })
-								}), $ && /* @__PURE__ */ F("div", {
+									children: /* @__PURE__ */ N(Be, { className: "size-4" })
+								}), Gt && /* @__PURE__ */ P("div", {
 									role: "menu",
 									className: "absolute right-0 mt-2 min-w-[12rem] bg-bg-elevated border border-border-default rounded-md shadow-lg z-20 py-1",
 									children: [
-										/* @__PURE__ */ P("button", {
+										/* @__PURE__ */ N("button", {
 											type: "button",
 											role: "menuitem",
 											onClick: () => {
-												Wt(!1), en ? Ht() : Vt();
+												$(!1), tn ? Ut() : Ht();
 											},
 											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__ */ F(N, { children: [/* @__PURE__ */ P(Ve, { className: "size-4 text-text-secondary" }), /* @__PURE__ */ P("span", { children: x("vibeDetails.pauseVibe", "Pause vibe (stop scheduled runs)") })] }) : /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(He, { className: "size-4 text-status-success-text" }), /* @__PURE__ */ P("span", { children: x("vibeDetails.resumeVibe", "Resume vibe (re-enable scheduled runs)") })] })
+											children: tn ? /* @__PURE__ */ P(Qe, { children: [/* @__PURE__ */ N(Ve, { className: "size-4 text-text-secondary" }), /* @__PURE__ */ N("span", { children: x("vibeDetails.pauseVibe", "Pause vibe (stop scheduled runs)") })] }) : /* @__PURE__ */ P(Qe, { children: [/* @__PURE__ */ N(He, { className: "size-4 text-status-success-text" }), /* @__PURE__ */ N("span", { children: x("vibeDetails.resumeVibe", "Resume vibe (re-enable scheduled runs)") })] })
 										}),
-										/* @__PURE__ */ P("div", { className: "border-t border-border-subtle my-1" }),
-										/* @__PURE__ */ F("button", {
+										/* @__PURE__ */ N("div", { className: "border-t border-border-subtle my-1" }),
+										/* @__PURE__ */ P("button", {
 											type: "button",
 											role: "menuitem",
 											onClick: () => {
-												Wt(!1), Q(!0);
+												$(!1), Q(!0);
 											},
 											className: "w-full flex items-center gap-2 px-3 py-2 text-sm text-status-warning-text hover:bg-action-ghost-bg-hover text-left",
-											children: [/* @__PURE__ */ P(Ce, { className: "size-4" }), /* @__PURE__ */ P("span", { children: x("vibeDetails.archive", "Archive vibe…") })]
+											children: [/* @__PURE__ */ N(Te, { className: "size-4" }), /* @__PURE__ */ N("span", { children: x("vibeDetails.archive", "Archive vibe…") })]
 										})
 									]
 								})]
@@ -505,7 +514,7 @@ function at() {
 					]
 				})
 			}),
-			Ut && /* @__PURE__ */ P("div", {
+			Wt && /* @__PURE__ */ N("div", {
 				tabIndex: 0,
 				onKeyDown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), Q(!1));
@@ -517,28 +526,28 @@ function at() {
 				onClick: (e) => {
 					e.target === e.currentTarget && Q(!1);
 				},
-				children: /* @__PURE__ */ F("div", {
+				children: /* @__PURE__ */ P("div", {
 					className: "w-full max-w-md rounded-lg bg-bg-elevated border border-border-default shadow-xl p-5",
 					children: [
-						/* @__PURE__ */ P("h2", {
+						/* @__PURE__ */ N("h2", {
 							id: "archive-vibe-title",
 							className: "text-base font-semibold text-text-primary mb-2",
 							children: x("vibeDetails.archiveConfirmTitle", "Archive this vibe?")
 						}),
-						/* @__PURE__ */ P("p", {
+						/* @__PURE__ */ N("p", {
 							className: "text-sm text-text-secondary mb-4",
 							children: x("vibeDetails.archiveConfirmBody", "Archived vibes are hidden from the active list and their scheduled actions stop firing. You can restore the vibe later from the archived view. Existing sessions, tunnels, and audit history are preserved.")
 						}),
-						/* @__PURE__ */ F("div", {
+						/* @__PURE__ */ P("div", {
 							className: "flex justify-end gap-2",
-							children: [/* @__PURE__ */ P("button", {
+							children: [/* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: () => Q(!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: x("common.cancel", "Cancel")
-							}), /* @__PURE__ */ P("button", {
+							}), /* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: Kt,
+								onClick: qt,
 								className: "text-sm px-3 py-1.5 rounded-md bg-status-warning-bg text-status-warning-text hover:opacity-80",
 								children: x("vibeDetails.archive", "Archive")
 							})]
@@ -546,65 +555,65 @@ function at() {
 					]
 				})
 			}),
-			/* @__PURE__ */ F(Qe, {
+			/* @__PURE__ */ P(et, {
 				stagger: .04,
 				className: "grid grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-4",
 				children: [
-					/* @__PURE__ */ P(L, { children: /* @__PURE__ */ P(_, {
+					/* @__PURE__ */ N(I, { children: /* @__PURE__ */ N(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ F("div", {
+						children: /* @__PURE__ */ P("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ P("div", {
+							children: [/* @__PURE__ */ N("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__ */ P(j, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
-							}), /* @__PURE__ */ F("div", {
+								children: /* @__PURE__ */ N(j, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
+							}), /* @__PURE__ */ P("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ P("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
 									title: x("vibeDetails.statusTooltip", "ACTIVE: vibe is in your default working set and can run sessions, tunnels and GitOps via its attached agent(s). INACTIVE: vibe is parked — still visible, no sessions auto-resume. RUNNING: at least one session is live. ARCHIVED: hidden from default lists; can be restored."),
 									children: x("sessions.filterStatus", "Status")
-								}), /* @__PURE__ */ P(g, {
+								}), /* @__PURE__ */ N(g, {
 									status: B.status,
 									size: "md"
 								})]
 							})]
 						})
 					}) }),
-					/* @__PURE__ */ P(L, { children: /* @__PURE__ */ P(_, {
+					/* @__PURE__ */ N(I, { children: /* @__PURE__ */ N(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ F("div", {
+						children: /* @__PURE__ */ P("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ P("div", {
+							children: [/* @__PURE__ */ N("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__ */ P(We, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
-							}), /* @__PURE__ */ F("div", {
+								children: /* @__PURE__ */ N(We, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
+							}), /* @__PURE__ */ P("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ P("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
 									children: x("sessions.filterAgent", "Agent")
-								}), /* @__PURE__ */ P("p", {
+								}), /* @__PURE__ */ N("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base truncate",
 									children: K?.name || x("targets.unknown", "Unknown")
 								})]
 							})]
 						})
 					}) }),
-					/* @__PURE__ */ P(L, { children: /* @__PURE__ */ P(_, {
+					/* @__PURE__ */ N(I, { children: /* @__PURE__ */ N(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ F("div", {
+						children: /* @__PURE__ */ P("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ P("div", {
+							children: [/* @__PURE__ */ N("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__ */ P(k, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
-							}), /* @__PURE__ */ F("div", {
+								children: /* @__PURE__ */ N(A, { className: "size-4 sm:w-5 sm:h-5 text-text-secondary" })
+							}), /* @__PURE__ */ P("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ P("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
 									children: x("nav.sessions", "Sessions")
-								}), /* @__PURE__ */ F("p", {
+								}), /* @__PURE__ */ P("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base",
 									children: [
-										tn,
+										nn,
 										" ",
 										x("health.active", "active")
 									]
@@ -614,24 +623,24 @@ function at() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "border-b border-border-default",
-				children: /* @__PURE__ */ F("nav", {
+				children: /* @__PURE__ */ P("nav", {
 					className: "flex gap-1 -mb-px overflow-x-auto pb-1",
 					"aria-label": x("vibeDetails.tabsAriaLabel", "Vibe tabs"),
 					children: [
-						sn.map((e) => {
+						cn.map((e) => {
 							let t = e.icon, n = X === e.id;
-							return /* @__PURE__ */ F("button", {
+							return /* @__PURE__ */ P("button", {
 								type: "button",
-								onClick: () => Lt(e.id),
+								onClick: () => Rt(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__ */ P(t, { className: "size-4" }),
+									/* @__PURE__ */ N(t, { className: "size-4" }),
 									e.label,
-									e.badge && /* @__PURE__ */ P("span", {
+									e.badge && /* @__PURE__ */ N("span", {
 										className: `hidden rounded-full px-1.5 py-0.5 text-[10px] sm:inline-flex sm:text-xs ${n ? "bg-action-primary-bg/10 text-action-primary-bg" : "bg-bg-sunken text-text-muted"}`,
 										children: e.badge
 									})
@@ -640,9 +649,9 @@ function at() {
 						}),
 						J && Y.data.map((e) => {
 							let t = X === e.contribution.id;
-							return /* @__PURE__ */ P("button", {
+							return /* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => Lt(e.contribution.id),
+								onClick: () => Rt(e.contribution.id),
 								className: `flex shrink-0 items-center gap-1.5 px-3 py-2.5 text-xs sm:gap-2 sm:px-4 sm:text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${t ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
 								"aria-selected": t,
 								role: "tab",
@@ -650,16 +659,16 @@ function at() {
 								children: e.contribution.title
 							}, `plugin-${e.contribution.id}`);
 						}),
-						J && G && /* @__PURE__ */ F("button", {
+						J && G && /* @__PURE__ */ P("button", {
 							type: "button",
-							onClick: () => zt(!0),
+							onClick: () => Bt(!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__ */ P("span", {
+							children: [/* @__PURE__ */ N("span", {
 								"aria-hidden": !0,
 								children: "+"
-							}), /* @__PURE__ */ P("span", {
+							}), /* @__PURE__ */ N("span", {
 								className: "hidden sm:inline",
 								children: "Add tab"
 							})]
@@ -667,10 +676,10 @@ function at() {
 					]
 				})
 			}),
-			/* @__PURE__ */ F(Xe, {
+			/* @__PURE__ */ P(Ze, {
 				mode: "wait",
 				children: [
-					X === "overview" && /* @__PURE__ */ F(M.div, {
+					X === "overview" && /* @__PURE__ */ P(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -686,64 +695,64 @@ function at() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							B.description && /* @__PURE__ */ P(_, { children: /* @__PURE__ */ P("div", {
+							B.description && /* @__PURE__ */ N(_, { children: /* @__PURE__ */ N("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ P("p", {
+								children: /* @__PURE__ */ N("p", {
 									className: "text-text-primary",
 									children: B.description
 								})
 							}) }),
-							!Bt && /* @__PURE__ */ P(me, {
+							!Vt && /* @__PURE__ */ N(ge, {
 								vibeId: B.id,
 								tr: x,
-								onAttached: () => St()
+								onAttached: () => Ct()
 							}),
-							Bt && /* @__PURE__ */ P(he, {
+							Vt && /* @__PURE__ */ N(_e, {
 								vibeId: B.id,
 								attachedAgents: U,
 								effectiveAgentId: G?.id ?? null
 							}),
-							/* @__PURE__ */ F(_, { children: [/* @__PURE__ */ P("div", {
+							/* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-3 sm:p-4 border-b border-border-default",
-								children: /* @__PURE__ */ F("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2 text-sm sm:text-base",
-									children: [/* @__PURE__ */ P(je, { className: "size-4 sm:w-5 sm:h-5" }), x("vibeDetails.path", "Path")]
+									children: [/* @__PURE__ */ N(Ne, { className: "size-4 sm:w-5 sm:h-5" }), x("vibeDetails.path", "Path")]
 								})
-							}), /* @__PURE__ */ P("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "p-3 sm:p-4",
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ N("div", {
 									className: "bg-bg-sunken rounded-md p-2 sm:p-3 font-mono text-xs sm:text-sm text-text-primary overflow-x-auto break-all",
 									children: B.path
 								})
 							})] }),
-							/* @__PURE__ */ F(_, { children: [/* @__PURE__ */ P("div", {
+							/* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ F("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ P(Oe, { className: "size-5" }), x("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ N(Ae, { className: "size-5" }), x("vibeDetails.timeline", "Timeline")]
 								})
-							}), /* @__PURE__ */ P("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ F("div", {
+								children: /* @__PURE__ */ P("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
-									children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+									children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 										className: "text-text-secondary",
 										children: x("vibeDetails.created", "Created")
-									}), /* @__PURE__ */ P("p", {
+									}), /* @__PURE__ */ N("p", {
 										className: "font-medium text-text-primary",
-										children: Qt(B.createdAt)
-									})] }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+										children: $t(B.createdAt)
+									})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 										className: "text-text-secondary",
 										children: x("vibeDetails.updated", "Updated")
-									}), /* @__PURE__ */ P("p", {
+									}), /* @__PURE__ */ N("p", {
 										className: "font-medium text-text-primary",
-										children: Qt(B.updatedAt)
+										children: $t(B.updatedAt)
 									})] })]
 								})
 							})] })
 						]
 					}, "overview"),
-					X === "config" && /* @__PURE__ */ F(M.div, {
+					X === "config" && /* @__PURE__ */ P(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -759,17 +768,17 @@ function at() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ F(_, { children: [/* @__PURE__ */ P("div", {
+							/* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ F("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ P(Je, { className: "size-5" }), x("vibeDetails.environmentVariables", "Environment Variables")]
+									children: [/* @__PURE__ */ N(Je, { className: "size-5" }), x("vibeDetails.environmentVariables", "Environment Variables")]
 								})
-							}), /* @__PURE__ */ P("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "p-4",
-								children: B.environmentVariables && Object.keys(B.environmentVariables).length > 0 ? /* @__PURE__ */ P("div", {
+								children: B.environmentVariables && Object.keys(B.environmentVariables).length > 0 ? /* @__PURE__ */ N("div", {
 									className: "flex flex-wrap gap-2",
-									children: Object.entries(B.environmentVariables).map(([e, t]) => /* @__PURE__ */ F("span", {
+									children: Object.entries(B.environmentVariables).map(([e, t]) => /* @__PURE__ */ P("span", {
 										className: "px-3 py-1 bg-bg-sunken text-text-primary text-sm rounded-full font-mono",
 										children: [
 											e,
@@ -777,50 +786,50 @@ function at() {
 											String(t)
 										]
 									}, e))
-								}) : /* @__PURE__ */ P("p", {
+								}) : /* @__PURE__ */ N("p", {
 									className: "text-text-secondary",
 									children: x("vibeDetails.noEnvironmentVariables", "No environment variables configured")
 								})
 							})] }),
-							/* @__PURE__ */ F(_, { children: [/* @__PURE__ */ P("div", {
+							/* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ F("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ P(qe, { className: "size-5" }), x("vibeDetails.tags", "Tags")]
+									children: [/* @__PURE__ */ N(qe, { className: "size-5" }), x("vibeDetails.tags", "Tags")]
 								})
-							}), /* @__PURE__ */ P("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ P(m, {
+								children: /* @__PURE__ */ N(m, {
 									entityType: "VIBECONTROLS_VIBE",
 									entityId: B.id
 								})
 							})] }),
-							/* @__PURE__ */ F(_, { children: [/* @__PURE__ */ F("div", {
+							/* @__PURE__ */ P(_, { children: [/* @__PURE__ */ P("div", {
 								className: "p-4 border-b border-border-default",
-								children: [/* @__PURE__ */ F("h3", {
+								children: [/* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ P(Ge, { className: "size-5" }), x("vibeDetails.features", "Features")]
-								}), /* @__PURE__ */ P("p", {
+									children: [/* @__PURE__ */ N(Ge, { className: "size-5" }), x("vibeDetails.features", "Features")]
+								}), /* @__PURE__ */ N("p", {
 									className: "text-sm text-text-secondary mt-1",
 									children: x("vibeDetails.featuresDescription", "Toggle which sections show up on this vibe. Changes apply to everyone viewing the vibe.")
 								})]
-							}), /* @__PURE__ */ P("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "divide-y divide-border-default",
-								children: A.map((e) => {
+								children: Ye.map((e) => {
 									let t = H(e.id);
-									return /* @__PURE__ */ F("label", {
+									return /* @__PURE__ */ P("label", {
 										className: "flex items-center gap-3 px-4 py-3 cursor-pointer hover:bg-bg-sunken transition-colors",
-										children: [/* @__PURE__ */ P("input", {
+										children: [/* @__PURE__ */ N("input", {
 											type: "checkbox",
 											role: "switch",
 											"aria-label": e.label,
 											"aria-checked": t,
 											checked: t,
-											disabled: ct || !B.id,
+											disabled: lt || !B.id,
 											onChange: async (t) => {
 												let n = t.target.checked;
 												try {
-													await at({
+													await ot({
 														variables: {
 															id: B.id,
 															featureId: e.id,
@@ -844,7 +853,7 @@ function at() {
 												}
 											},
 											className: "size-4 shrink-0 accent-action-primary-bg disabled:opacity-50"
-										}), /* @__PURE__ */ P("span", {
+										}), /* @__PURE__ */ N("span", {
 											className: "text-sm font-medium text-text-primary",
 											children: e.label
 										})]
@@ -853,7 +862,7 @@ function at() {
 							})] })
 						]
 					}, "config"),
-					X === "git" && H("git") && /* @__PURE__ */ P(M.div, {
+					X === "git" && H("git") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -868,57 +877,57 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ P(v, {
+						children: /* @__PURE__ */ N(v, {
 							agentId: G?.id ?? null,
 							required: ["@vibecontrols/vibe-plugin-tool-git"],
 							mode: "all",
 							eyebrow: x("vibeDetails.gitPluginEyebrow", "Git plugin required"),
 							title: x("vibeDetails.gitPluginTitle", "Install the git plugin"),
 							description: x("vibeDetails.gitPluginDescription", "Live git branch, status, and remote data for this vibe are served by the vibe-plugin-tool-git agent plugin."),
-							children: rn ? /* @__PURE__ */ F(_, { children: [/* @__PURE__ */ P("div", {
+							children: an ? /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ F("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ P(Me, { className: "size-5" }), x("vibeDetails.gitInformation", "Git Information")]
+									children: [/* @__PURE__ */ N(Pe, { className: "size-5" }), x("vibeDetails.gitInformation", "Git Information")]
 								})
-							}), /* @__PURE__ */ F("div", {
+							}), /* @__PURE__ */ P("div", {
 								className: "p-4 space-y-3",
-								children: [/* @__PURE__ */ F("div", {
+								children: [/* @__PURE__ */ P("div", {
 									className: "flex items-center gap-4 flex-wrap",
-									children: [B.gitBranch && /* @__PURE__ */ F("div", {
+									children: [B.gitBranch && /* @__PURE__ */ P("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ F("span", {
+										children: [/* @__PURE__ */ P("span", {
 											className: "text-sm text-text-secondary",
 											children: [x("vibeDetails.branch", "Branch"), ":"]
-										}), /* @__PURE__ */ P("span", {
+										}), /* @__PURE__ */ N("span", {
 											className: "px-2 py-1 bg-bg-sunken text-text-primary text-sm rounded font-mono",
 											children: B.gitBranch
 										})]
-									}), B.gitStatus && /* @__PURE__ */ F("div", {
+									}), B.gitStatus && /* @__PURE__ */ P("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ F("span", {
+										children: [/* @__PURE__ */ P("span", {
 											className: "text-sm text-text-secondary",
 											children: [x("sessions.filterStatus", "Status"), ":"]
-										}), /* @__PURE__ */ P("span", {
-											className: `font-medium ${$t(B.gitStatus)}`,
+										}), /* @__PURE__ */ N("span", {
+											className: `font-medium ${en(B.gitStatus)}`,
 											children: B.gitStatus
 										})]
 									})]
-								}), B.gitRemote && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ F("span", {
+								}), B.gitRemote && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("span", {
 									className: "text-sm text-text-secondary",
 									children: [x("vibeDetails.remote", "Remote"), ":"]
-								}), /* @__PURE__ */ P("p", {
+								}), /* @__PURE__ */ N("p", {
 									className: "font-mono text-sm text-text-primary mt-1 break-all",
 									children: B.gitRemote
 								})] })]
-							})] }) : /* @__PURE__ */ P(h, {
-								icon: /* @__PURE__ */ P(Me, { className: "size-8 text-text-secondary" }),
+							})] }) : /* @__PURE__ */ N(h, {
+								icon: /* @__PURE__ */ N(Pe, { className: "size-8 text-text-secondary" }),
 								title: x("vibeDetails.noGitInformation", "No git information"),
 								description: x("vibeDetails.noGitInformationDescription", "This vibe does not have any git repository linked")
 							})
 						})
 					}, "git"),
-					X === "sessions" && H("sessions") && /* @__PURE__ */ P(M.div, {
+					X === "sessions" && H("sessions") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -932,7 +941,7 @@ function at() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ P(v, {
+						children: /* @__PURE__ */ N(v, {
 							agentId: G?.id ?? null,
 							requirements: [{
 								packages: ["@vibecontrols/vibe-plugin-session-manager"],
@@ -947,57 +956,57 @@ function at() {
 								title: x("vibeDetails.sessionProviderTitle", "Pick a session provider"),
 								description: x("vibeDetails.sessionProviderDescription", "Choose the terminal multiplexer your sessions should run on. You can install more providers later.")
 							}],
-							children: /* @__PURE__ */ F(_, { children: [/* @__PURE__ */ F("div", {
+							children: /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ P("div", {
 								className: "p-4 border-b border-border-default flex items-center justify-between",
-								children: [/* @__PURE__ */ F("h3", {
+								children: [/* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ P(k, { className: "size-5" }),
+										/* @__PURE__ */ N(A, { className: "size-5" }),
 										x("nav.sessions", "Sessions"),
 										" (",
 										W.length,
 										")"
 									]
-								}), /* @__PURE__ */ F("button", {
+								}), /* @__PURE__ */ P("button", {
 									type: "button",
-									onClick: qt,
+									onClick: Jt,
 									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__ */ P(O, { className: "size-4" }), x("vibeDetails.new", "New")]
+									children: [/* @__PURE__ */ N(k, { className: "size-4" }), x("vibeDetails.new", "New")]
 								})]
-							}), W.length > 0 ? /* @__PURE__ */ P(Qe, {
+							}), W.length > 0 ? /* @__PURE__ */ N(et, {
 								className: "divide-y divide-border-primary",
-								children: W.map((e) => /* @__PURE__ */ P(L, {
+								children: W.map((e) => /* @__PURE__ */ N(I, {
 									variant: "fadeRight",
-									children: /* @__PURE__ */ F("div", {
+									children: /* @__PURE__ */ P("div", {
 										role: "button",
 										tabIndex: 0,
 										onKeyDown: (t) => {
-											(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Xt(e.id));
+											(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Zt(e.id));
 										},
-										onClick: () => Xt(e.id),
+										onClick: () => Zt(e.id),
 										className: "p-4 flex items-center justify-between cursor-pointer hover:bg-bg-sunken/50 transition-colors",
-										children: [/* @__PURE__ */ F("div", {
+										children: [/* @__PURE__ */ P("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ P(k, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ F("div", {
+											children: [/* @__PURE__ */ N(A, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ P("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ P("p", {
+												children: [/* @__PURE__ */ N("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name
-												}), /* @__PURE__ */ P("p", {
+												}), /* @__PURE__ */ N("p", {
 													className: "text-sm text-text-secondary truncate",
 													children: e.type
 												})]
 											})]
-										}), /* @__PURE__ */ P(g, { status: e.status })]
+										}), /* @__PURE__ */ N(g, { status: e.status })]
 									})
 								}, e.id))
-							}) : /* @__PURE__ */ P("div", {
+							}) : /* @__PURE__ */ N("div", {
 								className: "p-6 text-center text-text-secondary",
 								children: x("vibeDetails.noSessionsForVibe", "No sessions for this vibe")
 							})] })
 						})
 					}, "sessions"),
-					X === "notes" && H("notes") && /* @__PURE__ */ P(M.div, {
+					X === "notes" && H("notes") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1012,12 +1021,12 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ P(se, {
+						children: /* @__PURE__ */ N(ce, {
 							context: "vibe",
 							vibeId: B.id
 						})
 					}, "notes"),
-					X === "docs" && H("docs") && /* @__PURE__ */ P(M.div, {
+					X === "docs" && H("docs") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1032,9 +1041,9 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ P(de, { vibeId: B.id })
+						children: /* @__PURE__ */ N(pe, { vibeId: B.id })
 					}, "docs"),
-					X === "scorecard" && H("scorecard") && /* @__PURE__ */ P(M.div, {
+					X === "scorecard" && H("scorecard") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1049,12 +1058,12 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ P(fe, {
+						children: /* @__PURE__ */ N(me, {
 							ownerType: "VIBE",
 							ownerId: B.id
 						})
 					}, "scorecard"),
-					X === "catalogs" && H("catalogs") && /* @__PURE__ */ P(M.div, {
+					X === "catalogs" && H("catalogs") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1069,13 +1078,13 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ P(ot, {
+						children: /* @__PURE__ */ N(st, {
 							vibeId: B.id,
 							tr: x,
 							navigate: l
 						})
 					}, "catalogs"),
-					X === "graphqlPlayground" && H("graphqlPlayground") && /* @__PURE__ */ P(M.div, {
+					X === "graphqlPlayground" && H("graphqlPlayground") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1090,35 +1099,35 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ P(v, {
+						children: /* @__PURE__ */ N(v, {
 							agentId: G?.id ?? null,
 							required: ["@vibecontrols/vibe-plugin-tool-graphiql"],
 							mode: "all",
 							eyebrow: x("vibeDetails.graphqlPluginEyebrow", "GraphQL playground plugin required"),
 							title: x("vibeDetails.graphqlPluginTitle", "Install the GraphQL playground"),
 							description: x("vibeDetails.graphqlPluginDescription", "The GraphQL Playground is served by the graphiql agent plugin. Install it to continue."),
-							children: Ft ? /* @__PURE__ */ P(st, {
+							children: It ? /* @__PURE__ */ N(ct, {
 								vibeId: B.id,
 								agentId: G?.id ?? null,
 								profile: q,
-								tunnelUrl: Ft,
+								tunnelUrl: It,
 								type: "graphql",
 								tr: x
-							}) : /* @__PURE__ */ P(h, {
-								icon: /* @__PURE__ */ P(Be, { className: "size-8 text-text-secondary" }),
+							}) : /* @__PURE__ */ N(h, {
+								icon: /* @__PURE__ */ N(O, { className: "size-8 text-text-secondary" }),
 								title: x("vibeDetails.noAgentTunnel", "No agent tunnel available"),
 								description: x("vibeDetails.noAgentTunnelDesc2", "The GraphQL playground requires an active agent with a tunnel URL.")
 							})
 						})
 					}, "graphqlPlayground"),
-					X === "gitops" && H("gitops") && /* @__PURE__ */ P(pe, {
+					X === "gitops" && H("gitops") && /* @__PURE__ */ N(he, {
 						vibeId: t || "",
 						agentId: G?.id ?? "",
 						profile: q,
-						tunnelUrl: Ft,
+						tunnelUrl: It,
 						tr: x
 					}),
-					X === "security" && H("security") && /* @__PURE__ */ P(M.div, {
+					X === "security" && H("security") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1133,13 +1142,13 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ P(ve, {
+						children: /* @__PURE__ */ N(be, {
 							vibeId: t || "",
 							agentId: G?.id ?? null,
 							profile: q ?? "default"
 						})
 					}, "security"),
-					X === "related" && H("related") && /* @__PURE__ */ P(M.div, {
+					X === "related" && H("related") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1154,98 +1163,98 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: nn > 0 ? /* @__PURE__ */ F(N, { children: [
-							Mt.length > 0 && /* @__PURE__ */ F(_, { children: [/* @__PURE__ */ P("div", {
+						children: rn > 0 ? /* @__PURE__ */ P(Qe, { children: [
+							Nt.length > 0 && /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ F("h3", {
+								children: /* @__PURE__ */ P("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ P(j, { className: "size-5" }),
+										/* @__PURE__ */ N(j, { className: "size-5" }),
 										x("vibeDetails.childVibes", "Child Vibes"),
 										" (",
-										Mt.length,
+										Nt.length,
 										")"
 									]
 								})
-							}), /* @__PURE__ */ P(Qe, {
+							}), /* @__PURE__ */ N(et, {
 								className: "divide-y divide-border-primary",
-								children: Mt.map((e) => /* @__PURE__ */ P(L, {
+								children: Nt.map((e) => /* @__PURE__ */ N(I, {
 									variant: "fadeRight",
-									children: /* @__PURE__ */ F("div", {
+									children: /* @__PURE__ */ P("div", {
 										role: "button",
 										tabIndex: 0,
 										onKeyDown: (t) => {
-											(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Zt(e.id));
+											(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Qt(e.id));
 										},
-										onClick: () => Zt(e.id),
+										onClick: () => Qt(e.id),
 										className: "p-4 flex items-center justify-between cursor-pointer hover:bg-bg-sunken/50 transition-colors",
-										children: [/* @__PURE__ */ F("div", {
+										children: [/* @__PURE__ */ P("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ P(j, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ F("div", {
+											children: [/* @__PURE__ */ N(j, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ P("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ P("p", {
+												children: [/* @__PURE__ */ N("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name
-												}), /* @__PURE__ */ P("p", {
+												}), /* @__PURE__ */ N("p", {
 													className: "text-sm text-text-secondary truncate",
 													children: e.type
 												})]
 											})]
-										}), /* @__PURE__ */ P(g, { status: e.status })]
+										}), /* @__PURE__ */ N(g, { status: e.status })]
 									})
 								}, e.id))
 							})] }),
-							Nt && /* @__PURE__ */ P(_, {
-								onClick: () => Zt(Nt.id),
+							Pt && /* @__PURE__ */ N(_, {
+								onClick: () => Qt(Pt.id),
 								hoverable: !0,
-								children: /* @__PURE__ */ F("div", {
+								children: /* @__PURE__ */ P("div", {
 									className: "p-4 flex items-center gap-3",
-									children: [/* @__PURE__ */ P("div", {
+									children: [/* @__PURE__ */ N("div", {
 										className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-										children: /* @__PURE__ */ P(j, { className: "size-5 text-text-secondary" })
-									}), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+										children: /* @__PURE__ */ N(j, { className: "size-5 text-text-secondary" })
+									}), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 										className: "text-sm text-text-secondary",
 										children: x("vibeDetails.parentVibe", "Parent Vibe")
-									}), /* @__PURE__ */ P("p", {
+									}), /* @__PURE__ */ N("p", {
 										className: "font-medium text-text-primary",
-										children: Nt.name
+										children: Pt.name
 									})] })]
 								})
 							}),
-							K && /* @__PURE__ */ P(_, {
-								onClick: Yt,
+							K && /* @__PURE__ */ N(_, {
+								onClick: Xt,
 								hoverable: !0,
-								children: /* @__PURE__ */ F("div", {
+								children: /* @__PURE__ */ P("div", {
 									className: "p-4 flex items-center justify-between",
-									children: [/* @__PURE__ */ F("div", {
+									children: [/* @__PURE__ */ P("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ P("div", {
+										children: [/* @__PURE__ */ N("div", {
 											className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-											children: /* @__PURE__ */ P(We, { className: "size-5 text-text-secondary" })
-										}), /* @__PURE__ */ F("div", { children: [
-											/* @__PURE__ */ P("p", {
+											children: /* @__PURE__ */ N(We, { className: "size-5 text-text-secondary" })
+										}), /* @__PURE__ */ P("div", { children: [
+											/* @__PURE__ */ N("p", {
 												className: "text-sm text-text-secondary",
 												children: x("vibeDetails.runningOnAgent", "Running on Agent")
 											}),
-											/* @__PURE__ */ P("p", {
+											/* @__PURE__ */ N("p", {
 												className: "font-medium text-text-primary",
 												children: K.name
 											}),
-											/* @__PURE__ */ P("p", {
+											/* @__PURE__ */ N("p", {
 												className: "text-sm text-text-secondary",
 												children: K.hostname
 											})
 										] })]
-									}), /* @__PURE__ */ P(g, { status: K.isActive ? "ACTIVE" : "OFFLINE" })]
+									}), /* @__PURE__ */ N(g, { status: K.isActive ? "ACTIVE" : "OFFLINE" })]
 								})
 							})
-						] }) : /* @__PURE__ */ P(h, {
-							icon: /* @__PURE__ */ P(Le, { className: "size-8 text-text-secondary" }),
+						] }) : /* @__PURE__ */ N(h, {
+							icon: /* @__PURE__ */ N(Re, { className: "size-8 text-text-secondary" }),
 							title: x("vibeDetails.noRelatedEntities", "No related entities"),
 							description: x("vibeDetails.noRelatedEntitiesDescription", "This vibe has no child vibes, parent vibe, or linked agent")
 						})
 					}, "related"),
-					X === "llmContext" && /* @__PURE__ */ P(M.div, {
+					X === "llmContext" && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1260,7 +1269,7 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ P(ye, {
+						children: /* @__PURE__ */ N(xe, {
 							vibeId: B.id,
 							attachedAgents: U.map((e) => ({
 								id: e.id,
@@ -1268,7 +1277,7 @@ function at() {
 							}))
 						})
 					}, "llmContext"),
-					(X === "vibedecks" || X === "actions" || X === "scheduledJobs" || X === "sandboxes" || X === "aiPrompts" || X === "aiContexts" || X === "instructionFiles" || X === "tunnels") && /* @__PURE__ */ P(M.div, {
+					(X === "vibedecks" || X === "actions" || X === "scheduledJobs" || X === "sandboxes" || X === "aiPrompts" || X === "aiContexts" || X === "instructionFiles" || X === "tunnels") && /* @__PURE__ */ N(M.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1283,7 +1292,7 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ P(be, {
+						children: /* @__PURE__ */ N(Se, {
 							vibeId: B.id,
 							kind: X
 						})
@@ -1292,7 +1301,7 @@ function at() {
 						let e = Y.data.find((e) => e.contribution.id === X);
 						if (!e) return null;
 						let t = e.tunnel, n = e.capabilities.restPaths.length > 0 ? e.capabilities.restPaths : [`/ui/${e.pluginKey}`];
-						return /* @__PURE__ */ P(M.div, {
+						return /* @__PURE__ */ N(M.div, {
 							initial: {
 								opacity: 0,
 								y: 8
@@ -1307,9 +1316,9 @@ function at() {
 							},
 							transition: { duration: .2 },
 							className: "space-y-6",
-							children: /* @__PURE__ */ P(_, { children: /* @__PURE__ */ P("div", {
+							children: /* @__PURE__ */ N(_, { children: /* @__PURE__ */ N("div", {
 								className: "p-0 h-[600px]",
-								children: /* @__PURE__ */ P(ue, {
+								children: /* @__PURE__ */ N(fe, {
 									contribution: e,
 									tunnel: t,
 									restPaths: n,
@@ -1329,9 +1338,9 @@ function at() {
 					})()
 				]
 			}),
-			J && G && /* @__PURE__ */ P(S, {
-				isOpen: Rt,
-				onClose: () => zt(!1),
+			J && G && /* @__PURE__ */ N(de, {
+				isOpen: zt,
+				onClose: () => Bt(!1),
 				mountPoint: "vibe.detailTab",
 				agentId: G.id,
 				profile: q ?? "default",
@@ -1339,12 +1348,12 @@ function at() {
 					Y.refetch();
 				}
 			}),
-			lt && /* @__PURE__ */ P("div", {
+			ut && /* @__PURE__ */ N("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-				children: /* @__PURE__ */ F("div", {
+				children: /* @__PURE__ */ P("div", {
 					className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
 					children: [
-						/* @__PURE__ */ F("h2", {
+						/* @__PURE__ */ P("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
 							children: [
 								x("vibeDetails.newSessionFor", "New Session for"),
@@ -1352,88 +1361,88 @@ function at() {
 								B.name
 							]
 						}),
-						dt && /* @__PURE__ */ P("div", {
+						ft && /* @__PURE__ */ N("div", {
 							className: "mb-4 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
-							children: dt
+							children: ft
 						}),
-						/* @__PURE__ */ F("div", {
+						/* @__PURE__ */ P("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: x("vibeDetails.sessionName", "Session Name")
-								}), /* @__PURE__ */ P("input", {
+								}), /* @__PURE__ */ N("input", {
 									"aria-label": "control",
-									ref: gt,
+									ref: _t,
 									type: "text",
 									placeholder: x("vibeDetails.sessionNamePlaceholder", "dev-terminal"),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
 								})] }),
-								/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: x("sessions.filterType", "Type")
-								}), /* @__PURE__ */ F("select", {
-									ref: _t,
+								}), /* @__PURE__ */ P("select", {
+									ref: vt,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
 									children: [
-										/* @__PURE__ */ P("option", {
+										/* @__PURE__ */ N("option", {
 											value: "TERMINAL",
 											children: x("sessions.typeTerminal", "Terminal")
 										}),
-										/* @__PURE__ */ P("option", {
+										/* @__PURE__ */ N("option", {
 											value: "TMUX",
 											children: x("sessions.typeTmux", "TMUX")
 										}),
-										/* @__PURE__ */ P("option", {
+										/* @__PURE__ */ N("option", {
 											value: "SSH",
 											children: x("sessions.typeSsh", "SSH")
 										}),
-										/* @__PURE__ */ P("option", {
+										/* @__PURE__ */ N("option", {
 											value: "SCRIPT",
 											children: x("sessions.typeScript", "Script")
 										}),
-										/* @__PURE__ */ P("option", {
+										/* @__PURE__ */ N("option", {
 											value: "CUSTOM",
 											children: x("sessions.typeCustom", "Custom")
 										})
 									]
 								})] }),
-								/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: x("sessions.command", "Command")
-								}), /* @__PURE__ */ P("input", {
+								}), /* @__PURE__ */ N("input", {
 									"aria-label": "control",
-									ref: vt,
+									ref: yt,
 									type: "text",
 									placeholder: x("vibeDetails.sessionCommandPlaceholder", "bash"),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
 								})] }),
-								/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: x("vibeDetails.workingDirectory", "Working Directory")
-								}), /* @__PURE__ */ P("input", {
+								}), /* @__PURE__ */ N("input", {
 									"aria-label": "control",
-									ref: yt,
+									ref: bt,
 									type: "text",
 									defaultValue: B.path || "",
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary"
 								})] })
 							]
 						}),
-						/* @__PURE__ */ F("div", {
+						/* @__PURE__ */ P("div", {
 							className: "flex flex-col sm:flex-row justify-end gap-3 mt-6",
-							children: [/* @__PURE__ */ P("button", {
+							children: [/* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => ut(!1),
-								disabled: ft,
+								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: x("common.cancel", "Cancel")
-							}), /* @__PURE__ */ P("button", {
+							}), /* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: Jt,
-								disabled: ft,
+								onClick: Yt,
+								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: ft ? x("sessions.creating", "Creating...") : x("sessions.createSession", "Create Session")
+								children: pt ? x("sessions.creating", "Creating...") : x("sessions.createSession", "Create Session")
 							})]
 						})
 					]
@@ -1442,8 +1451,8 @@ function at() {
 		]
 	});
 }
-function ot({ vibeId: t, tr: n, navigate: r }) {
-	let [a, o] = E(!1), { data: s, loading: l, refetch: u } = i({ fetchPolicy: "cache-and-network" }), [ee] = e({ refetchQueries: ["GetVibeCatalogs"] }), [te] = c({ refetchQueries: ["GetVibeCatalogs"] }), d = s?.vibecontrolsCatalogs?.items ?? [], f = d.filter((e) => e.vibes?.some((e) => e.vibeId === t)), p = d.filter((e) => !e.vibes?.some((e) => e.vibeId === t)), ne = async (e) => {
+function st({ vibeId: t, tr: n, navigate: r }) {
+	let [a, o] = T(!1), { data: s, loading: l, refetch: u } = i({ fetchPolicy: "cache-and-network" }), [ee] = e({ refetchQueries: ["GetVibeCatalogs"] }), [te] = c({ refetchQueries: ["GetVibeCatalogs"] }), d = s?.vibecontrolsCatalogs?.items ?? [], f = d.filter((e) => e.vibes?.some((e) => e.vibeId === t)), p = d.filter((e) => !e.vibes?.some((e) => e.vibeId === t)), ne = async (e) => {
 		await ee({ variables: {
 			catalogId: e,
 			vibeId: t
@@ -1454,15 +1463,15 @@ function ot({ vibeId: t, tr: n, navigate: r }) {
 			vibeId: t
 		} }), await u();
 	};
-	return l && d.length === 0 ? /* @__PURE__ */ P(y, { variant: "detail" }) : /* @__PURE__ */ F(N, { children: [
-		/* @__PURE__ */ F("div", {
+	return l && d.length === 0 ? /* @__PURE__ */ N(y, { variant: "detail" }) : /* @__PURE__ */ P(Qe, { children: [
+		/* @__PURE__ */ P("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ F("h3", {
+			children: [/* @__PURE__ */ P("h3", {
 				className: "font-semibold text-text-primary flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ P(Ie, { className: "size-5" }),
+					/* @__PURE__ */ N(D, { className: "size-5" }),
 					n("vibeDetails.catalogsTitle", "Catalogs"),
-					/* @__PURE__ */ F("span", {
+					/* @__PURE__ */ P("span", {
 						className: "text-sm font-normal text-text-secondary",
 						children: [
 							"(",
@@ -1471,44 +1480,44 @@ function ot({ vibeId: t, tr: n, navigate: r }) {
 						]
 					})
 				]
-			}), /* @__PURE__ */ F("button", {
+			}), /* @__PURE__ */ P("button", {
 				type: "button",
 				onClick: () => o(!0),
 				className: "flex items-center gap-2 px-3 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-				children: [/* @__PURE__ */ P(O, { className: "size-4" }), n("vibeDetails.addToCatalog", "Add to Catalog")]
+				children: [/* @__PURE__ */ N(k, { className: "size-4" }), n("vibeDetails.addToCatalog", "Add to Catalog")]
 			})]
 		}),
-		f.length > 0 ? /* @__PURE__ */ P("div", {
+		f.length > 0 ? /* @__PURE__ */ N("div", {
 			className: "space-y-2",
-			children: f.map((e) => /* @__PURE__ */ P(_, { children: /* @__PURE__ */ F("div", {
+			children: f.map((e) => /* @__PURE__ */ N(_, { children: /* @__PURE__ */ P("div", {
 				className: "p-3 flex items-center justify-between",
-				children: [/* @__PURE__ */ F("button", {
+				children: [/* @__PURE__ */ P("button", {
 					type: "button",
 					onClick: () => r(`/catalogs/${e.id}`),
 					className: "flex items-center gap-3 text-left hover:opacity-80 transition-opacity",
-					children: [/* @__PURE__ */ P(Ie, { className: "size-5 text-action-primary-bg flex-shrink-0" }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+					children: [/* @__PURE__ */ N(D, { className: "size-5 text-action-primary-bg flex-shrink-0" }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 						className: "font-medium text-text-primary text-sm",
 						children: e.name
-					}), /* @__PURE__ */ P("p", {
+					}), /* @__PURE__ */ N("p", {
 						className: "text-xs text-text-secondary",
 						children: e.visibility
 					})] })]
-				}), /* @__PURE__ */ P("button", {
+				}), /* @__PURE__ */ N("button", {
 					type: "button",
 					onClick: () => m(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__ */ P(A, { className: "size-4" })
+					children: /* @__PURE__ */ N(Ye, { className: "size-4" })
 				})]
 			}) }, e.id))
-		}) : /* @__PURE__ */ P(h, {
-			icon: /* @__PURE__ */ P(Ie, { className: "size-8 text-text-secondary" }),
+		}) : /* @__PURE__ */ N(h, {
+			icon: /* @__PURE__ */ N(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__ */ P("div", {
+		a && /* @__PURE__ */ N("div", {
 			className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-			children: /* @__PURE__ */ F(M.div, {
+			children: /* @__PURE__ */ P(M.div, {
 				initial: {
 					opacity: 0,
 					scale: .95
@@ -1519,34 +1528,34 @@ function ot({ vibeId: t, tr: n, navigate: r }) {
 				},
 				className: "bg-bg-surface rounded-lg w-full max-w-md max-h-[60vh] flex flex-col",
 				children: [
-					/* @__PURE__ */ P("div", {
+					/* @__PURE__ */ N("div", {
 						className: "p-4 border-b border-border-default",
-						children: /* @__PURE__ */ P("h2", {
+						children: /* @__PURE__ */ N("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: n("vibeDetails.addToCatalogTitle", "Add Vibe to Catalog")
 						})
 					}),
-					/* @__PURE__ */ P("div", {
+					/* @__PURE__ */ N("div", {
 						className: "flex-1 overflow-y-auto p-2",
-						children: p.length === 0 ? /* @__PURE__ */ P("div", {
+						children: p.length === 0 ? /* @__PURE__ */ N("div", {
 							className: "p-4 text-center text-text-secondary text-sm",
 							children: n("vibeDetails.noAvailableCatalogs", "No available catalogs. This vibe is already in all catalogs.")
-						}) : p.map((e) => /* @__PURE__ */ F("button", {
+						}) : p.map((e) => /* @__PURE__ */ P("button", {
 							type: "button",
 							onClick: () => ne(e.id),
 							className: "w-full flex items-center justify-between p-3 rounded-md hover:bg-bg-sunken transition-colors text-left",
-							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "font-medium text-text-primary text-sm",
 								children: e.name
-							}), /* @__PURE__ */ P("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-xs text-text-secondary",
 								children: e.visibility
-							})] }), /* @__PURE__ */ P(O, { className: "size-4 text-text-secondary" })]
+							})] }), /* @__PURE__ */ N(k, { className: "size-4 text-text-secondary" })]
 						}, e.id))
 					}),
-					/* @__PURE__ */ P("div", {
+					/* @__PURE__ */ N("div", {
 						className: "p-4 border-t border-border-default",
-						children: /* @__PURE__ */ P("button", {
+						children: /* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => o(!1),
 							className: "w-full px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
@@ -1558,8 +1567,8 @@ function ot({ vibeId: t, tr: n, navigate: r }) {
 		})
 	] });
 }
-function st({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o }) {
-	let s = a === "rest", c = "graphiql", [u, ee] = E(""), [te, d] = E(!1), [f, p] = E(!1), [ne, m] = E(!1), [h, g] = E(0), { data: re, loading: v } = t({
+function ct({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o }) {
+	let s = a === "rest", c = "graphiql", [u, ee] = T(""), [te, d] = T(!1), [f, p] = T(!1), [ne, m] = T(!1), [h, g] = T(0), { data: re, loading: v } = t({
 		variables: {
 			agentId: n ?? "",
 			profile: r,
@@ -1568,7 +1577,7 @@ function st({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o })
 		skip: !n,
 		fetchPolicy: "network-only"
 	});
-	C(() => {
+	S(() => {
 		if (v) return;
 		let e = re?.agentPlaygroundConfig;
 		if (e?.ok && e.data && typeof e.data == "object") {
@@ -1596,40 +1605,40 @@ function st({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o })
 				p(!1);
 			}
 		}
-	}, [y, oe] = E(null), [se, b] = E(null), S = w(() => [`/ui/${c}`, `/api/plugins/${c}/ui`], [c]);
-	C(() => {
+	}, [y, oe] = T(null), [se, ce] = T(null), b = C(() => [`/ui/${c}`, `/api/plugins/${c}/ui`], [c]);
+	S(() => {
 		if (!n) return;
 		let e = !1, t = null, i = (a) => {
-			e || (oe(a), t = le(n, r, S, a, i, (e) => b(e.message)));
+			e || (oe(a), t = ue(n, r, b, a, i, (e) => ce(e.message)));
 		};
-		return ce(n, r, S).then((a) => {
-			e || (oe(a), t = le(n, r, S, a, i, (e) => b(e.message)));
+		return le(n, r, b).then((a) => {
+			e || (oe(a), t = ue(n, r, b, a, i, (e) => ce(e.message)));
 		}).catch((t) => {
-			e || b(t instanceof Error ? t.message : String(t));
+			e || ce(t instanceof Error ? t.message : String(t));
 		}), () => {
 			e = !0, t?.cancel();
 		};
 	}, [
 		n,
 		r,
-		S
+		b
 	]);
-	let ue = `${i}/ui/${c}?vibeId=${e}&profile=${encodeURIComponent(r)}`, de = y ? x(ue, y.token) : ue;
-	return /* @__PURE__ */ F("div", {
+	let de = `${i}/ui/${c}?vibeId=${e}&profile=${encodeURIComponent(r)}`, fe = y ? x(de, y.token) : de;
+	return /* @__PURE__ */ P("div", {
 		className: "space-y-4",
-		children: [/* @__PURE__ */ P(_, { children: /* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ N(_, { children: /* @__PURE__ */ P("div", {
 			className: "p-4",
 			children: [
-				/* @__PURE__ */ F("div", {
+				/* @__PURE__ */ P("div", {
 					className: "flex items-center gap-2 mb-2",
-					children: [P(s ? Pe : Be, { className: "size-5 text-text-secondary" }), /* @__PURE__ */ P("h3", {
+					children: [N(s ? Ie : O, { className: "size-5 text-text-secondary" }), /* @__PURE__ */ N("h3", {
 						className: "font-semibold text-text-primary",
 						children: s ? o("vibeDetails.restPlaygroundTitle", "REST API Playground") : o("vibeDetails.graphqlPlaygroundTitle", "GraphQL Playground")
 					})]
 				}),
-				/* @__PURE__ */ F("div", {
+				/* @__PURE__ */ P("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ P("input", {
+					children: [/* @__PURE__ */ N("input", {
 						"aria-label": "control",
 						type: "url",
 						value: u,
@@ -1637,24 +1646,24 @@ function st({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o })
 						placeholder: s ? o("vibeDetails.enterSwaggerUrl", "Enter OpenAPI/Swagger URL (e.g. https://petstore3.swagger.io/api/v3/openapi.json)") : o("vibeDetails.enterGraphqlUrl", "Enter GraphQL endpoint URL (e.g. https://countries.trevorblades.com/graphql)"),
 						className: "flex-1 px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder text-sm",
 						onKeyDown: (e) => e.key === "Enter" && ae()
-					}), /* @__PURE__ */ F("button", {
+					}), /* @__PURE__ */ P("button", {
 						type: "button",
 						onClick: ae,
 						disabled: f || !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__ */ P(Re, { className: "size-4 animate-spin" }) : P(ne ? De : ke, { className: "size-4" }), f ? o("common.saving", "Saving...") : ne ? o("common.saved", "Saved!") : o("vibeDetails.loadApi", "Load API")]
+						children: [f ? /* @__PURE__ */ N(ze, { className: "size-4 animate-spin" }) : N(ne ? ke : je, { className: "size-4" }), f ? o("common.saving", "Saving...") : ne ? o("common.saved", "Saved!") : o("vibeDetails.loadApi", "Load API")]
 					})]
 				}),
-				!te && /* @__PURE__ */ P("p", {
+				!te && /* @__PURE__ */ N("p", {
 					className: "text-xs text-text-muted mt-1",
 					children: o("vibeDetails.loadingConfig", "Loading saved configuration...")
 				})
 			]
-		}) }), n && !y ? /* @__PURE__ */ P("div", {
+		}) }), n && !y ? /* @__PURE__ */ N("div", {
 			className: "p-8 text-center text-sm text-text-secondary rounded-md border border-border-default bg-bg-sunken",
 			children: se ? o("vibeDetails.iframeTokenError", `Iframe token error: ${se}`) : o("vibeDetails.mintingIframeToken", "Authorizing iframe…")
-		}) : /* @__PURE__ */ P("iframe", {
-			src: de,
+		}) : /* @__PURE__ */ N("iframe", {
+			src: fe,
 			title: s ? "REST API Playground" : "GraphQL Playground",
 			className: "w-full rounded-md border border-border-default bg-bg-sunken",
 			style: { height: "700px" },
@@ -1663,6 +1672,6 @@ function st({ vibeId: e, agentId: n, profile: r, tunnelUrl: i, type: a, tr: o })
 	});
 }
 //#endregion
-export { at as VibeDetailsPage };
+export { ot as VibeDetailsPage };
 
 //# sourceMappingURL=VibeDetailsPage.js.map