@burdenoff/microfe-vibecontrols 2026.613.1 → 2026.618.1

package/dist/pages/tunnels/TunnelDetailsPage.js

@@ -1,50 +1,53 @@
 import { useGetTunnelQuery as e, useStartTunnelMutation as t, useStopTunnelMutation as n } from "../../generated/wspace-operations.js";
-import { useTr as r } from "../../shared/hooks/useTr.js";
-import { ConfirmDialog as i } from "../../components/shared/ConfirmDialog.js";
-import { QuotaExhaustedDialog as a } from "../../components/shared/QuotaExhaustedDialog.js";
-import { getQuotaDialogContent as o, isQuotaExhaustedError as s, markQuotaHandledLocally as c } from "../../utils/quotaUtils.js";
-import { useVibeControls as l } from "../../providers/VibeControlsProvider.js";
-import { PageHeader as u } from "../../components/shared/PageHeader.js";
-import { LoadingState as d } from "../../components/shared/LoadingState.js";
-import { ErrorState as f } from "../../components/shared/ErrorState.js";
-import { EntityTagPicker as p } from "../../components/shared/EntityTagPicker.js";
-import { EntityShareButton as ee } from "../../components/sharing/EntityShareButton.js";
+import { useTr as ee } from "../../shared/hooks/useTr.js";
+import { ConfirmDialog as te } from "../../components/shared/ConfirmDialog.js";
+import { QuotaExhaustedDialog as ne } from "../../components/shared/QuotaExhaustedDialog.js";
+import { getQuotaDialogContent as r, isQuotaExhaustedError as i, markQuotaHandledLocally as a } from "../../utils/quotaUtils.js";
+import { useVibeControls as o } from "../../providers/VibeControlsProvider.js";
+import { PageHeader as s } from "../../components/shared/PageHeader.js";
+import { LoadingState as c } from "../../components/shared/LoadingState.js";
+import { ErrorState as l } from "../../components/shared/ErrorState.js";
+import { EntityTagPicker as re } from "../../components/shared/EntityTagPicker.js";
+import { VIBE_PERMISSIONS as u } from "../../constants/permissions.js";
+import { EntityShareButton as ie } from "../../components/sharing/EntityShareButton.js";
 import "../../components/sharing/index.js";
-import { TunnelStatusBadge as te } from "../../components/tunnels/TunnelStatusBadge.js";
-import { ProviderBadge as ne } from "../../components/tunnels/ProviderBadge.js";
-import { TunnelOverviewTab as re } from "./tabs/TunnelOverviewTab.js";
-import { TunnelEndpointsTab as ie } from "./tabs/TunnelEndpointsTab.js";
-import { TunnelSessionsTab as ae } from "./tabs/TunnelSessionsTab.js";
-import { TunnelDomainsTab as oe } from "./tabs/TunnelDomainsTab.js";
-import { TunnelUsageTab as se } from "./tabs/TunnelUsageTab.js";
-import { TunnelCliTab as m } from "./tabs/TunnelCliTab.js";
-import { TunnelAuditTab as h } from "./tabs/TunnelAuditTab.js";
-import { TunnelSettingsTab as g } from "./tabs/TunnelSettingsTab.js";
-import { useEffect as _, useMemo as v, useState as y } from "react";
-import { AlertCircle as b, ArrowLeft as ce, Loader2 as le, Play as ue, Square as de, Tag as fe } from "lucide-react";
-import { useLocation as pe, useNavigate as x, useParams as S, useSearchParams as C } from "react-router-dom";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useEventBus as E } from "@burdenoff/fe-libs/shared/events";
-import { Tabs as D } from "@burdenoff/fe-libs/chrome";
+import { TunnelStatusBadge as ae } from "../../components/tunnels/TunnelStatusBadge.js";
+import { ProviderBadge as oe } from "../../components/tunnels/ProviderBadge.js";
+import { TunnelOverviewTab as se } from "./tabs/TunnelOverviewTab.js";
+import { TunnelEndpointsTab as ce } from "./tabs/TunnelEndpointsTab.js";
+import { TunnelSessionsTab as le } from "./tabs/TunnelSessionsTab.js";
+import { TunnelDomainsTab as ue } from "./tabs/TunnelDomainsTab.js";
+import { TunnelUsageTab as de } from "./tabs/TunnelUsageTab.js";
+import { TunnelCliTab as fe } from "./tabs/TunnelCliTab.js";
+import { TunnelAuditTab as pe } from "./tabs/TunnelAuditTab.js";
+import { TunnelSettingsTab as me } from "./tabs/TunnelSettingsTab.js";
+import { useEffect as d, useMemo as he, useState as f } from "react";
+import { AlertCircle as ge, ArrowLeft as p, Loader2 as m, Play as h, Square as g, Tag as _ } from "lucide-react";
+import { useLocation as v, useNavigate as _e, useParams as ve, useSearchParams as ye } from "react-router-dom";
+import { usePermissions as be } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useEventBus as xe } from "@burdenoff/fe-libs/shared/events";
+import { AccessDenied as Se } from "@burdenoff/fe-libs/shared/components";
+import { Tabs as x } from "@burdenoff/fe-libs/chrome";
 //#region src/pages/tunnels/TunnelDetailsPage.tsx
