@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

package/dist/components/gitops/VibeGitOpsTab.js

@@ -6,59 +6,60 @@ import "../shared/index.js";
 import { RepoStatsTab as s } from "./RepoStatsTab.js";
 import { CITab as c } from "./CITab.js";
 import { GitOpsSetup as l } from "./GitOpsSetup.js";
-import { useCallback as u, useEffect as d, useState as f } from "react";
-import { BarChart3 as p, GitBranch as m, GitMerge as h, Play as g, RefreshCw as _ } from "lucide-react";
-import { motion as v } from "framer-motion";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { appendIframeTokenParam as u, mintIframeToken as d, scheduleIframeTokenRefresh as f } from "../../services/iframeToken.js";
+import { useCallback as p, useEffect as m, useState as h } from "react";
+import { BarChart3 as g, GitBranch as _, GitMerge as v, Play as y, RefreshCw as b } from "lucide-react";
+import { motion as x } from "framer-motion";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/components/gitops/VibeGitOpsTab.tsx
-var S = ({ vibeId: u, agentId: d, tunnelUrl: S, apiKey: w, tr: T }) => {
-	let [E, D] = f("repo-stats"), [O, k] = f(!1), { workspaceId: A } = a(), { data: j, loading: M, refetch: N } = n({
+var T = ({ vibeId: u, agentId: d, profile: f, tunnelUrl: p, apiKey: m, tr: T }) => {
+	let [D, O] = h("repo-stats"), [k, A] = h(!1), { workspaceId: j } = a(), { data: M, loading: N, refetch: P } = n({
 		variables: {
 			filter: { vibeId: u },
 			pagination: { limit: 50 }
 		},
 		fetchPolicy: "cache-and-network"
-	}), P = j?.listGitopsProviders?.items ?? [], F = P.find((e) => e.isActive)?.id || P[0]?.id || "", { data: I, loading: L, error: R } = t({
+	}), F = M?.listGitopsProviders?.items ?? [], I = F.find((e) => e.isActive)?.id || F[0]?.id || "", { data: L, loading: R, error: z } = t({
 		variables: {
-			providerId: F,
+			providerId: I,
 			agentId: d
 		},
-		skip: !F || !d || E !== "repo-stats",
+		skip: !I || !d || D !== "repo-stats",
 		fetchPolicy: "cache-and-network"
-	}), { data: z, loading: B, error: V } = e({
+	}), { data: B, loading: V, error: H } = e({
 		variables: {
-			providerId: F,
+			providerId: I,
 			agentId: d,
 			limit: 30
 		},
-		skip: !F || !d || E !== "ci",
+		skip: !I || !d || D !== "ci",
 		fetchPolicy: "cache-and-network"
-	}), [H, { loading: U }] = i(), [W, { loading: G }] = r(), K = async () => {
-		!F || !d || (E === "repo-stats" ? await H({ variables: {
-			providerId: F,
+	}), [U, { loading: W }] = i(), [G, { loading: K }] = r(), q = async () => {
+		!I || !d || (D === "repo-stats" ? await U({ variables: {
+			providerId: I,
 			agentId: d
-		} }) : E === "ci" && await W({ variables: {
-			providerId: F,
+		} }) : D === "ci" && await G({ variables: {
+			providerId: I,
 			agentId: d
 		} }));
-	}, q = U || G, J = P.length > 0, Y = [
+	}, J = W || K, Y = F.length > 0, X = [
 		{
 			id: "repo-stats",
 			label: T("gitops.repoStats", "Repo Stats"),
-			icon: p
+			icon: g
 		},
 		{
 			id: "ci",
 			label: T("gitops.ci", "CI Pipelines"),
-			icon: g
+			icon: y
 		},
 		{
 			id: "git-ui",
 			label: T("gitops.gitUI", "Git UI"),
-			icon: m
+			icon: _
 		}
 	];
-	return /* @__PURE__ */ x(v.div, {
+	return /* @__PURE__ */ w(x.div, {
 		initial: {
 			opacity: 0,
 			y: 8
@@ -73,111 +74,113 @@ var S = ({ vibeId: u, agentId: d, tunnelUrl: S, apiKey: w, tr: T }) => {
 		},
 		transition: { duration: .2 },
 		className: "space-y-4",
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ w("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ w("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ b(h, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ b("h3", {
+				children: [/* @__PURE__ */ C(v, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ C("h3", {
 					className: "font-semibold text-text-primary",
 					children: T("vibeDetails.gitopsTitle", "GitOps")
 				})]
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ w("div", {
 				className: "flex items-center gap-2",
-				children: [J && d && (E === "repo-stats" || E === "ci") && /* @__PURE__ */ x("button", {
-					onClick: K,
-					disabled: q,
+				children: [Y && d && (D === "repo-stats" || D === "ci") && /* @__PURE__ */ w("button", {
+					onClick: q,
+					disabled: J,
 					className: "flex items-center gap-1.5 px-2.5 py-1 text-xs rounded-md border border-border-default text-text-secondary hover:text-text-primary hover:border-border-strong disabled:opacity-50 transition-colors",
-					children: [/* @__PURE__ */ b(_, { className: `w-3 h-3 ${q ? "animate-spin" : ""}` }), T("gitops.refresh", "Refresh")]
-				}), !J && !O && /* @__PURE__ */ b("button", {
-					onClick: () => k(!0),
+					children: [/* @__PURE__ */ C(b, { className: `w-3 h-3 ${J ? "animate-spin" : ""}` }), T("gitops.refresh", "Refresh")]
+				}), !Y && !k && /* @__PURE__ */ C("button", {
+					onClick: () => A(!0),
 					className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
 					children: T("gitops.addProvider", "Add Provider")
 				})]
 			})]
-		}), /* @__PURE__ */ x("div", {
+		}), /* @__PURE__ */ w("div", {
 			className: "flex flex-col gap-4 lg:flex-row lg:gap-6",
-			children: [/* @__PURE__ */ b("nav", {
+			children: [/* @__PURE__ */ C("nav", {
 				className: "w-full flex-shrink-0 rounded-lg border border-border-default bg-bg-surface p-2 lg:w-56",
 				role: "tablist",
 				"aria-label": T("gitops.navigation", "GitOps navigation"),
-				children: Y.map((e) => {
-					let t = e.icon, n = E === e.id;
-					return /* @__PURE__ */ x("button", {
+				children: X.map((e) => {
+					let t = e.icon, n = D === e.id;
+					return /* @__PURE__ */ w("button", {
 						role: "tab",
 						"aria-selected": n,
-						onClick: () => D(e.id),
+						onClick: () => O(e.id),
 						className: `flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm font-medium transition-colors ${n ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "text-text-secondary hover:bg-action-ghost-bg-hover hover:text-text-primary"}`,
-						children: [/* @__PURE__ */ b(t, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ b("span", {
+						children: [/* @__PURE__ */ C(t, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ C("span", {
 							className: "truncate",
 							children: e.label
 						})]
 					}, e.id);
 				})
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ w("div", {
 				className: "min-w-0 flex-1 space-y-4",
 				children: [
-					O && /* @__PURE__ */ b(l, {
-						workspaceId: A || "",
+					k && /* @__PURE__ */ C(l, {
+						workspaceId: j || "",
 						agents: d ? [{
 							id: d,
 							name: "Active Agent"
 						}] : [],
 						onCreated: () => {
-							k(!1), N();
+							A(!1), P();
 						}
 					}),
-					E === "repo-stats" && !O && /* @__PURE__ */ b(y, { children: J ? d ? /* @__PURE__ */ b(s, {
-						stats: I?.getRepoStats ?? null,
-						loading: L || M,
-						error: R?.message
-					}) : /* @__PURE__ */ b("div", {
+					D === "repo-stats" && !k && /* @__PURE__ */ C(S, { children: Y ? d ? /* @__PURE__ */ C(s, {
+						stats: L?.getRepoStats ?? null,
+						loading: R || N,
+						error: z?.message
+					}) : /* @__PURE__ */ C("div", {
 						className: "rounded-lg border border-border-default bg-bg-sunken p-4",
-						children: /* @__PURE__ */ b("p", {
+						children: /* @__PURE__ */ C("p", {
 							className: "text-sm text-text-secondary",
 							children: T("gitops.noAgent", "An active agent with CLI access is required to fetch repository data. Ensure the agent has the GitHub CLI (gh) installed and authenticated.")
 						})
-					}) : /* @__PURE__ */ x("div", {
+					}) : /* @__PURE__ */ w("div", {
 						className: "rounded-lg border border-border-default bg-bg-surface p-6 text-center",
 						children: [
-							/* @__PURE__ */ b(h, { className: "w-8 h-8 text-text-secondary mx-auto mb-3" }),
-							/* @__PURE__ */ b("p", {
+							/* @__PURE__ */ C(v, { className: "w-8 h-8 text-text-secondary mx-auto mb-3" }),
+							/* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
 								children: T("gitops.noProvidersVibe", "No GitOps provider configured for this vibe. Add a provider to see repository stats.")
 							}),
-							/* @__PURE__ */ b("button", {
-								onClick: () => k(!0),
+							/* @__PURE__ */ C("button", {
+								onClick: () => A(!0),
 								className: "mt-3 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
 								children: T("gitops.addProvider", "Add Provider")
 							})
 						]
 					}) }),
-					E === "ci" && !O && /* @__PURE__ */ b(y, { children: J ? d ? /* @__PURE__ */ b(c, {
-						status: z?.getCIStatus ?? null,
-						loading: B || M,
-						error: V?.message
-					}) : /* @__PURE__ */ b("div", {
+					D === "ci" && !k && /* @__PURE__ */ C(S, { children: Y ? d ? /* @__PURE__ */ C(c, {
+						status: B?.getCIStatus ?? null,
+						loading: V || N,
+						error: H?.message
+					}) : /* @__PURE__ */ C("div", {
 						className: "rounded-lg border border-border-default bg-bg-sunken p-4",
-						children: /* @__PURE__ */ b("p", {
+						children: /* @__PURE__ */ C("p", {
 							className: "text-sm text-text-secondary",
 							children: T("gitops.noAgentCi", "An active agent with CLI access is required to fetch CI status.")
 						})
-					}) : /* @__PURE__ */ x("div", {
+					}) : /* @__PURE__ */ w("div", {
 						className: "rounded-lg border border-border-default bg-bg-surface p-6 text-center",
-						children: [/* @__PURE__ */ b(g, { className: "w-8 h-8 text-text-secondary mx-auto mb-3" }), /* @__PURE__ */ b("p", {
+						children: [/* @__PURE__ */ C(y, { className: "w-8 h-8 text-text-secondary mx-auto mb-3" }), /* @__PURE__ */ C("p", {
 							className: "text-sm text-text-secondary",
 							children: T("gitops.noProvidersCi", "No GitOps provider configured. Add a provider to see CI pipeline status.")
 						})]
 					}) }),
-					E === "git-ui" && /* @__PURE__ */ b(o, {
+					D === "git-ui" && /* @__PURE__ */ C(o, {
 						agentId: d || null,
 						required: ["@vibecontrols/vibe-plugin-tool-git"],
 						mode: "all",
 						eyebrow: T("gitops.ungitEyebrow", "Ungit plugin required"),
 						title: T("gitops.ungitTitle", "Install the visual git client"),
 						description: T("gitops.ungitDescription", "The Git UI embeds the Ungit visual git client served by your agent. Install the plugin to continue."),
-						children: /* @__PURE__ */ b(C, {
-							tunnelUrl: S,
-							apiKey: w,
+						children: /* @__PURE__ */ C(E, {
+							agentId: d,
+							profile: f,
+							tunnelUrl: p,
+							apiKey: m,
 							tr: T
 						})
 					})
@@ -186,68 +189,93 @@ var S = ({ vibeId: u, agentId: d, tunnelUrl: S, apiKey: w, tr: T }) => {
 		})]
 	}, "gitops");
 };
-function C({ tunnelUrl: e, apiKey: t, tr: n }) {
-	let [r, i] = f(!1), [a, o] = f(!1), s = u(() => {
-		if (!e || !t) return;
-		let n = { "Content-Type": "application/json" };
-		n["x-agent-api-key"] = t, fetch(`${e}/api/ungit/status`, { headers: n }).then((e) => e.ok ? e.json() : null).then((e) => {
-			e && i(!!e.running);
-		}).catch(() => i(!1));
-	}, [e, t]);
-	return d(() => {
-		s();
-	}, [s]), e ? /* @__PURE__ */ x("div", {
+function E({ agentId: e, profile: t, tunnelUrl: n, apiKey: r, tr: i }) {
+	let [a, o] = h(!1), [s, c] = h(!1), [l, g] = h(null), [v, y] = h(null);
+	m(() => {
+		if (!e || !a) return;
+		let n = !1, r = null, i = (a) => {
+			n || (g(a), r = f(e, t, "/ungit", a, i, (e) => y(e.message)));
+		};
+		return d(e, t, "/ungit").then((a) => {
+			n || (g(a), r = f(e, t, "/ungit", a, i, (e) => y(e.message)));
+		}).catch((e) => {
+			n || y(e instanceof Error ? e.message : String(e));
+		}), () => {
+			n = !0, r?.cancel();
+		};
+	}, [
+		e,
+		t,
+		a
+	]);
+	let b = p(() => {
+		if (!n || !r) return;
+		let e = { "Content-Type": "application/json" };
+		e["x-agent-api-key"] = r, fetch(`${n}/api/profiles/${encodeURIComponent(t)}/ungit/status`, { headers: e }).then((e) => e.ok ? e.json() : null).then((e) => {
+			e && o(!!e.running);
+		}).catch(() => o(!1));
+	}, [
+		n,
+		r,
+		t
+	]);
+	return m(() => {
+		b();
+	}, [b]), n ? /* @__PURE__ */ w("div", {
 		className: "rounded-xl border border-border-default overflow-hidden",
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ w("div", {
 			className: "p-3 bg-bg-sunken border-b border-border-default flex items-center justify-between gap-3",
 			children: [
-				/* @__PURE__ */ b("p", {
+				/* @__PURE__ */ C("p", {
 					className: "text-xs text-text-secondary",
-					children: n("gitops.ungitNote", "Visual git client powered by Ungit plugin on the agent.")
+					children: i("gitops.ungitNote", "Visual git client powered by Ungit plugin on the agent.")
 				}),
-				!r && !a && /* @__PURE__ */ b("button", {
+				!a && !s && /* @__PURE__ */ C("button", {
 					onClick: () => {
-						if (!t) return;
-						o(!0);
-						let n = { "Content-Type": "application/json" };
-						n["x-agent-api-key"] = t, fetch(`${e}/api/ungit/start`, {
+						if (!r) return;
+						c(!0);
+						let e = { "Content-Type": "application/json" };
+						e["x-agent-api-key"] = r, fetch(`${n}/api/profiles/${encodeURIComponent(t)}/ungit/start`, {
 							method: "POST",
-							headers: n,
+							headers: e,
 							body: "{}"
 						}).then((e) => e.json()).then(() => {
-							i(!0), o(!1);
-						}).catch(() => o(!1));
+							o(!0), c(!1);
+						}).catch(() => c(!1));
 					},
 					className: "px-3 py-1 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
-					children: n("gitops.startUngit", "Start Ungit")
+					children: i("gitops.startUngit", "Start Ungit")
 				}),
-				a && /* @__PURE__ */ b("span", {
+				s && /* @__PURE__ */ C("span", {
 					className: "text-xs text-text-secondary animate-pulse",
-					children: n("gitops.startingUngit", "Starting...")
+					children: i("gitops.startingUngit", "Starting...")
 				})
 			]
-		}), r ? /* @__PURE__ */ b("iframe", {
-			src: `${e}/ungit/?apiKey=${encodeURIComponent(t || "")}`,
+		}), a ? l ? /* @__PURE__ */ C("iframe", {
+			src: u(`${n}/ungit/`, l.token),
 			title: "Git UI (Ungit)",
 			className: "w-full",
 			style: { height: "700px" },
 			sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-top-navigation-by-user-activation allow-modals"
-		}) : /* @__PURE__ */ x("div", {
+		}) : /* @__PURE__ */ C("div", {
+			className: "p-8 text-center text-sm text-text-secondary",
+			children: v ? i("gitops.iframeTokenError", `Iframe token error: ${v}`) : i("gitops.mintingIframeToken", "Authorizing iframe…")
+		}) : /* @__PURE__ */ w("div", {
 			className: "p-8 text-center",
-			children: [/* @__PURE__ */ b(m, { className: "w-8 h-8 text-text-secondary mx-auto mb-3" }), /* @__PURE__ */ b("p", {
+			children: [/* @__PURE__ */ C(_, { className: "w-8 h-8 text-text-secondary mx-auto mb-3" }), /* @__PURE__ */ C("p", {
 				className: "text-sm text-text-secondary",
-				children: n("gitops.ungitNotRunning", "Ungit is installed but not running. Click \"Start Ungit\" to launch the visual git client.")
+				children: i("gitops.ungitNotRunning", "Ungit is installed but not running. Click \"Start Ungit\" to launch the visual git client.")
 			})]
 		})]
-	}) : /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ C("div", {
 		className: "rounded-lg border border-border-default bg-bg-sunken p-4",
-		children: /* @__PURE__ */ b("p", {
+		children: /* @__PURE__ */ C("p", {
 			className: "text-sm text-text-secondary",
-			children: n("gitops.ungitNoTunnel", "Agent tunnel URL is not available. Confirm the agent is running and try again.")
+			children: i("gitops.ungitNoTunnel", "Agent tunnel URL is not available. Confirm the agent is running and try again.")
 		})
 	});
 }
 //#endregion
-export { S as VibeGitOpsTab };
+export { T as VibeGitOpsTab };
 
 //# sourceMappingURL=VibeGitOpsTab.js.map

package/dist/components/gitops/VibeGitOpsTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"VibeGitOpsTab.js","names":[],"sources":["../../../src/components/gitops/VibeGitOpsTab.tsx"],"sourcesContent":["/**\n * VibeGitOpsTab - GitOps tab content for the Vibe detail page.\n *\n * Shows sub-tabs:\n * 1. Repo Stats — provider-based repo info via GraphQL\n * 2. CI Pipelines — provider-based CI status via GraphQL\n * 3. Git UI — Ungit iframe (only when the ungit plugin is installed on the agent with hasUI)\n */\nimport { useCallback, useEffect, useState, type FC } from 'react';\nimport { motion } from 'framer-motion';\nimport { GitMerge, BarChart3, Play, GitBranch, RefreshCw } from 'lucide-react';\nimport {\n  useListGitopsProvidersQuery,\n  useGetRepoStatsQuery,\n  useGetCiStatusQuery,\n  useRefreshRepoStatsMutation,\n  useRefreshCiStatusMutation,\n} from '../../generated/wspace-operations';\nimport { RepoStatsTab } from './RepoStatsTab';\nimport { CITab } from './CITab';\nimport { GitOpsSetup } from './GitOpsSetup';\nimport { PluginGate } from '@/components/shared';\nimport { GIT_PACKAGE } from '@/constants/pluginCatalog';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\n\ninterface VibeGitOpsTabProps {\n  vibeId: string;\n  agentId: string;\n  tunnelUrl: string | null;\n  apiKey: string | null;\n  tr: (key: string, fallback: string) => string;\n}\n\ntype GitOpsSubTab = 'repo-stats' | 'ci' | 'git-ui';\n\nexport const VibeGitOpsTab: FC<VibeGitOpsTabProps> = ({\n  vibeId,\n  agentId,\n  tunnelUrl,\n  apiKey,\n  tr,\n}) => {\n  const [subTab, setSubTab] = useState<GitOpsSubTab>('repo-stats');\n  const [showSetup, setShowSetup] = useState(false);\n  const { workspaceId } = useVibeControls();\n\n  // Fetch providers for this vibe\n  const {\n    data: providersData,\n    loading: providersLoading,\n    refetch: refetchProviders,\n  } = useListGitopsProvidersQuery({\n    variables: { filter: { vibeId }, pagination: { limit: 50 } },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const providers = providersData?.listGitopsProviders?.items ?? [];\n  const activeProvider = providers.find((p: { isActive: boolean }) => p.isActive);\n  const selectedProviderId = activeProvider?.id || providers[0]?.id || '';\n\n  // Fetch repo stats\n  const {\n    data: repoStatsData,\n    loading: repoStatsLoading,\n    error: repoStatsError,\n  } = useGetRepoStatsQuery({\n    variables: { providerId: selectedProviderId, agentId },\n    skip: !selectedProviderId || !agentId || subTab !== 'repo-stats',\n    fetchPolicy: 'cache-and-network',\n  });\n\n  // Fetch CI status\n  const {\n    data: ciStatusData,\n    loading: ciStatusLoading,\n    error: ciStatusError,\n  } = useGetCiStatusQuery({\n    variables: { providerId: selectedProviderId, agentId, limit: 30 },\n    skip: !selectedProviderId || !agentId || subTab !== 'ci',\n    fetchPolicy: 'cache-and-network',\n  });\n\n  // Refresh mutations\n  const [refreshRepoStats, { loading: refreshingStats }] = useRefreshRepoStatsMutation();\n  const [refreshCIStatus, { loading: refreshingCI }] = useRefreshCiStatusMutation();\n\n  const handleRefresh = async () => {\n    if (!selectedProviderId || !agentId) return;\n    if (subTab === 'repo-stats') {\n      await refreshRepoStats({\n        variables: { providerId: selectedProviderId, agentId },\n      });\n    } else if (subTab === 'ci') {\n      await refreshCIStatus({\n        variables: { providerId: selectedProviderId, agentId },\n      });\n    }\n  };\n\n  const isRefreshing = refreshingStats || refreshingCI;\n  const hasProviders = providers.length > 0;\n\n  // Git UI sub-tab is always visible; the body is PluginGate-wrapped so the\n  // user is prompted to install the ungit plugin on demand.\n  const subTabs: { id: GitOpsSubTab; label: string; icon: typeof BarChart3 }[] = [\n    {\n      id: 'repo-stats',\n      label: tr('gitops.repoStats', 'Repo Stats'),\n      icon: BarChart3,\n    },\n    { id: 'ci', label: tr('gitops.ci', 'CI Pipelines'), icon: Play },\n    {\n      id: 'git-ui' as GitOpsSubTab,\n      label: tr('gitops.gitUI', 'Git UI'),\n      icon: GitBranch,\n    },\n  ];\n\n  return (\n    <motion.div\n      key=\"gitops\"\n      initial={{ opacity: 0, y: 8 }}\n      animate={{ opacity: 1, y: 0 }}\n      exit={{ opacity: 0, y: -8 }}\n      transition={{ duration: 0.2 }}\n      className=\"space-y-4\"\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <GitMerge className=\"w-5 h-5 text-text-secondary\" />\n          <h3 className=\"font-semibold text-text-primary\">\n            {tr('vibeDetails.gitopsTitle', 'GitOps')}\n          </h3>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {hasProviders && agentId && (subTab === 'repo-stats' || subTab === 'ci') && (\n            <button\n              onClick={handleRefresh}\n              disabled={isRefreshing}\n              className=\"flex items-center gap-1.5 px-2.5 py-1 text-xs rounded-md border border-border-default text-text-secondary hover:text-text-primary hover:border-border-strong disabled:opacity-50 transition-colors\"\n            >\n              <RefreshCw className={`w-3 h-3 ${isRefreshing ? 'animate-spin' : ''}`} />\n              {tr('gitops.refresh', 'Refresh')}\n            </button>\n          )}\n          {!hasProviders && !showSetup && (\n            <button\n              onClick={() => setShowSetup(true)}\n              className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              {tr('gitops.addProvider', 'Add Provider')}\n            </button>\n          )}\n        </div>\n      </div>\n\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:gap-6\">\n        <nav\n          className=\"w-full flex-shrink-0 rounded-lg border border-border-default bg-bg-surface p-2 lg:w-56\"\n          role=\"tablist\"\n          aria-label={tr('gitops.navigation', 'GitOps navigation')}\n        >\n          {subTabs.map((tab) => {\n            const Icon = tab.icon;\n            const isActive = subTab === tab.id;\n            return (\n              <button\n                key={tab.id}\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => setSubTab(tab.id)}\n                className={`flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm font-medium transition-colors ${\n                  isActive\n                    ? 'bg-action-primary-bg text-action-primary-text shadow-sm'\n                    : 'text-text-secondary hover:bg-action-ghost-bg-hover hover:text-text-primary'\n                }`}\n              >\n                <Icon className=\"h-4 w-4 shrink-0\" />\n                <span className=\"truncate\">{tab.label}</span>\n              </button>\n            );\n          })}\n        </nav>\n\n        <div className=\"min-w-0 flex-1 space-y-4\">\n          {/* Setup form */}\n          {showSetup && (\n            <GitOpsSetup\n              workspaceId={workspaceId || ''}\n              agents={agentId ? [{ id: agentId, name: 'Active Agent' }] : []}\n              onCreated={() => {\n                setShowSetup(false);\n                void refetchProviders();\n              }}\n            />\n          )}\n\n          {/* Repo Stats */}\n          {subTab === 'repo-stats' && !showSetup && (\n            <>\n              {!hasProviders ? (\n                <div className=\"rounded-lg border border-border-default bg-bg-surface p-6 text-center\">\n                  <GitMerge className=\"w-8 h-8 text-text-secondary mx-auto mb-3\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {tr(\n                      'gitops.noProvidersVibe',\n                      'No GitOps provider configured for this vibe. Add a provider to see repository stats.'\n                    )}\n                  </p>\n                  <button\n                    onClick={() => setShowSetup(true)}\n                    className=\"mt-3 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n                  >\n                    {tr('gitops.addProvider', 'Add Provider')}\n                  </button>\n                </div>\n              ) : !agentId ? (\n                <div className=\"rounded-lg border border-border-default bg-bg-sunken p-4\">\n                  <p className=\"text-sm text-text-secondary\">\n                    {tr(\n                      'gitops.noAgent',\n                      'An active agent with CLI access is required to fetch repository data. Ensure the agent has the GitHub CLI (gh) installed and authenticated.'\n                    )}\n                  </p>\n                </div>\n              ) : (\n                <RepoStatsTab\n                  stats={repoStatsData?.getRepoStats ?? null}\n                  loading={repoStatsLoading || providersLoading}\n                  error={repoStatsError?.message}\n                />\n              )}\n            </>\n          )}\n\n          {/* CI Pipelines */}\n          {subTab === 'ci' && !showSetup && (\n            <>\n              {!hasProviders ? (\n                <div className=\"rounded-lg border border-border-default bg-bg-surface p-6 text-center\">\n                  <Play className=\"w-8 h-8 text-text-secondary mx-auto mb-3\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {tr(\n                      'gitops.noProvidersCi',\n                      'No GitOps provider configured. Add a provider to see CI pipeline status.'\n                    )}\n                  </p>\n                </div>\n              ) : !agentId ? (\n                <div className=\"rounded-lg border border-border-default bg-bg-sunken p-4\">\n                  <p className=\"text-sm text-text-secondary\">\n                    {tr(\n                      'gitops.noAgentCi',\n                      'An active agent with CLI access is required to fetch CI status.'\n                    )}\n                  </p>\n                </div>\n              ) : (\n                <CITab\n                  status={ciStatusData?.getCIStatus ?? null}\n                  loading={ciStatusLoading || providersLoading}\n                  error={ciStatusError?.message}\n                />\n              )}\n            </>\n          )}\n\n          {/* Git UI (Ungit iframe) — gated on the vibe-plugin-tool-git plugin */}\n          {subTab === 'git-ui' && (\n            <PluginGate\n              agentId={agentId || null}\n              required={[GIT_PACKAGE]}\n              mode=\"all\"\n              eyebrow={tr('gitops.ungitEyebrow', 'Ungit plugin required')}\n              title={tr('gitops.ungitTitle', 'Install the visual git client')}\n              description={tr(\n                'gitops.ungitDescription',\n                'The Git UI embeds the Ungit visual git client served by your agent. Install the plugin to continue.'\n              )}\n            >\n              <UngitRuntimePanel tunnelUrl={tunnelUrl} apiKey={apiKey} tr={tr} />\n            </PluginGate>\n          )}\n        </div>\n      </div>\n    </motion.div>\n  );\n};\n\nfunction UngitRuntimePanel({\n  tunnelUrl,\n  apiKey,\n  tr,\n}: {\n  tunnelUrl: string | null;\n  apiKey: string | null;\n  tr: (key: string, fallback: string) => string;\n}) {\n  const [ungitRunning, setUngitRunning] = useState(false);\n  const [ungitStarting, setUngitStarting] = useState(false);\n\n  const refreshUngitStatus = useCallback(() => {\n    if (!tunnelUrl || !apiKey) return;\n    const headers: Record<string, string> = { 'Content-Type': 'application/json' };\n    headers['x-agent-api-key'] = apiKey;\n    fetch(`${tunnelUrl}/api/ungit/status`, { headers })\n      .then((r) => (r.ok ? r.json() : null))\n      .then((data) => {\n        if (data) setUngitRunning(!!data.running);\n      })\n      .catch(() => setUngitRunning(false));\n  }, [tunnelUrl, apiKey]);\n\n  useEffect(() => {\n    refreshUngitStatus();\n  }, [refreshUngitStatus]);\n\n  if (!tunnelUrl) {\n    return (\n      <div className=\"rounded-lg border border-border-default bg-bg-sunken p-4\">\n        <p className=\"text-sm text-text-secondary\">\n          {tr(\n            'gitops.ungitNoTunnel',\n            'Agent tunnel URL is not available. Confirm the agent is running and try again.'\n          )}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"rounded-xl border border-border-default overflow-hidden\">\n      <div className=\"p-3 bg-bg-sunken border-b border-border-default flex items-center justify-between gap-3\">\n        <p className=\"text-xs text-text-secondary\">\n          {tr('gitops.ungitNote', 'Visual git client powered by Ungit plugin on the agent.')}\n        </p>\n        {!ungitRunning && !ungitStarting && (\n          <button\n            onClick={() => {\n              if (!apiKey) return;\n              setUngitStarting(true);\n              const headers: Record<string, string> = {\n                'Content-Type': 'application/json',\n              };\n              headers['x-agent-api-key'] = apiKey;\n              fetch(`${tunnelUrl}/api/ungit/start`, {\n                method: 'POST',\n                headers,\n                body: '{}',\n              })\n                .then((r) => r.json())\n                .then(() => {\n                  setUngitRunning(true);\n                  setUngitStarting(false);\n                })\n                .catch(() => setUngitStarting(false));\n            }}\n            className=\"px-3 py-1 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n          >\n            {tr('gitops.startUngit', 'Start Ungit')}\n          </button>\n        )}\n        {ungitStarting && (\n          <span className=\"text-xs text-text-secondary animate-pulse\">\n            {tr('gitops.startingUngit', 'Starting...')}\n          </span>\n        )}\n      </div>\n      {ungitRunning ? (\n        <iframe\n          src={`${tunnelUrl}/ungit/?apiKey=${encodeURIComponent(apiKey || '')}`}\n          title=\"Git UI (Ungit)\"\n          className=\"w-full\"\n          style={{ height: '700px' }}\n          sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-top-navigation-by-user-activation allow-modals\"\n        />\n      ) : (\n        <div className=\"p-8 text-center\">\n          <GitBranch className=\"w-8 h-8 text-text-secondary mx-auto mb-3\" />\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'gitops.ungitNotRunning',\n              'Ungit is installed but not running. Click \"Start Ungit\" to launch the visual git client.'\n            )}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAmCA,IAAa,KAAyC,EACpD,WACA,YACA,cACA,WACA,YACI;CACJ,IAAM,CAAC,GAAQ,KAAa,EAAuB,aAAa,EAC1D,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,EAAE,mBAAgB,GAAiB,EAGnC,EACJ,MAAM,GACN,SAAS,GACT,SAAS,MACP,EAA4B;EAC9B,WAAW;GAAE,QAAQ,EAAE,WAAQ;GAAE,YAAY,EAAE,OAAO,IAAI;GAAE;EAC5D,aAAa;EACd,CAAC,EAEI,IAAY,GAAe,qBAAqB,SAAS,EAAE,EAE3D,IADiB,EAAU,MAAM,MAA6B,EAAE,SAAS,EACpC,MAAM,EAAU,IAAI,MAAM,IAG/D,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAqB;EACvB,WAAW;GAAE,YAAY;GAAoB;GAAS;EACtD,MAAM,CAAC,KAAsB,CAAC,KAAW,MAAW;EACpD,aAAa;EACd,CAAC,EAGI,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAoB;EACtB,WAAW;GAAE,YAAY;GAAoB;GAAS,OAAO;GAAI;EACjE,MAAM,CAAC,KAAsB,CAAC,KAAW,MAAW;EACpD,aAAa;EACd,CAAC,EAGI,CAAC,GAAkB,EAAE,SAAS,OAAqB,GAA6B,EAChF,CAAC,GAAiB,EAAE,SAAS,OAAkB,GAA4B,EAE3E,IAAgB,YAAY;AAC5B,GAAC,KAAsB,CAAC,MACxB,MAAW,eACb,MAAM,EAAiB,EACrB,WAAW;GAAE,YAAY;GAAoB;GAAS,EACvD,CAAC,GACO,MAAW,QACpB,MAAM,EAAgB,EACpB,WAAW;GAAE,YAAY;GAAoB;GAAS,EACvD,CAAC;IAIA,IAAe,KAAmB,GAClC,IAAe,EAAU,SAAS,GAIlC,IAAyE;EAC7E;GACE,IAAI;GACJ,OAAO,EAAG,oBAAoB,aAAa;GAC3C,MAAM;GACP;EACD;GAAE,IAAI;GAAM,OAAO,EAAG,aAAa,eAAe;GAAE,MAAM;GAAM;EAChE;GACE,IAAI;GACJ,OAAO,EAAG,gBAAgB,SAAS;GACnC,MAAM;GACP;EACF;AAED,QACE,kBAAC,EAAO,KAAR;EAEE,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG;EAC7B,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG;EAC7B,MAAM;GAAE,SAAS;GAAG,GAAG;GAAI;EAC3B,YAAY,EAAE,UAAU,IAAK;EAC7B,WAAU;YANZ,CASE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA,EACpD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,2BAA2B,SAAS;KACrC,CAAA,CACD;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAgB,MAAY,MAAW,gBAAgB,MAAW,SACjE,kBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,WAAU;eAHZ,CAKE,kBAAC,GAAD,EAAW,WAAW,WAAW,IAAe,iBAAiB,MAAQ,CAAA,EACxE,EAAG,kBAAkB,UAAU,CACzB;QAEV,CAAC,KAAgB,CAAC,KACjB,kBAAC,UAAD;KACE,eAAe,EAAa,GAAK;KACjC,WAAU;eAET,EAAG,sBAAsB,eAAe;KAClC,CAAA,CAEP;MACF;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,cAAY,EAAG,qBAAqB,oBAAoB;cAEvD,EAAQ,KAAK,MAAQ;KACpB,IAAM,IAAO,EAAI,MACX,IAAW,MAAW,EAAI;AAChC,YACE,kBAAC,UAAD;MAEE,MAAK;MACL,iBAAe;MACf,eAAe,EAAU,EAAI,GAAG;MAChC,WAAW,uGACT,IACI,4DACA;gBARR,CAWE,kBAAC,GAAD,EAAM,WAAU,oBAAqB,CAAA,EACrC,kBAAC,QAAD;OAAM,WAAU;iBAAY,EAAI;OAAa,CAAA,CACtC;QAZF,EAAI,GAYF;MAEX;IACE,CAAA,EAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEG,KACC,kBAAC,GAAD;MACE,aAAa,KAAe;MAC5B,QAAQ,IAAU,CAAC;OAAE,IAAI;OAAS,MAAM;OAAgB,CAAC,GAAG,EAAE;MAC9D,iBAAiB;AAEV,OADL,EAAa,GAAM,EACd,GAAkB;;MAEzB,CAAA;KAIH,MAAW,gBAAgB,CAAC,KAC3B,kBAAA,GAAA,EAAA,UACI,IAgBG,IAUH,kBAAC,GAAD;MACE,OAAO,GAAe,gBAAgB;MACtC,SAAS,KAAoB;MAC7B,OAAO,GAAgB;MACvB,CAAA,GAbF,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,kBACA,8IACD;OACC,CAAA;MACA,CAAA,GAvBN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAU,WAAU,4CAA6C,CAAA;OACjE,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,0BACA,uFACD;QACC,CAAA;OACJ,kBAAC,UAAD;QACE,eAAe,EAAa,GAAK;QACjC,WAAU;kBAET,EAAG,sBAAsB,eAAe;QAClC,CAAA;OACL;SAiBP,CAAA;KAIJ,MAAW,QAAQ,CAAC,KACnB,kBAAA,GAAA,EAAA,UACI,IAUG,IAUH,kBAAC,GAAD;MACE,QAAQ,GAAc,eAAe;MACrC,SAAS,KAAmB;MAC5B,OAAO,GAAe;MACtB,CAAA,GAbF,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,oBACA,kEACD;OACC,CAAA;MACA,CAAA,GAjBN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,4CAA6C,CAAA,EAC7D,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,wBACA,2EACD;OACC,CAAA,CACA;SAiBP,CAAA;KAIJ,MAAW,YACV,kBAAC,GAAD;MACE,SAAS,KAAW;MACpB,UAAU,CAAA,qCAAa;MACvB,MAAK;MACL,SAAS,EAAG,uBAAuB,wBAAwB;MAC3D,OAAO,EAAG,qBAAqB,gCAAgC;MAC/D,aAAa,EACX,2BACA,sGACD;gBAED,kBAAC,GAAD;OAA8B;OAAmB;OAAY;OAAM,CAAA;MACxD,CAAA;KAEX;MACF;KACK;IAtKP,SAsKO;;AAIjB,SAAS,EAAkB,EACzB,cACA,WACA,SAKC;CACD,IAAM,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAe,KAAoB,EAAS,GAAM,EAEnD,IAAqB,QAAkB;AAC3C,MAAI,CAAC,KAAa,CAAC,EAAQ;EAC3B,IAAM,IAAkC,EAAE,gBAAgB,oBAAoB;AAE9E,EADA,EAAQ,qBAAqB,GAC7B,MAAM,GAAG,EAAU,oBAAoB,EAAE,YAAS,CAAC,CAChD,MAAM,MAAO,EAAE,KAAK,EAAE,MAAM,GAAG,KAAM,CACrC,MAAM,MAAS;AACd,GAAI,KAAM,EAAgB,CAAC,CAAC,EAAK,QAAQ;IACzC,CACD,YAAY,EAAgB,GAAM,CAAC;IACrC,CAAC,GAAW,EAAO,CAAC;AAmBvB,QAjBA,QAAgB;AACd,KAAoB;IACnB,CAAC,EAAmB,CAAC,EAEnB,IAcH,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,KAAD;KAAG,WAAU;eACV,EAAG,oBAAoB,0DAA0D;KAChF,CAAA;IACH,CAAC,KAAgB,CAAC,KACjB,kBAAC,UAAD;KACE,eAAe;AACb,UAAI,CAAC,EAAQ;AACb,QAAiB,GAAK;MACtB,IAAM,IAAkC,EACtC,gBAAgB,oBACjB;AAED,MADA,EAAQ,qBAAqB,GAC7B,MAAM,GAAG,EAAU,mBAAmB;OACpC,QAAQ;OACR;OACA,MAAM;OACP,CAAC,CACC,MAAM,MAAM,EAAE,MAAM,CAAC,CACrB,WAAW;AAEV,OADA,EAAgB,GAAK,EACrB,EAAiB,GAAM;QACvB,CACD,YAAY,EAAiB,GAAM,CAAC;;KAEzC,WAAU;eAET,EAAG,qBAAqB,cAAc;KAChC,CAAA;IAEV,KACC,kBAAC,QAAD;KAAM,WAAU;eACb,EAAG,wBAAwB,cAAc;KACrC,CAAA;IAEL;MACL,IACC,kBAAC,UAAD;GACE,KAAK,GAAG,EAAU,iBAAiB,mBAAmB,KAAU,GAAG;GACnE,OAAM;GACN,WAAU;GACV,OAAO,EAAE,QAAQ,SAAS;GAC1B,SAAQ;GACR,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAW,WAAU,4CAA6C,CAAA,EAClE,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,0BACA,6FACD;IACC,CAAA,CACA;KAEJ;MApEJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD;GAAG,WAAU;aACV,EACC,wBACA,iFACD;GACC,CAAA;EACA,CAAA"}
+{"version":3,"file":"VibeGitOpsTab.js","names":[],"sources":["../../../src/components/gitops/VibeGitOpsTab.tsx"],"sourcesContent":["/**\n * VibeGitOpsTab - GitOps tab content for the Vibe detail page.\n *\n * Shows sub-tabs:\n * 1. Repo Stats — provider-based repo info via GraphQL\n * 2. CI Pipelines — provider-based CI status via GraphQL\n * 3. Git UI — Ungit iframe (only when the ungit plugin is installed on the agent with hasUI)\n */\nimport { useCallback, useEffect, useState, type FC } from 'react';\nimport { motion } from 'framer-motion';\nimport { GitMerge, BarChart3, Play, GitBranch, RefreshCw } from 'lucide-react';\nimport {\n  useListGitopsProvidersQuery,\n  useGetRepoStatsQuery,\n  useGetCiStatusQuery,\n  useRefreshRepoStatsMutation,\n  useRefreshCiStatusMutation,\n} from '../../generated/wspace-operations';\nimport { RepoStatsTab } from './RepoStatsTab';\nimport { CITab } from './CITab';\nimport { GitOpsSetup } from './GitOpsSetup';\nimport { PluginGate } from '@/components/shared';\nimport { GIT_PACKAGE } from '@/constants/pluginCatalog';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport {\n  mintIframeToken,\n  scheduleIframeTokenRefresh,\n  appendIframeTokenParam,\n  type IframeTokenAutoRefreshHandle,\n  type IframeTokenResponse,\n} from '@/services/iframeToken';\n\ninterface VibeGitOpsTabProps {\n  vibeId: string;\n  agentId: string;\n  /** Canonical agent profile name — required for the agent → profile → plugins/data URL hierarchy. */\n  profile: string;\n  tunnelUrl: string | null;\n  apiKey: string | null;\n  tr: (key: string, fallback: string) => string;\n}\n\ntype GitOpsSubTab = 'repo-stats' | 'ci' | 'git-ui';\n\nexport const VibeGitOpsTab: FC<VibeGitOpsTabProps> = ({\n  vibeId,\n  agentId,\n  profile,\n  tunnelUrl,\n  apiKey,\n  tr,\n}) => {\n  const [subTab, setSubTab] = useState<GitOpsSubTab>('repo-stats');\n  const [showSetup, setShowSetup] = useState(false);\n  const { workspaceId } = useVibeControls();\n\n  // Fetch providers for this vibe\n  const {\n    data: providersData,\n    loading: providersLoading,\n    refetch: refetchProviders,\n  } = useListGitopsProvidersQuery({\n    variables: { filter: { vibeId }, pagination: { limit: 50 } },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const providers = providersData?.listGitopsProviders?.items ?? [];\n  const activeProvider = providers.find((p: { isActive: boolean }) => p.isActive);\n  const selectedProviderId = activeProvider?.id || providers[0]?.id || '';\n\n  // Fetch repo stats\n  const {\n    data: repoStatsData,\n    loading: repoStatsLoading,\n    error: repoStatsError,\n  } = useGetRepoStatsQuery({\n    variables: { providerId: selectedProviderId, agentId },\n    skip: !selectedProviderId || !agentId || subTab !== 'repo-stats',\n    fetchPolicy: 'cache-and-network',\n  });\n\n  // Fetch CI status\n  const {\n    data: ciStatusData,\n    loading: ciStatusLoading,\n    error: ciStatusError,\n  } = useGetCiStatusQuery({\n    variables: { providerId: selectedProviderId, agentId, limit: 30 },\n    skip: !selectedProviderId || !agentId || subTab !== 'ci',\n    fetchPolicy: 'cache-and-network',\n  });\n\n  // Refresh mutations\n  const [refreshRepoStats, { loading: refreshingStats }] = useRefreshRepoStatsMutation();\n  const [refreshCIStatus, { loading: refreshingCI }] = useRefreshCiStatusMutation();\n\n  const handleRefresh = async () => {\n    if (!selectedProviderId || !agentId) return;\n    if (subTab === 'repo-stats') {\n      await refreshRepoStats({\n        variables: { providerId: selectedProviderId, agentId },\n      });\n    } else if (subTab === 'ci') {\n      await refreshCIStatus({\n        variables: { providerId: selectedProviderId, agentId },\n      });\n    }\n  };\n\n  const isRefreshing = refreshingStats || refreshingCI;\n  const hasProviders = providers.length > 0;\n\n  // Git UI sub-tab is always visible; the body is PluginGate-wrapped so the\n  // user is prompted to install the ungit plugin on demand.\n  const subTabs: { id: GitOpsSubTab; label: string; icon: typeof BarChart3 }[] = [\n    {\n      id: 'repo-stats',\n      label: tr('gitops.repoStats', 'Repo Stats'),\n      icon: BarChart3,\n    },\n    { id: 'ci', label: tr('gitops.ci', 'CI Pipelines'), icon: Play },\n    {\n      id: 'git-ui' as GitOpsSubTab,\n      label: tr('gitops.gitUI', 'Git UI'),\n      icon: GitBranch,\n    },\n  ];\n\n  return (\n    <motion.div\n      key=\"gitops\"\n      initial={{ opacity: 0, y: 8 }}\n      animate={{ opacity: 1, y: 0 }}\n      exit={{ opacity: 0, y: -8 }}\n      transition={{ duration: 0.2 }}\n      className=\"space-y-4\"\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <GitMerge className=\"w-5 h-5 text-text-secondary\" />\n          <h3 className=\"font-semibold text-text-primary\">\n            {tr('vibeDetails.gitopsTitle', 'GitOps')}\n          </h3>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {hasProviders && agentId && (subTab === 'repo-stats' || subTab === 'ci') && (\n            <button\n              onClick={handleRefresh}\n              disabled={isRefreshing}\n              className=\"flex items-center gap-1.5 px-2.5 py-1 text-xs rounded-md border border-border-default text-text-secondary hover:text-text-primary hover:border-border-strong disabled:opacity-50 transition-colors\"\n            >\n              <RefreshCw className={`w-3 h-3 ${isRefreshing ? 'animate-spin' : ''}`} />\n              {tr('gitops.refresh', 'Refresh')}\n            </button>\n          )}\n          {!hasProviders && !showSetup && (\n            <button\n              onClick={() => setShowSetup(true)}\n              className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              {tr('gitops.addProvider', 'Add Provider')}\n            </button>\n          )}\n        </div>\n      </div>\n\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:gap-6\">\n        <nav\n          className=\"w-full flex-shrink-0 rounded-lg border border-border-default bg-bg-surface p-2 lg:w-56\"\n          role=\"tablist\"\n          aria-label={tr('gitops.navigation', 'GitOps navigation')}\n        >\n          {subTabs.map((tab) => {\n            const Icon = tab.icon;\n            const isActive = subTab === tab.id;\n            return (\n              <button\n                key={tab.id}\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => setSubTab(tab.id)}\n                className={`flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm font-medium transition-colors ${\n                  isActive\n                    ? 'bg-action-primary-bg text-action-primary-text shadow-sm'\n                    : 'text-text-secondary hover:bg-action-ghost-bg-hover hover:text-text-primary'\n                }`}\n              >\n                <Icon className=\"h-4 w-4 shrink-0\" />\n                <span className=\"truncate\">{tab.label}</span>\n              </button>\n            );\n          })}\n        </nav>\n\n        <div className=\"min-w-0 flex-1 space-y-4\">\n          {/* Setup form */}\n          {showSetup && (\n            <GitOpsSetup\n              workspaceId={workspaceId || ''}\n              agents={agentId ? [{ id: agentId, name: 'Active Agent' }] : []}\n              onCreated={() => {\n                setShowSetup(false);\n                void refetchProviders();\n              }}\n            />\n          )}\n\n          {/* Repo Stats */}\n          {subTab === 'repo-stats' && !showSetup && (\n            <>\n              {!hasProviders ? (\n                <div className=\"rounded-lg border border-border-default bg-bg-surface p-6 text-center\">\n                  <GitMerge className=\"w-8 h-8 text-text-secondary mx-auto mb-3\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {tr(\n                      'gitops.noProvidersVibe',\n                      'No GitOps provider configured for this vibe. Add a provider to see repository stats.'\n                    )}\n                  </p>\n                  <button\n                    onClick={() => setShowSetup(true)}\n                    className=\"mt-3 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n                  >\n                    {tr('gitops.addProvider', 'Add Provider')}\n                  </button>\n                </div>\n              ) : !agentId ? (\n                <div className=\"rounded-lg border border-border-default bg-bg-sunken p-4\">\n                  <p className=\"text-sm text-text-secondary\">\n                    {tr(\n                      'gitops.noAgent',\n                      'An active agent with CLI access is required to fetch repository data. Ensure the agent has the GitHub CLI (gh) installed and authenticated.'\n                    )}\n                  </p>\n                </div>\n              ) : (\n                <RepoStatsTab\n                  stats={repoStatsData?.getRepoStats ?? null}\n                  loading={repoStatsLoading || providersLoading}\n                  error={repoStatsError?.message}\n                />\n              )}\n            </>\n          )}\n\n          {/* CI Pipelines */}\n          {subTab === 'ci' && !showSetup && (\n            <>\n              {!hasProviders ? (\n                <div className=\"rounded-lg border border-border-default bg-bg-surface p-6 text-center\">\n                  <Play className=\"w-8 h-8 text-text-secondary mx-auto mb-3\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {tr(\n                      'gitops.noProvidersCi',\n                      'No GitOps provider configured. Add a provider to see CI pipeline status.'\n                    )}\n                  </p>\n                </div>\n              ) : !agentId ? (\n                <div className=\"rounded-lg border border-border-default bg-bg-sunken p-4\">\n                  <p className=\"text-sm text-text-secondary\">\n                    {tr(\n                      'gitops.noAgentCi',\n                      'An active agent with CLI access is required to fetch CI status.'\n                    )}\n                  </p>\n                </div>\n              ) : (\n                <CITab\n                  status={ciStatusData?.getCIStatus ?? null}\n                  loading={ciStatusLoading || providersLoading}\n                  error={ciStatusError?.message}\n                />\n              )}\n            </>\n          )}\n\n          {/* Git UI (Ungit iframe) — gated on the vibe-plugin-tool-git plugin */}\n          {subTab === 'git-ui' && (\n            <PluginGate\n              agentId={agentId || null}\n              required={[GIT_PACKAGE]}\n              mode=\"all\"\n              eyebrow={tr('gitops.ungitEyebrow', 'Ungit plugin required')}\n              title={tr('gitops.ungitTitle', 'Install the visual git client')}\n              description={tr(\n                'gitops.ungitDescription',\n                'The Git UI embeds the Ungit visual git client served by your agent. Install the plugin to continue.'\n              )}\n            >\n              <UngitRuntimePanel\n                agentId={agentId}\n                profile={profile}\n                tunnelUrl={tunnelUrl}\n                apiKey={apiKey}\n                tr={tr}\n              />\n            </PluginGate>\n          )}\n        </div>\n      </div>\n    </motion.div>\n  );\n};\n\nfunction UngitRuntimePanel({\n  agentId,\n  profile,\n  tunnelUrl,\n  apiKey,\n  tr,\n}: {\n  agentId: string;\n  profile: string;\n  tunnelUrl: string | null;\n  apiKey: string | null;\n  tr: (key: string, fallback: string) => string;\n}) {\n  const [ungitRunning, setUngitRunning] = useState(false);\n  const [ungitStarting, setUngitStarting] = useState(false);\n  // Iframe-token state — replaces the previous ?apiKey= URL param.\n  // Token TTL is enforced server-side at <= 600s; we re-mint ~60s before expiry.\n  const [iframeToken, setIframeToken] = useState<IframeTokenResponse | null>(null);\n  const [tokenError, setTokenError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!agentId || !ungitRunning) return;\n    let cancelled = false;\n    let handle: IframeTokenAutoRefreshHandle | null = null;\n\n    const onRefresh = (next: IframeTokenResponse) => {\n      if (cancelled) return;\n      setIframeToken(next);\n      handle = scheduleIframeTokenRefresh(agentId, profile, '/ungit', next, onRefresh, (err) =>\n        setTokenError(err.message)\n      );\n    };\n\n    mintIframeToken(agentId, profile, '/ungit')\n      .then((tok) => {\n        if (cancelled) return;\n        setIframeToken(tok);\n        handle = scheduleIframeTokenRefresh(agentId, profile, '/ungit', tok, onRefresh, (err) =>\n          setTokenError(err.message)\n        );\n      })\n      .catch((err: unknown) => {\n        if (cancelled) return;\n        setTokenError(err instanceof Error ? err.message : String(err));\n      });\n\n    return () => {\n      cancelled = true;\n      handle?.cancel();\n    };\n  }, [agentId, profile, ungitRunning]);\n\n  const refreshUngitStatus = useCallback(() => {\n    if (!tunnelUrl || !apiKey) return;\n    const headers: Record<string, string> = { 'Content-Type': 'application/json' };\n    headers['x-agent-api-key'] = apiKey;\n    fetch(`${tunnelUrl}/api/profiles/${encodeURIComponent(profile)}/ungit/status`, { headers })\n      .then((r) => (r.ok ? r.json() : null))\n      .then((data) => {\n        if (data) setUngitRunning(!!data.running);\n      })\n      .catch(() => setUngitRunning(false));\n  }, [tunnelUrl, apiKey, profile]);\n\n  useEffect(() => {\n    refreshUngitStatus();\n  }, [refreshUngitStatus]);\n\n  if (!tunnelUrl) {\n    return (\n      <div className=\"rounded-lg border border-border-default bg-bg-sunken p-4\">\n        <p className=\"text-sm text-text-secondary\">\n          {tr(\n            'gitops.ungitNoTunnel',\n            'Agent tunnel URL is not available. Confirm the agent is running and try again.'\n          )}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"rounded-xl border border-border-default overflow-hidden\">\n      <div className=\"p-3 bg-bg-sunken border-b border-border-default flex items-center justify-between gap-3\">\n        <p className=\"text-xs text-text-secondary\">\n          {tr('gitops.ungitNote', 'Visual git client powered by Ungit plugin on the agent.')}\n        </p>\n        {!ungitRunning && !ungitStarting && (\n          <button\n            onClick={() => {\n              if (!apiKey) return;\n              setUngitStarting(true);\n              const headers: Record<string, string> = {\n                'Content-Type': 'application/json',\n              };\n              headers['x-agent-api-key'] = apiKey;\n              fetch(`${tunnelUrl}/api/profiles/${encodeURIComponent(profile)}/ungit/start`, {\n                method: 'POST',\n                headers,\n                body: '{}',\n              })\n                .then((r) => r.json())\n                .then(() => {\n                  setUngitRunning(true);\n                  setUngitStarting(false);\n                })\n                .catch(() => setUngitStarting(false));\n            }}\n            className=\"px-3 py-1 text-xs font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n          >\n            {tr('gitops.startUngit', 'Start Ungit')}\n          </button>\n        )}\n        {ungitStarting && (\n          <span className=\"text-xs text-text-secondary animate-pulse\">\n            {tr('gitops.startingUngit', 'Starting...')}\n          </span>\n        )}\n      </div>\n      {ungitRunning ? (\n        iframeToken ? (\n          <iframe\n            src={appendIframeTokenParam(`${tunnelUrl}/ungit/`, iframeToken.token)}\n            title=\"Git UI (Ungit)\"\n            className=\"w-full\"\n            style={{ height: '700px' }}\n            sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-top-navigation-by-user-activation allow-modals\"\n          />\n        ) : (\n          <div className=\"p-8 text-center text-sm text-text-secondary\">\n            {tokenError\n              ? tr('gitops.iframeTokenError', `Iframe token error: ${tokenError}`)\n              : tr('gitops.mintingIframeToken', 'Authorizing iframe…')}\n          </div>\n        )\n      ) : (\n        <div className=\"p-8 text-center\">\n          <GitBranch className=\"w-8 h-8 text-text-secondary mx-auto mb-3\" />\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'gitops.ungitNotRunning',\n              'Ungit is installed but not running. Click \"Start Ungit\" to launch the visual git client.'\n            )}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}