@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/pages/tunnels/TunnelDetailsPage.js

@@ -0,0 +1,121 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useGetTunnelQuery as t } from "../../generated/wspace-operations.js";
+import { PageHeader as n } from "../../components/shared/PageHeader.js";
+import { LoadingState as r } from "../../components/shared/LoadingState.js";
+import { ErrorState as i } from "../../components/shared/ErrorState.js";
+import { TunnelStatusBadge as a } from "../../components/tunnels/TunnelStatusBadge.js";
+import { ProviderBadge as o } from "../../components/tunnels/ProviderBadge.js";
+import { TunnelOverviewTab as s } from "./tabs/TunnelOverviewTab.js";
+import { TunnelEndpointsTab as c } from "./tabs/TunnelEndpointsTab.js";
+import { TunnelSessionsTab as l } from "./tabs/TunnelSessionsTab.js";
+import { TunnelDomainsTab as u } from "./tabs/TunnelDomainsTab.js";
+import { TunnelUsageTab as d } from "./tabs/TunnelUsageTab.js";
+import { TunnelCliTab as f } from "./tabs/TunnelCliTab.js";
+import { TunnelAuditTab as p } from "./tabs/TunnelAuditTab.js";
+import { TunnelSettingsTab as m } from "./tabs/TunnelSettingsTab.js";
+import { useMemo as h } from "react";
+import { useNavigate as g, useParams as _, useSearchParams as v } from "react-router-dom";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Tabs as x } from "@burdenoff/fe-libs/chrome";
+//#region src/pages/tunnels/TunnelDetailsPage.tsx
+function S() {
+	let S = e(), { tunnelId: C = "" } = _(), w = g(), [T, E] = v(), { data: D, loading: O, error: k, refetch: A } = t({
+		variables: { id: C },
+		pollInterval: 3e4,
+		fetchPolicy: "cache-and-network",
+		skip: !C
+	}), j = h(() => [
+		{
+			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")
+		},
+		{
+			id: "settings",
+			label: S("vibecontrols.tunnels.detail.settings", "Settings")
+		}
+	], [S]), M = T.get("tab") ?? j[0].id, N = (e) => {
+		let t = new URLSearchParams(T);
+		e === j[0].id ? t.delete("tab") : t.set("tab", e), E(t, { replace: !0 });
+	};
+	if (O && !D) return /* @__PURE__ */ y(r, { message: "Loading tunnel" });
+	if (k) return /* @__PURE__ */ y(i, {
+		title: "Failed to load tunnel",
+		message: k.message,
+		onRetry: () => A()
+	});
+	if (!D?.tunnel) return /* @__PURE__ */ y(i, {
+		title: "Tunnel not found",
+		message: "This tunnel may have been deleted.",
+		onRetry: () => w("/vibecontrols/tunnels")
+	});
+	let P = D.tunnel;
+	return /* @__PURE__ */ b("div", {
+		className: "flex flex-col h-full",
+		children: [/* @__PURE__ */ b("div", {
+			className: "px-6 pt-6 pb-2 border-b border-border-subtle",
+			children: [/* @__PURE__ */ y(n, {
+				breadcrumb: [{
+					label: "Tunnels",
+					path: "/vibecontrols/tunnels"
+				}, { label: P.name }],
+				title: P.name,
+				description: P.description ?? `${P.protocol}:${P.localPort} on ${P.localHost}`,
+				actions: /* @__PURE__ */ b("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ y(a, { status: P.status }), /* @__PURE__ */ y(o, { providerKey: P.providerKey })]
+				})
+			}), /* @__PURE__ */ y("div", {
+				className: "mt-2",
+				children: /* @__PURE__ */ y(x, {
+					items: j,
+					activeTabId: M,
+					onTabChange: N,
+					variant: "underline"
+				})
+			})]
+		}), /* @__PURE__ */ b("div", {
+			className: "flex-1 min-h-0 overflow-auto p-6",
+			children: [
+				M === "overview" && /* @__PURE__ */ y(s, { tunnel: P }),
+				M === "endpoints" && /* @__PURE__ */ y(c, { tunnel: P }),
+				M === "sessions" && /* @__PURE__ */ y(l, { tunnelId: P.id }),
+				M === "domains" && /* @__PURE__ */ y(u, { tunnel: P }),
+				M === "usage" && /* @__PURE__ */ y(d, { tunnelId: P.id }),
+				M === "cli" && /* @__PURE__ */ y(f, { tunnel: P }),
+				M === "audit" && /* @__PURE__ */ y(p, { tunnelId: P.id }),
+				M === "settings" && /* @__PURE__ */ y(m, {
+					tunnel: P,
+					onDeleted: () => w("/vibecontrols/tunnels")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { S as TunnelDetailsPage };
+
+//# sourceMappingURL=TunnelDetailsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelDetailsPage.js","names":[],"sources":["../../../src/pages/tunnels/TunnelDetailsPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams, useNavigate, useSearchParams } from 'react-router-dom';\nimport { Tabs, type TabItem } from '@burdenoff/fe-libs/chrome';\n\nimport { PageHeader } from '@/components/shared/PageHeader';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { ErrorState } from '@/components/shared/ErrorState';\nimport { TunnelStatusBadge } from '@/components/tunnels/TunnelStatusBadge';\nimport { ProviderBadge } from '@/components/tunnels/ProviderBadge';\nimport { useGetTunnelQuery } from '@/generated/wspace-operations';\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 [params, setParams] = useSearchParams();\n\n  // 30s safety-net poll — primary signal will be a tunnel-status\n  // subscription once the tunnel-svc exposes one (TODO). 5s is too\n  // aggressive for a detail page; 30s + manual refresh covers rare\n  // flips without burning gateway CPU. Keep cache-and-network so the\n  // first paint is instant from cache.\n  const { data, loading, error, refetch } = useGetTunnelQuery({\n    variables: { id: tunnelId },\n    pollInterval: 30_000,\n    fetchPolicy: 'cache-and-network',\n    skip: !tunnelId,\n  });\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\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        <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              <TunnelStatusBadge status={tunnel.status} />\n              <ProviderBadge providerKey={tunnel.providerKey} />\n            </div>\n          }\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-1 min-h-0 overflow-auto p-6\">\n        {activeId === 'overview' && <TunnelOverviewTab tunnel={tunnel} />}\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    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/tunnels/TunnelsTab.d.ts

@@ -0,0 +1,2 @@
+export declare function TunnelsTab(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TunnelsTab.d.ts.map

package/dist/pages/tunnels/TunnelsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelsTab.d.ts","sourceRoot":"","sources":["../../../src/pages/tunnels/TunnelsTab.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,UAAU,4CAsLzB"}

package/dist/pages/tunnels/TunnelsTab.js

@@ -0,0 +1,174 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useDeleteTunnelMutation as t, useListTunnelsQuery as n, useStartTunnelMutation as r, useStopTunnelMutation as i } from "../../generated/wspace-operations.js";
+import { PageHeader as a } from "../../components/shared/PageHeader.js";
+import { LoadingState as o } from "../../components/shared/LoadingState.js";
+import { ErrorState as s } from "../../components/shared/ErrorState.js";
+import { ConfirmDialog as c } from "../../components/shared/ConfirmDialog.js";
+import { QuotaExhaustedDialog as l } from "../../components/shared/QuotaExhaustedDialog.js";
+import { getQuotaDialogContent as u, isQuotaExhaustedError as d } from "../../utils/quotaUtils.js";
+import { EmptyState as f } from "../../components/shared/EmptyState.js";
+import { SearchInput as p } from "../../components/shared/SearchInput.js";
+import { FilterDropdown as m } from "../../components/shared/FilterDropdown.js";
+import { TunnelCard as h } from "../../components/tunnels/TunnelCard.js";
+import { useMemo as g, useState as _ } from "react";
+import { Link as v, useNavigate as y } from "react-router-dom";
+import { motion as b } from "framer-motion";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/pages/tunnels/TunnelsTab.tsx
+function C() {
+	let C = e(), w = y(), [T, E] = _(""), [D, O] = _("all"), [k, A] = _("all"), [j, M] = _(null), [N, P] = _(!1), { data: F, loading: I, error: L, refetch: R } = n({
+		variables: {
+			filter: g(() => {
+				let e = {};
+				return D !== "all" && (e.providerKey = D), k !== "all" && (e.status = [k]), T.trim() && (e.search = T.trim()), e;
+			}, [
+				D,
+				k,
+				T
+			]),
+			pagination: { limit: 50 }
+		},
+		fetchPolicy: "cache-and-network"
+	}), [z] = r({ onCompleted: () => R() }), B = async (e) => {
+		try {
+			let t = await z({ variables: { id: e } });
+			t.error && d(t.error) && P(!0);
+		} catch (e) {
+			d(e) && P(!0);
+		}
+	}, [V] = i({ onCompleted: () => R() }), [H, { loading: U }] = t({ onCompleted: () => {
+		M(null), R();
+	} }), W = F?.tunnels?.items ?? [];
+	return /* @__PURE__ */ S("div", {
+		className: "p-6 max-w-7xl mx-auto",
+		children: [
+			/* @__PURE__ */ x(a, {
+				title: C("vibecontrols.tunnels.list.title", "Tunnels"),
+				description: C("vibecontrols.tunnels.list.description", "Expose local services on *.vibetunnels.com and custom domains."),
+				actions: /* @__PURE__ */ x(v, {
+					to: "/vibecontrols/tunnels/new",
+					className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-fg hover:bg-action-primary-bg-hover transition-colors",
+					children: C("vibecontrols.tunnels.list.newTunnel", "New tunnel")
+				})
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "flex flex-col sm:flex-row gap-3 mb-4",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "flex-1",
+						children: /* @__PURE__ */ x(p, {
+							value: T,
+							onChange: E,
+							placeholder: "Search tunnels by name or slug"
+						})
+					}),
+					/* @__PURE__ */ x(m, {
+						label: "Provider",
+						value: D,
+						onChange: O,
+						options: [
+							{
+								value: "all",
+								label: "All providers"
+							},
+							{
+								value: "VIBETUNNELS",
+								label: "Vibe Tunnels (default)"
+							},
+							{
+								value: "CLOUDFLARE",
+								label: "Cloudflare Tunnels"
+							}
+						]
+					}),
+					/* @__PURE__ */ x(m, {
+						label: "Status",
+						value: k,
+						onChange: A,
+						options: [
+							{
+								value: "all",
+								label: "All statuses"
+							},
+							{
+								value: "ACTIVE",
+								label: "Active"
+							},
+							{
+								value: "DRAFT",
+								label: "Draft"
+							},
+							{
+								value: "PROVISIONING",
+								label: "Provisioning"
+							},
+							{
+								value: "STOPPED",
+								label: "Stopped"
+							},
+							{
+								value: "ERROR",
+								label: "Error"
+							}
+						]
+					})
+				]
+			}),
+			I && !F && /* @__PURE__ */ x(o, { message: "Loading tunnels" }),
+			L && /* @__PURE__ */ x(s, {
+				title: "Failed to load tunnels",
+				message: L.message,
+				onRetry: () => R()
+			}),
+			F && W.length === 0 && /* @__PURE__ */ x(f, {
+				title: C("vibecontrols.tunnels.list.emptyTitle", "No tunnels yet"),
+				description: C("vibecontrols.tunnels.list.emptyDescription", "Create your first tunnel to expose a local service."),
+				action: /* @__PURE__ */ x("button", {
+					type: "button",
+					onClick: () => w("/vibecontrols/tunnels/new"),
+					className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-fg hover:bg-action-primary-bg-hover transition-colors",
+					children: C("vibecontrols.tunnels.list.createTunnel", "Create tunnel")
+				})
+			}),
+			W.length > 0 && /* @__PURE__ */ x(b.div, {
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				className: "space-y-3",
+				children: W.map((e) => /* @__PURE__ */ x(h, {
+					tunnel: e,
+					onOpen: (e) => w(`/vibecontrols/tunnels/${e}`),
+					onStart: (e) => void B(e),
+					onStop: (e) => V({ variables: { id: e } }),
+					onDelete: (e, t) => M({
+						id: e,
+						name: t
+					})
+				}, e.id))
+			}),
+			/* @__PURE__ */ x(c, {
+				isOpen: j !== null,
+				onClose: () => M(null),
+				onConfirm: () => {
+					j && H({ variables: { id: j.id } });
+				},
+				title: "Delete tunnel",
+				message: j ? `Delete "${j.name}"? This will stop the tunnel and remove all its sessions and domains.` : "",
+				confirmLabel: "Delete",
+				variant: "danger",
+				isLoading: U
+			}),
+			/* @__PURE__ */ x(l, {
+				isOpen: N,
+				onClose: () => P(!1),
+				onConfirm: () => {
+					P(!1), w("/billing");
+				},
+				...u("tunnel-start")
+			})
+		]
+	});
+}
+//#endregion
+export { C as TunnelsTab };
+
+//# sourceMappingURL=TunnelsTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelsTab.js","names":[],"sources":["../../../src/pages/tunnels/TunnelsTab.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Link, useNavigate } from 'react-router-dom';\nimport { motion } from 'framer-motion';\n\nimport { PageHeader } from '@/components/shared/PageHeader';\nimport { SearchInput } from '@/components/shared/SearchInput';\nimport { FilterDropdown } from '@/components/shared/FilterDropdown';\nimport { ConfirmDialog } from '@/components/shared/ConfirmDialog';\nimport { QuotaExhaustedDialog } from '@/components/shared/QuotaExhaustedDialog';\nimport { EmptyState } from '@/components/shared/EmptyState';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { ErrorState } from '@/components/shared/ErrorState';\nimport { TunnelCard } from '@/components/tunnels/TunnelCard';\nimport type { TunnelStatus, TunnelProviderKey } from '@/generated/wspace-types';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  useListTunnelsQuery,\n  useStartTunnelMutation,\n  useStopTunnelMutation,\n  useDeleteTunnelMutation,\n} from '@/generated/wspace-operations';\nimport { isQuotaExhaustedError, getQuotaDialogContent } from '@/utils/quotaUtils';\n\nexport function TunnelsTab() {\n  const tr = useTr();\n  const navigate = useNavigate();\n  const [search, setSearch] = useState('');\n  const [providerFilter, setProviderFilter] = useState<string>('all');\n  const [statusFilter, setStatusFilter] = useState<string>('all');\n  const [pendingDelete, setPendingDelete] = useState<{ id: string; name: string } | null>(null);\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n\n  const filter = useMemo(() => {\n    const f: Record<string, unknown> = {};\n    if (providerFilter !== 'all') {\n      f.providerKey = providerFilter as TunnelProviderKey;\n    }\n    if (statusFilter !== 'all') {\n      f.status = [statusFilter as TunnelStatus];\n    }\n    if (search.trim()) {\n      f.search = search.trim();\n    }\n    return f;\n  }, [providerFilter, statusFilter, search]);\n\n  const { data, loading, error, refetch } = useListTunnelsQuery({\n    variables: { filter, pagination: { limit: 50 } },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const [startTunnel] = useStartTunnelMutation({\n    onCompleted: () => refetch(),\n  });\n\n  const handleStartTunnel = async (id: string) => {\n    try {\n      const result = await startTunnel({ variables: { id } });\n      // With errorPolicy:'all' the promise resolves even on GraphQL errors\n      if (result.error && isQuotaExhaustedError(result.error)) {\n        setShowQuotaExhausted(true);\n      }\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        setShowQuotaExhausted(true);\n      }\n      // Non-quota errors are handled by Apollo's error state on the mutation\n    }\n  };\n  const [stopTunnel] = useStopTunnelMutation({\n    onCompleted: () => refetch(),\n  });\n  const [deleteTunnel, { loading: deleting }] = useDeleteTunnelMutation({\n    onCompleted: () => {\n      setPendingDelete(null);\n      refetch();\n    },\n  });\n\n  const tunnels = data?.tunnels?.items ?? [];\n\n  return (\n    <div className=\"p-6 max-w-7xl mx-auto\">\n      <PageHeader\n        title={tr('vibecontrols.tunnels.list.title', 'Tunnels')}\n        description={tr(\n          'vibecontrols.tunnels.list.description',\n          'Expose local services on *.vibetunnels.com and custom domains.'\n        )}\n        actions={\n          <Link\n            to=\"/vibecontrols/tunnels/new\"\n            className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-fg hover:bg-action-primary-bg-hover transition-colors\"\n          >\n            {tr('vibecontrols.tunnels.list.newTunnel', 'New tunnel')}\n          </Link>\n        }\n      />\n\n      <div className=\"flex flex-col sm:flex-row gap-3 mb-4\">\n        <div className=\"flex-1\">\n          <SearchInput\n            value={search}\n            onChange={setSearch}\n            placeholder=\"Search tunnels by name or slug\"\n          />\n        </div>\n        <FilterDropdown\n          label=\"Provider\"\n          value={providerFilter}\n          onChange={setProviderFilter}\n          options={[\n            { value: 'all', label: 'All providers' },\n            { value: 'VIBETUNNELS', label: 'Vibe Tunnels (default)' },\n            { value: 'CLOUDFLARE', label: 'Cloudflare Tunnels' },\n          ]}\n        />\n        <FilterDropdown\n          label=\"Status\"\n          value={statusFilter}\n          onChange={setStatusFilter}\n          options={[\n            { value: 'all', label: 'All statuses' },\n            { value: 'ACTIVE', label: 'Active' },\n            { value: 'DRAFT', label: 'Draft' },\n            { value: 'PROVISIONING', label: 'Provisioning' },\n            { value: 'STOPPED', label: 'Stopped' },\n            { value: 'ERROR', label: 'Error' },\n          ]}\n        />\n      </div>\n\n      {loading && !data && <LoadingState message=\"Loading tunnels\" />}\n      {error && (\n        <ErrorState\n          title=\"Failed to load tunnels\"\n          message={error.message}\n          onRetry={() => refetch()}\n        />\n      )}\n\n      {data && tunnels.length === 0 && (\n        <EmptyState\n          title={tr('vibecontrols.tunnels.list.emptyTitle', 'No tunnels yet')}\n          description={tr(\n            'vibecontrols.tunnels.list.emptyDescription',\n            'Create your first tunnel to expose a local service.'\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigate('/vibecontrols/tunnels/new')}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-fg hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              {tr('vibecontrols.tunnels.list.createTunnel', 'Create tunnel')}\n            </button>\n          }\n        />\n      )}\n\n      {tunnels.length > 0 && (\n        <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} className=\"space-y-3\">\n          {tunnels.map((tunnel: any) => (\n            <TunnelCard\n              key={tunnel.id}\n              tunnel={tunnel}\n              onOpen={(id) => navigate(`/vibecontrols/tunnels/${id}`)}\n              onStart={(id) => void handleStartTunnel(id)}\n              onStop={(id) => stopTunnel({ variables: { id } })}\n              onDelete={(id, name) => setPendingDelete({ id, name })}\n            />\n          ))}\n        </motion.div>\n      )}\n\n      <ConfirmDialog\n        isOpen={pendingDelete !== null}\n        onClose={() => setPendingDelete(null)}\n        onConfirm={() => {\n          if (pendingDelete) {\n            void deleteTunnel({ variables: { id: pendingDelete.id } });\n          }\n        }}\n        title=\"Delete tunnel\"\n        message={\n          pendingDelete\n            ? `Delete \"${pendingDelete.name}\"? This will stop the tunnel and remove all its sessions and domains.`\n            : ''\n        }\n        confirmLabel=\"Delete\"\n        variant=\"danger\"\n        isLoading={deleting}\n      />\n\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing');\n        }}\n        {...getQuotaDialogContent('tunnel-start')}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,IAAa;CAC3B,IAAM,IAAK,GAAO,EACZ,IAAW,GAAa,EACxB,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAgB,KAAqB,EAAiB,MAAM,EAC7D,CAAC,GAAc,KAAmB,EAAiB,MAAM,EACzD,CAAC,GAAe,KAAoB,EAA8C,KAAK,EACvF,CAAC,GAAoB,KAAyB,EAAS,GAAM,EAgB7D,EAAE,SAAM,YAAS,UAAO,eAAY,EAAoB;EAC5D,WAAW;GAAE,QAfA,QAAc;IAC3B,IAAM,IAA6B,EAAE;AAUrC,WATI,MAAmB,UACrB,EAAE,cAAc,IAEd,MAAiB,UACnB,EAAE,SAAS,CAAC,EAA6B,GAEvC,EAAO,MAAM,KACf,EAAE,SAAS,EAAO,MAAM,GAEnB;MACN;IAAC;IAAgB;IAAc;IAAO,CAAC;GAGnB,YAAY,EAAE,OAAO,IAAI;GAAE;EAChD,aAAa;EACd,CAAC,EAEI,CAAC,KAAe,EAAuB,EAC3C,mBAAmB,GAAS,EAC7B,CAAC,EAEI,IAAoB,OAAO,MAAe;AAC9C,MAAI;GACF,IAAM,IAAS,MAAM,EAAY,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC;AAEvD,GAAI,EAAO,SAAS,EAAsB,EAAO,MAAM,IACrD,EAAsB,GAAK;WAEtB,GAAK;AACZ,GAAI,EAAsB,EAAI,IAC5B,EAAsB,GAAK;;IAK3B,CAAC,KAAc,EAAsB,EACzC,mBAAmB,GAAS,EAC7B,CAAC,EACI,CAAC,GAAc,EAAE,SAAS,OAAc,EAAwB,EACpE,mBAAmB;AAEjB,EADA,EAAiB,KAAK,EACtB,GAAS;IAEZ,CAAC,EAEI,IAAU,GAAM,SAAS,SAAS,EAAE;AAE1C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAO,EAAG,mCAAmC,UAAU;IACvD,aAAa,EACX,yCACA,iEACD;IACD,SACE,kBAAC,GAAD;KACE,IAAG;KACH,WAAU;eAET,EAAG,uCAAuC,aAAa;KACnD,CAAA;IAET,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,OAAO;OACP,UAAU;OACV,aAAY;OACZ,CAAA;MACE,CAAA;KACN,kBAAC,GAAD;MACE,OAAM;MACN,OAAO;MACP,UAAU;MACV,SAAS;OACP;QAAE,OAAO;QAAO,OAAO;QAAiB;OACxC;QAAE,OAAO;QAAe,OAAO;QAA0B;OACzD;QAAE,OAAO;QAAc,OAAO;QAAsB;OACrD;MACD,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO;MACP,UAAU;MACV,SAAS;OACP;QAAE,OAAO;QAAO,OAAO;QAAgB;OACvC;QAAE,OAAO;QAAU,OAAO;QAAU;OACpC;QAAE,OAAO;QAAS,OAAO;QAAS;OAClC;QAAE,OAAO;QAAgB,OAAO;QAAgB;OAChD;QAAE,OAAO;QAAW,OAAO;QAAW;OACtC;QAAE,OAAO;QAAS,OAAO;QAAS;OACnC;MACD,CAAA;KACE;;GAEL,KAAW,CAAC,KAAQ,kBAAC,GAAD,EAAc,SAAQ,mBAAoB,CAAA;GAC9D,KACC,kBAAC,GAAD;IACE,OAAM;IACN,SAAS,EAAM;IACf,eAAe,GAAS;IACxB,CAAA;GAGH,KAAQ,EAAQ,WAAW,KAC1B,kBAAC,GAAD;IACE,OAAO,EAAG,wCAAwC,iBAAiB;IACnE,aAAa,EACX,8CACA,sDACD;IACD,QACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAS,4BAA4B;KACpD,WAAU;eAET,EAAG,0CAA0C,gBAAgB;KACvD,CAAA;IAEX,CAAA;GAGH,EAAQ,SAAS,KAChB,kBAAC,EAAO,KAAR;IAAY,SAAS,EAAE,SAAS,GAAG;IAAE,SAAS,EAAE,SAAS,GAAG;IAAE,WAAU;cACrE,EAAQ,KAAK,MACZ,kBAAC,GAAD;KAEU;KACR,SAAS,MAAO,EAAS,yBAAyB,IAAK;KACvD,UAAU,MAAO,KAAK,EAAkB,EAAG;KAC3C,SAAS,MAAO,EAAW,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC;KACjD,WAAW,GAAI,MAAS,EAAiB;MAAE;MAAI;MAAM,CAAC;KACtD,EANK,EAAO,GAMZ,CACF;IACS,CAAA;GAGf,kBAAC,GAAD;IACE,QAAQ,MAAkB;IAC1B,eAAe,EAAiB,KAAK;IACrC,iBAAiB;AACf,KAAI,KACG,EAAa,EAAE,WAAW,EAAE,IAAI,EAAc,IAAI,EAAE,CAAC;;IAG9D,OAAM;IACN,SACE,IACI,WAAW,EAAc,KAAK,yEAC9B;IAEN,cAAa;IACb,SAAQ;IACR,WAAW;IACX,CAAA;GAEF,kBAAC,GAAD;IACE,QAAQ;IACR,eAAe,EAAsB,GAAM;IAC3C,iBAAiB;AAEf,KADA,EAAsB,GAAM,EAC5B,EAAS,WAAW;;IAEtB,GAAI,EAAsB,eAAe;IACzC,CAAA;GACE"}

package/dist/pages/tunnels/UsageTab.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Workspace-wide usage charts. Phase 1 ships the empty shell — backend
+ * rolls up per-tunnel hourly buckets into TunnelUsageHourly, and the
+ * per-tunnel charts live on the details page. Workspace-level aggregation
+ * will be layered on once the rollup worker is running.
+ */
+export declare function UsageTab(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UsageTab.d.ts.map

package/dist/pages/tunnels/UsageTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageTab.d.ts","sourceRoot":"","sources":["../../../src/pages/tunnels/UsageTab.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,wBAAgB,QAAQ,4CAoBvB"}

package/dist/pages/tunnels/UsageTab.js

@@ -0,0 +1,22 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { PageHeader as t } from "../../components/shared/PageHeader.js";
+import { EmptyState as n } from "../../components/shared/EmptyState.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/pages/tunnels/UsageTab.tsx
+function a() {
+	let a = e();
+	return /* @__PURE__ */ i("div", {
+		className: "p-6 max-w-7xl mx-auto",
+		children: [/* @__PURE__ */ r(t, {
+			title: a("vibecontrols.tunnels.usage.title", "Usage"),
+			description: a("vibecontrols.tunnels.usage.description", "Bandwidth, requests, and active minutes across all tunnels.")
+		}), /* @__PURE__ */ r(n, {
+			title: a("vibecontrols.tunnels.usage.emptyTitle", "Usage aggregation coming soon"),
+			description: a("vibecontrols.tunnels.usage.emptyDescription", "Open an individual tunnel to see its per-hour bandwidth and request counts.")
+		})]
+	});
+}
+//#endregion
+export { a as UsageTab };
+
+//# sourceMappingURL=UsageTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UsageTab.js","names":[],"sources":["../../../src/pages/tunnels/UsageTab.tsx"],"sourcesContent":["import { PageHeader } from '@/components/shared/PageHeader';\nimport { EmptyState } from '@/components/shared/EmptyState';\nimport { useTr } from '../../shared/hooks/useTr';\n\n/**\n * Workspace-wide usage charts. Phase 1 ships the empty shell — backend\n * rolls up per-tunnel hourly buckets into TunnelUsageHourly, and the\n * per-tunnel charts live on the details page. Workspace-level aggregation\n * will be layered on once the rollup worker is running.\n */\nexport function UsageTab() {\n  const tr = useTr();\n  return (\n    <div className=\"p-6 max-w-7xl mx-auto\">\n      <PageHeader\n        title={tr('vibecontrols.tunnels.usage.title', 'Usage')}\n        description={tr(\n          'vibecontrols.tunnels.usage.description',\n          'Bandwidth, requests, and active minutes across all tunnels.'\n        )}\n      />\n      <EmptyState\n        title={tr('vibecontrols.tunnels.usage.emptyTitle', 'Usage aggregation coming soon')}\n        description={tr(\n          'vibecontrols.tunnels.usage.emptyDescription',\n          'Open an individual tunnel to see its per-hour bandwidth and request counts.'\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,IAAW;CACzB,IAAM,IAAK,GAAO;AAClB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,OAAO,EAAG,oCAAoC,QAAQ;GACtD,aAAa,EACX,0CACA,8DACD;GACD,CAAA,EACF,kBAAC,GAAD;GACE,OAAO,EAAG,yCAAyC,gCAAgC;GACnF,aAAa,EACX,+CACA,8EACD;GACD,CAAA,CACE"}

package/dist/pages/tunnels/tabs/TunnelAuditTab.d.ts

@@ -0,0 +1,4 @@
+export declare function TunnelAuditTab({ tunnelId }: {
+    tunnelId: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TunnelAuditTab.d.ts.map

package/dist/pages/tunnels/tabs/TunnelAuditTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelAuditTab.d.ts","sourceRoot":"","sources":["../../../../src/pages/tunnels/tabs/TunnelAuditTab.tsx"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,2CAoDhE"}

package/dist/pages/tunnels/tabs/TunnelAuditTab.js

@@ -0,0 +1,68 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useGetTunnelAuditQuery as t } from "../../../generated/wspace-operations.js";
+import { LoadingState as n } from "../../../components/shared/LoadingState.js";
+import { ErrorState as r } from "../../../components/shared/ErrorState.js";
+import { EmptyState as i } from "../../../components/shared/EmptyState.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/pages/tunnels/tabs/TunnelAuditTab.tsx
+function s({ tunnelId: s }) {
+	let c = e(), { data: l, loading: u, error: d, refetch: f } = t({
+		variables: {
+			tunnelId: s,
+			pagination: { limit: 50 }
+		},
+		fetchPolicy: "cache-and-network"
+	});
+	if (u && !l) return /* @__PURE__ */ a(n, { message: "Loading audit log" });
+	if (d) return /* @__PURE__ */ a(r, {
+		title: "Failed to load audit",
+		message: d.message,
+		onRetry: () => f()
+	});
+	let p = l?.tunnelAudit?.items ?? [];
+	return p.length === 0 ? /* @__PURE__ */ a(i, {
+		title: c("vibecontrols.tunnels.audit.emptyEntriesTitle", "No audit entries yet"),
+		description: c("vibecontrols.tunnels.audit.emptyEntriesDescription", "Audit entries are recorded for every create, start, stop, rotate, and domain operation.")
+	}) : /* @__PURE__ */ a("div", {
+		className: "rounded-lg border border-border-subtle bg-bg-surface max-w-4xl",
+		children: /* @__PURE__ */ a("ol", {
+			className: "divide-y divide-border-subtle",
+			children: p.map((e) => /* @__PURE__ */ a("li", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ o("div", {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ o("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ o("div", {
+							className: "text-sm text-text-primary",
+							children: [/* @__PURE__ */ a("span", {
+								className: "font-medium",
+								children: e.operationName ?? e.action
+							}), /* @__PURE__ */ o("span", {
+								className: "ml-2 text-text-muted",
+								children: [
+									"(",
+									e.resourceType,
+									")"
+								]
+							})]
+						}), e.resourceName && /* @__PURE__ */ a("div", {
+							className: "text-xs text-text-muted mt-0.5",
+							children: e.resourceName
+						})]
+					}), /* @__PURE__ */ o("div", {
+						className: "text-xs text-text-muted flex-shrink-0",
+						children: [/* @__PURE__ */ a("div", { children: new Date(e.createdAt).toLocaleString() }), /* @__PURE__ */ a("div", {
+							className: "text-right mt-0.5",
+							children: e.actorId
+						})]
+					})]
+				})
+			}, e.id))
+		})
+	});
+}
+//#endregion
+export { s as TunnelAuditTab };
+
+//# sourceMappingURL=TunnelAuditTab.js.map

