@burdenoff/microfe-vibecontrols 2026.511.1

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

@@ -0,0 +1,120 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useAttachTunnelDomainMutation as t, useDetachTunnelDomainMutation as n, useGetTunnelQuery as r, useRegisterCustomTunnelDomainMutation as i, useVerifyTunnelDomainMutation as a } from "../../../generated/wspace-operations.js";
+import { TunnelDomainVerificationStatus as o } from "../../../generated/wspace-types.js";
+import { DomainVerificationBadge as s } from "../../../components/tunnels/DomainVerificationBadge.js";
+import { useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/pages/tunnels/tabs/TunnelDomainsTab.tsx
+function d({ tunnel: d }) {
+	let f = e(), { refetch: p } = r({ variables: { id: d.id } }), [m, h] = c(""), [g, _] = c(null), [v, { loading: y }] = i({
+		onCompleted: async (e) => {
+			await p(), e.registerCustomTunnelDomain.id && await b({ variables: {
+				tunnelId: d.id,
+				domainId: e.registerCustomTunnelDomain.id
+			} }), h(""), _(null);
+		},
+		onError: (e) => _(e.message)
+	}), [b] = t({ onCompleted: () => void p() }), [x] = n({ onCompleted: () => void p() }), [S] = a({ onCompleted: () => void p() }), C = async () => {
+		let e = m.trim().toLowerCase();
+		e && await v({ variables: { input: { hostname: e } } });
+	}, w = d.domains ?? [];
+	return /* @__PURE__ */ u("div", {
+		className: "max-w-4xl",
+		children: [/* @__PURE__ */ u("section", {
+			className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
+			children: [
+				/* @__PURE__ */ l("h3", {
+					className: "text-sm font-semibold text-text-primary mb-3",
+					children: f("vibecontrols.tunnels.domains.attachCustomDomain", "Attach a custom domain")
+				}),
+				/* @__PURE__ */ l("p", {
+					className: "text-xs text-text-secondary mb-3",
+					children: "Register a user-owned FQDN. You'll be asked to create a TXT record to prove ownership before the domain can be attached."
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ l("input", {
+						type: "text",
+						value: m,
+						onChange: (e) => h(e.target.value),
+						placeholder: "preview.example.com",
+						className: "flex-1 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus:border-border-focus focus:outline-none"
+					}), /* @__PURE__ */ l("button", {
+						type: "button",
+						disabled: y || !m.trim(),
+						onClick: () => void C(),
+						className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-fg hover:bg-action-primary-bg-hover disabled:opacity-50",
+						children: y ? f("vibecontrols.tunnels.domains.adding", "Adding...") : f("vibecontrols.tunnels.domains.addDomain", "Add domain")
+					})]
+				}),
+				g && /* @__PURE__ */ l("p", {
+					className: "mt-2 text-xs text-status-error-fg",
+					children: g
+				})
+			]
+		}), /* @__PURE__ */ u("div", {
+			className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border-subtle",
+			children: [w.length === 0 && /* @__PURE__ */ l("div", {
+				className: "p-4 text-sm text-text-muted",
+				children: "No domains attached. Add one above or reserve a *.vibetunnels.com subdomain from the Tunnels tab."
+			}), w.map((e) => /* @__PURE__ */ l("div", {
+				className: "p-4",
+				children: /* @__PURE__ */ u("div", {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ u("div", {
+						className: "min-w-0",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "flex items-center gap-2 mb-1",
+								children: [/* @__PURE__ */ l("span", {
+									className: "font-mono text-sm text-text-primary",
+									children: e.hostname
+								}), /* @__PURE__ */ l(s, { status: e.verificationStatus })]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "text-xs text-text-muted",
+								children: [
+									e.type,
+									" ",
+									e.isPrimary && "• primary"
+								]
+							}),
+							e.verificationStatus === o.Pending && e.challengeRecordName && e.challengeToken && /* @__PURE__ */ u("div", {
+								className: "mt-2 rounded-md bg-bg-sunken p-2 text-xs text-text-secondary",
+								children: [/* @__PURE__ */ l("div", { children: "Create this TXT record to verify:" }), /* @__PURE__ */ u("div", {
+									className: "font-mono text-text-primary mt-1",
+									children: [
+										e.challengeRecordName,
+										" IN TXT \"",
+										e.challengeToken,
+										"\""
+									]
+								})]
+							})
+						]
+					}), /* @__PURE__ */ u("div", {
+						className: "flex gap-2 flex-shrink-0",
+						children: [e.verificationStatus === o.Pending && /* @__PURE__ */ l("button", {
+							type: "button",
+							onClick: () => void S({ variables: { domainId: e.id } }),
+							className: "rounded-md border border-border-default px-3 py-1 text-xs text-text-primary hover:bg-bg-elevated",
+							children: "Verify"
+						}), /* @__PURE__ */ l("button", {
+							type: "button",
+							onClick: () => void x({ variables: {
+								tunnelId: d.id,
+								domainId: e.id
+							} }),
+							className: "rounded-md border border-border-default px-3 py-1 text-xs text-text-primary hover:bg-bg-elevated",
+							children: "Detach"
+						})]
+					})]
+				})
+			}, e.id))]
+		})]
+	});
+}
+//#endregion
+export { d as TunnelDomainsTab };
+
+//# sourceMappingURL=TunnelDomainsTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelDomainsTab.js","names":[],"sources":["../../../../src/pages/tunnels/tabs/TunnelDomainsTab.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { GetTunnelQuery } from '@/generated/wspace-operations';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport {\n  useRegisterCustomTunnelDomainMutation,\n  useAttachTunnelDomainMutation,\n  useDetachTunnelDomainMutation,\n  useVerifyTunnelDomainMutation,\n  useGetTunnelQuery,\n} from '@/generated/wspace-operations';\nimport { TunnelDomainVerificationStatus } from '@/generated/wspace-types';\nimport { DomainVerificationBadge } from '@/components/tunnels/DomainVerificationBadge';\n\ntype TunnelDetails = NonNullable<GetTunnelQuery['tunnel']>;\n\nexport function TunnelDomainsTab({ tunnel }: { tunnel: TunnelDetails }) {\n  const tr = useTr();\n  const { refetch } = useGetTunnelQuery({ variables: { id: tunnel.id } });\n  const [newHostname, setNewHostname] = useState('');\n  const [addError, setAddError] = useState<string | null>(null);\n\n  const [registerDomain, { loading: adding }] = useRegisterCustomTunnelDomainMutation({\n    onCompleted: async (result) => {\n      await refetch();\n      if (result.registerCustomTunnelDomain.id) {\n        await attachDomain({\n          variables: {\n            tunnelId: tunnel.id,\n            domainId: result.registerCustomTunnelDomain.id,\n          },\n        });\n      }\n      setNewHostname('');\n      setAddError(null);\n    },\n    onError: (err) => setAddError(err.message),\n  });\n  const [attachDomain] = useAttachTunnelDomainMutation({\n    onCompleted: () => void refetch(),\n  });\n  const [detachDomain] = useDetachTunnelDomainMutation({\n    onCompleted: () => void refetch(),\n  });\n  const [verifyDomain] = useVerifyTunnelDomainMutation({\n    onCompleted: () => void refetch(),\n  });\n\n  const handleAdd = async () => {\n    const trimmed = newHostname.trim().toLowerCase();\n    if (!trimmed) return;\n    await registerDomain({ variables: { input: { hostname: trimmed } } });\n  };\n\n  const domains = tunnel.domains ?? [];\n\n  return (\n    <div className=\"max-w-4xl\">\n      <section className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6\">\n        <h3 className=\"text-sm font-semibold text-text-primary mb-3\">\n          {tr('vibecontrols.tunnels.domains.attachCustomDomain', 'Attach a custom domain')}\n        </h3>\n        <p className=\"text-xs text-text-secondary mb-3\">\n          Register a user-owned FQDN. You'll be asked to create a TXT record to prove ownership\n          before the domain can be attached.\n        </p>\n        <div className=\"flex gap-2\">\n          <input\n            type=\"text\"\n            value={newHostname}\n            onChange={(e) => setNewHostname(e.target.value)}\n            placeholder=\"preview.example.com\"\n            className=\"flex-1 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus:border-border-focus focus:outline-none\"\n          />\n          <button\n            type=\"button\"\n            disabled={adding || !newHostname.trim()}\n            onClick={() => void handleAdd()}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-fg hover:bg-action-primary-bg-hover disabled:opacity-50\"\n          >\n            {adding\n              ? tr('vibecontrols.tunnels.domains.adding', 'Adding...')\n              : tr('vibecontrols.tunnels.domains.addDomain', 'Add domain')}\n          </button>\n        </div>\n        {addError && <p className=\"mt-2 text-xs text-status-error-fg\">{addError}</p>}\n      </section>\n\n      <div className=\"rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border-subtle\">\n        {domains.length === 0 && (\n          <div className=\"p-4 text-sm text-text-muted\">\n            No domains attached. Add one above or reserve a *.vibetunnels.com subdomain from the\n            Tunnels tab.\n          </div>\n        )}\n        {domains.map((domain) => (\n          <div key={domain.id} className=\"p-4\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"min-w-0\">\n                <div className=\"flex items-center gap-2 mb-1\">\n                  <span className=\"font-mono text-sm text-text-primary\">{domain.hostname}</span>\n                  <DomainVerificationBadge status={domain.verificationStatus} />\n                </div>\n                <div className=\"text-xs text-text-muted\">\n                  {domain.type} {domain.isPrimary && '• primary'}\n                </div>\n                {domain.verificationStatus === TunnelDomainVerificationStatus.Pending &&\n                  domain.challengeRecordName &&\n                  domain.challengeToken && (\n                    <div className=\"mt-2 rounded-md bg-bg-sunken p-2 text-xs text-text-secondary\">\n                      <div>Create this TXT record to verify:</div>\n                      <div className=\"font-mono text-text-primary mt-1\">\n                        {domain.challengeRecordName} IN TXT &quot;{domain.challengeToken}&quot;\n                      </div>\n                    </div>\n                  )}\n              </div>\n              <div className=\"flex gap-2 flex-shrink-0\">\n                {domain.verificationStatus === TunnelDomainVerificationStatus.Pending && (\n                  <button\n                    type=\"button\"\n                    onClick={() => void verifyDomain({ variables: { domainId: domain.id } })}\n                    className=\"rounded-md border border-border-default px-3 py-1 text-xs text-text-primary hover:bg-bg-elevated\"\n                  >\n                    Verify\n                  </button>\n                )}\n                <button\n                  type=\"button\"\n                  onClick={() =>\n                    void detachDomain({\n                      variables: { tunnelId: tunnel.id, domainId: domain.id },\n                    })\n                  }\n                  className=\"rounded-md border border-border-default px-3 py-1 text-xs text-text-primary hover:bg-bg-elevated\"\n                >\n                  Detach\n                </button>\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,EAAiB,EAAE,aAAqC;CACtE,IAAM,IAAK,GAAO,EACZ,EAAE,eAAY,EAAkB,EAAE,WAAW,EAAE,IAAI,EAAO,IAAI,EAAE,CAAC,EACjE,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAU,KAAe,EAAwB,KAAK,EAEvD,CAAC,GAAgB,EAAE,SAAS,OAAY,EAAsC;EAClF,aAAa,OAAO,MAAW;AAW7B,GAVA,MAAM,GAAS,EACX,EAAO,2BAA2B,MACpC,MAAM,EAAa,EACjB,WAAW;IACT,UAAU,EAAO;IACjB,UAAU,EAAO,2BAA2B;IAC7C,EACF,CAAC,EAEJ,EAAe,GAAG,EAClB,EAAY,KAAK;;EAEnB,UAAU,MAAQ,EAAY,EAAI,QAAQ;EAC3C,CAAC,EACI,CAAC,KAAgB,EAA8B,EACnD,mBAAmB,KAAK,GAAS,EAClC,CAAC,EACI,CAAC,KAAgB,EAA8B,EACnD,mBAAmB,KAAK,GAAS,EAClC,CAAC,EACI,CAAC,KAAgB,EAA8B,EACnD,mBAAmB,KAAK,GAAS,EAClC,CAAC,EAEI,IAAY,YAAY;EAC5B,IAAM,IAAU,EAAY,MAAM,CAAC,aAAa;AAC3C,OACL,MAAM,EAAe,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,GAAS,EAAE,EAAE,CAAC;IAGjE,IAAU,EAAO,WAAW,EAAE;AAEpC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,WAAD;GAAS,WAAU;aAAnB;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,mDAAmD,yBAAyB;KAC7E,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAG5C,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MACE,MAAK;MACL,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;MAC/C,aAAY;MACZ,WAAU;MACV,CAAA,EACF,kBAAC,UAAD;MACE,MAAK;MACL,UAAU,KAAU,CAAC,EAAY,MAAM;MACvC,eAAe,KAAK,GAAW;MAC/B,WAAU;gBAET,IACG,EAAG,uCAAuC,YAAY,GACtD,EAAG,0CAA0C,aAAa;MACvD,CAAA,CACL;;IACL,KAAY,kBAAC,KAAD;KAAG,WAAU;eAAqC;KAAa,CAAA;IACpE;MAEV,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAQ,WAAW,KAClB,kBAAC,OAAD;IAAK,WAAU;cAA8B;IAGvC,CAAA,EAEP,EAAQ,KAAK,MACZ,kBAAC,OAAD;IAAqB,WAAU;cAC7B,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAuC,EAAO;SAAgB,CAAA,EAC9E,kBAAC,GAAD,EAAyB,QAAQ,EAAO,oBAAsB,CAAA,CAC1D;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACG,EAAO;SAAK;SAAE,EAAO,aAAa;SAC/B;;OACL,EAAO,uBAAuB,EAA+B,WAC5D,EAAO,uBACP,EAAO,kBACL,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD,EAAA,UAAK,qCAAuC,CAAA,EAC5C,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACG,EAAO;UAAoB;UAAe,EAAO;UAAe;UAC7D;WACF;;OAEN;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,EAAO,uBAAuB,EAA+B,WAC5D,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,KAAK,EAAa,EAAE,WAAW,EAAE,UAAU,EAAO,IAAI,EAAE,CAAC;OACxE,WAAU;iBACX;OAEQ,CAAA,EAEX,kBAAC,UAAD;OACE,MAAK;OACL,eACE,KAAK,EAAa,EAChB,WAAW;QAAE,UAAU,EAAO;QAAI,UAAU,EAAO;QAAI,EACxD,CAAC;OAEJ,WAAU;iBACX;OAEQ,CAAA,CACL;QACF;;IACF,EA5CI,EAAO,GA4CX,CACN,CACE;KACF"}

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

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

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

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

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