-function O() {
-	let O = r(), { tunnelId: k = "" } = S(), A = x(), j = pe(), M = E(), { workspaceId: N } = l(), [P, F] = C(), [I, L] = y(!1), [R, z] = y(!1), [me, B] = y(() => j.state?.autoPromptStart === !0), { data: V, loading: he, error: H, refetch: U, startPolling: W, stopPolling: G } = e({
-		variables: { id: k },
+function S() {
+	let S = ee(), { hasPermission: C, isLoading: w } = be(), T = C(u.TUNNEL_READ), E = C(u.TUNNEL_CREATE), D = C(u.TUNNEL_UPDATE), O = C(u.TUNNEL_DELETE), k = C(u.TUNNEL_EXECUTE), { tunnelId: A = "" } = ve(), j = _e(), M = v(), N = xe(), { workspaceId: P } = o(), [F, Ce] = ye(), [I, L] = f(!1), [we, R] = f(!1), [Te, z] = f(() => M.state?.autoPromptStart === !0), { data: B, loading: Ee, error: V, refetch: H, startPolling: U, stopPolling: W } = e({
+		variables: { id: A },
 		fetchPolicy: "cache-and-network",
-		skip: !k
+		skip: !A || w || !T
 	});
-	_(() => {
-		j.state?.autoPromptStart && A(j.pathname + j.search, {
+	d(() => {
+		M.state?.autoPromptStart && j(M.pathname + M.search, {
 			replace: !0,
 			state: {}
 		});
 	}, []);
-	let [ge] = t(), [_e] = n(), K = async () => {
-		let e = V?.tunnel;
-		if (!(!e || I)) {
-			B(!1), L(!0);
+	let [De] = t(), [Oe] = n(), G = async () => {
+		let e = B?.tunnel;
+		if (!(!e || I || !k)) {
+			z(!1), L(!0);
 			try {
-				let t = await ge({
+				let t = await De({
 					variables: { id: e.id },
 					optimisticResponse: { startTunnel: {
 						...e,
@@ -52,22 +55,22 @@ function O() {
 						__typename: "Tunnel"
 					} }
 				});
-				t.error && s(t.error) ? (c(), z(!0), M.emitCustom("vibecontrols.quota.tunnel_limit_hit", { workspaceId: N ?? void 0 })) : t.error || M.emitCustom("vibecontrols.tunnel.started", {
-					workspaceId: N ?? void 0,
+				t.error && i(t.error) ? (a(), R(!0), N.emitCustom("vibecontrols.quota.tunnel_limit_hit", { workspaceId: P ?? void 0 })) : t.error || N.emitCustom("vibecontrols.tunnel.started", {
+					workspaceId: P ?? void 0,
 					tunnelId: e.id
 				});
 			} catch (e) {
-				s(e) ? (c(), z(!0), M.emitCustom("vibecontrols.quota.tunnel_limit_hit", { workspaceId: N ?? void 0 })) : console.error("[TunnelDetailsPage] startTunnel failed", e);
+				i(e) ? (a(), R(!0), N.emitCustom("vibecontrols.quota.tunnel_limit_hit", { workspaceId: P ?? void 0 })) : console.error("[TunnelDetailsPage] startTunnel failed", e);
 			} finally {
 				L(!1);
 			}
 		}
-	}, ve = async () => {
-		let e = V?.tunnel;
-		if (!(!e || I)) {
+	}, ke = async () => {
+		let e = B?.tunnel;
+		if (!(!e || I || !k)) {
 			L(!0);
 			try {
-				await _e({
+				await Oe({
 					variables: { id: e.id },
 					optimisticResponse: { stopTunnel: {
 						...e,
@@ -79,206 +82,227 @@ function O() {
 				L(!1);
 			}
 		}
-	}, q = V?.tunnel?.status === "PROVISIONING" || V?.tunnel?.status === "DELETING" || V?.tunnel?.status === "ACTIVE" && !V.tunnel.primaryDomain?.hostname;
-	_(() => {
-		q ? W(4e3) : G();
+	}, K = B?.tunnel?.status === "PROVISIONING" || B?.tunnel?.status === "DELETING" || B?.tunnel?.status === "ACTIVE" && !B.tunnel.primaryDomain?.hostname;
+	d(() => {
+		K ? U(4e3) : W();
 	}, [
-		q,
-		W,
-		G
+		K,
+		U,
+		W
 	]);
-	let J = v(() => [
-		{
-			id: "overview",
-			label: O("vibecontrols.tunnels.detail.overview", "Overview")
-		},
-		{
-			id: "endpoints",
-			label: O("vibecontrols.tunnels.detail.endpoints", "Endpoints")
-		},
-		{
-			id: "sessions",
-			label: O("vibecontrols.tunnels.detail.sessions", "Sessions")
-		},
-		{
-			id: "domains",
-			label: O("vibecontrols.tunnels.detail.domains", "Domains")
-		},
-		{
-			id: "usage",
-			label: O("vibecontrols.tunnels.detail.usage", "Usage")
-		},
-		{
-			id: "cli",
-			label: O("vibecontrols.tunnels.detail.cli", "CLI")
-		},
-		{
-			id: "audit",
-			label: O("vibecontrols.tunnels.detail.audit", "Audit")
-		},
-		{
+	let q = he(() => {
+		let e = [
+			{
+				id: "overview",
+				label: S("vibecontrols.tunnels.detail.overview", "Overview")
+			},
+			{
+				id: "endpoints",
+				label: S("vibecontrols.tunnels.detail.endpoints", "Endpoints")
+			},
+			{
+				id: "sessions",
+				label: S("vibecontrols.tunnels.detail.sessions", "Sessions")
+			},
+			{
+				id: "domains",
+				label: S("vibecontrols.tunnels.detail.domains", "Domains")
+			},
+			{
+				id: "usage",
+				label: S("vibecontrols.tunnels.detail.usage", "Usage")
+			},
+			{
+				id: "cli",
+				label: S("vibecontrols.tunnels.detail.cli", "CLI")
+			},
+			{
+				id: "audit",
+				label: S("vibecontrols.tunnels.detail.audit", "Audit")
+			}
+		];
+		return (D || O) && e.push({
 			id: "settings",
-			label: O("vibecontrols.tunnels.detail.settings", "Settings")
-		}
-	], [O]), Y = P.get("tab") ?? J[0].id, ye = (e) => {
-		let t = new URLSearchParams(P);
-		e === J[0].id ? t.delete("tab") : t.set("tab", e), F(t, { replace: !0 });
+			label: S("vibecontrols.tunnels.detail.settings", "Settings")
+		}), e;
+	}, [
+		O,
+		D,
+		S
+	]), J = F.get("tab"), Y = J && q.some((e) => e.id === J) ? J : q[0].id, Ae = (e) => {
+		let t = new URLSearchParams(F);
+		e === q[0].id ? t.delete("tab") : t.set("tab", e), Ce(t, { replace: !0 });
 	};
-	if (he && !V) return /* @__PURE__ */ w(d, { message: "Loading tunnel" });
-	if (H) return /* @__PURE__ */ w(f, {
+	if (w) return /* @__PURE__ */ y(c, { message: "Loading permissions" });
+	if (!T) return /* @__PURE__ */ y(Se, {
+		title: S("vibecontrols.tunnels.detail.denied.title", "Access Denied"),
+		description: S("vibecontrols.tunnels.detail.denied.description", "You do not have permission to view this tunnel.")
+	});
+	if (Ee && !B) return /* @__PURE__ */ y(c, { message: "Loading tunnel" });
+	if (V) return /* @__PURE__ */ y(l, {
 		title: "Failed to load tunnel",
-		message: H.message,
-		onRetry: () => U()
+		message: V.message,
+		onRetry: () => H()
 	});
-	if (!V?.tunnel) return /* @__PURE__ */ w(f, {
+	if (!B?.tunnel) return /* @__PURE__ */ y(l, {
 		title: "Tunnel not found",
 		message: "This tunnel may have been deleted.",
-		onRetry: () => A("/vibecontrols/tunnels")
+		onRetry: () => j("/vibecontrols/tunnels")
 	});
-	let X = V.tunnel, Z = I || X.status === "PROVISIONING" || X.status === "DELETING", Q = X.status === "ACTIVE", be = Q && !Z, $ = !Q && !Z;
-	return /* @__PURE__ */ T("div", {
+	let X = B.tunnel, Z = I || X.status === "PROVISIONING" || X.status === "DELETING", Q = X.status === "ACTIVE", je = Q && !Z, $ = !Q && !Z;
+	return /* @__PURE__ */ b("div", {
 		className: "flex flex-col h-full",
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ b("div", {
 				className: "px-6 pt-6 pb-2 border-b border-border-subtle",
 				children: [
-					/* @__PURE__ */ T("button", {
+					/* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => A("/vibecontrols/tunnels"),
+						onClick: () => j("/vibecontrols/tunnels"),
 						className: "flex items-center gap-1.5 mb-4 text-sm text-text-secondary hover:text-text-primary transition-colors",
-						children: [/* @__PURE__ */ w(ce, { size: 16 }), "Back to Tunnels"]
+						children: [/* @__PURE__ */ y(p, { size: 16 }), "Back to Tunnels"]
 					}),
-					/* @__PURE__ */ w(u, {
+					/* @__PURE__ */ y(s, {
 						breadcrumb: [{
 							label: "Tunnels",
 							path: "/vibecontrols/tunnels"
 						}, { label: X.name }],
 						title: X.name,
 						description: X.description ?? `${X.protocol}:${X.localPort} on ${X.localHost}`,
-						actions: /* @__PURE__ */ T("div", {
+						actions: /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2",
 							children: [
-								Z && /* @__PURE__ */ T("span", {
+								Z && /* @__PURE__ */ b("span", {
 									className: "inline-flex items-center rounded-md border border-border-default px-3 py-2 text-sm text-text-muted",
-									children: [/* @__PURE__ */ w(le, { className: "size-4 mr-1.5 animate-spin" }), Q ? O("vibecontrols.tunnels.stopping", "Stopping…") : O("vibecontrols.tunnels.starting", "Starting…")]
+									children: [/* @__PURE__ */ y(m, { className: "size-4 mr-1.5 animate-spin" }), Q ? S("vibecontrols.tunnels.stopping", "Stopping…") : S("vibecontrols.tunnels.starting", "Starting…")]
 								}),
-								$ && /* @__PURE__ */ T("button", {
+								$ && k && /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => void K(),
+									onClick: () => void G(),
 									className: "inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-fg hover:bg-action-primary-bg-hover focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40",
-									children: [/* @__PURE__ */ w(ue, { className: "size-4 mr-1.5" }), O("vibecontrols.tunnels.detail.startTunnel", "Start tunnel")]
+									children: [/* @__PURE__ */ y(h, { className: "size-4 mr-1.5" }), S("vibecontrols.tunnels.detail.startTunnel", "Start tunnel")]
 								}),
-								be && /* @__PURE__ */ T("button", {
+								je && k && /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => void ve(),
+									onClick: () => void ke(),
 									className: "inline-flex items-center rounded-md border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-elevated focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40",
-									children: [/* @__PURE__ */ w(de, { className: "size-4 mr-1.5" }), O("vibecontrols.tunnels.detail.stopTunnel", "Stop tunnel")]
+									children: [/* @__PURE__ */ y(g, { className: "size-4 mr-1.5" }), S("vibecontrols.tunnels.detail.stopTunnel", "Stop tunnel")]
 								}),
-								/* @__PURE__ */ w(te, { status: X.status }),
-								/* @__PURE__ */ w(ne, { providerKey: X.providerKey }),
-								/* @__PURE__ */ w(ee, {
+								/* @__PURE__ */ y(ae, { status: X.status }),
+								/* @__PURE__ */ y(oe, { providerKey: X.providerKey }),
+								/* @__PURE__ */ y(ie, {
 									entity: "tunnel",
 									resource: {
 										id: X.id,
 										name: X.name
 									},
-									label: O("vibecontrols.tunnels.detail.share", "Share"),
+									label: S("vibecontrols.tunnels.detail.share", "Share"),
 									variant: "button"
 								})
 							]
 						})
 					}),
-					X.status === "ERROR" && X.lastError && /* @__PURE__ */ T("div", {
+					X.status === "ERROR" && X.lastError && /* @__PURE__ */ b("div", {
 						className: "mt-3 flex items-start gap-2 rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-fg",
 						children: [
-							/* @__PURE__ */ w(b, {
+							/* @__PURE__ */ y(ge, {
 								className: "mt-0.5 size-4 flex-shrink-0",
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ b("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ y("p", {
 									className: "font-medium",
-									children: O("vibecontrols.tunnels.detail.startFailed", "The tunnel failed to start")
-								}), /* @__PURE__ */ w("p", {
+									children: S("vibecontrols.tunnels.detail.startFailed", "The tunnel failed to start")
+								}), /* @__PURE__ */ y("p", {
 									className: "mt-0.5 break-words text-status-error-fg/90",
 									children: X.lastError
 								})]
 							}),
-							$ && /* @__PURE__ */ w("button", {
+							$ && k && /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => void K(),
+								onClick: () => void G(),
 								className: "flex-shrink-0 rounded-md border border-status-error-fg/30 px-2.5 py-1 text-xs font-medium hover:bg-status-error-bg/60",
-								children: O("vibecontrols.tunnels.detail.retry", "Retry")
+								children: S("vibecontrols.tunnels.detail.retry", "Retry")
 							})
 						]
 					}),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ y("div", {
 						className: "mt-2",
-						children: /* @__PURE__ */ w(D, {
-							items: J,
+						children: /* @__PURE__ */ y(x, {
+							items: q,
 							activeTabId: Y,
-							onTabChange: ye,
+							onTabChange: Ae,
 							variant: "underline"
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-start gap-2 border-b border-border-subtle bg-bg-surface px-6 py-2",
-				children: [/* @__PURE__ */ w(fe, {
+				children: [/* @__PURE__ */ y(_, {
 					className: "mt-1 size-4 flex-shrink-0 text-text-secondary",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ w(p, {
+					children: /* @__PURE__ */ y(re, {
 						entityType: "VIBECONTROLS_TUNNEL",
 						entityId: X.id
 					})
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex-1 min-h-0 overflow-auto p-6",
 				children: [
-					Y === "overview" && /* @__PURE__ */ w(re, {
+					Y === "overview" && /* @__PURE__ */ y(se, {
 						tunnel: X,
-						onChanged: () => void U()
+						canUpdate: D,
+						onChanged: () => void H()
+					}),
+					Y === "endpoints" && /* @__PURE__ */ y(ce, { tunnel: X }),
+					Y === "sessions" && /* @__PURE__ */ y(le, {
+						tunnelId: X.id,
+						canExecute: k
 					}),
-					Y === "endpoints" && /* @__PURE__ */ w(ie, { tunnel: X }),
-					Y === "sessions" && /* @__PURE__ */ w(ae, { tunnelId: X.id }),
-					Y === "domains" && /* @__PURE__ */ w(oe, { tunnel: X }),
-					Y === "usage" && /* @__PURE__ */ w(se, { tunnelId: X.id }),
-					Y === "cli" && /* @__PURE__ */ w(m, { tunnel: X }),
-					Y === "audit" && /* @__PURE__ */ w(h, { tunnelId: X.id }),
-					Y === "settings" && /* @__PURE__ */ w(g, {
+					Y === "domains" && /* @__PURE__ */ y(ue, {
 						tunnel: X,
-						onDeleted: () => A("/vibecontrols/tunnels")
+						canCreate: E,
+						canUpdate: D
+					}),
+					Y === "usage" && /* @__PURE__ */ y(de, { tunnelId: X.id }),
+					Y === "cli" && /* @__PURE__ */ y(fe, { tunnel: X }),
+					Y === "audit" && /* @__PURE__ */ y(pe, { tunnelId: X.id }),
+					Y === "settings" && /* @__PURE__ */ y(me, {
+						tunnel: X,
+						canUpdate: D,
+						canDelete: O,
+						onDeleted: () => j("/vibecontrols/tunnels")
 					})
 				]
 			}),
-			/* @__PURE__ */ w(i, {
-				isOpen: me && $,
-				onClose: () => B(!1),
-				onConfirm: () => void K(),
-				title: O("vibecontrols.tunnels.detail.startPromptTitle", "Start this tunnel now?"),
-				message: O("vibecontrols.tunnels.detail.startPromptMessage", "Your tunnel was created as a draft. Start it to bring it online and get its public URL. You can stop it anytime from this page."),
-				confirmLabel: O("vibecontrols.tunnels.detail.startTunnel", "Start tunnel"),
-				cancelLabel: O("vibecontrols.tunnels.detail.startPromptLater", "Not now"),
+			/* @__PURE__ */ y(te, {
+				isOpen: Te && $ && k,
+				onClose: () => z(!1),
+				onConfirm: () => void G(),
+				title: S("vibecontrols.tunnels.detail.startPromptTitle", "Start this tunnel now?"),
+				message: S("vibecontrols.tunnels.detail.startPromptMessage", "Your tunnel was created as a draft. Start it to bring it online and get its public URL. You can stop it anytime from this page."),
+				confirmLabel: S("vibecontrols.tunnels.detail.startTunnel", "Start tunnel"),
+				cancelLabel: S("vibecontrols.tunnels.detail.startPromptLater", "Not now"),
 				variant: "default",
 				isLoading: I
 			}),
-			/* @__PURE__ */ w(a, {
-				isOpen: R,
-				onClose: () => z(!1),
+			/* @__PURE__ */ y(ne, {
+				isOpen: we,
+				onClose: () => R(!1),
 				onConfirm: () => {
-					z(!1), A("/billing/plans");
+					R(!1), j("/billing/plans");
 				},
-				...o("tunnel-start")
+				...r("tunnel-start")
 			})
 		]
 	});
 }
 //#endregion
-export { O as TunnelDetailsPage };
+export { S as TunnelDetailsPage };
 
 //# sourceMappingURL=TunnelDetailsPage.js.map

package/dist/pages/tunnels/TunnelDetailsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TunnelDetailsPage.js","names":[],"sources":["../../../src/pages/tunnels/TunnelDetailsPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams, useNavigate, useSearchParams, useLocation } from 'react-router-dom';\nimport { Tabs, type TabItem } from '@burdenoff/fe-libs/chrome';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nimport { Tag, ArrowLeft, Play, Square, Loader2, AlertCircle } from 'lucide-react';\nimport { PageHeader } from '@/components/shared/PageHeader';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { ErrorState } from '@/components/shared/ErrorState';\nimport { ConfirmDialog } from '@/components/shared/ConfirmDialog';\nimport { QuotaExhaustedDialog } from '@/components/shared/QuotaExhaustedDialog';\nimport { TunnelStatusBadge } from '@/components/tunnels/TunnelStatusBadge';\nimport { ProviderBadge } from '@/components/tunnels/ProviderBadge';\nimport { EntityShareButton } from '@/components/sharing';\nimport {\n  useGetTunnelQuery,\n  useStartTunnelMutation,\n  useStopTunnelMutation,\n} from '@/generated/wspace-operations';\nimport type { TunnelStatus } from '@/generated/wspace-types';\nimport {\n  isQuotaExhaustedError,\n  markQuotaHandledLocally,\n  getQuotaDialogContent,\n} from '@/utils/quotaUtils';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport { useTr } from '../../shared/hooks/useTr';\n\nimport { TunnelOverviewTab } from './tabs/TunnelOverviewTab';\nimport { TunnelEndpointsTab } from './tabs/TunnelEndpointsTab';\nimport { TunnelSessionsTab } from './tabs/TunnelSessionsTab';\nimport { TunnelDomainsTab } from './tabs/TunnelDomainsTab';\nimport { TunnelUsageTab } from './tabs/TunnelUsageTab';\nimport { TunnelCliTab } from './tabs/TunnelCliTab';\nimport { TunnelAuditTab } from './tabs/TunnelAuditTab';\nimport { TunnelSettingsTab } from './tabs/TunnelSettingsTab';\n\nexport function TunnelDetailsPage() {\n  const tr = useTr();\n  const { tunnelId = '' } = useParams();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const bus = useEventBus();\n  const { workspaceId } = useVibeControls();\n  const [params, setParams] = useSearchParams();\n  const [isPending, setIsPending] = useState(false);\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n  // Set by the create wizard so a freshly created tunnel offers to start\n  // immediately instead of leaving the user on a DRAFT with no obvious action.\n  const [showStartPrompt, setShowStartPrompt] = useState(\n    () => (location.state as { autoPromptStart?: boolean } | null)?.autoPromptStart === true\n  );\n\n  const { data, loading, error, refetch, startPolling, stopPolling } = useGetTunnelQuery({\n    variables: { id: tunnelId },\n    fetchPolicy: 'cache-and-network',\n    skip: !tunnelId,\n  });\n\n  // Clear the one-shot auto-prompt flag from history so a refresh / back-forward\n  // navigation doesn't re-open the dialog.\n  useEffect(() => {\n    if ((location.state as { autoPromptStart?: boolean } | null)?.autoPromptStart) {\n      navigate(location.pathname + location.search, { replace: true, state: {} });\n    }\n    // Only run once on mount — intentionally not reacting to later nav changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const [startTunnel] = useStartTunnelMutation();\n  const [stopTunnel] = useStopTunnelMutation();\n\n  const handleStart = async () => {\n    const tunnel = data?.tunnel;\n    if (!tunnel || isPending) return;\n    setShowStartPrompt(false);\n    setIsPending(true);\n    try {\n      const result = await startTunnel({\n        variables: { id: tunnel.id },\n        optimisticResponse: {\n          startTunnel: { ...tunnel, status: 'PROVISIONING' as TunnelStatus, __typename: 'Tunnel' },\n        },\n      });\n      if (result.error && isQuotaExhaustedError(result.error)) {\n        markQuotaHandledLocally();\n        setShowQuotaExhausted(true);\n        bus.emitCustom('vibecontrols.quota.tunnel_limit_hit', {\n          workspaceId: workspaceId ?? undefined,\n        });\n      } else if (!result.error) {\n        bus.emitCustom('vibecontrols.tunnel.started', {\n          workspaceId: workspaceId ?? undefined,\n          tunnelId: tunnel.id,\n        });\n      }\n    } catch (err) {\n      // Only the quota dialog is reserved for quota errors; everything else is\n      // surfaced via the tunnel's lastError banner after the refetch.\n      if (isQuotaExhaustedError(err)) {\n        markQuotaHandledLocally();\n        setShowQuotaExhausted(true);\n        bus.emitCustom('vibecontrols.quota.tunnel_limit_hit', {\n          workspaceId: workspaceId ?? undefined,\n        });\n      } else {\n        console.error('[TunnelDetailsPage] startTunnel failed', err);\n      }\n    } finally {\n      setIsPending(false);\n    }\n  };\n\n  const handleStop = async () => {\n    const tunnel = data?.tunnel;\n    if (!tunnel || isPending) return;\n    setIsPending(true);\n    try {\n      await stopTunnel({\n        variables: { id: tunnel.id },\n        optimisticResponse: {\n          stopTunnel: { ...tunnel, status: 'STOPPED' as TunnelStatus, __typename: 'Tunnel' },\n        },\n      });\n    } finally {\n      setIsPending(false);\n    }\n  };\n\n  // Poll while transitioning OR ACTIVE-but-no-domain (Cloudflare URL arrives async).\n  const needsPoll =\n    data?.tunnel?.status === 'PROVISIONING' ||\n    data?.tunnel?.status === 'DELETING' ||\n    (data?.tunnel?.status === 'ACTIVE' && !data.tunnel.primaryDomain?.hostname);\n  useEffect(() => {\n    if (needsPoll) {\n      startPolling(4000);\n    } else {\n      stopPolling();\n    }\n  }, [needsPoll, startPolling, stopPolling]);\n\n  const tabs: TabItem[] = useMemo(\n    () => [\n      { id: 'overview', label: tr('vibecontrols.tunnels.detail.overview', 'Overview') },\n      { id: 'endpoints', label: tr('vibecontrols.tunnels.detail.endpoints', 'Endpoints') },\n      { id: 'sessions', label: tr('vibecontrols.tunnels.detail.sessions', 'Sessions') },\n      { id: 'domains', label: tr('vibecontrols.tunnels.detail.domains', 'Domains') },\n      { id: 'usage', label: tr('vibecontrols.tunnels.detail.usage', 'Usage') },\n      { id: 'cli', label: tr('vibecontrols.tunnels.detail.cli', 'CLI') },\n      { id: 'audit', label: tr('vibecontrols.tunnels.detail.audit', 'Audit') },\n      { id: 'settings', label: tr('vibecontrols.tunnels.detail.settings', 'Settings') },\n    ],\n    [tr]\n  );\n\n  const activeId = params.get('tab') ?? tabs[0].id;\n\n  const handleTabChange = (id: string) => {\n    const next = new URLSearchParams(params);\n    if (id === tabs[0].id) next.delete('tab');\n    else next.set('tab', id);\n    setParams(next, { replace: true });\n  };\n\n  if (loading && !data) return <LoadingState message=\"Loading tunnel\" />;\n  if (error) {\n    return (\n      <ErrorState title=\"Failed to load tunnel\" message={error.message} onRetry={() => refetch()} />\n    );\n  }\n  if (!data?.tunnel) {\n    return (\n      <ErrorState\n        title=\"Tunnel not found\"\n        message=\"This tunnel may have been deleted.\"\n        onRetry={() => navigate('/vibecontrols/tunnels')}\n      />\n    );\n  }\n\n  const tunnel = data.tunnel;\n  const isTransitioning =\n    isPending || tunnel.status === 'PROVISIONING' || tunnel.status === 'DELETING';\n  const isActive = tunnel.status === 'ACTIVE';\n  const canStop = isActive && !isTransitioning;\n  const canStart = !isActive && !isTransitioning;\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"px-6 pt-6 pb-2 border-b border-border-subtle\">\n        <button\n          type=\"button\"\n          onClick={() => navigate('/vibecontrols/tunnels')}\n          className=\"flex items-center gap-1.5 mb-4 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n        >\n          <ArrowLeft size={16} />\n          Back to Tunnels\n        </button>\n        <PageHeader\n          breadcrumb={[{ label: 'Tunnels', path: '/vibecontrols/tunnels' }, { label: tunnel.name }]}\n          title={tunnel.name}\n          description={\n            tunnel.description ?? `${tunnel.protocol}:${tunnel.localPort} on ${tunnel.localHost}`\n          }\n          actions={\n            <div className=\"flex items-center gap-2\">\n              {isTransitioning && (\n                <span className=\"inline-flex items-center rounded-md border border-border-default px-3 py-2 text-sm text-text-muted\">\n                  <Loader2 className=\"size-4 mr-1.5 animate-spin\" />\n                  {isActive\n                    ? tr('vibecontrols.tunnels.stopping', 'Stopping…')\n                    : tr('vibecontrols.tunnels.starting', 'Starting…')}\n                </span>\n              )}\n              {canStart && (\n                <button\n                  type=\"button\"\n                  onClick={() => void handleStart()}\n                  className=\"inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-fg hover:bg-action-primary-bg-hover focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n                >\n                  <Play className=\"size-4 mr-1.5\" />\n                  {tr('vibecontrols.tunnels.detail.startTunnel', 'Start tunnel')}\n                </button>\n              )}\n              {canStop && (\n                <button\n                  type=\"button\"\n                  onClick={() => void handleStop()}\n                  className=\"inline-flex items-center rounded-md border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-elevated focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n                >\n                  <Square className=\"size-4 mr-1.5\" />\n                  {tr('vibecontrols.tunnels.detail.stopTunnel', 'Stop tunnel')}\n                </button>\n              )}\n              <TunnelStatusBadge status={tunnel.status} />\n              <ProviderBadge providerKey={tunnel.providerKey} />\n              <EntityShareButton\n                entity=\"tunnel\"\n                resource={{ id: tunnel.id, name: tunnel.name }}\n                label={tr('vibecontrols.tunnels.detail.share', 'Share')}\n                variant=\"button\"\n              />\n            </div>\n          }\n        />\n        {tunnel.status === 'ERROR' && tunnel.lastError && (\n          <div className=\"mt-3 flex items-start gap-2 rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-fg\">\n            <AlertCircle className=\"mt-0.5 size-4 flex-shrink-0\" aria-hidden=\"true\" />\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"font-medium\">\n                {tr('vibecontrols.tunnels.detail.startFailed', 'The tunnel failed to start')}\n              </p>\n              <p className=\"mt-0.5 break-words text-status-error-fg/90\">{tunnel.lastError}</p>\n            </div>\n            {canStart && (\n              <button\n                type=\"button\"\n                onClick={() => void handleStart()}\n                className=\"flex-shrink-0 rounded-md border border-status-error-fg/30 px-2.5 py-1 text-xs font-medium hover:bg-status-error-bg/60\"\n              >\n                {tr('vibecontrols.tunnels.detail.retry', 'Retry')}\n              </button>\n            )}\n          </div>\n        )}\n        <div className=\"mt-2\">\n          <Tabs\n            items={tabs}\n            activeTabId={activeId}\n            onTabChange={handleTabChange}\n            variant=\"underline\"\n          />\n        </div>\n      </div>\n      <div className=\"flex items-start gap-2 border-b border-border-subtle bg-bg-surface px-6 py-2\">\n        <Tag className=\"mt-1 size-4 flex-shrink-0 text-text-secondary\" aria-hidden=\"true\" />\n        <div className=\"min-w-0 flex-1\">\n          <EntityTagPicker entityType=\"VIBECONTROLS_TUNNEL\" entityId={tunnel.id} />\n        </div>\n      </div>\n      <div className=\"flex-1 min-h-0 overflow-auto p-6\">\n        {activeId === 'overview' && (\n          <TunnelOverviewTab tunnel={tunnel} onChanged={() => void refetch()} />\n        )}\n        {activeId === 'endpoints' && <TunnelEndpointsTab tunnel={tunnel} />}\n        {activeId === 'sessions' && <TunnelSessionsTab tunnelId={tunnel.id} />}\n        {activeId === 'domains' && <TunnelDomainsTab tunnel={tunnel} />}\n        {activeId === 'usage' && <TunnelUsageTab tunnelId={tunnel.id} />}\n        {activeId === 'cli' && <TunnelCliTab tunnel={tunnel} />}\n        {activeId === 'audit' && <TunnelAuditTab tunnelId={tunnel.id} />}\n        {activeId === 'settings' && (\n          <TunnelSettingsTab tunnel={tunnel} onDeleted={() => navigate('/vibecontrols/tunnels')} />\n        )}\n      </div>\n\n      <ConfirmDialog\n        isOpen={showStartPrompt && canStart}\n        onClose={() => setShowStartPrompt(false)}\n        onConfirm={() => void handleStart()}\n        title={tr('vibecontrols.tunnels.detail.startPromptTitle', 'Start this tunnel now?')}\n        message={tr(\n          'vibecontrols.tunnels.detail.startPromptMessage',\n          'Your tunnel was created as a draft. Start it to bring it online and get its public URL. You can stop it anytime from this page.'\n        )}\n        confirmLabel={tr('vibecontrols.tunnels.detail.startTunnel', 'Start tunnel')}\n        cancelLabel={tr('vibecontrols.tunnels.detail.startPromptLater', 'Not now')}\n        variant=\"default\"\n        isLoading={isPending}\n      />\n\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing/plans');\n        }}\n        {...getQuotaDialogContent('tunnel-start')}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TunnelDetailsPage.js","names":[],"sources":["../../../src/pages/tunnels/TunnelDetailsPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams, useNavigate, useSearchParams, useLocation } from 'react-router-dom';\nimport { Tabs, type TabItem } from '@burdenoff/fe-libs/chrome';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nimport { Tag, ArrowLeft, Play, Square, Loader2, AlertCircle } from 'lucide-react';\nimport { PageHeader } from '@/components/shared/PageHeader';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { ErrorState } from '@/components/shared/ErrorState';\nimport { ConfirmDialog } from '@/components/shared/ConfirmDialog';\nimport { QuotaExhaustedDialog } from '@/components/shared/QuotaExhaustedDialog';\nimport { TunnelStatusBadge } from '@/components/tunnels/TunnelStatusBadge';\nimport { ProviderBadge } from '@/components/tunnels/ProviderBadge';\nimport { EntityShareButton } from '@/components/sharing';\nimport {\n  useGetTunnelQuery,\n  useStartTunnelMutation,\n  useStopTunnelMutation,\n} from '@/generated/wspace-operations';\nimport type { TunnelStatus } from '@/generated/wspace-types';\nimport {\n  isQuotaExhaustedError,\n  markQuotaHandledLocally,\n  getQuotaDialogContent,\n} from '@/utils/quotaUtils';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { useTr } from '../../shared/hooks/useTr';\n\nimport { TunnelOverviewTab } from './tabs/TunnelOverviewTab';\nimport { TunnelEndpointsTab } from './tabs/TunnelEndpointsTab';\nimport { TunnelSessionsTab } from './tabs/TunnelSessionsTab';\nimport { TunnelDomainsTab } from './tabs/TunnelDomainsTab';\nimport { TunnelUsageTab } from './tabs/TunnelUsageTab';\nimport { TunnelCliTab } from './tabs/TunnelCliTab';\nimport { TunnelAuditTab } from './tabs/TunnelAuditTab';\nimport { TunnelSettingsTab } from './tabs/TunnelSettingsTab';\n\nexport function TunnelDetailsPage() {\n  const tr = useTr();\n  // Tunnel reads are gated on `tunnel:read`; start/stop are `tunnel:execute`\n  // (both seeded in wspace-rbac-svc). Skip the query when the user can't read\n  // so we show a clean denied state instead of a guaranteed 403.\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(VIBE_PERMISSIONS.TUNNEL_READ);\n  const canCreate = hasPermission(VIBE_PERMISSIONS.TUNNEL_CREATE);\n  const canUpdate = hasPermission(VIBE_PERMISSIONS.TUNNEL_UPDATE);\n  const canDelete = hasPermission(VIBE_PERMISSIONS.TUNNEL_DELETE);\n  const canExecute = hasPermission(VIBE_PERMISSIONS.TUNNEL_EXECUTE);\n  const { tunnelId = '' } = useParams();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const bus = useEventBus();\n  const { workspaceId } = useVibeControls();\n  const [params, setParams] = useSearchParams();\n  const [isPending, setIsPending] = useState(false);\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n  // Set by the create wizard so a freshly created tunnel offers to start\n  // immediately instead of leaving the user on a DRAFT with no obvious action.\n  const [showStartPrompt, setShowStartPrompt] = useState(\n    () => (location.state as { autoPromptStart?: boolean } | null)?.autoPromptStart === true\n  );\n\n  const { data, loading, error, refetch, startPolling, stopPolling } = useGetTunnelQuery({\n    variables: { id: tunnelId },\n    fetchPolicy: 'cache-and-network',\n    skip: !tunnelId || permissionsLoading || !canRead,\n  });\n\n  // Clear the one-shot auto-prompt flag from history so a refresh / back-forward\n  // navigation doesn't re-open the dialog.\n  useEffect(() => {\n    if ((location.state as { autoPromptStart?: boolean } | null)?.autoPromptStart) {\n      navigate(location.pathname + location.search, { replace: true, state: {} });\n    }\n    // Only run once on mount — intentionally not reacting to later nav changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const [startTunnel] = useStartTunnelMutation();\n  const [stopTunnel] = useStopTunnelMutation();\n\n  const handleStart = async () => {\n    const tunnel = data?.tunnel;\n    if (!tunnel || isPending || !canExecute) return;\n    setShowStartPrompt(false);\n    setIsPending(true);\n    try {\n      const result = await startTunnel({\n        variables: { id: tunnel.id },\n        optimisticResponse: {\n          startTunnel: { ...tunnel, status: 'PROVISIONING' as TunnelStatus, __typename: 'Tunnel' },\n        },\n      });\n      if (result.error && isQuotaExhaustedError(result.error)) {\n        markQuotaHandledLocally();\n        setShowQuotaExhausted(true);\n        bus.emitCustom('vibecontrols.quota.tunnel_limit_hit', {\n          workspaceId: workspaceId ?? undefined,\n        });\n      } else if (!result.error) {\n        bus.emitCustom('vibecontrols.tunnel.started', {\n          workspaceId: workspaceId ?? undefined,\n          tunnelId: tunnel.id,\n        });\n      }\n    } catch (err) {\n      // Only the quota dialog is reserved for quota errors; everything else is\n      // surfaced via the tunnel's lastError banner after the refetch.\n      if (isQuotaExhaustedError(err)) {\n        markQuotaHandledLocally();\n        setShowQuotaExhausted(true);\n        bus.emitCustom('vibecontrols.quota.tunnel_limit_hit', {\n          workspaceId: workspaceId ?? undefined,\n        });\n      } else {\n        console.error('[TunnelDetailsPage] startTunnel failed', err);\n      }\n    } finally {\n      setIsPending(false);\n    }\n  };\n\n  const handleStop = async () => {\n    const tunnel = data?.tunnel;\n    if (!tunnel || isPending || !canExecute) return;\n    setIsPending(true);\n    try {\n      await stopTunnel({\n        variables: { id: tunnel.id },\n        optimisticResponse: {\n          stopTunnel: { ...tunnel, status: 'STOPPED' as TunnelStatus, __typename: 'Tunnel' },\n        },\n      });\n    } finally {\n      setIsPending(false);\n    }\n  };\n\n  // Poll while transitioning OR ACTIVE-but-no-domain (Cloudflare URL arrives async).\n  const needsPoll =\n    data?.tunnel?.status === 'PROVISIONING' ||\n    data?.tunnel?.status === 'DELETING' ||\n    (data?.tunnel?.status === 'ACTIVE' && !data.tunnel.primaryDomain?.hostname);\n  useEffect(() => {\n    if (needsPoll) {\n      startPolling(4000);\n    } else {\n      stopPolling();\n    }\n  }, [needsPoll, startPolling, stopPolling]);\n\n  const tabs: TabItem[] = useMemo(() => {\n    const baseTabs: TabItem[] = [\n      { id: 'overview', label: tr('vibecontrols.tunnels.detail.overview', 'Overview') },\n      { id: 'endpoints', label: tr('vibecontrols.tunnels.detail.endpoints', 'Endpoints') },\n      { id: 'sessions', label: tr('vibecontrols.tunnels.detail.sessions', 'Sessions') },\n      { id: 'domains', label: tr('vibecontrols.tunnels.detail.domains', 'Domains') },\n      { id: 'usage', label: tr('vibecontrols.tunnels.detail.usage', 'Usage') },\n      { id: 'cli', label: tr('vibecontrols.tunnels.detail.cli', 'CLI') },\n      { id: 'audit', label: tr('vibecontrols.tunnels.detail.audit', 'Audit') },\n    ];\n\n    if (canUpdate || canDelete) {\n      baseTabs.push({\n        id: 'settings',\n        label: tr('vibecontrols.tunnels.detail.settings', 'Settings'),\n      });\n    }\n\n    return baseTabs;\n  }, [canDelete, canUpdate, tr]);\n\n  const requestedTab = params.get('tab');\n  const activeId =\n    requestedTab && tabs.some((tab) => tab.id === requestedTab) ? requestedTab : tabs[0].id;\n\n  const handleTabChange = (id: string) => {\n    const next = new URLSearchParams(params);\n    if (id === tabs[0].id) next.delete('tab');\n    else next.set('tab', id);\n    setParams(next, { replace: true });\n  };\n\n  if (permissionsLoading) return <LoadingState message=\"Loading permissions\" />;\n\n  if (!canRead) {\n    return (\n      <AccessDenied\n        title={tr('vibecontrols.tunnels.detail.denied.title', 'Access Denied')}\n        description={tr(\n          'vibecontrols.tunnels.detail.denied.description',\n          'You do not have permission to view this tunnel.'\n        )}\n      />\n    );\n  }\n  if (loading && !data) return <LoadingState message=\"Loading tunnel\" />;\n  if (error) {\n    return (\n      <ErrorState title=\"Failed to load tunnel\" message={error.message} onRetry={() => refetch()} />\n    );\n  }\n  if (!data?.tunnel) {\n    return (\n      <ErrorState\n        title=\"Tunnel not found\"\n        message=\"This tunnel may have been deleted.\"\n        onRetry={() => navigate('/vibecontrols/tunnels')}\n      />\n    );\n  }\n\n  const tunnel = data.tunnel;\n  const isTransitioning =\n    isPending || tunnel.status === 'PROVISIONING' || tunnel.status === 'DELETING';\n  const isActive = tunnel.status === 'ACTIVE';\n  const canStop = isActive && !isTransitioning;\n  const canStart = !isActive && !isTransitioning;\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"px-6 pt-6 pb-2 border-b border-border-subtle\">\n        <button\n          type=\"button\"\n          onClick={() => navigate('/vibecontrols/tunnels')}\n          className=\"flex items-center gap-1.5 mb-4 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n        >\n          <ArrowLeft size={16} />\n          Back to Tunnels\n        </button>\n        <PageHeader\n          breadcrumb={[{ label: 'Tunnels', path: '/vibecontrols/tunnels' }, { label: tunnel.name }]}\n          title={tunnel.name}\n          description={\n            tunnel.description ?? `${tunnel.protocol}:${tunnel.localPort} on ${tunnel.localHost}`\n          }\n          actions={\n            <div className=\"flex items-center gap-2\">\n              {isTransitioning && (\n                <span className=\"inline-flex items-center rounded-md border border-border-default px-3 py-2 text-sm text-text-muted\">\n                  <Loader2 className=\"size-4 mr-1.5 animate-spin\" />\n                  {isActive\n                    ? tr('vibecontrols.tunnels.stopping', 'Stopping…')\n                    : tr('vibecontrols.tunnels.starting', 'Starting…')}\n                </span>\n              )}\n              {canStart && canExecute && (\n                <button\n                  type=\"button\"\n                  onClick={() => void handleStart()}\n                  className=\"inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-fg hover:bg-action-primary-bg-hover focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n                >\n                  <Play className=\"size-4 mr-1.5\" />\n                  {tr('vibecontrols.tunnels.detail.startTunnel', 'Start tunnel')}\n                </button>\n              )}\n              {canStop && canExecute && (\n                <button\n                  type=\"button\"\n                  onClick={() => void handleStop()}\n                  className=\"inline-flex items-center rounded-md border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-elevated focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n                >\n                  <Square className=\"size-4 mr-1.5\" />\n                  {tr('vibecontrols.tunnels.detail.stopTunnel', 'Stop tunnel')}\n                </button>\n              )}\n              <TunnelStatusBadge status={tunnel.status} />\n              <ProviderBadge providerKey={tunnel.providerKey} />\n              <EntityShareButton\n                entity=\"tunnel\"\n                resource={{ id: tunnel.id, name: tunnel.name }}\n                label={tr('vibecontrols.tunnels.detail.share', 'Share')}\n                variant=\"button\"\n              />\n            </div>\n          }\n        />\n        {tunnel.status === 'ERROR' && tunnel.lastError && (\n          <div className=\"mt-3 flex items-start gap-2 rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-fg\">\n            <AlertCircle className=\"mt-0.5 size-4 flex-shrink-0\" aria-hidden=\"true\" />\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"font-medium\">\n                {tr('vibecontrols.tunnels.detail.startFailed', 'The tunnel failed to start')}\n              </p>\n              <p className=\"mt-0.5 break-words text-status-error-fg/90\">{tunnel.lastError}</p>\n            </div>\n            {canStart && canExecute && (\n              <button\n                type=\"button\"\n                onClick={() => void handleStart()}\n                className=\"flex-shrink-0 rounded-md border border-status-error-fg/30 px-2.5 py-1 text-xs font-medium hover:bg-status-error-bg/60\"\n              >\n                {tr('vibecontrols.tunnels.detail.retry', 'Retry')}\n              </button>\n            )}\n          </div>\n        )}\n        <div className=\"mt-2\">\n          <Tabs\n            items={tabs}\n            activeTabId={activeId}\n            onTabChange={handleTabChange}\n            variant=\"underline\"\n          />\n        </div>\n      </div>\n      <div className=\"flex items-start gap-2 border-b border-border-subtle bg-bg-surface px-6 py-2\">\n        <Tag className=\"mt-1 size-4 flex-shrink-0 text-text-secondary\" aria-hidden=\"true\" />\n        <div className=\"min-w-0 flex-1\">\n          <EntityTagPicker entityType=\"VIBECONTROLS_TUNNEL\" entityId={tunnel.id} />\n        </div>\n      </div>\n      <div className=\"flex-1 min-h-0 overflow-auto p-6\">\n        {activeId === 'overview' && (\n          <TunnelOverviewTab\n            tunnel={tunnel}\n            canUpdate={canUpdate}\n            onChanged={() => void refetch()}\n          />\n        )}\n        {activeId === 'endpoints' && <TunnelEndpointsTab tunnel={tunnel} />}\n        {activeId === 'sessions' && (\n          <TunnelSessionsTab tunnelId={tunnel.id} canExecute={canExecute} />\n        )}\n        {activeId === 'domains' && (\n          <TunnelDomainsTab tunnel={tunnel} canCreate={canCreate} canUpdate={canUpdate} />\n        )}\n        {activeId === 'usage' && <TunnelUsageTab tunnelId={tunnel.id} />}\n        {activeId === 'cli' && <TunnelCliTab tunnel={tunnel} />}\n        {activeId === 'audit' && <TunnelAuditTab tunnelId={tunnel.id} />}\n        {activeId === 'settings' && (\n          <TunnelSettingsTab\n            tunnel={tunnel}\n            canUpdate={canUpdate}\n            canDelete={canDelete}\n            onDeleted={() => navigate('/vibecontrols/tunnels')}\n          />\n        )}\n      </div>\n\n      <ConfirmDialog\n        isOpen={showStartPrompt && canStart && canExecute}\n        onClose={() => setShowStartPrompt(false)}\n        onConfirm={() => void handleStart()}\n        title={tr('vibecontrols.tunnels.detail.startPromptTitle', 'Start this tunnel now?')}\n        message={tr(\n          'vibecontrols.tunnels.detail.startPromptMessage',\n          'Your tunnel was created as a draft. Start it to bring it online and get its public URL. You can stop it anytime from this page.'\n        )}\n        confirmLabel={tr('vibecontrols.tunnels.detail.startTunnel', 'Start tunnel')}\n        cancelLabel={tr('vibecontrols.tunnels.detail.startPromptLater', 'Not now')}\n        variant=\"default\"\n        isLoading={isPending}\n      />\n\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing/plans');\n        }}\n        {...getQuotaDialogContent('tunnel-start')}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}