@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

package/dist/pages/VibeDetailsPage.js

@@ -1,38 +1,40 @@
 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 d } from "../providers/VibeControlsProvider.js";
-import { useVibeControlsStore as f } from "../store/vibeControlsStore.js";
-import { PageHeader as p } from "../components/shared/PageHeader.js";
-import { LoadingState as m } from "../components/shared/LoadingState.js";
-import { ErrorState as h } from "../components/shared/ErrorState.js";
-import { EmptyState as g } from "../components/shared/EmptyState.js";
-import { StatusBadge as _ } from "../components/shared/StatusBadge.js";
-import { Card as v } from "../components/shared/Card.js";
-import { EntityTagPicker as y } from "../components/shared/EntityTagPicker.js";
-import { SESSION_PROVIDER_PACKAGES as ee } from "../constants/pluginCatalog.js";
-import { PluginGate as te } from "../components/shared/PluginGate.js";
+import { useVibeControlsStore as ee } from "../store/vibeControlsStore.js";
+import { PageHeader as f } from "../components/shared/PageHeader.js";
+import { LoadingState as p } from "../components/shared/LoadingState.js";
+import { ErrorState as m } from "../components/shared/ErrorState.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 { EntityTagPicker as te } from "../components/shared/EntityTagPicker.js";
+import { SESSION_PROVIDER_PACKAGES as ne } from "../constants/pluginCatalog.js";
+import { PluginGate as v } from "../components/shared/PluginGate.js";
+import { useActiveAgentProfile as y } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as ne } from "../constants/permissions.js";
+import { VIBE_PERMISSIONS as b } from "../constants/permissions.js";
 import { OpenInBrowserEditorButton as re } from "../components/agents/OpenInBrowserEditorButton.js";
 import "../components/agents/index.js";
-import { NotesTabPanel as ie } from "../components/notes/NotesTabPanel.js";
+import { NotesTabPanel as x } from "../components/notes/NotesTabPanel.js";
 import "../components/notes/index.js";
-import { useQueryBackedTab as ae } from "../hooks/useQueryBackedTab.js";
-import { ScorecardPanel as oe } from "../components/scorecard/ScorecardPanel.js";
+import { useQueryBackedTab as S } from "../hooks/useQueryBackedTab.js";
+import { ScorecardPanel as ie } from "../components/scorecard/ScorecardPanel.js";
 import "../components/scorecard/index.js";
-import { DocsTabPanel as se } from "../components/docs/DocsTabPanel.js";
+import { DocsTabPanel as ae } from "../components/docs/DocsTabPanel.js";
 import "../components/docs/index.js";