@@ -0,0 +1,56 @@
+import { isNative as e, nativeCopyText as t, nativeToast as n } from "../../../utils/nativeBridge.js";
+import { useState as r } from "react";
+import { Check as i, Copy as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/pages/tunnels/tabs/TunnelEndpointsTab.tsx
+function c({ tunnel: c }) {
+	let [l, u] = r(null), d = c.protocol.toLowerCase() === "tcp" ? "tcp" : "https", f = (c.domains ?? []).map((e) => e.hostname), p = c.primaryDomain?.hostname, m = [];
+	p && m.push({
+		label: "Primary",
+		url: `${d}://${p}`
+	});
+	for (let e of f) e !== p && m.push({
+		label: "Domain",
+		url: `${d}://${e}`
+	});
+	m.push({
+		label: "Local target",
+		url: `${c.protocol.toLowerCase()}://${c.localHost}:${c.localPort}`
+	});
+	let h = async (r) => {
+		try {
+			await t(r), u(r), e() && n("Copied"), setTimeout(() => u(null), 1500);
+		} catch {}
+	};
+	return /* @__PURE__ */ o("div", {
+		className: "max-w-3xl",
+		children: /* @__PURE__ */ o("div", {
+			className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border-subtle",
+			children: m.map((e, t) => /* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between gap-3 px-4 py-3",
+				children: [/* @__PURE__ */ s("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ o("div", {
+						className: "text-xs text-text-muted mb-0.5",
+						children: e.label
+					}), /* @__PURE__ */ o("a", {
+						href: e.url.startsWith("http") ? e.url : void 0,
+						target: "_blank",
+						rel: "noreferrer",
+						className: "font-mono text-sm text-text-primary hover:underline truncate block",
+						children: e.url
+					})]
+				}), /* @__PURE__ */ o("button", {
+					type: "button",
+					onClick: () => void h(e.url),
+					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: l === e.url ? /* @__PURE__ */ o(i, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ o(a, { className: "w-3.5 h-3.5" })
+				})]
+			}, `${e.label}-${t}`))
+		})
+	});
+}
+//#endregion
+export { c as TunnelEndpointsTab };
+
+//# sourceMappingURL=TunnelEndpointsTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelEndpointsTab.js","names":[],"sources":["../../../../src/pages/tunnels/tabs/TunnelEndpointsTab.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';\ntype TunnelDetails = NonNullable<GetTunnelQuery['tunnel']>;\n\nexport function TunnelEndpointsTab({ tunnel }: { tunnel: TunnelDetails }) {\n  const [copied, setCopied] = useState<string | null>(null);\n  const protocol = tunnel.protocol.toLowerCase() === 'tcp' ? 'tcp' : 'https';\n  const hostnames = (tunnel.domains ?? []).map((d) => d.hostname);\n  const primaryHostname = tunnel.primaryDomain?.hostname;\n  const entries: Array<{ label: string; url: string }> = [];\n  if (primaryHostname) {\n    entries.push({ label: 'Primary', url: `${protocol}://${primaryHostname}` });\n  }\n  for (const h of hostnames) {\n    if (h === primaryHostname) continue;\n    entries.push({ label: 'Domain', url: `${protocol}://${h}` });\n  }\n  entries.push({\n    label: 'Local target',\n    url: `${tunnel.protocol.toLowerCase()}://${tunnel.localHost}:${tunnel.localPort}`,\n  });\n\n  const copy = async (url: string) => {\n    try {\n      await nativeCopyText(url);\n      setCopied(url);\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\">\n      <div className=\"rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border-subtle\">\n        {entries.map((entry, idx) => (\n          <div\n            key={`${entry.label}-${idx}`}\n            className=\"flex items-center justify-between gap-3 px-4 py-3\"\n          >\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"text-xs text-text-muted mb-0.5\">{entry.label}</div>\n              <a\n                href={entry.url.startsWith('http') ? entry.url : undefined}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className=\"font-mono text-sm text-text-primary hover:underline truncate block\"\n              >\n                {entry.url}\n              </a>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => void copy(entry.url)}\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 === entry.url ? (\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        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,SAAgB,EAAmB,EAAE,aAAqC;CACxE,IAAM,CAAC,GAAQ,KAAa,EAAwB,KAAK,EACnD,IAAW,EAAO,SAAS,aAAa,KAAK,QAAQ,QAAQ,SAC7D,KAAa,EAAO,WAAW,EAAE,EAAE,KAAK,MAAM,EAAE,SAAS,EACzD,IAAkB,EAAO,eAAe,UACxC,IAAiD,EAAE;AACzD,CAAI,KACF,EAAQ,KAAK;EAAE,OAAO;EAAW,KAAK,GAAG,EAAS,KAAK;EAAmB,CAAC;AAE7E,MAAK,IAAM,KAAK,EACV,OAAM,KACV,EAAQ,KAAK;EAAE,OAAO;EAAU,KAAK,GAAG,EAAS,KAAK;EAAK,CAAC;AAE9D,GAAQ,KAAK;EACX,OAAO;EACP,KAAK,GAAG,EAAO,SAAS,aAAa,CAAC,KAAK,EAAO,UAAU,GAAG,EAAO;EACvE,CAAC;CAEF,IAAM,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;YACb,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,GAAO,MACnB,kBAAC,OAAD;IAEE,WAAU;cAFZ,CAIE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAkC,EAAM;MAAY,CAAA,EACnE,kBAAC,KAAD;MACE,MAAM,EAAM,IAAI,WAAW,OAAO,GAAG,EAAM,MAAM,KAAA;MACjD,QAAO;MACP,KAAI;MACJ,WAAU;gBAET,EAAM;MACL,CAAA,CACA;QACN,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,KAAK,EAAK,EAAM,IAAI;KACnC,WAAU;eAET,MAAW,EAAM,MAChB,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA,GAEjC,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA;KAE3B,CAAA,CACL;MAzBC,GAAG,EAAM,MAAM,GAAG,IAyBnB,CACN;GACE,CAAA;EACF,CAAA"}

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

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

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

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

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