package/dist/pages/tunnels/tabs/TunnelAuditTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelAuditTab.js","names":[],"sources":["../../../../src/pages/tunnels/tabs/TunnelAuditTab.tsx"],"sourcesContent":["import { useGetTunnelAuditQuery } from '@/generated/wspace-operations';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { EmptyState } from '@/components/shared/EmptyState';\nimport { ErrorState } from '@/components/shared/ErrorState';\nimport { useTr } from '../../../shared/hooks/useTr';\n\nexport function TunnelAuditTab({ tunnelId }: { tunnelId: string }) {\n  const tr = useTr();\n  const { data, loading, error, refetch } = useGetTunnelAuditQuery({\n    variables: { tunnelId, pagination: { limit: 50 } },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  if (loading && !data) return <LoadingState message=\"Loading audit log\" />;\n  if (error)\n    return (\n      <ErrorState title=\"Failed to load audit\" message={error.message} onRetry={() => refetch()} />\n    );\n\n  const items = data?.tunnelAudit?.items ?? [];\n\n  if (items.length === 0) {\n    return (\n      <EmptyState\n        title={tr('vibecontrols.tunnels.audit.emptyEntriesTitle', 'No audit entries yet')}\n        description={tr(\n          'vibecontrols.tunnels.audit.emptyEntriesDescription',\n          'Audit entries are recorded for every create, start, stop, rotate, and domain operation.'\n        )}\n      />\n    );\n  }\n\n  return (\n    <div className=\"rounded-lg border border-border-subtle bg-bg-surface max-w-4xl\">\n      <ol className=\"divide-y divide-border-subtle\">\n        {items.map((entry: any) => (\n          <li key={entry.id} className=\"px-4 py-3\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"min-w-0\">\n                <div className=\"text-sm text-text-primary\">\n                  <span className=\"font-medium\">{entry.operationName ?? entry.action}</span>\n                  <span className=\"ml-2 text-text-muted\">({entry.resourceType})</span>\n                </div>\n                {entry.resourceName && (\n                  <div className=\"text-xs text-text-muted mt-0.5\">{entry.resourceName}</div>\n                )}\n              </div>\n              <div className=\"text-xs text-text-muted flex-shrink-0\">\n                <div>{new Date(entry.createdAt).toLocaleString()}</div>\n                <div className=\"text-right mt-0.5\">{entry.actorId}</div>\n              </div>\n            </div>\n          </li>\n        ))}\n      </ol>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,EAAe,EAAE,eAAkC;CACjE,IAAM,IAAK,GAAO,EACZ,EAAE,SAAM,YAAS,UAAO,eAAY,EAAuB;EAC/D,WAAW;GAAE;GAAU,YAAY,EAAE,OAAO,IAAI;GAAE;EAClD,aAAa;EACd,CAAC;AAEF,KAAI,KAAW,CAAC,EAAM,QAAO,kBAAC,GAAD,EAAc,SAAQ,qBAAsB,CAAA;AACzE,KAAI,EACF,QACE,kBAAC,GAAD;EAAY,OAAM;EAAuB,SAAS,EAAM;EAAS,eAAe,GAAS;EAAI,CAAA;CAGjG,IAAM,IAAQ,GAAM,aAAa,SAAS,EAAE;AAc5C,QAZI,EAAM,WAAW,IAEjB,kBAAC,GAAD;EACE,OAAO,EAAG,gDAAgD,uBAAuB;EACjF,aAAa,EACX,sDACA,0FACD;EACD,CAAA,GAKJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,MAAD;GAAI,WAAU;aACX,EAAM,KAAK,MACV,kBAAC,MAAD;IAAmB,WAAU;cAC3B,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAM,iBAAiB,EAAM;QAAc,CAAA,EAC1E,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SAAuC;SAAE,EAAM;SAAa;SAAQ;UAChE;UACL,EAAM,gBACL,kBAAC,OAAD;OAAK,WAAU;iBAAkC,EAAM;OAAmB,CAAA,CAExE;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAM,IAAI,KAAK,EAAM,UAAU,CAAC,gBAAgB,EAAO,CAAA,EACvD,kBAAC,OAAD;OAAK,WAAU;iBAAqB,EAAM;OAAc,CAAA,CACpD;QACF;;IACH,EAhBI,EAAM,GAgBV,CACL;GACC,CAAA;EACD,CAAA"}

package/dist/pages/tunnels/tabs/TunnelCliTab.d.ts

@@ -0,0 +1,8 @@
+import { GetTunnelQuery } from '../../../generated/wspace-operations';
+
+type TunnelDetails = NonNullable<GetTunnelQuery['tunnel']>;
+export declare function TunnelCliTab({ tunnel }: {
+    tunnel: TunnelDetails;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TunnelCliTab.d.ts.map

package/dist/pages/tunnels/tabs/TunnelCliTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelCliTab.d.ts","sourceRoot":"","sources":["../../../../src/pages/tunnels/tabs/TunnelCliTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAIpE,KAAK,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;AAE3D,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,aAAa,CAAA;CAAE,2CA0EjE"}

package/dist/pages/tunnels/tabs/TunnelCliTab.js

@@ -0,0 +1,63 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { isNative as t, nativeCopyText as n, nativeToast as r } from "../../../utils/nativeBridge.js";
+import { useState as i } from "react";
+import { Check as a, Copy as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/pages/tunnels/tabs/TunnelCliTab.tsx
+function l({ tunnel: l }) {
+	let u = e(), [d, f] = i(null), p = l.providerKey === "VIBETUNNELS" ? "vibetunnels" : "cloudflare", m = [
+		{
+			label: u("vibecontrols.tunnels.cli.startLocally", "Start locally"),
+			cmd: `vibe tunnels start ${l.id}`
+		},
+		{
+			label: u("vibecontrols.tunnels.cli.stop", "Stop"),
+			cmd: `vibe tunnels stop ${l.id}`
+		},
+		{
+			label: u("vibecontrols.tunnels.cli.rotateCredentials", "Rotate credentials"),
+			cmd: `vibe tunnels rotate ${l.id}`
+		},
+		{
+			label: u("vibecontrols.tunnels.cli.recreateFastPath", "Recreate as fast-path (identical target)"),
+			cmd: `vibe tunnels create --agent ${l.agentId ?? "<agent-id>"} --name ${l.slug}-copy --port ${l.localPort} --protocol ${l.protocol.toLowerCase()} --provider ${p}${l.primaryDomain?.hostname ? ` --subdomain ${l.primaryDomain.hostname.split(".")[0]}` : ""}`
+		},
+		{
+			label: u("vibecontrols.tunnels.cli.issueToken", "Issue a one-shot token"),
+			cmd: `vibe tunnels issue-session ${l.id} --ttl 3600`
+		},
+		{
+			label: u("vibecontrols.tunnels.cli.followSessions", "Follow sessions"),
+			cmd: `vibe tunnels sessions ${l.id}`
+		}
+	], h = async (e) => {
+		try {
+			await n(e), f(e), t() && r("Copied"), setTimeout(() => f(null), 1500);
+		} catch {}
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "max-w-3xl space-y-3",
+		children: m.map((e) => /* @__PURE__ */ c("div", {
+			className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+			children: [/* @__PURE__ */ c("div", {
+				className: "flex items-start justify-between gap-3 mb-2",
+				children: [/* @__PURE__ */ s("span", {
+					className: "text-xs font-medium text-text-secondary uppercase tracking-wide",
+					children: e.label
+				}), /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: () => void h(e.cmd),
+					className: "inline-flex items-center rounded-md border border-border-default px-2 py-1 text-xs text-text-primary hover:bg-bg-elevated",
+					children: d === e.cmd ? /* @__PURE__ */ s(a, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ s(o, { className: "w-3.5 h-3.5" })
+				})]
+			}), /* @__PURE__ */ s("pre", {
+				className: "text-sm font-mono text-text-primary overflow-x-auto",
+				children: /* @__PURE__ */ s("code", { children: e.cmd })
+			})]
+		}, e.label))
+	});
+}
+//#endregion
+export { l as TunnelCliTab };
+
+//# sourceMappingURL=TunnelCliTab.js.map

package/dist/pages/tunnels/tabs/TunnelCliTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelCliTab.js","names":[],"sources":["../../../../src/pages/tunnels/tabs/TunnelCliTab.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Copy, Check } from 'lucide-react';\nimport type { GetTunnelQuery } from '@/generated/wspace-operations';\nimport { isNative, nativeCopyText, nativeToast } from '../../../utils/nativeBridge';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ntype TunnelDetails = NonNullable<GetTunnelQuery['tunnel']>;\n\nexport function TunnelCliTab({ tunnel }: { tunnel: TunnelDetails }) {\n  const tr = useTr();\n  const [copied, setCopied] = useState<string | null>(null);\n\n  const providerArg = tunnel.providerKey === 'VIBETUNNELS' ? 'vibetunnels' : 'cloudflare';\n\n  const commands = [\n    {\n      label: tr('vibecontrols.tunnels.cli.startLocally', 'Start locally'),\n      cmd: `vibe tunnels start ${tunnel.id}`,\n    },\n    {\n      label: tr('vibecontrols.tunnels.cli.stop', 'Stop'),\n      cmd: `vibe tunnels stop ${tunnel.id}`,\n    },\n    {\n      label: tr('vibecontrols.tunnels.cli.rotateCredentials', 'Rotate credentials'),\n      cmd: `vibe tunnels rotate ${tunnel.id}`,\n    },\n    {\n      label: tr(\n        'vibecontrols.tunnels.cli.recreateFastPath',\n        'Recreate as fast-path (identical target)'\n      ),\n      cmd: `vibe tunnels create --agent ${tunnel.agentId ?? '<agent-id>'} --name ${tunnel.slug}-copy --port ${tunnel.localPort} --protocol ${tunnel.protocol.toLowerCase()} --provider ${providerArg}${tunnel.primaryDomain?.hostname ? ` --subdomain ${tunnel.primaryDomain.hostname.split('.')[0]}` : ''}`,\n    },\n    {\n      label: tr('vibecontrols.tunnels.cli.issueToken', 'Issue a one-shot token'),\n      cmd: `vibe tunnels issue-session ${tunnel.id} --ttl 3600`,\n    },\n    {\n      label: tr('vibecontrols.tunnels.cli.followSessions', 'Follow sessions'),\n      cmd: `vibe tunnels sessions ${tunnel.id}`,\n    },\n  ];\n\n  const copy = async (cmd: string) => {\n    try {\n      await nativeCopyText(cmd);\n      setCopied(cmd);\n      if (isNative()) void nativeToast('Copied');\n      setTimeout(() => setCopied(null), 1500);\n    } catch {\n      // ignore\n    }\n  };\n\n  return (\n    <div className=\"max-w-3xl space-y-3\">\n      {commands.map((c) => (\n        <div key={c.label} className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n          <div className=\"flex items-start justify-between gap-3 mb-2\">\n            <span className=\"text-xs font-medium text-text-secondary uppercase tracking-wide\">\n              {c.label}\n            </span>\n            <button\n              type=\"button\"\n              onClick={() => void copy(c.cmd)}\n              className=\"inline-flex items-center rounded-md border border-border-default px-2 py-1 text-xs text-text-primary hover:bg-bg-elevated\"\n            >\n              {copied === c.cmd ? (\n                <Check className=\"w-3.5 h-3.5\" />\n              ) : (\n                <Copy className=\"w-3.5 h-3.5\" />\n              )}\n            </button>\n          </div>\n          <pre className=\"text-sm font-mono text-text-primary overflow-x-auto\">\n            <code>{c.cmd}</code>\n          </pre>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAQA,SAAgB,EAAa,EAAE,aAAqC;CAClE,IAAM,IAAK,GAAO,EACZ,CAAC,GAAQ,KAAa,EAAwB,KAAK,EAEnD,IAAc,EAAO,gBAAgB,gBAAgB,gBAAgB,cAErE,IAAW;EACf;GACE,OAAO,EAAG,yCAAyC,gBAAgB;GACnE,KAAK,sBAAsB,EAAO;GACnC;EACD;GACE,OAAO,EAAG,iCAAiC,OAAO;GAClD,KAAK,qBAAqB,EAAO;GAClC;EACD;GACE,OAAO,EAAG,8CAA8C,qBAAqB;GAC7E,KAAK,uBAAuB,EAAO;GACpC;EACD;GACE,OAAO,EACL,6CACA,2CACD;GACD,KAAK,+BAA+B,EAAO,WAAW,aAAa,UAAU,EAAO,KAAK,eAAe,EAAO,UAAU,cAAc,EAAO,SAAS,aAAa,CAAC,cAAc,IAAc,EAAO,eAAe,WAAW,gBAAgB,EAAO,cAAc,SAAS,MAAM,IAAI,CAAC,OAAO;GACnS;EACD;GACE,OAAO,EAAG,uCAAuC,yBAAyB;GAC1E,KAAK,8BAA8B,EAAO,GAAG;GAC9C;EACD;GACE,OAAO,EAAG,2CAA2C,kBAAkB;GACvE,KAAK,yBAAyB,EAAO;GACtC;EACF,EAEK,IAAO,OAAO,MAAgB;AAClC,MAAI;AAIF,GAHA,MAAM,EAAe,EAAI,EACzB,EAAU,EAAI,EACV,GAAU,IAAO,EAAY,SAAS,EAC1C,iBAAiB,EAAU,KAAK,EAAE,KAAK;UACjC;;AAKV,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAS,KAAK,MACb,kBAAC,OAAD;GAAmB,WAAU;aAA7B,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eACb,EAAE;KACE,CAAA,EACP,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,KAAK,EAAK,EAAE,IAAI;KAC/B,WAAU;eAET,MAAW,EAAE,MACZ,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA,GAEjC,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA;KAE3B,CAAA,CACL;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,QAAD,EAAA,UAAO,EAAE,KAAW,CAAA;IAChB,CAAA,CACF;KApBI,EAAE,MAoBN,CACN;EACE,CAAA"}

package/dist/pages/tunnels/tabs/TunnelDomainsTab.d.ts

@@ -0,0 +1,8 @@
+import { GetTunnelQuery } from '../../../generated/wspace-operations';
+
+type TunnelDetails = NonNullable<GetTunnelQuery['tunnel']>;
+export declare function TunnelDomainsTab({ tunnel }: {
+    tunnel: TunnelDetails;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TunnelDomainsTab.d.ts.map

package/dist/pages/tunnels/tabs/TunnelDomainsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelDomainsTab.d.ts","sourceRoot":"","sources":["../../../../src/pages/tunnels/tabs/TunnelDomainsTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAYpE,KAAK,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;AAE3D,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,aAAa,CAAA;CAAE,2CAiIrE"}