-import { VibeGitOpsTab as ce } from "../components/gitops/VibeGitOpsTab.js";
-import { VibeAgentEmptyState as le } from "../components/vibe/VibeAgentEmptyState.js";
-import { DEFAULT_VIBE_FEATURE_CATALOG as ue, isVibeFeatureEnabled as de } from "../lib/vibeFeatures.js";
-import { useCallback as fe, useEffect as pe, useMemo as me, useRef as b, useState as x } from "react";
-import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Archive as ge, ArrowLeft as S, BarChart3 as _e, BookOpen as ve, Check as ye, Clock as be, ExternalLink as xe, FileText as Se, Folder as Ce, GitBranch as we, GitMerge as Te, Globe as C, Info as Ee, Library as w, Link2 as De, Loader2 as T, Network as Oe, Pause as ke, Play as Ae, Plus as E, RefreshCw as je, Server as Me, Settings as Ne, Tag as Pe, Terminal as D, Variable as Fe, X as O, Zap as k } from "lucide-react";
-import { useParams as Ie } from "react-router-dom";
-import { AnimatePresence as Le, motion as A } from "framer-motion";
-import { Fragment as Re, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { useFeatureFlagDetails as ze } from "@burdenoff/fe-libs/shared/feature-flags";
-import { MotionItem as N, MotionList as Be, MotionPage as P } from "@burdenoff/fe-libs/shared/motion";
-import { PermissionButton as F } from "@burdenoff/fe-libs/shared/components";
+import { appendIframeTokenParam as oe, mintIframeToken as C, scheduleIframeTokenRefresh as w } from "../services/iframeToken.js";
+import { VibeGitOpsTab as se } from "../components/gitops/VibeGitOpsTab.js";
+import { VibeAgentEmptyState as ce } from "../components/vibe/VibeAgentEmptyState.js";
+import { DEFAULT_VIBE_FEATURE_CATALOG as le, isVibeFeatureEnabled as ue } from "../lib/vibeFeatures.js";
+import { useCallback as de, useEffect as T, useMemo as fe, useRef as E, useState as D } from "react";
+import { useI18n as pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Archive as me, ArrowLeft as O, BarChart3 as he, BookOpen as ge, Check as k, Clock as _e, ExternalLink as ve, FileText as ye, Folder as be, GitBranch as xe, GitMerge as Se, Globe as A, Info as Ce, Library as j, Link2 as we, Loader2 as Te, Network as Ee, Pause as De, Play as Oe, Plus as M, RefreshCw as ke, Server as Ae, Settings as je, Tag as Me, Terminal as N, Variable as Ne, X as Pe, Zap as P } from "lucide-react";
+import { useParams as Fe } from "react-router-dom";
+import { AnimatePresence as Ie, motion as F } from "framer-motion";
+import { Fragment as Le, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { useFeatureFlagDetails as Re } from "@burdenoff/fe-libs/shared/feature-flags";
+import { MotionItem as R, MotionList as ze, MotionPage as z } from "@burdenoff/fe-libs/shared/motion";
+import { PermissionButton as Be } from "@burdenoff/fe-libs/shared/components";
 //#region src/pages/VibeDetailsPage.tsx
 var Ve = [
 	"overview",
@@ -52,131 +54,131 @@ var Ve = [
 	"graphqlPlayground",
 	"git"
 ]);
-function I() {
-	let { t: e } = he(), { id: r } = Ie(), { basePath: s } = u(), ye = s || "", C = d(), T = fe((t, n) => {
+function Ge() {
+	let { t: e } = pe(), { id: r } = Fe(), { basePath: s } = u(), oe = s || "", C = d(), w = de((t, n) => {
 		let r = e(t);
 		return r === t ? n : r;
-	}, [e]), [O, I] = ae(Ve, "overview"), [qe] = l({ refetchQueries: ["GetVibe"] }), [Je] = t({ refetchQueries: ["GetVibe"] }), [Ye] = n({ refetchQueries: ["GetVibe", "ListSessions"] }), { data: Xe } = i({
+	}, [e]), [k, A] = S(Ve, "overview"), [Te] = l({ refetchQueries: ["GetVibe"] }), [Pe] = t({ refetchQueries: ["GetVibe"] }), [Ge] = n({ refetchQueries: ["GetVibe", "ListSessions"] }), { data: Je } = i({
 		fetchPolicy: "cache-first",
 		errorPolicy: "ignore"
-	}), Ze = me(() => {
-		let e = new Map(ue.map((e) => [e.id, e]));
-		for (let t of Xe?.vibeFeatureCatalog ?? []) e.set(t.id, t);
+	}), Ye = fe(() => {
+		let e = new Map(le.map((e) => [e.id, e]));
+		for (let t of Je?.vibeFeatureCatalog ?? []) e.set(t.id, t);
 		return Array.from(e.values());
-	}, [Xe?.vibeFeatureCatalog]), Qe = me(() => Ze.filter((e) => !Ue.has(e.id)), [Ze]), [$e, { loading: et }] = c({ refetchQueries: ["GetVibe"] }), [tt, nt] = x(!1), [rt, L] = x(null), [it, at] = x(!1), [ot, R] = x(null), z = b(null), B = b(null), V = b(null), H = b(null), { data: st, loading: ct, error: lt, refetch: ut } = o({
+	}, [Je?.vibeFeatureCatalog]), Xe = fe(() => Ye.filter((e) => !Ue.has(e.id)), [Ye]), [Ze, { loading: Qe }] = c({ refetchQueries: ["GetVibe"] }), [$e, et] = D(!1), [tt, B] = D(null), [nt, rt] = D(!1), [it, V] = D(null), H = E(null), U = E(null), W = E(null), G = E(null), { data: at, loading: ot, error: st, refetch: ct } = o({
 		variables: { id: r || "" },
 		skip: !r,
 		fetchPolicy: "cache-and-network"
-	}), U = st?.vibe, { data: dt } = a({
+	}), K = at?.vibe, { data: lt } = a({
 		variables: { id: r || "" },
 		skip: !r,
 		fetchPolicy: "cache-first",
 		errorPolicy: "ignore"
-	}), ft = U, W = dt?.vibe ?? ft, G = fe((e) => de(W ?? null, e, Qe), [W, Qe]), pt = ze("vibes.tabs.git"), mt = ze("vibes.tabs.scorecard"), ht = ze("vibes.tabs.graphql-playground"), gt = fe((e) => {
+	}), ut = K, q = lt?.vibe ?? ut, J = de((e) => ue(q ?? null, e, Xe), [q, Xe]), dt = Re("vibes.tabs.git"), ft = Re("vibes.tabs.scorecard"), pt = Re("vibes.tabs.graphql-playground"), mt = de((e) => {
 		switch (e) {
-			case "git": return pt ? !!pt.value : !0;
-			case "scorecard": return mt ? !!mt.value : !0;
-			case "graphqlPlayground": return ht ? !!ht.value : !0;
+			case "git": return dt ? !!dt.value : !0;
+			case "scorecard": return ft ? !!ft.value : !0;
+			case "graphqlPlayground": return pt ? !!pt.value : !0;
 			default: return !0;
 		}
 	}, [
-		pt,
-		mt,
-		ht
-	]), K = U?.agent || null, q = U?.sessions || [], J = U?.children || [], Y = U?.parent || null, X = K ?? null, Z = X?.tunnelUrl ?? null, _t = X?.agentApiKey ?? null;
-	pe(() => {
-		U && f.setState({
-			activeAgentId: K?.id ?? null,
-			selectedAgentId: K?.id ?? null,
-			activeVibeId: U.id,
-			selectedVibeId: U.id,
+		dt,
+		ft,
+		pt
+	]), Y = K?.agent || null, X = K?.sessions || [], Z = K?.children || [], ht = K?.parent || null, Q = Y ?? null, gt = Q?.tunnelUrl ?? null, _t = Q?.agentApiKey ?? null, { active: vt } = y(Q?.id ?? null);
+	T(() => {
+		K && ee.setState({
+			activeAgentId: Y?.id ?? null,
+			selectedAgentId: Y?.id ?? null,
+			activeVibeId: K.id,
+			selectedVibeId: K.id,
 			activeSessionId: null,
 			selectedSessionId: null
 		});
-	}, [U?.id, K?.id]);
-	let Q = !!U?.agentId;
-	pe(() => {
-		if (!He.has(O)) {
-			if (!G(O) || !gt(O)) {
-				I("overview");
+	}, [K?.id, Y?.id]);
+	let yt = !!K?.agentId;
+	T(() => {
+		if (!He.has(k)) {
+			if (!J(k) || !mt(k)) {
+				A("overview");
 				return;
 			}
-			!Q && We.has(O) && I("overview");
+			!yt && We.has(k) && A("overview");
 		}
 	}, [
-		O,
-		G,
-		gt,
-		Q,
-		I
+		k,
+		J,
+		mt,
+		yt,
+		A
 	]);
 	let $ = () => {
 		C("/vibes");
-	}, vt = async () => {
-		if (U?.id) try {
-			await qe({ variables: {
-				id: U.id,
+	}, bt = async () => {
+		if (K?.id) try {
+			await Te({ variables: {
+				id: K.id,
 				status: "ACTIVE"
 			} });
 		} catch (e) {
 			console.error("Failed to activate vibe:", e);
 		}
-	}, yt = async () => {
-		if (U?.id) try {
-			await qe({ variables: {
-				id: U.id,
+	}, xt = async () => {
+		if (K?.id) try {
+			await Te({ variables: {
+				id: K.id,
 				status: "INACTIVE"
 			} });
 		} catch (e) {
 			console.error("Failed to deactivate vibe:", e);
 		}
-	}, bt = async () => {
-		if (U?.id) try {
-			await Je({ variables: { id: U.id } });
+	}, St = async () => {
+		if (K?.id) try {
+			await Pe({ variables: { id: K.id } });
 		} catch (e) {
 			console.error("Failed to archive vibe:", e);
 		}
-	}, xt = () => {
-		U?.path ? window.location.href = `vscode://file/${U.path}` : (R(T("vibesPage.openEditorPathMissing", "No path available to open in editor")), setTimeout(() => R(null), 3e3));
-	}, St = () => {
-		L(null), nt(!0);
-	}, Ct = async () => {
-		let e = z.current?.value?.trim(), t = B.current?.value, n = V.current?.value?.trim() || void 0, r = H.current?.value?.trim() || void 0;
+	}, Ct = () => {
+		K?.path ? window.location.href = `vscode://file/${K.path}` : (V(w("vibesPage.openEditorPathMissing", "No path available to open in editor")), setTimeout(() => V(null), 3e3));
+	}, wt = () => {
+		B(null), et(!0);
+	}, Tt = async () => {
+		let e = H.current?.value?.trim(), t = U.current?.value, n = W.current?.value?.trim() || void 0, r = G.current?.value?.trim() || void 0;
 		if (!e) {
-			L(T("vibeDetails.sessionNameRequired", "Session name is required"));
+			B(w("vibeDetails.sessionNameRequired", "Session name is required"));
 			return;
 		}
-		let i = U?.agentId;
+		let i = K?.agentId;
 		if (!i) {
-			L(T("vibeDetails.noAgentAttached", "This vibe has no agent attached. Connect an agent to this vibe before creating a session."));
+			B(w("vibeDetails.noAgentAttached", "This vibe has no agent attached. Connect an agent to this vibe before creating a session."));
 			return;
 		}
-		at(!0), L(null);
+		rt(!0), B(null);
 		try {
-			await Ye({ variables: { input: {
+			await Ge({ variables: { input: {
 				name: e,
 				type: t || "TERMINAL",
 				agentId: i,
-				vibeId: U?.id,
+				vibeId: K?.id,
 				command: n,
-				workingDirectory: r || U?.path || void 0
-			} } }), nt(!1), z.current && (z.current.value = ""), B.current && (B.current.selectedIndex = 0), V.current && (V.current.value = ""), H.current && (H.current.value = ""), R(T("sessions.createdSuccess", "Session created successfully")), setTimeout(() => R(null), 3e3);
+				workingDirectory: r || K?.path || void 0
+			} } }), et(!1), H.current && (H.current.value = ""), U.current && (U.current.selectedIndex = 0), W.current && (W.current.value = ""), G.current && (G.current.value = ""), V(w("sessions.createdSuccess", "Session created successfully")), setTimeout(() => V(null), 3e3);
 		} catch (e) {
-			L(e instanceof Error ? e.message : T("sessions.failedCreate", "Failed to create session"));
+			B(e instanceof Error ? e.message : w("sessions.failedCreate", "Failed to create session"));
 		} finally {
-			at(!1);
+			rt(!1);
 		}
-	}, wt = () => {
-		K && C(`/agents/${K.id}`);
-	}, Tt = (e) => {
+	}, Et = () => {
+		Y && C(`/agents/${Y.id}`);
+	}, Dt = (e) => {
 		C(`/sessions/${e}`);
-	}, Et = (e) => {
+	}, Ot = (e) => {
 		C(`/vibes/${e}`);
-	}, Dt = (e) => {
-		if (!e) return T("health.never", "Never");
+	}, kt = (e) => {
+		if (!e) return w("health.never", "Never");
 		let t = Date.now() - new Date(e).getTime();
-		return t < 6e4 ? T("health.justNow", "Just now") : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleDateString();
-	}, Ot = (e) => {
+		return t < 6e4 ? w("health.justNow", "Just now") : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleDateString();
+	}, At = (e) => {
 		switch (e) {
 			case "clean": return "text-status-success-text";
 			case "modified": return "text-status-warning-text";
@@ -184,282 +186,283 @@ function I() {
 			default: return "text-text-secondary";
 		}
 	};
-	if (ct && !U) return /* @__PURE__ */ M(P, {
+	if (ot && !K) return /* @__PURE__ */ L(z, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ M("button", {
+		children: [/* @__PURE__ */ L("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ j(S, { className: "w-4 h-4" }), T("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ j(m, { message: T("vibeDetails.loadingDetails", "Loading vibe details...") })]
+			children: [/* @__PURE__ */ I(O, { className: "w-4 h-4" }), w("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ I(p, { message: w("vibeDetails.loadingDetails", "Loading vibe details...") })]
 	});
-	if (lt && !U) return /* @__PURE__ */ M(P, {
+	if (st && !K) return /* @__PURE__ */ L(z, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ M("button", {
+		children: [/* @__PURE__ */ L("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ j(S, { className: "w-4 h-4" }), T("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ j(h, {
-			title: T("vibeDetails.failedLoad", "Failed to load vibe"),
-			message: lt.message,
-			onRetry: () => ut()
+			children: [/* @__PURE__ */ I(O, { className: "w-4 h-4" }), w("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ I(m, {
+			title: w("vibeDetails.failedLoad", "Failed to load vibe"),
+			message: st.message,
+			onRetry: () => ct()
 		})]
 	});
-	if (!U) return /* @__PURE__ */ M(P, {
+	if (!K) return /* @__PURE__ */ L(z, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ M("button", {
+		children: [/* @__PURE__ */ L("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ j(S, { className: "w-4 h-4" }), T("vibeDetails.backToVibes", "Back to Vibes")]
-		}), /* @__PURE__ */ j(g, {
-			icon: /* @__PURE__ */ j(k, { className: "w-8 h-8 text-text-secondary" }),
-			title: T("vibeDetails.notFound", "Vibe not found"),
-			description: `${T("vibeDetails.notFoundDescriptionPrefix", "No vibe with ID")} "${r}" ${T("vibeDetails.notFoundDescriptionSuffix", "exists")}`,
-			action: /* @__PURE__ */ j("button", {
+			children: [/* @__PURE__ */ I(O, { className: "w-4 h-4" }), w("vibeDetails.backToVibes", "Back to Vibes")]
+		}), /* @__PURE__ */ I(h, {
+			icon: /* @__PURE__ */ I(P, { className: "w-8 h-8 text-text-secondary" }),
+			title: w("vibeDetails.notFound", "Vibe not found"),
+			description: `${w("vibeDetails.notFoundDescriptionPrefix", "No vibe with ID")} "${r}" ${w("vibeDetails.notFoundDescriptionSuffix", "exists")}`,
+			action: /* @__PURE__ */ I("button", {
 				onClick: $,
 				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-				children: T("vibeDetails.backToVibes", "Back to Vibes")
+				children: w("vibeDetails.backToVibes", "Back to Vibes")
 			})
 		})]
 	});
-	let kt = U.status === "ACTIVE" || U.status === "RUNNING", At = q.filter((e) => e.status === "RUNNING").length, jt = J.length + +!!Y + +!!K, Mt = !!(U.gitBranch || U.gitRemote), Nt = [
+	let jt = K.status === "ACTIVE" || K.status === "RUNNING", Mt = X.filter((e) => e.status === "RUNNING").length, Nt = Z.length + +!!ht + +!!Y, Pt = !!(K.gitBranch || K.gitRemote), Ft = [
 		{
 			id: "overview",
-			label: T("nav.overview", "Overview"),
-			icon: Ee
+			label: w("nav.overview", "Overview"),
+			icon: Ce
 		},
 		{
 			id: "config",
-			label: T("vibeDetails.config", "Config"),
-			icon: Ne
+			label: w("vibeDetails.config", "Config"),
+			icon: je
 		},
 		{
 			id: "git",
-			label: T("vibeDetails.git", "Git"),
-			icon: we,
-			badge: Mt && U.gitBranch || void 0
+			label: w("vibeDetails.git", "Git"),
+			icon: xe,
+			badge: Pt && K.gitBranch || void 0
 		},
 		{
 			id: "sessions",
-			label: T("nav.sessions", "Sessions"),
-			icon: D,
-			badge: `${q.length}`
+			label: w("nav.sessions", "Sessions"),
+			icon: N,
+			badge: `${X.length}`
 		},
 		{
 			id: "notes",
-			label: T("vibeDetails.notes", "Notes"),
-			icon: Se
+			label: w("vibeDetails.notes", "Notes"),
+			icon: ye
 		},
 		{
 			id: "docs",
-			label: T("vibeDetails.docs", "Docs"),
-			icon: ve
+			label: w("vibeDetails.docs", "Docs"),
+			icon: ge
 		},
 		{
 			id: "scorecard",
-			label: T("vibeDetails.scorecard", "Scorecard"),
-			icon: _e
+			label: w("vibeDetails.scorecard", "Scorecard"),
+			icon: he
 		},
 		{
 			id: "catalogs",
-			label: T("vibeDetails.catalogs", "Catalogs"),
-			icon: w
+			label: w("vibeDetails.catalogs", "Catalogs"),
+			icon: j
 		},
 		{
 			id: "graphqlPlayground",
-			label: T("vibeDetails.graphqlPlayground", "GraphQL"),
-			icon: Oe
+			label: w("vibeDetails.graphqlPlayground", "GraphQL"),
+			icon: Ee
 		},
 		{
 			id: "gitops",
-			label: T("vibeDetails.gitops", "GitOps"),
-			icon: Te
+			label: w("vibeDetails.gitops", "GitOps"),
+			icon: Se
 		},
 		{
 			id: "related",
-			label: T("vibeDetails.related", "Related"),
-			icon: De,
-			badge: jt > 0 ? `${jt}` : void 0
+			label: w("vibeDetails.related", "Related"),
+			icon: we,
+			badge: Nt > 0 ? `${Nt}` : void 0
 		}
-	].filter((e) => He.has(e.id) ? !0 : !(!G(e.id) || !gt(e.id) || !Q && We.has(e.id)));
-	return /* @__PURE__ */ M(P, {
+	].filter((e) => He.has(e.id) ? !0 : !(!J(e.id) || !mt(e.id) || !yt && We.has(e.id)));
+	return /* @__PURE__ */ L(z, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			ot && /* @__PURE__ */ j("div", {
+			it && /* @__PURE__ */ I("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: ot
+				children: it
 			}),
-			/* @__PURE__ */ M("button", {
+			/* @__PURE__ */ L("button", {
 				onClick: $,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ j(S, { className: "w-4 h-4" }), T("vibeDetails.backToVibes", "Back to Vibes")]
+				children: [/* @__PURE__ */ I(O, { className: "w-4 h-4" }), w("vibeDetails.backToVibes", "Back to Vibes")]
 			}),
-			/* @__PURE__ */ j(p, {
-				title: U.name,
-				description: U.description || T("vibeDetails.noDescription", "No description"),
+			/* @__PURE__ */ I(f, {
+				title: K.name,
+				description: K.description || w("vibeDetails.noDescription", "No description"),
 				breadcrumb: [{
-					label: T("nav.vibes", "Vibes"),
-					path: ye ? `${ye}/vibes` : "/vibes"
-				}, { label: U.name }],
-				actions: /* @__PURE__ */ M("div", {
+					label: w("nav.vibes", "Vibes"),
+					path: oe ? `${oe}/vibes` : "/vibes"
+				}, { label: K.name }],
+				actions: /* @__PURE__ */ L("div", {
 					className: "flex items-center gap-2 flex-wrap",
 					children: [
-						/* @__PURE__ */ j("button", {
-							onClick: () => ut(),
-							disabled: ct,
+						/* @__PURE__ */ I("button", {
+							onClick: () => ct(),
+							disabled: ot,
 							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: T("common.refresh", "Refresh"),
-							children: /* @__PURE__ */ j(je, { className: `w-4 h-4 ${ct ? "animate-spin" : ""}` })
+							title: w("common.refresh", "Refresh"),
+							children: /* @__PURE__ */ I(ke, { className: `w-4 h-4 ${ot ? "animate-spin" : ""}` })
 						}),
-						/* @__PURE__ */ j(F, {
-							permission: ne.VIBE_UPDATE,
+						/* @__PURE__ */ I(Be, {
+							permission: b.VIBE_UPDATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to update vibes",
-							children: kt ? /* @__PURE__ */ M("button", {
-								onClick: yt,
+							children: jt ? /* @__PURE__ */ L("button", {
+								onClick: xt,
 								className: "flex items-center gap-1.5 px-2.5 py-1.5 sm:px-3 sm:py-2 text-xs sm:text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								children: [/* @__PURE__ */ j(ke, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ j("span", {
+								children: [/* @__PURE__ */ I(De, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ I("span", {
 									className: "hidden sm:inline",
-									children: T("vibeDetails.deactivate", "Deactivate")
+									children: w("vibeDetails.deactivate", "Deactivate")
 								})]
-							}) : /* @__PURE__ */ M("button", {
-								onClick: vt,
+							}) : /* @__PURE__ */ L("button", {
+								onClick: bt,
 								className: "flex items-center gap-1.5 px-2.5 py-1.5 sm:px-3 sm:py-2 text-xs sm:text-sm bg-status-success-bg text-status-success-text rounded-md hover:opacity-80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								children: [/* @__PURE__ */ j(Ae, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ j("span", {
+								children: [/* @__PURE__ */ I(Oe, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ I("span", {
 									className: "hidden sm:inline",
-									children: T("vibeDetails.activate", "Activate")
+									children: w("vibeDetails.activate", "Activate")
 								})]
 							})
 						}),
-						/* @__PURE__ */ M("button", {
-							onClick: xt,
+						/* @__PURE__ */ L("button", {
+							onClick: Ct,
 							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: T("vibeDetails.openInLocalVscode", "Open in local VS Code"),
-							children: [/* @__PURE__ */ j(xe, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ j("span", {
+							title: w("vibeDetails.openInLocalVscode", "Open in local VS Code"),
+							children: [/* @__PURE__ */ I(ve, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ I("span", {
 								className: "hidden sm:inline",
-								children: T("vibeDetails.openInLocalVscode", "Open in VS Code")
+								children: w("vibeDetails.openInLocalVscode", "Open in VS Code")
 							})]
 						}),
-						G("browserEditor") && /* @__PURE__ */ j(re, {
-							tunnelUrl: Z,
+						J("browserEditor") && /* @__PURE__ */ I(re, {
+							tunnelUrl: gt,
 							agentApiKey: _t,
-							workspacePath: U.path || void 0
+							profile: vt,
+							workspacePath: K.path || void 0
 						}),
-						/* @__PURE__ */ j(F, {
-							permission: ne.SESSION_CREATE,
+						/* @__PURE__ */ I(Be, {
+							permission: b.SESSION_CREATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to create sessions",
-							children: /* @__PURE__ */ M("button", {
-								onClick: St,
+							children: /* @__PURE__ */ L("button", {
+								onClick: wt,
 								className: "flex items-center gap-1.5 px-2.5 py-1.5 sm:px-3 sm:py-2 text-xs sm:text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
 								children: [
-									/* @__PURE__ */ j(E, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }),
-									/* @__PURE__ */ j("span", {
+									/* @__PURE__ */ I(M, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }),
+									/* @__PURE__ */ I("span", {
 										className: "hidden sm:inline",
-										children: T("vibeDetails.new", "New")
+										children: w("vibeDetails.new", "New")
 									}),
-									/* @__PURE__ */ j("span", {
+									/* @__PURE__ */ I("span", {
 										className: "hidden sm:inline",
-										children: T("nav.sessions", "Session")
+										children: w("nav.sessions", "Session")
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ j(F, {
-							permission: ne.VIBE_UPDATE,
+						/* @__PURE__ */ I(Be, {
+							permission: b.VIBE_UPDATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to archive vibes",
-							children: /* @__PURE__ */ M("button", {
-								onClick: bt,
+							children: /* @__PURE__ */ L("button", {
+								onClick: St,
 								className: "flex items-center gap-1.5 px-2.5 py-1.5 sm:px-3 sm:py-2 text-xs sm:text-sm bg-status-warning-bg text-status-warning-text rounded-md hover:opacity-80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								title: T("vibeDetails.archive", "Archive"),
-								children: [/* @__PURE__ */ j(ge, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ j("span", {
+								title: w("vibeDetails.archive", "Archive"),
+								children: [/* @__PURE__ */ I(me, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4" }), /* @__PURE__ */ I("span", {
 									className: "hidden sm:inline",
-									children: T("vibeDetails.archive", "Archive")
+									children: w("vibeDetails.archive", "Archive")
 								})]
 							})
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ M(Be, {
+			/* @__PURE__ */ L(ze, {
 				stagger: .04,
 				className: "grid grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-4",
 				children: [
-					/* @__PURE__ */ j(N, { children: /* @__PURE__ */ j(v, {
+					/* @__PURE__ */ I(R, { children: /* @__PURE__ */ I(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ L("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ I("div", {
 								className: "w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ j(k, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
-							}), /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ I(P, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
+							}), /* @__PURE__ */ L("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ I("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: T("sessions.filterStatus", "Status")
-								}), /* @__PURE__ */ j(_, {
-									status: U.status,
+									children: w("sessions.filterStatus", "Status")
+								}), /* @__PURE__ */ I(g, {
+									status: K.status,
 									size: "md"
 								})]
 							})]
 						})
 					}) }),
-					/* @__PURE__ */ j(N, { children: /* @__PURE__ */ j(v, {
+					/* @__PURE__ */ I(R, { children: /* @__PURE__ */ I(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ L("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ I("div", {
 								className: "w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ j(Ce, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
-							}), /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ I(be, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
+							}), /* @__PURE__ */ L("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ I("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: T("sessions.filterType", "Type")
-								}), /* @__PURE__ */ j("p", {
+									children: w("sessions.filterType", "Type")
+								}), /* @__PURE__ */ I("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base truncate",
-									children: U.type
+									children: K.type
 								})]
 							})]
 						})
 					}) }),
-					/* @__PURE__ */ j(N, { children: /* @__PURE__ */ j(v, {
+					/* @__PURE__ */ I(R, { children: /* @__PURE__ */ I(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ L("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ I("div", {
 								className: "w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ j(Me, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
-							}), /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ I(Ae, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
+							}), /* @__PURE__ */ L("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ I("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: T("sessions.filterAgent", "Agent")
-								}), /* @__PURE__ */ j("p", {
+									children: w("sessions.filterAgent", "Agent")
+								}), /* @__PURE__ */ I("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base truncate",
-									children: K?.name || T("targets.unknown", "Unknown")
+									children: Y?.name || w("targets.unknown", "Unknown")
 								})]
 							})]
 						})
 					}) }),
-					/* @__PURE__ */ j(N, { children: /* @__PURE__ */ j(v, {
+					/* @__PURE__ */ I(R, { children: /* @__PURE__ */ I(_, {
 						className: "p-3 sm:p-4",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ L("div", {
 							className: "flex items-center gap-2 sm:gap-3",
-							children: [/* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ I("div", {
 								className: "w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ j(D, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
-							}), /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ I(N, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
+							}), /* @__PURE__ */ L("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ I("p", {
 									className: "text-xs sm:text-sm text-text-secondary",
-									children: T("nav.sessions", "Sessions")
-								}), /* @__PURE__ */ M("p", {
+									children: w("nav.sessions", "Sessions")
+								}), /* @__PURE__ */ L("p", {
 									className: "font-semibold text-text-primary text-sm sm:text-base",
 									children: [
-										At,
+										Mt,
 										" ",
-										T("health.active", "active")
+										w("health.active", "active")
 									]
 								})]
 							})]
@@ -467,22 +470,22 @@ function I() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ I("div", {
 				className: "border-b border-border-default",
-				children: /* @__PURE__ */ j("nav", {
+				children: /* @__PURE__ */ I("nav", {
 					className: "flex gap-1 -mb-px overflow-x-auto pb-1",
-					"aria-label": T("vibeDetails.tabsAriaLabel", "Vibe tabs"),
-					children: Nt.map((e) => {
-						let t = e.icon, n = O === e.id;
-						return /* @__PURE__ */ M("button", {
-							onClick: () => I(e.id),
+					"aria-label": w("vibeDetails.tabsAriaLabel", "Vibe tabs"),
+					children: Ft.map((e) => {
+						let t = e.icon, n = k === e.id;
+						return /* @__PURE__ */ L("button", {
+							onClick: () => A(e.id),
 							className: `flex shrink-0 items-center gap-1.5 px-3 py-2.5 text-xs sm:gap-2 sm:px-4 sm:text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${n ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
 							"aria-selected": n,
 							role: "tab",
 							children: [
-								/* @__PURE__ */ j(t, { className: "w-4 h-4" }),
+								/* @__PURE__ */ I(t, { className: "w-4 h-4" }),
 								e.label,
-								e.badge && /* @__PURE__ */ j("span", {
+								e.badge && /* @__PURE__ */ I("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
 								})
@@ -491,10 +494,10 @@ function I() {
 					})
 				})
 			}),
-			/* @__PURE__ */ M(Le, {
+			/* @__PURE__ */ L(Ie, {
 				mode: "wait",
 				children: [
-					O === "overview" && /* @__PURE__ */ M(A.div, {
+					k === "overview" && /* @__PURE__ */ L(F.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -510,58 +513,58 @@ function I() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							U.description && /* @__PURE__ */ j(v, { children: /* @__PURE__ */ j("div", {
+							K.description && /* @__PURE__ */ I(_, { children: /* @__PURE__ */ I("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ j("p", {
+								children: /* @__PURE__ */ I("p", {
 									className: "text-text-primary",
-									children: U.description
+									children: K.description
 								})
 							}) }),
-							!Q && /* @__PURE__ */ j(le, {
-								vibeId: U.id,
-								tr: T
+							!yt && /* @__PURE__ */ I(ce, {
+								vibeId: K.id,
+								tr: w
 							}),
-							/* @__PURE__ */ M(v, { children: [/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ L(_, { children: [/* @__PURE__ */ I("div", {
 								className: "p-3 sm:p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ L("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2 text-sm sm:text-base",
-									children: [/* @__PURE__ */ j(Ce, { className: "w-4 h-4 sm:w-5 sm:h-5" }), T("vibeDetails.path", "Path")]
+									children: [/* @__PURE__ */ I(be, { className: "w-4 h-4 sm:w-5 sm:h-5" }), w("vibeDetails.path", "Path")]
 								})
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ I("div", {
 								className: "p-3 sm:p-4",
-								children: /* @__PURE__ */ j("div", {
+								children: /* @__PURE__ */ I("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: U.path
+									children: K.path
 								})
 							})] }),
-							/* @__PURE__ */ M(v, { children: [/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ L(_, { children: [/* @__PURE__ */ I("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ L("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ j(be, { className: "w-5 h-5" }), T("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ I(_e, { className: "w-5 h-5" }), w("vibeDetails.timeline", "Timeline")]
 								})
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ I("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ L("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
-									children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 										className: "text-text-secondary",
-										children: T("vibeDetails.created", "Created")
-									}), /* @__PURE__ */ j("p", {
+										children: w("vibeDetails.created", "Created")
+									}), /* @__PURE__ */ I("p", {
 										className: "font-medium text-text-primary",
-										children: Dt(U.createdAt)
-									})] }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+										children: kt(K.createdAt)
+									})] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 										className: "text-text-secondary",
-										children: T("vibeDetails.updated", "Updated")
-									}), /* @__PURE__ */ j("p", {
+										children: w("vibeDetails.updated", "Updated")
+									}), /* @__PURE__ */ I("p", {
 										className: "font-medium text-text-primary",
-										children: Dt(U.updatedAt)
+										children: kt(K.updatedAt)
 									})] })]
 								})
 							})] })
 						]
 					}, "overview"),
-					O === "config" && /* @__PURE__ */ M(A.div, {
+					k === "config" && /* @__PURE__ */ L(F.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -577,17 +580,17 @@ function I() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ M(v, { children: [/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ L(_, { children: [/* @__PURE__ */ I("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ L("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ j(Fe, { className: "w-5 h-5" }), T("vibeDetails.environmentVariables", "Environment Variables")]
+									children: [/* @__PURE__ */ I(Ne, { className: "w-5 h-5" }), w("vibeDetails.environmentVariables", "Environment Variables")]
 								})
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ I("div", {
 								className: "p-4",
-								children: U.environmentVariables && Object.keys(U.environmentVariables).length > 0 ? /* @__PURE__ */ j("div", {
+								children: K.environmentVariables && Object.keys(K.environmentVariables).length > 0 ? /* @__PURE__ */ I("div", {
 									className: "flex flex-wrap gap-2",
-									children: Object.entries(U.environmentVariables).map(([e, t]) => /* @__PURE__ */ M("span", {
+									children: Object.entries(K.environmentVariables).map(([e, t]) => /* @__PURE__ */ L("span", {
 										className: "px-3 py-1 bg-bg-sunken text-text-primary text-sm rounded-full font-mono",
 										children: [
 											e,
@@ -595,66 +598,66 @@ function I() {
 											String(t)
 										]
 									}, e))
-								}) : /* @__PURE__ */ j("p", {
+								}) : /* @__PURE__ */ I("p", {
 									className: "text-text-secondary",
-									children: T("vibeDetails.noEnvironmentVariables", "No environment variables configured")
+									children: w("vibeDetails.noEnvironmentVariables", "No environment variables configured")
 								})
 							})] }),
-							/* @__PURE__ */ M(v, { children: [/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ L(_, { children: [/* @__PURE__ */ I("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ L("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ j(Pe, { className: "w-5 h-5" }), T("vibeDetails.tags", "Tags")]
+									children: [/* @__PURE__ */ I(Me, { className: "w-5 h-5" }), w("vibeDetails.tags", "Tags")]
 								})
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ I("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ j(y, {
+								children: /* @__PURE__ */ I(te, {
 									entityType: "VIBECONTROLS_VIBE",
-									entityId: U.id
+									entityId: K.id
 								})
 							})] }),
-							/* @__PURE__ */ M(v, { children: [/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ L(_, { children: [/* @__PURE__ */ L("div", {
 								className: "p-4 border-b border-border-default",
-								children: [/* @__PURE__ */ M("h3", {
+								children: [/* @__PURE__ */ L("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ j(Ne, { className: "w-5 h-5" }), T("vibeDetails.features", "Features")]
-								}), /* @__PURE__ */ j("p", {
+									children: [/* @__PURE__ */ I(je, { className: "w-5 h-5" }), w("vibeDetails.features", "Features")]
+								}), /* @__PURE__ */ I("p", {
 									className: "text-sm text-text-secondary mt-1",
-									children: T("vibeDetails.featuresDescription", "Toggle which sections show up on this vibe. Changes apply to everyone viewing the vibe.")
+									children: w("vibeDetails.featuresDescription", "Toggle which sections show up on this vibe. Changes apply to everyone viewing the vibe.")
 								})]
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ I("div", {
 								className: "p-4 space-y-2",
-								children: Qe.map((e) => {
-									let t = G(e.id);
-									return /* @__PURE__ */ M("label", {
+								children: Xe.map((e) => {
+									let t = J(e.id);
+									return /* @__PURE__ */ L("label", {
 										className: "flex items-center justify-between gap-4 py-2 cursor-pointer",
-										children: [/* @__PURE__ */ j("span", {
+										children: [/* @__PURE__ */ I("span", {
 											className: "text-sm font-medium text-text-primary",
 											children: e.label
-										}), /* @__PURE__ */ j("input", {
+										}), /* @__PURE__ */ I("input", {
 											type: "checkbox",
 											role: "switch",
 											"aria-label": e.label,
 											checked: t,
-											disabled: et || !U.id,
+											disabled: Qe || !K.id,
 											onChange: async (t) => {
 												let n = t.target.checked;
 												try {
-													await $e({
+													await Ze({
 														variables: {
-															id: U.id,
+															id: K.id,
 															featureId: e.id,
 															enabled: n
 														},
 														optimisticResponse: { setVibeFeatureFlag: {
 															__typename: "Vibe",
-															id: U.id,
+															id: K.id,
 															featureFlags: {
-																...W?.featureFlags ?? {},
+																...q?.featureFlags ?? {},
 																[e.id]: n
 															},
 															effectiveFeatureFlags: {
-																...W?.effectiveFeatureFlags ?? {},
+																...q?.effectiveFeatureFlags ?? {},
 																[e.id]: n
 															}
 														} }
@@ -670,7 +673,7 @@ function I() {
 							})] })
 						]
 					}, "config"),
-					O === "git" && G("git") && /* @__PURE__ */ j(A.div, {
+					k === "git" && J("git") && /* @__PURE__ */ I(F.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -685,57 +688,57 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(te, {
-							agentId: X?.id ?? null,
+						children: /* @__PURE__ */ I(v, {
+							agentId: Q?.id ?? null,
 							required: ["@vibecontrols/vibe-plugin-tool-git"],
 							mode: "all",
-							eyebrow: T("vibeDetails.gitPluginEyebrow", "Git plugin required"),
-							title: T("vibeDetails.gitPluginTitle", "Install the git plugin"),
-							description: T("vibeDetails.gitPluginDescription", "Live git branch, status, and remote data for this vibe are served by the vibe-plugin-tool-git agent plugin."),
-							children: Mt ? /* @__PURE__ */ M(v, { children: [/* @__PURE__ */ j("div", {
+							eyebrow: w("vibeDetails.gitPluginEyebrow", "Git plugin required"),
+							title: w("vibeDetails.gitPluginTitle", "Install the git plugin"),
+							description: w("vibeDetails.gitPluginDescription", "Live git branch, status, and remote data for this vibe are served by the vibe-plugin-tool-git agent plugin."),
+							children: Pt ? /* @__PURE__ */ L(_, { children: [/* @__PURE__ */ I("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ L("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ j(we, { className: "w-5 h-5" }), T("vibeDetails.gitInformation", "Git Information")]
+									children: [/* @__PURE__ */ I(xe, { className: "w-5 h-5" }), w("vibeDetails.gitInformation", "Git Information")]
 								})
-							}), /* @__PURE__ */ M("div", {
+							}), /* @__PURE__ */ L("div", {
 								className: "p-4 space-y-3",
-								children: [/* @__PURE__ */ M("div", {
+								children: [/* @__PURE__ */ L("div", {
 									className: "flex items-center gap-4 flex-wrap",
-									children: [U.gitBranch && /* @__PURE__ */ M("div", {
+									children: [K.gitBranch && /* @__PURE__ */ L("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ L("span", {
 											className: "text-sm text-text-secondary",
-											children: [T("vibeDetails.branch", "Branch"), ":"]
-										}), /* @__PURE__ */ j("span", {
+											children: [w("vibeDetails.branch", "Branch"), ":"]
+										}), /* @__PURE__ */ I("span", {
 											className: "px-2 py-1 bg-bg-sunken text-text-primary text-sm rounded font-mono",
-											children: U.gitBranch
+											children: K.gitBranch
 										})]
-									}), U.gitStatus && /* @__PURE__ */ M("div", {
+									}), K.gitStatus && /* @__PURE__ */ L("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ L("span", {
 											className: "text-sm text-text-secondary",
-											children: [T("sessions.filterStatus", "Status"), ":"]
-										}), /* @__PURE__ */ j("span", {
-											className: `font-medium ${Ot(U.gitStatus)}`,
-											children: U.gitStatus
+											children: [w("sessions.filterStatus", "Status"), ":"]
+										}), /* @__PURE__ */ I("span", {
+											className: `font-medium ${At(K.gitStatus)}`,
+											children: K.gitStatus
 										})]
 									})]
-								}), U.gitRemote && /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("span", {
+								}), K.gitRemote && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ L("span", {
 									className: "text-sm text-text-secondary",
-									children: [T("vibeDetails.remote", "Remote"), ":"]
-								}), /* @__PURE__ */ j("p", {
+									children: [w("vibeDetails.remote", "Remote"), ":"]
+								}), /* @__PURE__ */ I("p", {
 									className: "font-mono text-sm text-text-primary mt-1 break-all",
-									children: U.gitRemote
+									children: K.gitRemote
 								})] })]
-							})] }) : /* @__PURE__ */ j(g, {
-								icon: /* @__PURE__ */ j(we, { className: "w-8 h-8 text-text-secondary" }),
-								title: T("vibeDetails.noGitInformation", "No git information"),
-								description: T("vibeDetails.noGitInformationDescription", "This vibe does not have any git repository linked")
+							})] }) : /* @__PURE__ */ I(h, {
+								icon: /* @__PURE__ */ I(xe, { className: "w-8 h-8 text-text-secondary" }),
+								title: w("vibeDetails.noGitInformation", "No git information"),
+								description: w("vibeDetails.noGitInformationDescription", "This vibe does not have any git repository linked")
 							})
 						})
 					}, "git"),
-					O === "sessions" && G("sessions") && /* @__PURE__ */ j(A.div, {
+					k === "sessions" && J("sessions") && /* @__PURE__ */ I(F.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -749,66 +752,66 @@ function I() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ j(te, {
-							agentId: X?.id ?? null,
+						children: /* @__PURE__ */ I(v, {
+							agentId: Q?.id ?? null,
 							requirements: [{
 								packages: ["@vibecontrols/vibe-plugin-session-manager"],
 								mode: "all",
-								eyebrow: T("vibeDetails.sessionsManagerEyebrow", "Session manager required"),
-								title: T("vibeDetails.sessionsManagerTitle", "Install the session manager"),
-								description: T("vibeDetails.sessionsManagerDescription", "Sessions are orchestrated by the unified session manager plugin. Install it to continue.")
+								eyebrow: w("vibeDetails.sessionsManagerEyebrow", "Session manager required"),
+								title: w("vibeDetails.sessionsManagerTitle", "Install the session manager"),
+								description: w("vibeDetails.sessionsManagerDescription", "Sessions are orchestrated by the unified session manager plugin. Install it to continue.")
 							}, {
-								packages: ee,
+								packages: ne,
 								mode: "any",
-								eyebrow: T("vibeDetails.sessionProviderEyebrow", "Session provider required"),
-								title: T("vibeDetails.sessionProviderTitle", "Pick a session provider"),
-								description: T("vibeDetails.sessionProviderDescription", "Choose the terminal multiplexer your sessions should run on. You can install more providers later.")
+								eyebrow: w("vibeDetails.sessionProviderEyebrow", "Session provider required"),
+								title: w("vibeDetails.sessionProviderTitle", "Pick a session provider"),
+								description: w("vibeDetails.sessionProviderDescription", "Choose the terminal multiplexer your sessions should run on. You can install more providers later.")
 							}],
-							children: /* @__PURE__ */ M(v, { children: [/* @__PURE__ */ M("div", {
+							children: /* @__PURE__ */ L(_, { children: [/* @__PURE__ */ L("div", {
 								className: "p-4 border-b border-border-default flex items-center justify-between",
-								children: [/* @__PURE__ */ M("h3", {
+								children: [/* @__PURE__ */ L("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ j(D, { className: "w-5 h-5" }),
-										T("nav.sessions", "Sessions"),
+										/* @__PURE__ */ I(N, { className: "w-5 h-5" }),
+										w("nav.sessions", "Sessions"),
 										" (",
-										q.length,
+										X.length,
 										")"
 									]
-								}), /* @__PURE__ */ M("button", {
-									onClick: St,
+								}), /* @__PURE__ */ L("button", {
+									onClick: wt,
 									className: "flex items-center gap-1 px-2 py-1 text-sm bg-bg-sunken text-text-primary rounded hover:bg-bg-sunken/80 transition-colors",
-									children: [/* @__PURE__ */ j(E, { className: "w-4 h-4" }), T("vibeDetails.new", "New")]
+									children: [/* @__PURE__ */ I(M, { className: "w-4 h-4" }), w("vibeDetails.new", "New")]
 								})]
-							}), q.length > 0 ? /* @__PURE__ */ j(Be, {
+							}), X.length > 0 ? /* @__PURE__ */ I(ze, {
 								className: "divide-y divide-border-primary",
-								children: q.map((e) => /* @__PURE__ */ j(N, {
+								children: X.map((e) => /* @__PURE__ */ I(R, {
 									variant: "fadeRight",
-									children: /* @__PURE__ */ M("div", {
-										onClick: () => Tt(e.id),
+									children: /* @__PURE__ */ L("div", {
+										onClick: () => Dt(e.id),
 										className: "p-4 flex items-center justify-between cursor-pointer hover:bg-bg-sunken/50 transition-colors",
-										children: [/* @__PURE__ */ M("div", {
+										children: [/* @__PURE__ */ L("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ j(D, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ M("div", {
+											children: [/* @__PURE__ */ I(N, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ L("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ j("p", {
+												children: [/* @__PURE__ */ I("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name
-												}), /* @__PURE__ */ j("p", {
+												}), /* @__PURE__ */ I("p", {
 													className: "text-sm text-text-secondary truncate",
 													children: e.type
 												})]
 											})]
-										}), /* @__PURE__ */ j(_, { status: e.status })]
+										}), /* @__PURE__ */ I(g, { status: e.status })]
 									})
 								}, e.id))
-							}) : /* @__PURE__ */ j("div", {
+							}) : /* @__PURE__ */ I("div", {
 								className: "p-6 text-center text-text-secondary",
-								children: T("vibeDetails.noSessionsForVibe", "No sessions for this vibe")
+								children: w("vibeDetails.noSessionsForVibe", "No sessions for this vibe")
 							})] })
 						})
 					}, "sessions"),
-					O === "notes" && G("notes") && /* @__PURE__ */ j(A.div, {
+					k === "notes" && J("notes") && /* @__PURE__ */ I(F.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -823,12 +826,12 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(ie, {
+						children: /* @__PURE__ */ I(x, {
 							context: "vibe",
-							vibeId: U.id
+							vibeId: K.id
 						})
 					}, "notes"),
-					O === "docs" && G("docs") && /* @__PURE__ */ j(A.div, {
+					k === "docs" && J("docs") && /* @__PURE__ */ I(F.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -843,9 +846,9 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(se, { vibeId: U.id })
+						children: /* @__PURE__ */ I(ae, { vibeId: K.id })
 					}, "docs"),
-					O === "scorecard" && G("scorecard") && /* @__PURE__ */ j(A.div, {
+					k === "scorecard" && J("scorecard") && /* @__PURE__ */ I(F.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -860,12 +863,12 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(oe, {
+						children: /* @__PURE__ */ I(ie, {
 							ownerType: "VIBE",
-							ownerId: U.id
+							ownerId: K.id
 						})
 					}, "scorecard"),
-					O === "catalogs" && G("catalogs") && /* @__PURE__ */ j(A.div, {
+					k === "catalogs" && J("catalogs") && /* @__PURE__ */ I(F.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -880,13 +883,13 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(Ge, {
-							vibeId: U.id,
-							tr: T,
+						children: /* @__PURE__ */ I(Ke, {
+							vibeId: K.id,
+							tr: w,
 							navigate: C
 						})
 					}, "catalogs"),
-					O === "graphqlPlayground" && G("graphqlPlayground") && /* @__PURE__ */ j(A.div, {
+					k === "graphqlPlayground" && J("graphqlPlayground") && /* @__PURE__ */ I(F.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -901,34 +904,37 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ j(te, {
-							agentId: X?.id ?? null,
+						children: /* @__PURE__ */ I(v, {
+							agentId: Q?.id ?? null,
 							required: ["@vibecontrols/vibe-plugin-tool-graphiql"],
 							mode: "all",
-							eyebrow: T("vibeDetails.graphqlPluginEyebrow", "GraphQL playground plugin required"),
-							title: T("vibeDetails.graphqlPluginTitle", "Install the GraphQL playground"),
-							description: T("vibeDetails.graphqlPluginDescription", "The GraphQL Playground is served by the graphiql agent plugin. Install it to continue."),
-							children: Z ? /* @__PURE__ */ j(Ke, {
-								vibeId: U.id,
-								tunnelUrl: Z,
+							eyebrow: w("vibeDetails.graphqlPluginEyebrow", "GraphQL playground plugin required"),
+							title: w("vibeDetails.graphqlPluginTitle", "Install the GraphQL playground"),
+							description: w("vibeDetails.graphqlPluginDescription", "The GraphQL Playground is served by the graphiql agent plugin. Install it to continue."),
+							children: gt ? /* @__PURE__ */ I(qe, {
+								vibeId: K.id,
+								agentId: Q?.id ?? null,
+								profile: vt,
+								tunnelUrl: gt,
 								apiKey: _t,
 								type: "graphql",
-								tr: T
-							}) : /* @__PURE__ */ j(g, {
-								icon: /* @__PURE__ */ j(Oe, { className: "w-8 h-8 text-text-secondary" }),
-								title: T("vibeDetails.noAgentTunnel", "No agent tunnel available"),
-								description: T("vibeDetails.noAgentTunnelDesc2", "The GraphQL playground requires an active agent with a tunnel URL.")
+								tr: w
+							}) : /* @__PURE__ */ I(h, {
+								icon: /* @__PURE__ */ I(Ee, { className: "w-8 h-8 text-text-secondary" }),
+								title: w("vibeDetails.noAgentTunnel", "No agent tunnel available"),
+								description: w("vibeDetails.noAgentTunnelDesc2", "The GraphQL playground requires an active agent with a tunnel URL.")
 							})
 						})
 					}, "graphqlPlayground"),
-					O === "gitops" && G("gitops") && /* @__PURE__ */ j(ce, {
+					k === "gitops" && J("gitops") && /* @__PURE__ */ I(se, {
 						vibeId: r || "",
-						agentId: X?.id ?? "",
-						tunnelUrl: Z,
+						agentId: Q?.id ?? "",
+						profile: vt,
+						tunnelUrl: gt,
 						apiKey: _t,
-						tr: T
+						tr: w
 					}),
-					O === "related" && G("related") && /* @__PURE__ */ j(A.div, {
+					k === "related" && J("related") && /* @__PURE__ */ I(F.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -943,184 +949,184 @@ function I() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: jt > 0 ? /* @__PURE__ */ M(Re, { children: [
-							J.length > 0 && /* @__PURE__ */ M(v, { children: [/* @__PURE__ */ j("div", {
+						children: Nt > 0 ? /* @__PURE__ */ L(Le, { children: [
+							Z.length > 0 && /* @__PURE__ */ L(_, { children: [/* @__PURE__ */ I("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ M("h3", {
+								children: /* @__PURE__ */ L("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ j(k, { className: "w-5 h-5" }),
-										T("vibeDetails.childVibes", "Child Vibes"),
+										/* @__PURE__ */ I(P, { className: "w-5 h-5" }),
+										w("vibeDetails.childVibes", "Child Vibes"),
 										" (",
-										J.length,
+										Z.length,
 										")"
 									]
 								})
-							}), /* @__PURE__ */ j(Be, {
+							}), /* @__PURE__ */ I(ze, {
 								className: "divide-y divide-border-primary",
-								children: J.map((e) => /* @__PURE__ */ j(N, {
+								children: Z.map((e) => /* @__PURE__ */ I(R, {
 									variant: "fadeRight",
-									children: /* @__PURE__ */ M("div", {
-										onClick: () => Et(e.id),
+									children: /* @__PURE__ */ L("div", {
+										onClick: () => Ot(e.id),
 										className: "p-4 flex items-center justify-between cursor-pointer hover:bg-bg-sunken/50 transition-colors",
-										children: [/* @__PURE__ */ M("div", {
+										children: [/* @__PURE__ */ L("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ j(k, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ M("div", {
+											children: [/* @__PURE__ */ I(P, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ L("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ j("p", {
+												children: [/* @__PURE__ */ I("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name
-												}), /* @__PURE__ */ j("p", {
+												}), /* @__PURE__ */ I("p", {
 													className: "text-sm text-text-secondary truncate",
 													children: e.type
 												})]
 											})]
-										}), /* @__PURE__ */ j(_, { status: e.status })]
+										}), /* @__PURE__ */ I(g, { status: e.status })]
 									})
 								}, e.id))
 							})] }),
-							Y && /* @__PURE__ */ j(v, {
-								onClick: () => Et(Y.id),
+							ht && /* @__PURE__ */ I(_, {
+								onClick: () => Ot(ht.id),
 								hoverable: !0,
-								children: /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ L("div", {
 									className: "p-4 flex items-center gap-3",
-									children: [/* @__PURE__ */ j("div", {
+									children: [/* @__PURE__ */ I("div", {
 										className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-										children: /* @__PURE__ */ j(k, { className: "w-5 h-5 text-text-secondary" })
-									}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+										children: /* @__PURE__ */ I(P, { className: "w-5 h-5 text-text-secondary" })
+									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 										className: "text-sm text-text-secondary",
-										children: T("vibeDetails.parentVibe", "Parent Vibe")
-									}), /* @__PURE__ */ j("p", {
+										children: w("vibeDetails.parentVibe", "Parent Vibe")
+									}), /* @__PURE__ */ I("p", {
 										className: "font-medium text-text-primary",
-										children: Y.name
+										children: ht.name
 									})] })]
 								})
 							}),
-							K && /* @__PURE__ */ j(v, {
-								onClick: wt,
+							Y && /* @__PURE__ */ I(_, {
+								onClick: Et,
 								hoverable: !0,
-								children: /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ L("div", {
 									className: "p-4 flex items-center justify-between",
-									children: [/* @__PURE__ */ M("div", {
+									children: [/* @__PURE__ */ L("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ j("div", {
+										children: [/* @__PURE__ */ I("div", {
 											className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-											children: /* @__PURE__ */ j(Me, { className: "w-5 h-5 text-text-secondary" })
-										}), /* @__PURE__ */ M("div", { children: [
-											/* @__PURE__ */ j("p", {
+											children: /* @__PURE__ */ I(Ae, { className: "w-5 h-5 text-text-secondary" })
+										}), /* @__PURE__ */ L("div", { children: [
+											/* @__PURE__ */ I("p", {
 												className: "text-sm text-text-secondary",
-												children: T("vibeDetails.runningOnAgent", "Running on Agent")
+												children: w("vibeDetails.runningOnAgent", "Running on Agent")
 											}),
-											/* @__PURE__ */ j("p", {
+											/* @__PURE__ */ I("p", {
 												className: "font-medium text-text-primary",
-												children: K.name
+												children: Y.name
 											}),
-											/* @__PURE__ */ j("p", {
+											/* @__PURE__ */ I("p", {
 												className: "text-sm text-text-secondary",
-												children: K.hostname
+												children: Y.hostname
 											})
 										] })]
-									}), /* @__PURE__ */ j(_, { status: K.isActive ? "ACTIVE" : "OFFLINE" })]
+									}), /* @__PURE__ */ I(g, { status: Y.isActive ? "ACTIVE" : "OFFLINE" })]
 								})
 							})
-						] }) : /* @__PURE__ */ j(g, {
-							icon: /* @__PURE__ */ j(De, { className: "w-8 h-8 text-text-secondary" }),
-							title: T("vibeDetails.noRelatedEntities", "No related entities"),
-							description: T("vibeDetails.noRelatedEntitiesDescription", "This vibe has no child vibes, parent vibe, or linked agent")
+						] }) : /* @__PURE__ */ I(h, {
+							icon: /* @__PURE__ */ I(we, { className: "w-8 h-8 text-text-secondary" }),
+							title: w("vibeDetails.noRelatedEntities", "No related entities"),
+							description: w("vibeDetails.noRelatedEntitiesDescription", "This vibe has no child vibes, parent vibe, or linked agent")
 						})
 					}, "related")
 				]
 			}),
-			tt && /* @__PURE__ */ j("div", {
+			$e && /* @__PURE__ */ I("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-				children: /* @__PURE__ */ M("div", {
+				children: /* @__PURE__ */ L("div", {
 					className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
 					children: [
-						/* @__PURE__ */ M("h2", {
+						/* @__PURE__ */ L("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
 							children: [
-								T("vibeDetails.newSessionFor", "New Session for"),
+								w("vibeDetails.newSessionFor", "New Session for"),
 								" ",
-								U.name
+								K.name
 							]
 						}),
-						rt && /* @__PURE__ */ j("div", {
+						tt && /* @__PURE__ */ I("div", {
 							className: "mb-4 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
-							children: rt
+							children: tt
 						}),
-						/* @__PURE__ */ M("div", {
+						/* @__PURE__ */ L("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
+								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: T("vibeDetails.sessionName", "Session Name")
-								}), /* @__PURE__ */ j("input", {
-									ref: z,
+									children: w("vibeDetails.sessionName", "Session Name")
+								}), /* @__PURE__ */ I("input", {
+									ref: H,
 									type: "text",
-									placeholder: T("vibeDetails.sessionNamePlaceholder", "dev-terminal"),
+									placeholder: w("vibeDetails.sessionNamePlaceholder", "dev-terminal"),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
 								})] }),
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
+								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: T("sessions.filterType", "Type")
-								}), /* @__PURE__ */ M("select", {
-									ref: B,
+									children: w("sessions.filterType", "Type")
+								}), /* @__PURE__ */ L("select", {
+									ref: U,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
 									children: [
-										/* @__PURE__ */ j("option", {
+										/* @__PURE__ */ I("option", {
 											value: "TERMINAL",
-											children: T("sessions.typeTerminal", "Terminal")
+											children: w("sessions.typeTerminal", "Terminal")
 										}),
-										/* @__PURE__ */ j("option", {
+										/* @__PURE__ */ I("option", {
 											value: "TMUX",
-											children: T("sessions.typeTmux", "TMUX")
+											children: w("sessions.typeTmux", "TMUX")
 										}),
-										/* @__PURE__ */ j("option", {
+										/* @__PURE__ */ I("option", {
 											value: "SSH",
-											children: T("sessions.typeSsh", "SSH")
+											children: w("sessions.typeSsh", "SSH")
 										}),
-										/* @__PURE__ */ j("option", {
+										/* @__PURE__ */ I("option", {
 											value: "SCRIPT",
-											children: T("sessions.typeScript", "Script")
+											children: w("sessions.typeScript", "Script")
 										}),
-										/* @__PURE__ */ j("option", {
+										/* @__PURE__ */ I("option", {
 											value: "CUSTOM",
-											children: T("sessions.typeCustom", "Custom")
+											children: w("sessions.typeCustom", "Custom")
 										})
 									]
 								})] }),
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
+								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: T("sessions.command", "Command")
-								}), /* @__PURE__ */ j("input", {
-									ref: V,
+									children: w("sessions.command", "Command")
+								}), /* @__PURE__ */ I("input", {
+									ref: W,
 									type: "text",
-									placeholder: T("vibeDetails.sessionCommandPlaceholder", "bash"),
+									placeholder: w("vibeDetails.sessionCommandPlaceholder", "bash"),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
 								})] }),
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
+								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: T("vibeDetails.workingDirectory", "Working Directory")
-								}), /* @__PURE__ */ j("input", {
-									ref: H,
+									children: w("vibeDetails.workingDirectory", "Working Directory")
+								}), /* @__PURE__ */ I("input", {
+									ref: G,
 									type: "text",
-									defaultValue: U.path || "",
+									defaultValue: K.path || "",
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary"
 								})] })
 							]
 						}),
-						/* @__PURE__ */ M("div", {
+						/* @__PURE__ */ L("div", {
 							className: "flex flex-col sm:flex-row justify-end gap-3 mt-6",
-							children: [/* @__PURE__ */ j("button", {
-								onClick: () => nt(!1),
-								disabled: it,
+							children: [/* @__PURE__ */ I("button", {
+								onClick: () => et(!1),
+								disabled: nt,
 								className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-								children: T("common.cancel", "Cancel")
-							}), /* @__PURE__ */ j("button", {
-								onClick: Ct,
-								disabled: it,
+								children: w("common.cancel", "Cancel")
+							}), /* @__PURE__ */ I("button", {
+								onClick: Tt,
+								disabled: nt,
 								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: it ? T("sessions.creating", "Creating...") : T("sessions.createSession", "Create Session")
+								children: nt ? w("sessions.creating", "Creating...") : w("sessions.createSession", "Create Session")
 							})]
 						})
 					]
@@ -1129,70 +1135,70 @@ function I() {
 		]
 	});
 }
-function Ge({ vibeId: t, tr: n, navigate: i }) {
-	let [a, o] = x(!1), { data: c, loading: l, refetch: u } = r({ fetchPolicy: "cache-and-network" }), [d] = e({ refetchQueries: ["GetVibeCatalogs"] }), [f] = s({ refetchQueries: ["GetVibeCatalogs"] }), p = c?.vibecontrolsCatalogs?.items ?? [], h = p.filter((e) => e.vibes?.some((e) => e.vibeId === t)), _ = p.filter((e) => !e.vibes?.some((e) => e.vibeId === t)), y = async (e) => {
+function Ke({ vibeId: t, tr: n, navigate: i }) {
+	let [a, o] = D(!1), { data: c, loading: l, refetch: u } = r({ fetchPolicy: "cache-and-network" }), [d] = e({ refetchQueries: ["GetVibeCatalogs"] }), [ee] = s({ refetchQueries: ["GetVibeCatalogs"] }), f = c?.vibecontrolsCatalogs?.items ?? [], m = f.filter((e) => e.vibes?.some((e) => e.vibeId === t)), g = f.filter((e) => !e.vibes?.some((e) => e.vibeId === t)), te = async (e) => {
 		await d({ variables: {
 			catalogId: e,
 			vibeId: t
 		} }), await u(), o(!1);
-	}, ee = async (e) => {
-		await f({ variables: {
+	}, ne = async (e) => {
+		await ee({ variables: {
 			catalogId: e,
 			vibeId: t
 		} }), await u();
 	};
-	return l && p.length === 0 ? /* @__PURE__ */ j(m, { message: n("vibeDetails.loadingCatalogs", "Loading catalogs...") }) : /* @__PURE__ */ M(Re, { children: [
-		/* @__PURE__ */ M("div", {
+	return l && f.length === 0 ? /* @__PURE__ */ I(p, { message: n("vibeDetails.loadingCatalogs", "Loading catalogs...") }) : /* @__PURE__ */ L(Le, { children: [
+		/* @__PURE__ */ L("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ M("h3", {
+			children: [/* @__PURE__ */ L("h3", {
 				className: "font-semibold text-text-primary flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ j(w, { className: "w-5 h-5" }),
+					/* @__PURE__ */ I(j, { className: "w-5 h-5" }),
 					n("vibeDetails.catalogsTitle", "Catalogs"),
-					/* @__PURE__ */ M("span", {
+					/* @__PURE__ */ L("span", {
 						className: "text-sm font-normal text-text-secondary",
 						children: [
 							"(",
-							h.length,
+							m.length,
 							")"
 						]
 					})
 				]
-			}), /* @__PURE__ */ M("button", {
+			}), /* @__PURE__ */ L("button", {
 				onClick: () => o(!0),
 				className: "flex items-center gap-2 px-3 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-				children: [/* @__PURE__ */ j(E, { className: "w-4 h-4" }), n("vibeDetails.addToCatalog", "Add to Catalog")]
+				children: [/* @__PURE__ */ I(M, { className: "w-4 h-4" }), n("vibeDetails.addToCatalog", "Add to Catalog")]
 			})]
 		}),
-		h.length > 0 ? /* @__PURE__ */ j("div", {
+		m.length > 0 ? /* @__PURE__ */ I("div", {
 			className: "space-y-2",
-			children: h.map((e) => /* @__PURE__ */ j(v, { children: /* @__PURE__ */ M("div", {
+			children: m.map((e) => /* @__PURE__ */ I(_, { children: /* @__PURE__ */ L("div", {
 				className: "p-3 flex items-center justify-between",
-				children: [/* @__PURE__ */ M("button", {
+				children: [/* @__PURE__ */ L("button", {
 					onClick: () => i(`/catalogs/${e.id}`),
 					className: "flex items-center gap-3 text-left hover:opacity-80 transition-opacity",
-					children: [/* @__PURE__ */ j(w, { className: "w-5 h-5 text-action-primary-bg flex-shrink-0" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+					children: [/* @__PURE__ */ I(j, { className: "w-5 h-5 text-action-primary-bg flex-shrink-0" }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 						className: "font-medium text-text-primary text-sm",
 						children: e.name
-					}), /* @__PURE__ */ j("p", {
+					}), /* @__PURE__ */ I("p", {
 						className: "text-xs text-text-secondary",
 						children: e.visibility
 					})] })]
-				}), /* @__PURE__ */ j("button", {
-					onClick: () => ee(e.id),
+				}), /* @__PURE__ */ I("button", {
+					onClick: () => ne(e.id),
 					className: "p-1.5 text-text-muted hover:text-status-error-text hover:bg-status-error-bg rounded-md transition-colors",
 					title: n("vibeDetails.removeFromCatalog", "Remove from catalog"),
-					children: /* @__PURE__ */ j(O, { className: "w-4 h-4" })
+					children: /* @__PURE__ */ I(Pe, { className: "w-4 h-4" })
 				})]
 			}) }, e.id))
-		}) : /* @__PURE__ */ j(g, {
-			icon: /* @__PURE__ */ j(w, { className: "w-8 h-8 text-text-secondary" }),
+		}) : /* @__PURE__ */ I(h, {
+			icon: /* @__PURE__ */ I(j, { className: "w-8 h-8 text-text-secondary" }),
 			title: n("vibeDetails.noCatalogs", "Not in any catalogs"),
 			description: n("vibeDetails.noCatalogsDesc", "Add this vibe to catalogs to organize and track it alongside other components")
 		}),
-		a && /* @__PURE__ */ j("div", {
+		a && /* @__PURE__ */ I("div", {
 			className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-			children: /* @__PURE__ */ M(A.div, {
+			children: /* @__PURE__ */ L(F.div, {
 				initial: {
 					opacity: 0,
 					scale: .95
@@ -1203,33 +1209,33 @@ function Ge({ 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__ */ j("div", {
+					/* @__PURE__ */ I("div", {
 						className: "p-4 border-b border-border-default",
-						children: /* @__PURE__ */ j("h2", {
+						children: /* @__PURE__ */ I("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: n("vibeDetails.addToCatalogTitle", "Add Vibe to Catalog")
 						})
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ I("div", {
 						className: "flex-1 overflow-y-auto p-2",
-						children: _.length === 0 ? /* @__PURE__ */ j("div", {
+						children: g.length === 0 ? /* @__PURE__ */ I("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.")
-						}) : _.map((e) => /* @__PURE__ */ M("button", {
-							onClick: () => y(e.id),
+						}) : g.map((e) => /* @__PURE__ */ L("button", {
+							onClick: () => te(e.id),
 							className: "w-full flex items-center justify-between p-3 rounded-md hover:bg-bg-sunken transition-colors text-left",
-							children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+							children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 								className: "font-medium text-text-primary text-sm",
 								children: e.name
-							}), /* @__PURE__ */ j("p", {
+							}), /* @__PURE__ */ I("p", {
 								className: "text-xs text-text-secondary",
 								children: e.visibility
-							})] }), /* @__PURE__ */ j(E, { className: "w-4 h-4 text-text-secondary" })]
+							})] }), /* @__PURE__ */ I(M, { className: "w-4 h-4 text-text-secondary" })]
 						}, e.id))
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ I("div", {
 						className: "p-4 border-t border-border-default",
-						children: /* @__PURE__ */ j("button", {
+						children: /* @__PURE__ */ I("button", {
 							onClick: () => o(!1),
 							className: "w-full px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
 							children: n("common.close", "Close")
@@ -1240,82 +1246,103 @@ function Ge({ vibeId: t, tr: n, navigate: i }) {
 		})
 	] });
 }
-function Ke({ vibeId: e, tunnelUrl: t, apiKey: n, type: r, tr: i }) {
-	let a = r === "rest", o = "graphiql", s = `${t}/api/${o}/config/${e}`, [c, l] = x(""), [u, d] = x(!1), [f, p] = x(!1), [m, h] = x(!1), [g, _] = x(0);
-	pe(() => {
+function qe({ vibeId: e, agentId: t, profile: n, tunnelUrl: r, apiKey: i, type: a, tr: o }) {
+	let s = a === "rest", c = "graphiql", l = `${r}/api/profiles/${encodeURIComponent(n)}/${c}/config/${e}`, [u, d] = D(""), [ee, f] = D(!1), [p, m] = D(!1), [h, g] = D(!1), [te, ne] = D(0);
+	T(() => {
 		let e = { "Content-Type": "application/json" };
-		n && (e["x-agent-api-key"] = n), fetch(s, { headers: e }).then((e) => e.ok ? e.json() : null).then((e) => {
+		i && (e["x-agent-api-key"] = i), fetch(l, { headers: e }).then((e) => e.ok ? e.json() : null).then((e) => {
 			if (e) {
-				let t = a ? e.openapiUrl || e.url : e.graphqlUrl || e.url;
-				t && l(t);
+				let t = s ? e.openapiUrl || e.url : e.graphqlUrl || e.url;
+				t && d(t);
 			}
-			d(!0);
-		}).catch(() => d(!0));
+			f(!0);
+		}).catch(() => f(!0));
 	}, [
-		s,
-		n,
-		a
+		l,
+		i,
+		s
 	]);
-	let y = async () => {
-		if (c.trim()) {
-			p(!0), h(!1);
+	let v = async () => {
+		if (u.trim()) {
+			m(!0), g(!1);
 			try {
 				let e = { "Content-Type": "application/json" };
-				n && (e["x-agent-api-key"] = n);
-				let t = a ? { openapiUrl: c.trim() } : { graphqlUrl: c.trim() };
-				await fetch(s, {
+				i && (e["x-agent-api-key"] = i);
+				let t = s ? { openapiUrl: u.trim() } : { graphqlUrl: u.trim() };
+				await fetch(l, {
 					method: "PUT",
 					headers: e,
 					body: JSON.stringify(t)
-				}), h(!0), _((e) => e + 1), setTimeout(() => h(!1), 3e3);
+				}), g(!0), ne((e) => e + 1), setTimeout(() => g(!1), 3e3);
 			} catch {} finally {
-				p(!1);
+				m(!1);
 			}
 		}
-	}, ee = `${t}/ui/${o}?vibeId=${e}${n ? `&apiKey=${encodeURIComponent(n)}` : ""}`;
-	return /* @__PURE__ */ M("div", {
+	}, [y, b] = D(null), [re, x] = D(null), S = `/ui/${c}`;
+	T(() => {
+		if (!t) return;
+		let e = !1, r = null, i = (a) => {
+			e || (b(a), r = w(t, n, S, a, i, (e) => x(e.message)));
+		};
+		return C(t, n, S).then((a) => {
+			e || (b(a), r = w(t, n, S, a, i, (e) => x(e.message)));
+		}).catch((t) => {
+			e || x(t instanceof Error ? t.message : String(t));
+		}), () => {
+			e = !0, r?.cancel();
+		};
+	}, [
+		t,
+		n,
+		S
+	]);
+	let ie = `${r}/ui/${c}?vibeId=${e}`, ae = y ? oe(ie, y.token) : ie;
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-4",
-		children: [/* @__PURE__ */ j(v, { children: /* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ I(_, { children: /* @__PURE__ */ L("div", {
 			className: "p-4",
 			children: [
-				/* @__PURE__ */ M("div", {
+				/* @__PURE__ */ L("div", {
 					className: "flex items-center gap-2 mb-2",
-					children: [j(a ? C : Oe, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ j("h3", {
+					children: [I(s ? A : Ee, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ I("h3", {
 						className: "font-semibold text-text-primary",
-						children: a ? i("vibeDetails.restPlaygroundTitle", "REST API Playground") : i("vibeDetails.graphqlPlaygroundTitle", "GraphQL Playground")
+						children: s ? o("vibeDetails.restPlaygroundTitle", "REST API Playground") : o("vibeDetails.graphqlPlaygroundTitle", "GraphQL Playground")
 					})]
 				}),
-				/* @__PURE__ */ M("div", {
+				/* @__PURE__ */ L("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ j("input", {
+					children: [/* @__PURE__ */ I("input", {
 						type: "url",
-						value: c,
-						onChange: (e) => l(e.target.value),
-						placeholder: a ? i("vibeDetails.enterSwaggerUrl", "Enter OpenAPI/Swagger URL (e.g. https://petstore3.swagger.io/api/v3/openapi.json)") : i("vibeDetails.enterGraphqlUrl", "Enter GraphQL endpoint URL (e.g. https://countries.trevorblades.com/graphql)"),
+						value: u,
+						onChange: (e) => d(e.target.value),
+						placeholder: s ? o("vibeDetails.enterSwaggerUrl", "Enter OpenAPI/Swagger URL (e.g. https://petstore3.swagger.io/api/v3/openapi.json)") : o("vibeDetails.enterGraphqlUrl", "Enter GraphQL endpoint URL (e.g. https://countries.trevorblades.com/graphql)"),
 						className: "flex-1 px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder text-sm",
-						onKeyDown: (e) => e.key === "Enter" && y()
-					}), /* @__PURE__ */ M("button", {
-						onClick: y,
-						disabled: f || !c.trim(),
+						onKeyDown: (e) => e.key === "Enter" && v()
+					}), /* @__PURE__ */ L("button", {
+						onClick: v,
+						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__ */ j(T, { className: "w-4 h-4 animate-spin" }) : j(m ? ye : xe, { className: "w-4 h-4" }), f ? i("common.saving", "Saving...") : m ? i("common.saved", "Saved!") : i("vibeDetails.loadApi", "Load API")]
+						children: [p ? /* @__PURE__ */ I(Te, { className: "w-4 h-4 animate-spin" }) : I(h ? k : ve, { className: "w-4 h-4" }), p ? o("common.saving", "Saving...") : h ? o("common.saved", "Saved!") : o("vibeDetails.loadApi", "Load API")]
 					})]
 				}),
-				!u && /* @__PURE__ */ j("p", {
+				!ee && /* @__PURE__ */ I("p", {
 					className: "text-xs text-text-muted mt-1",
-					children: i("vibeDetails.loadingConfig", "Loading saved configuration...")
+					children: o("vibeDetails.loadingConfig", "Loading saved configuration...")
 				})
 			]
-		}) }), /* @__PURE__ */ j("iframe", {
-			src: ee,
-			title: a ? "REST API Playground" : "GraphQL Playground",
+		}) }), t && !y ? /* @__PURE__ */ I("div", {
+			className: "p-8 text-center text-sm text-text-secondary rounded-md border border-border-default bg-bg-sunken",
+			children: re ? o("vibeDetails.iframeTokenError", `Iframe token error: ${re}`) : o("vibeDetails.mintingIframeToken", "Authorizing iframe…")
+		}) : /* @__PURE__ */ I("iframe", {
+			src: ae,
+			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"
-		}, g)]
+		}, te)]
 	});
 }
 //#endregion
-export { I as VibeDetailsPage };
+export { Ge as VibeDetailsPage };
 
 //# sourceMappingURL=VibeDetailsPage.js.map