@@ -0,0 +1,137 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/pages/tunnels/tabs/TunnelOverviewTab.tsx
+function r({ tunnel: r }) {
+	let i = e(), a = r.activeSessions?.length ?? 0, o = r.domains?.length ?? 0;
+	return /* @__PURE__ */ n("div", {
+		className: "grid gap-6 md:grid-cols-2 max-w-4xl",
+		children: [
+			/* @__PURE__ */ n("section", {
+				className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+				children: [/* @__PURE__ */ t("h3", {
+					className: "text-sm font-semibold text-text-primary mb-3",
+					children: i("vibecontrols.tunnels.overview.configuration", "Configuration")
+				}), /* @__PURE__ */ n("dl", {
+					className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm",
+					children: [
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "Slug"
+						}),
+						/* @__PURE__ */ t("dd", {
+							className: "text-text-primary font-mono",
+							children: r.slug
+						}),
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "Provider"
+						}),
+						/* @__PURE__ */ t("dd", {
+							className: "text-text-primary",
+							children: r.providerKey
+						}),
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "Protocol"
+						}),
+						/* @__PURE__ */ t("dd", {
+							className: "text-text-primary",
+							children: r.protocol
+						}),
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "TLS mode"
+						}),
+						/* @__PURE__ */ t("dd", {
+							className: "text-text-primary",
+							children: r.tlsMode
+						}),
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "Local target"
+						}),
+						/* @__PURE__ */ n("dd", {
+							className: "text-text-primary font-mono",
+							children: [
+								r.localHost,
+								":",
+								r.localPort
+							]
+						}),
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "Basic auth"
+						}),
+						/* @__PURE__ */ t("dd", {
+							className: "text-text-primary",
+							children: r.hasBasicAuth ? r.basicAuthUser ?? "configured" : "off"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ n("section", {
+				className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+				children: [/* @__PURE__ */ t("h3", {
+					className: "text-sm font-semibold text-text-primary mb-3",
+					children: i("vibecontrols.tunnels.overview.activity", "Activity")
+				}), /* @__PURE__ */ n("dl", {
+					className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm",
+					children: [
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "Active sessions"
+						}),
+						/* @__PURE__ */ t("dd", {
+							className: "text-text-primary",
+							children: a
+						}),
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "Attached domains"
+						}),
+						/* @__PURE__ */ t("dd", {
+							className: "text-text-primary",
+							children: o
+						}),
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "Primary hostname"
+						}),
+						/* @__PURE__ */ t("dd", {
+							className: "text-text-primary font-mono",
+							children: r.primaryDomain?.hostname ?? "—"
+						}),
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "Agent"
+						}),
+						/* @__PURE__ */ t("dd", {
+							className: "text-text-primary font-mono",
+							children: r.agentId ?? "—"
+						}),
+						/* @__PURE__ */ t("dt", {
+							className: "text-text-muted",
+							children: "Created"
+						}),
+						/* @__PURE__ */ t("dd", {
+							className: "text-text-primary",
+							children: new Date(r.createdAt).toLocaleString()
+						})
+					]
+				})]
+			}),
+			r.lastError && /* @__PURE__ */ n("section", {
+				className: "md:col-span-2 rounded-lg bg-status-error-bg p-4 text-sm text-status-error-fg",
+				children: [
+					/* @__PURE__ */ t("strong", { children: "Last error:" }),
+					" ",
+					r.lastError
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { r as TunnelOverviewTab };
+
+//# sourceMappingURL=TunnelOverviewTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelOverviewTab.js","names":[],"sources":["../../../../src/pages/tunnels/tabs/TunnelOverviewTab.tsx"],"sourcesContent":["import type { GetTunnelQuery } from '@/generated/wspace-operations';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ntype TunnelDetails = NonNullable<GetTunnelQuery['tunnel']>;\n\nexport function TunnelOverviewTab({ tunnel }: { tunnel: TunnelDetails }) {\n  const tr = useTr();\n  const sessionCount = tunnel.activeSessions?.length ?? 0;\n  const domainCount = tunnel.domains?.length ?? 0;\n  return (\n    <div className=\"grid gap-6 md:grid-cols-2 max-w-4xl\">\n      <section className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n        <h3 className=\"text-sm font-semibold text-text-primary mb-3\">\n          {tr('vibecontrols.tunnels.overview.configuration', 'Configuration')}\n        </h3>\n        <dl className=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm\">\n          <dt className=\"text-text-muted\">Slug</dt>\n          <dd className=\"text-text-primary font-mono\">{tunnel.slug}</dd>\n          <dt className=\"text-text-muted\">Provider</dt>\n          <dd className=\"text-text-primary\">{tunnel.providerKey}</dd>\n          <dt className=\"text-text-muted\">Protocol</dt>\n          <dd className=\"text-text-primary\">{tunnel.protocol}</dd>\n          <dt className=\"text-text-muted\">TLS mode</dt>\n          <dd className=\"text-text-primary\">{tunnel.tlsMode}</dd>\n          <dt className=\"text-text-muted\">Local target</dt>\n          <dd className=\"text-text-primary font-mono\">\n            {tunnel.localHost}:{tunnel.localPort}\n          </dd>\n          <dt className=\"text-text-muted\">Basic auth</dt>\n          <dd className=\"text-text-primary\">\n            {tunnel.hasBasicAuth ? (tunnel.basicAuthUser ?? 'configured') : 'off'}\n          </dd>\n        </dl>\n      </section>\n\n      <section className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n        <h3 className=\"text-sm font-semibold text-text-primary mb-3\">\n          {tr('vibecontrols.tunnels.overview.activity', 'Activity')}\n        </h3>\n        <dl className=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm\">\n          <dt className=\"text-text-muted\">Active sessions</dt>\n          <dd className=\"text-text-primary\">{sessionCount}</dd>\n          <dt className=\"text-text-muted\">Attached domains</dt>\n          <dd className=\"text-text-primary\">{domainCount}</dd>\n          <dt className=\"text-text-muted\">Primary hostname</dt>\n          <dd className=\"text-text-primary font-mono\">{tunnel.primaryDomain?.hostname ?? '—'}</dd>\n          <dt className=\"text-text-muted\">Agent</dt>\n          <dd className=\"text-text-primary font-mono\">{tunnel.agentId ?? '—'}</dd>\n          <dt className=\"text-text-muted\">Created</dt>\n          <dd className=\"text-text-primary\">{new Date(tunnel.createdAt).toLocaleString()}</dd>\n        </dl>\n      </section>\n\n      {tunnel.lastError && (\n        <section className=\"md:col-span-2 rounded-lg bg-status-error-bg p-4 text-sm text-status-error-fg\">\n          <strong>Last error:</strong> {tunnel.lastError}\n        </section>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;AAKA,SAAgB,EAAkB,EAAE,aAAqC;CACvE,IAAM,IAAK,GAAO,EACZ,IAAe,EAAO,gBAAgB,UAAU,GAChD,IAAc,EAAO,SAAS,UAAU;AAC9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,+CAA+C,gBAAgB;KAChE,CAAA,EACL,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAS,CAAA;MACzC,kBAAC,MAAD;OAAI,WAAU;iBAA+B,EAAO;OAAU,CAAA;MAC9D,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAa,CAAA;MAC7C,kBAAC,MAAD;OAAI,WAAU;iBAAqB,EAAO;OAAiB,CAAA;MAC3D,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAa,CAAA;MAC7C,kBAAC,MAAD;OAAI,WAAU;iBAAqB,EAAO;OAAc,CAAA;MACxD,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAa,CAAA;MAC7C,kBAAC,MAAD;OAAI,WAAU;iBAAqB,EAAO;OAAa,CAAA;MACvD,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAiB,CAAA;MACjD,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACG,EAAO;QAAU;QAAE,EAAO;QACxB;;MACL,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAe,CAAA;MAC/C,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAO,eAAgB,EAAO,iBAAiB,eAAgB;OAC7D,CAAA;MACF;OACG;;GAEV,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,0CAA0C,WAAW;KACtD,CAAA,EACL,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAoB,CAAA;MACpD,kBAAC,MAAD;OAAI,WAAU;iBAAqB;OAAkB,CAAA;MACrD,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAqB,CAAA;MACrD,kBAAC,MAAD;OAAI,WAAU;iBAAqB;OAAiB,CAAA;MACpD,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAqB,CAAA;MACrD,kBAAC,MAAD;OAAI,WAAU;iBAA+B,EAAO,eAAe,YAAY;OAAS,CAAA;MACxF,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAU,CAAA;MAC1C,kBAAC,MAAD;OAAI,WAAU;iBAA+B,EAAO,WAAW;OAAS,CAAA;MACxE,kBAAC,MAAD;OAAI,WAAU;iBAAkB;OAAY,CAAA;MAC5C,kBAAC,MAAD;OAAI,WAAU;iBAAqB,IAAI,KAAK,EAAO,UAAU,CAAC,gBAAgB;OAAM,CAAA;MACjF;OACG;;GAET,EAAO,aACN,kBAAC,WAAD;IAAS,WAAU;cAAnB;KACE,kBAAC,UAAD,EAAA,UAAQ,eAAoB,CAAA;;KAAE,EAAO;KAC7B;;GAER"}

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

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

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

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

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

@@ -0,0 +1,104 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useListTunnelSessionsQuery as t, useRevokeTunnelSessionMutation as n } from "../../../generated/wspace-operations.js";
+import { LoadingState as r } from "../../../components/shared/LoadingState.js";
+import { ErrorState as i } from "../../../components/shared/ErrorState.js";
+import { TunnelSessionStatus as a } from "../../../generated/wspace-types.js";
+import { EmptyState as o } from "../../../components/shared/EmptyState.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/pages/tunnels/tabs/TunnelSessionsTab.tsx
+function l({ tunnelId: l }) {
+	let u = e(), { data: d, loading: f, error: p, refetch: m } = t({
+		variables: {
+			tunnelId: l,
+			pagination: { limit: 50 }
+		},
+		fetchPolicy: "cache-and-network"
+	}), [h] = n({ onCompleted: () => void m() }), g = d?.tunnelSessions?.items ?? [];
+	return f && !d ? /* @__PURE__ */ s(r, { message: "Loading sessions" }) : p ? /* @__PURE__ */ s(i, {
+		title: "Failed to load sessions",
+		message: p.message,
+		onRetry: () => m()
+	}) : g.length === 0 ? /* @__PURE__ */ s(o, {
+		title: u("vibecontrols.tunnels.sessions.emptySessionsTitle", "No sessions"),
+		description: u("vibecontrols.tunnels.sessions.emptySessionsDescription", "Sessions appear here once a tunnel is started.")
+	}) : /* @__PURE__ */ s("div", {
+		className: "rounded-lg border border-border-subtle bg-bg-surface max-w-4xl",
+		children: /* @__PURE__ */ c("table", {
+			className: "w-full text-sm",
+			children: [/* @__PURE__ */ s("thead", {
+				className: "border-b border-border-subtle bg-bg-sunken text-text-secondary",
+				children: /* @__PURE__ */ c("tr", { children: [
+					/* @__PURE__ */ s("th", {
+						className: "px-4 py-3 text-left font-medium",
+						children: "Fingerprint"
+					}),
+					/* @__PURE__ */ s("th", {
+						className: "px-4 py-3 text-left font-medium",
+						children: "Status"
+					}),
+					/* @__PURE__ */ s("th", {
+						className: "px-4 py-3 text-left font-medium",
+						children: "Issued"
+					}),
+					/* @__PURE__ */ s("th", {
+						className: "px-4 py-3 text-left font-medium",
+						children: "Expires"
+					}),
+					/* @__PURE__ */ s("th", {
+						className: "px-4 py-3 text-left font-medium",
+						children: "Bytes"
+					}),
+					/* @__PURE__ */ s("th", {
+						className: "px-4 py-3 text-right font-medium",
+						children: "Actions"
+					})
+				] })
+			}), /* @__PURE__ */ s("tbody", { children: g.map((e) => /* @__PURE__ */ c("tr", {
+				className: "border-b border-border-subtle last:border-b-0 hover:bg-bg-sunken",
+				children: [
+					/* @__PURE__ */ s("td", {
+						className: "px-4 py-3 font-mono text-xs text-text-primary",
+						children: e.tokenFingerprint
+					}),
+					/* @__PURE__ */ s("td", {
+						className: "px-4 py-3 text-text-secondary",
+						children: e.status
+					}),
+					/* @__PURE__ */ s("td", {
+						className: "px-4 py-3 text-text-muted",
+						children: new Date(e.issuedAt).toLocaleString()
+					}),
+					/* @__PURE__ */ s("td", {
+						className: "px-4 py-3 text-text-muted",
+						children: new Date(e.expiresAt).toLocaleString()
+					}),
+					/* @__PURE__ */ c("td", {
+						className: "px-4 py-3 text-text-muted",
+						children: [
+							"↓ ",
+							e.bytesIn,
+							" / ↑ ",
+							e.bytesOut
+						]
+					}),
+					/* @__PURE__ */ s("td", {
+						className: "px-4 py-3 text-right",
+						children: (e.status === a.Issued || e.status === a.Connected) && /* @__PURE__ */ s("button", {
+							type: "button",
+							onClick: () => void h({ variables: {
+								sessionId: e.id,
+								reason: "revoked from UI"
+							} }),
+							className: "rounded-md border border-border-default px-3 py-1 text-xs text-status-error-fg hover:bg-status-error-bg",
+							children: u("vibecontrols.tunnels.sessions.revoke", "Revoke")
+						})
+					})
+				]
+			}, e.id)) })]
+		})
+	});
+}
+//#endregion
+export { l as TunnelSessionsTab };
+
+//# sourceMappingURL=TunnelSessionsTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelSessionsTab.js","names":[],"sources":["../../../../src/pages/tunnels/tabs/TunnelSessionsTab.tsx"],"sourcesContent":["import {\n  useListTunnelSessionsQuery,\n  useRevokeTunnelSessionMutation,\n} from '@/generated/wspace-operations';\nimport { TunnelSessionStatus } from '@/generated/wspace-types';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { ErrorState } from '@/components/shared/ErrorState';\nimport { EmptyState } from '@/components/shared/EmptyState';\nimport { useTr } from '../../../shared/hooks/useTr';\n\nexport function TunnelSessionsTab({ tunnelId }: { tunnelId: string }) {\n  const tr = useTr();\n  const { data, loading, error, refetch } = useListTunnelSessionsQuery({\n    variables: { tunnelId, pagination: { limit: 50 } },\n    fetchPolicy: 'cache-and-network',\n  });\n  const [revoke] = useRevokeTunnelSessionMutation({\n    onCompleted: () => void refetch(),\n  });\n\n  const sessions = data?.tunnelSessions?.items ?? [];\n\n  if (loading && !data) return <LoadingState message=\"Loading sessions\" />;\n  if (error)\n    return (\n      <ErrorState\n        title=\"Failed to load sessions\"\n        message={error.message}\n        onRetry={() => refetch()}\n      />\n    );\n  if (sessions.length === 0)\n    return (\n      <EmptyState\n        title={tr('vibecontrols.tunnels.sessions.emptySessionsTitle', 'No sessions')}\n        description={tr(\n          'vibecontrols.tunnels.sessions.emptySessionsDescription',\n          'Sessions appear here once a tunnel is started.'\n        )}\n      />\n    );\n\n  return (\n    <div className=\"rounded-lg border border-border-subtle bg-bg-surface max-w-4xl\">\n      <table className=\"w-full text-sm\">\n        <thead className=\"border-b border-border-subtle bg-bg-sunken text-text-secondary\">\n          <tr>\n            <th className=\"px-4 py-3 text-left font-medium\">Fingerprint</th>\n            <th className=\"px-4 py-3 text-left font-medium\">Status</th>\n            <th className=\"px-4 py-3 text-left font-medium\">Issued</th>\n            <th className=\"px-4 py-3 text-left font-medium\">Expires</th>\n            <th className=\"px-4 py-3 text-left font-medium\">Bytes</th>\n            <th className=\"px-4 py-3 text-right font-medium\">Actions</th>\n          </tr>\n        </thead>\n        <tbody>\n          {sessions.map((s: any) => (\n            <tr\n              key={s.id}\n              className=\"border-b border-border-subtle last:border-b-0 hover:bg-bg-sunken\"\n            >\n              <td className=\"px-4 py-3 font-mono text-xs text-text-primary\">\n                {s.tokenFingerprint}\n              </td>\n              <td className=\"px-4 py-3 text-text-secondary\">{s.status}</td>\n              <td className=\"px-4 py-3 text-text-muted\">{new Date(s.issuedAt).toLocaleString()}</td>\n              <td className=\"px-4 py-3 text-text-muted\">\n                {new Date(s.expiresAt).toLocaleString()}\n              </td>\n              <td className=\"px-4 py-3 text-text-muted\">\n                ↓ {s.bytesIn} / ↑ {s.bytesOut}\n              </td>\n              <td className=\"px-4 py-3 text-right\">\n                {(s.status === TunnelSessionStatus.Issued ||\n                  s.status === TunnelSessionStatus.Connected) && (\n                  <button\n                    type=\"button\"\n                    onClick={() =>\n                      void revoke({\n                        variables: { sessionId: s.id, reason: 'revoked from UI' },\n                      })\n                    }\n                    className=\"rounded-md border border-border-default px-3 py-1 text-xs text-status-error-fg hover:bg-status-error-bg\"\n                  >\n                    {tr('vibecontrols.tunnels.sessions.revoke', 'Revoke')}\n                  </button>\n                )}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,EAAkB,EAAE,eAAkC;CACpE,IAAM,IAAK,GAAO,EACZ,EAAE,SAAM,YAAS,UAAO,eAAY,EAA2B;EACnE,WAAW;GAAE;GAAU,YAAY,EAAE,OAAO,IAAI;GAAE;EAClD,aAAa;EACd,CAAC,EACI,CAAC,KAAU,EAA+B,EAC9C,mBAAmB,KAAK,GAAS,EAClC,CAAC,EAEI,IAAW,GAAM,gBAAgB,SAAS,EAAE;AAsBlD,QApBI,KAAW,CAAC,IAAa,kBAAC,GAAD,EAAc,SAAQ,oBAAqB,CAAA,GACpE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,SAAS,EAAM;EACf,eAAe,GAAS;EACxB,CAAA,GAEF,EAAS,WAAW,IAEpB,kBAAC,GAAD;EACE,OAAO,EAAG,oDAAoD,cAAc;EAC5E,aAAa,EACX,0DACA,iDACD;EACD,CAAA,GAIJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,SAAD;GAAO,WAAU;aAAjB,CACE,kBAAC,SAAD;IAAO,WAAU;cACf,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBAAkC;MAAgB,CAAA;KAChE,kBAAC,MAAD;MAAI,WAAU;gBAAkC;MAAW,CAAA;KAC3D,kBAAC,MAAD;MAAI,WAAU;gBAAkC;MAAW,CAAA;KAC3D,kBAAC,MAAD;MAAI,WAAU;gBAAkC;MAAY,CAAA;KAC5D,kBAAC,MAAD;MAAI,WAAU;gBAAkC;MAAU,CAAA;KAC1D,kBAAC,MAAD;MAAI,WAAU;gBAAmC;MAAY,CAAA;KAC1D,EAAA,CAAA;IACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAS,KAAK,MACb,kBAAC,MAAD;IAEE,WAAU;cAFZ;KAIE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE;MACA,CAAA;KACL,kBAAC,MAAD;MAAI,WAAU;gBAAiC,EAAE;MAAY,CAAA;KAC7D,kBAAC,MAAD;MAAI,WAAU;gBAA6B,IAAI,KAAK,EAAE,SAAS,CAAC,gBAAgB;MAAM,CAAA;KACtF,kBAAC,MAAD;MAAI,WAAU;gBACX,IAAI,KAAK,EAAE,UAAU,CAAC,gBAAgB;MACpC,CAAA;KACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OAA0C;OACrC,EAAE;OAAQ;OAAM,EAAE;OAClB;;KACL,kBAAC,MAAD;MAAI,WAAU;iBACV,EAAE,WAAW,EAAoB,UACjC,EAAE,WAAW,EAAoB,cACjC,kBAAC,UAAD;OACE,MAAK;OACL,eACE,KAAK,EAAO,EACV,WAAW;QAAE,WAAW,EAAE;QAAI,QAAQ;QAAmB,EAC1D,CAAC;OAEJ,WAAU;iBAET,EAAG,wCAAwC,SAAS;OAC9C,CAAA;MAER,CAAA;KACF;MA9BE,EAAE,GA8BJ,CACL,EACI,CAAA,CACF;;EACJ,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelSettingsTab.d.ts","sourceRoot":"","sources":["../../../../src/pages/tunnels/tabs/TunnelSettingsTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAQpE,KAAK,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;AAE3D,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CA4DA"}

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

@@ -0,0 +1,67 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useDeleteTunnelMutation as t, useRotateTunnelCredentialsMutation as n } from "../../../generated/wspace-operations.js";
+import { ConfirmDialog as r } from "../../../components/shared/ConfirmDialog.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/pages/tunnels/tabs/TunnelSettingsTab.tsx
+function s({ tunnel: s, onDeleted: c }) {
+	let l = e(), [u, d] = i(!1), [f, { loading: p }] = n(), [m, { loading: h }] = t({ onCompleted: c });
+	return /* @__PURE__ */ o("div", {
+		className: "max-w-3xl space-y-6",
+		children: [
+			/* @__PURE__ */ o("section", {
+				className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+				children: [
+					/* @__PURE__ */ a("h3", {
+						className: "text-sm font-semibold text-text-primary mb-2",
+						children: l("vibecontrols.tunnels.settings.rotateCredentials", "Rotate credentials")
+					}),
+					/* @__PURE__ */ a("p", {
+						className: "text-xs text-text-secondary mb-3",
+						children: "Rotates basic-auth passwords and revokes every active session for this tunnel. The tunnel will restart automatically if currently active."
+					}),
+					/* @__PURE__ */ a("button", {
+						type: "button",
+						disabled: p,
+						onClick: () => void f({ variables: { id: s.id } }),
+						className: "rounded-md border border-border-default px-4 py-2 text-sm text-text-primary hover:bg-bg-elevated disabled:opacity-50",
+						children: p ? l("vibecontrols.tunnels.settings.rotating", "Rotating...") : l("vibecontrols.tunnels.settings.rotateNow", "Rotate now")
+					})
+				]
+			}),
+			/* @__PURE__ */ o("section", {
+				className: "rounded-lg border border-status-error-bg bg-bg-surface p-4",
+				children: [
+					/* @__PURE__ */ a("h3", {
+						className: "text-sm font-semibold text-status-error-fg mb-2",
+						children: l("vibecontrols.tunnels.settings.deleteTunnel", "Delete tunnel")
+					}),
+					/* @__PURE__ */ a("p", {
+						className: "text-xs text-text-secondary mb-3",
+						children: "Permanently removes the tunnel, its sessions, and any managed subdomain reservations. Custom domains remain in the workspace and can be reattached."
+					}),
+					/* @__PURE__ */ a("button", {
+						type: "button",
+						onClick: () => d(!0),
+						className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-fg hover:bg-status-error-bg-hover",
+						children: l("vibecontrols.tunnels.settings.deleteTunnelBtn", "Delete tunnel")
+					})
+				]
+			}),
+			/* @__PURE__ */ a(r, {
+				isOpen: u,
+				onClose: () => d(!1),
+				onConfirm: () => void m({ variables: { id: s.id } }),
+				title: "Delete tunnel",
+				message: `Delete "${s.name}"? This cannot be undone.`,
+				confirmLabel: "Delete",
+				variant: "danger",
+				isLoading: h
+			})
+		]
+	});
+}
+//#endregion
+export { s as TunnelSettingsTab };
+
+//# sourceMappingURL=TunnelSettingsTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelSettingsTab.js","names":[],"sources":["../../../../src/pages/tunnels/tabs/TunnelSettingsTab.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { GetTunnelQuery } from '@/generated/wspace-operations';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport {\n  useRotateTunnelCredentialsMutation,\n  useDeleteTunnelMutation,\n} from '@/generated/wspace-operations';\nimport { ConfirmDialog } from '@/components/shared/ConfirmDialog';\n\ntype TunnelDetails = NonNullable<GetTunnelQuery['tunnel']>;\n\nexport function TunnelSettingsTab({\n  tunnel,\n  onDeleted,\n}: {\n  tunnel: TunnelDetails;\n  onDeleted: () => void;\n}) {\n  const tr = useTr();\n  const [confirmDelete, setConfirmDelete] = useState(false);\n\n  const [rotateCredentials, { loading: rotating }] = useRotateTunnelCredentialsMutation();\n  const [deleteTunnel, { loading: deleting }] = useDeleteTunnelMutation({\n    onCompleted: onDeleted,\n  });\n\n  return (\n    <div className=\"max-w-3xl space-y-6\">\n      <section className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n        <h3 className=\"text-sm font-semibold text-text-primary mb-2\">\n          {tr('vibecontrols.tunnels.settings.rotateCredentials', 'Rotate credentials')}\n        </h3>\n        <p className=\"text-xs text-text-secondary mb-3\">\n          Rotates basic-auth passwords and revokes every active session for this tunnel. The tunnel\n          will restart automatically if currently active.\n        </p>\n        <button\n          type=\"button\"\n          disabled={rotating}\n          onClick={() => void rotateCredentials({ variables: { id: tunnel.id } })}\n          className=\"rounded-md border border-border-default px-4 py-2 text-sm text-text-primary hover:bg-bg-elevated disabled:opacity-50\"\n        >\n          {rotating\n            ? tr('vibecontrols.tunnels.settings.rotating', 'Rotating...')\n            : tr('vibecontrols.tunnels.settings.rotateNow', 'Rotate now')}\n        </button>\n      </section>\n\n      <section className=\"rounded-lg border border-status-error-bg bg-bg-surface p-4\">\n        <h3 className=\"text-sm font-semibold text-status-error-fg mb-2\">\n          {tr('vibecontrols.tunnels.settings.deleteTunnel', 'Delete tunnel')}\n        </h3>\n        <p className=\"text-xs text-text-secondary mb-3\">\n          Permanently removes the tunnel, its sessions, and any managed subdomain reservations.\n          Custom domains remain in the workspace and can be reattached.\n        </p>\n        <button\n          type=\"button\"\n          onClick={() => setConfirmDelete(true)}\n          className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-fg hover:bg-status-error-bg-hover\"\n        >\n          {tr('vibecontrols.tunnels.settings.deleteTunnelBtn', 'Delete tunnel')}\n        </button>\n      </section>\n\n      <ConfirmDialog\n        isOpen={confirmDelete}\n        onClose={() => setConfirmDelete(false)}\n        onConfirm={() => void deleteTunnel({ variables: { id: tunnel.id } })}\n        title=\"Delete tunnel\"\n        message={`Delete \"${tunnel.name}\"? This cannot be undone.`}\n        confirmLabel=\"Delete\"\n        variant=\"danger\"\n        isLoading={deleting}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAgB,EAAkB,EAChC,WACA,gBAIC;CACD,IAAM,IAAK,GAAO,EACZ,CAAC,GAAe,KAAoB,EAAS,GAAM,EAEnD,CAAC,GAAmB,EAAE,SAAS,OAAc,GAAoC,EACjF,CAAC,GAAc,EAAE,SAAS,OAAc,EAAwB,EACpE,aAAa,GACd,CAAC;AAEF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,WAAD;IAAS,WAAU;cAAnB;KACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAG,mDAAmD,qBAAqB;MACzE,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAmC;MAG5C,CAAA;KACJ,kBAAC,UAAD;MACE,MAAK;MACL,UAAU;MACV,eAAe,KAAK,EAAkB,EAAE,WAAW,EAAE,IAAI,EAAO,IAAI,EAAE,CAAC;MACvE,WAAU;gBAET,IACG,EAAG,0CAA0C,cAAc,GAC3D,EAAG,2CAA2C,aAAa;MACxD,CAAA;KACD;;GAEV,kBAAC,WAAD;IAAS,WAAU;cAAnB;KACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAG,8CAA8C,gBAAgB;MAC/D,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAmC;MAG5C,CAAA;KACJ,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAiB,GAAK;MACrC,WAAU;gBAET,EAAG,iDAAiD,gBAAgB;MAC9D,CAAA;KACD;;GAEV,kBAAC,GAAD;IACE,QAAQ;IACR,eAAe,EAAiB,GAAM;IACtC,iBAAiB,KAAK,EAAa,EAAE,WAAW,EAAE,IAAI,EAAO,IAAI,EAAE,CAAC;IACpE,OAAM;IACN,SAAS,WAAW,EAAO,KAAK;IAChC,cAAa;IACb,SAAQ;IACR,WAAW;IACX,CAAA;GACE"}

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

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

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

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