@camstack/addon-tailscale-client 0.1.12

package/dist/_stub.js

@@ -0,0 +1,652 @@
+import { d as e, h as t, i as n, l as r, n as i, o as a, r as o, u as s } from "./__mfe_internal__addon_tailscale_client_page__loadShare__react__loadShare__.mjs-BBqTAV2L.mjs";
+import { a as c, i as l, n as u, o as d, r as f, t as p } from "./__mfe_internal__addon_tailscale_client_page__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.mjs-fz-lQtUx.mjs";
+import { n as m, r as h, t as g } from "./__mfe_internal__addon_tailscale_client_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-BK8BTUon.mjs";
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
+var _ = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), v = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), y = (e) => {
+	let t = v(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, b = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, x = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+};
+//#endregion
+//#region node_modules/lucide-react/dist/esm/Icon.js
+t();
+var S = o(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: a = "", children: o, iconNode: s, ...c }, l) => i("svg", {
+	ref: l,
+	...b,
+	width: t,
+	height: t,
+	stroke: e,
+	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+	className: _("lucide", a),
+	...!o && !x(c) && { "aria-hidden": "true" },
+	...c
+}, [...s.map(([e, t]) => i(e, t)), ...Array.isArray(o) ? o : [o]]));
+//#endregion
+//#region node_modules/lucide-react/dist/esm/createLucideIcon.js
+t();
+var C = (e, t) => {
+	let n = o(({ className: n, ...r }, a) => i(S, {
+		ref: a,
+		iconNode: t,
+		className: _(`lucide-${ee(y(e))}`, `lucide-${e}`, n),
+		...r
+	}));
+	return n.displayName = y(e), n;
+}, w = C("arrow-down", [["path", {
+	d: "M12 5v14",
+	key: "s699le"
+}], ["path", {
+	d: "m19 12-7 7-7-7",
+	key: "1idqje"
+}]]), T = C("arrow-up", [["path", {
+	d: "m5 12 7-7 7 7",
+	key: "hav0vg"
+}], ["path", {
+	d: "M12 19V5",
+	key: "x0mq9r"
+}]]), te = C("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]), ne = C("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]), E = C("copy", [["rect", {
+	width: "14",
+	height: "14",
+	x: "8",
+	y: "8",
+	rx: "2",
+	ry: "2",
+	key: "17jyea"
+}], ["path", {
+	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+	key: "zix9uf"
+}]]), re = C("external-link", [
+	["path", {
+		d: "M15 3h6v6",
+		key: "1q9fwt"
+	}],
+	["path", {
+		d: "M10 14 21 3",
+		key: "gplh6r"
+	}],
+	["path", {
+		d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
+		key: "a6xqqp"
+	}]
+]), D = C("loader-circle", [["path", {
+	d: "M21 12a9 9 0 1 1-6.219-8.56",
+	key: "13zald"
+}]]), ie = C("network", [
+	["rect", {
+		x: "16",
+		y: "16",
+		width: "6",
+		height: "6",
+		rx: "1",
+		key: "4q2zg0"
+	}],
+	["rect", {
+		x: "2",
+		y: "16",
+		width: "6",
+		height: "6",
+		rx: "1",
+		key: "8cvhb9"
+	}],
+	["rect", {
+		x: "9",
+		y: "2",
+		width: "6",
+		height: "6",
+		rx: "1",
+		key: "1egb70"
+	}],
+	["path", {
+		d: "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3",
+		key: "1jsf9p"
+	}],
+	["path", {
+		d: "M12 12V8",
+		key: "2874zd"
+	}]
+]), O = C("refresh-cw", [
+	["path", {
+		d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
+		key: "v9h5vc"
+	}],
+	["path", {
+		d: "M21 3v5h-5",
+		key: "1q7to0"
+	}],
+	["path", {
+		d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",
+		key: "3uifl3"
+	}],
+	["path", {
+		d: "M8 16H3v5",
+		key: "1cv678"
+	}]
+]), ae = C("save", [
+	["path", {
+		d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
+		key: "1c8476"
+	}],
+	["path", {
+		d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",
+		key: "1ydtos"
+	}],
+	["path", {
+		d: "M7 3v4a1 1 0 0 0 1 1h7",
+		key: "t51u73"
+	}]
+]), oe = C("shield-alert", [
+	["path", {
+		d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+		key: "oel41y"
+	}],
+	["path", {
+		d: "M12 8v4",
+		key: "1got3b"
+	}],
+	["path", {
+		d: "M12 16h.01",
+		key: "1drbdi"
+	}]
+]), se = C("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+//#region src/page/TailscaleClientOverviewPage.tsx
+t();
+var k = "tailscale-client", ce = 2e3, le = 3e4;
+function A({ trpc: t }) {
+	let [i, o] = e(null), [_, ee] = e([]), [v, y] = e(!0), [b, x] = e(!1), [S, C] = e(null), [w, T] = e(!1), [A, N] = e(null), P = s(null), [F, ge] = e("hostname"), [I, L] = e("asc"), [R, _e] = e(!1), [z, B] = e(null), [V, H] = e(""), [U, W] = e(""), [G, ve] = e(!1), [ye, K] = e(!1), q = n(async () => {
+		try {
+			let e = await t.meshNetwork.getStatus.query({ nodeId: "hub" });
+			return o(e), e;
+		} catch (e) {
+			return C(e instanceof Error ? e.message : "Failed to load Tailscale status"), null;
+		}
+	}, [t]), J = n(async () => {
+		x(!0);
+		try {
+			ee((await t.meshNetwork.listPeers.query({ nodeId: "hub" })).peers);
+		} catch (e) {
+			i?.joined && C(e instanceof Error ? e.message : "Failed to load peer list");
+		} finally {
+			x(!1);
+		}
+	}, [t, i?.joined]), Y = n(async () => {
+		try {
+			let e = me(await t.addonSettings.getGlobalSettings.query({ addonId: k }));
+			B(e), H(e.authKey), W(e.hostname);
+		} catch {
+			B({
+				authKey: "",
+				hostname: ""
+			}), H(""), W("");
+		}
+	}, [t]), X = n(async () => {
+		y(!0), C(null), await q(), await J(), await Y(), y(!1);
+	}, [
+		q,
+		J,
+		Y
+	]);
+	a(() => {
+		X();
+	}, [X]), a(() => {
+		if (!i?.joined) return;
+		let e = setInterval(() => {
+			J();
+		}, le);
+		return () => clearInterval(e);
+	}, [i?.joined, J]);
+	let be = n(async () => {
+		T(!0), C(null), N(null);
+		let e = { cancelled: !1 };
+		P.current = e;
+		try {
+			let n = (z?.hostname ?? "").trim(), r = await t.meshNetwork.startLogin.mutate({
+				nodeId: "hub",
+				...n ? { hostname: n } : {}
+			});
+			if (e.cancelled) return;
+			N(r.loginUrl), window.open(r.loginUrl, "_blank", "noopener,noreferrer");
+			let i = Date.now();
+			for (; !e.cancelled && (await pe(ce), !e.cancelled);) {
+				if ((await q())?.joined) {
+					N(null), await J();
+					break;
+				}
+				if (Date.now() - i > 6e5) {
+					C("Connect timed out — re-open the Tailscale login URL and try again.");
+					break;
+				}
+			}
+		} catch (e) {
+			C(e instanceof Error ? e.message : "Connect failed");
+		} finally {
+			T(!1), P.current = null;
+		}
+	}, [
+		t,
+		z?.hostname,
+		q,
+		J
+	]), xe = n(() => {
+		P.current && (P.current.cancelled = !0), T(!1), N(null);
+	}, []), Se = n(async () => {
+		K(!0), C(null);
+		try {
+			await t.addonSettings.updateGlobalSettings.mutate({
+				addonId: k,
+				patch: {
+					authKey: V,
+					hostname: U
+				}
+			}), await Y();
+		} catch (e) {
+			C(e instanceof Error ? e.message : "Save failed");
+		} finally {
+			K(!1);
+		}
+	}, [
+		t,
+		V,
+		U,
+		Y
+	]), Ce = z !== null && (V !== z.authKey || U !== z.hostname), Z = r(() => {
+		let e = [..._.map((e) => {
+			let t = e.addresses[0] ?? "", n = e.online ? "active" : "idle";
+			return {
+				id: e.id,
+				hostname: e.hostname,
+				os: e.os ?? "",
+				meshIp: t,
+				magicDns: "",
+				connection: n,
+				lastSeenMs: e.lastSeenMs,
+				isSelf: e.isSelf
+			};
+		})].sort((e, t) => ue(e, t, F));
+		return I === "asc" ? e : e.reverse();
+	}, [
+		_,
+		F,
+		I
+	]), Q = n((e) => {
+		ge((t) => t === e ? (L((e) => e === "asc" ? "desc" : "asc"), t) : (L("asc"), e));
+	}, []), $ = n((e) => {
+		e && navigator.clipboard?.writeText(e);
+	}, []), we = r(() => [
+		{
+			key: "hostname",
+			headerRender: () => M("Hostname", "hostname", F, I, Q),
+			render: (e) => /* @__PURE__ */ h("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ m("span", {
+					className: "text-foreground font-medium",
+					children: e.hostname || "(unknown)"
+				}), e.isSelf && /* @__PURE__ */ m(p, {
+					variant: "info",
+					children: "self"
+				})]
+			})
+		},
+		{
+			key: "os",
+			headerRender: () => M("OS", "os", F, I, Q),
+			render: (e) => /* @__PURE__ */ m("span", {
+				className: "text-xs text-foreground-subtle",
+				children: e.os || "—"
+			})
+		},
+		{
+			key: "meshIp",
+			headerRender: () => M("Mesh IPv4", "meshIp", F, I, Q),
+			render: (e) => /* @__PURE__ */ h("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ m("span", {
+					className: "text-xs font-mono",
+					children: e.meshIp || "—"
+				}), e.meshIp && /* @__PURE__ */ m(u, {
+					size: "sm",
+					variant: "ghost",
+					onClick: () => $(e.meshIp),
+					"aria-label": "Copy mesh IP",
+					children: /* @__PURE__ */ m(E, { className: "h-3 w-3" })
+				})]
+			})
+		},
+		{
+			key: "magicDns",
+			headerRender: () => M("MagicDNS", "magicDns", F, I, Q),
+			render: (e) => /* @__PURE__ */ h("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ m("span", {
+					className: "text-xs font-mono",
+					children: e.magicDns || "—"
+				}), e.magicDns && /* @__PURE__ */ m(u, {
+					size: "sm",
+					variant: "ghost",
+					onClick: () => $(e.magicDns),
+					"aria-label": "Copy MagicDNS",
+					children: /* @__PURE__ */ m(E, { className: "h-3 w-3" })
+				})]
+			})
+		},
+		{
+			key: "connection",
+			headerRender: () => M("Connection", "connection", F, I, Q),
+			render: (e) => /* @__PURE__ */ m(p, {
+				variant: de(e.connection),
+				children: e.connection
+			})
+		},
+		{
+			key: "lastSeen",
+			headerRender: () => M("Last seen", "lastSeen", F, I, Q),
+			render: (e) => /* @__PURE__ */ m("span", {
+				className: "text-xs text-foreground-subtle",
+				children: e.lastSeenMs > 0 ? fe(e.lastSeenMs) : "—"
+			})
+		}
+	], [
+		F,
+		I,
+		Q,
+		$
+	]), Te = i?.endpoints.find((e) => e.id === "magicdns")?.hostname.split(".").slice(1).join(".") ?? "";
+	return /* @__PURE__ */ h("div", {
+		className: "p-6 space-y-6",
+		children: [
+			/* @__PURE__ */ h("header", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ m("div", {
+					className: "h-10 w-10 rounded-lg bg-primary/10 text-primary flex items-center justify-center shrink-0",
+					children: /* @__PURE__ */ m(ie, { className: "h-5 w-5" })
+				}), /* @__PURE__ */ h("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ m("h1", {
+						className: "text-xl font-semibold text-foreground",
+						children: "Tailscale"
+					}), /* @__PURE__ */ m("p", {
+						className: "text-sm text-foreground-subtle mt-1",
+						children: "Join this host to a Tailscale tailnet so the rest of the mesh can reach the hub. The browser-redirect flow below opens a Tailscale login URL in a new tab."
+					})]
+				})]
+			}),
+			S && /* @__PURE__ */ m(f, {
+				className: "border-danger/40",
+				children: /* @__PURE__ */ h("div", {
+					className: "p-4 text-sm text-danger flex items-center gap-2",
+					children: [/* @__PURE__ */ m(oe, { className: "h-4 w-4 shrink-0" }), S]
+				})
+			}),
+			/* @__PURE__ */ m(f, { children: /* @__PURE__ */ h("div", {
+				className: "p-4 space-y-3",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ h("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ m("h2", {
+								className: "text-sm font-semibold text-foreground",
+								children: "Connection"
+							}), /* @__PURE__ */ m("p", {
+								className: "text-xs text-foreground-subtle mt-1",
+								children: i?.joined ? "Host is joined to the tailnet." : "Click Connect to start the Tailscale login flow in a new browser tab."
+							})]
+						}), /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ m(u, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => void X(),
+								disabled: v,
+								children: v ? /* @__PURE__ */ m(D, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ m(O, { className: "h-3.5 w-3.5 mr-1" }), "Refresh"] })
+							}), i?.joined ? /* @__PURE__ */ m(u, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => void he(t, C, X),
+								children: "Leave"
+							}) : w ? /* @__PURE__ */ h(u, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => xe(),
+								children: [/* @__PURE__ */ m(se, { className: "h-3.5 w-3.5 mr-1" }), " Cancel"]
+							}) : /* @__PURE__ */ m(u, {
+								size: "sm",
+								variant: "primary",
+								onClick: () => void be(),
+								children: "Connect to Tailscale"
+							})]
+						})]
+					}),
+					w && /* @__PURE__ */ h("div", {
+						className: "rounded-md border border-border bg-surface-subtle p-3 text-xs space-y-2",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2 text-foreground",
+							children: [/* @__PURE__ */ m(D, { className: "h-3.5 w-3.5 animate-spin" }), "Waiting for browser authentication…"]
+						}), A && /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ h("a", {
+								href: A,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "inline-flex items-center gap-1 text-primary hover:underline",
+								children: [/* @__PURE__ */ m(re, { className: "h-3 w-3" }), "Open login URL"]
+							}), /* @__PURE__ */ m(u, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => $(A),
+								"aria-label": "Copy login URL",
+								children: /* @__PURE__ */ m(E, { className: "h-3 w-3" })
+							})]
+						})]
+					}),
+					i?.joined && /* @__PURE__ */ h("div", {
+						className: "grid grid-cols-1 lg:grid-cols-2 gap-x-6 gap-y-2 text-sm pt-2 border-t border-border",
+						children: [
+							/* @__PURE__ */ m(j, {
+								label: "Mesh IPv4",
+								value: i.meshIp,
+								mono: !0
+							}),
+							/* @__PURE__ */ m(j, {
+								label: "MagicDNS",
+								value: i.magicDnsHostname,
+								mono: !0
+							}),
+							/* @__PURE__ */ m(j, {
+								label: "Tailnet",
+								value: Te || "—"
+							}),
+							/* @__PURE__ */ m(j, {
+								label: "Peers",
+								value: String(i.peerCount)
+							})
+						]
+					})
+				]
+			}) }),
+			/* @__PURE__ */ m(f, { children: /* @__PURE__ */ h("div", {
+				className: "p-4 space-y-3",
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ h("h2", {
+						className: "text-sm font-semibold text-foreground",
+						children: [
+							"Peers (",
+							_.length,
+							")"
+						]
+					}), /* @__PURE__ */ m(u, {
+						size: "sm",
+						variant: "ghost",
+						onClick: () => void J(),
+						disabled: b,
+						children: b ? /* @__PURE__ */ m(D, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ m(O, { className: "h-3.5 w-3.5 mr-1" }), "Refresh"] })
+					})]
+				}), Z.length === 0 ? /* @__PURE__ */ m(c, {
+					icon: ie,
+					title: "No peers",
+					description: i?.joined ? "Your tailnet is empty — invite another device from the Tailscale admin console." : "Join the tailnet to see peers."
+				}) : /* @__PURE__ */ m(l, {
+					columns: we,
+					rows: Z,
+					rowKey: (e) => e.id,
+					minWidthPx: 720
+				})]
+			}) }),
+			/* @__PURE__ */ m(f, { children: /* @__PURE__ */ h("div", {
+				className: "p-4 space-y-3",
+				children: [/* @__PURE__ */ h("button", {
+					type: "button",
+					onClick: () => _e((e) => !e),
+					className: "flex items-center gap-2 text-sm font-semibold text-foreground hover:text-primary",
+					children: [m(R ? ne : te, { className: "h-4 w-4" }), "Advanced — Headless / Auth Key"]
+				}), R && /* @__PURE__ */ h("div", {
+					className: "grid grid-cols-1 lg:grid-cols-2 gap-x-6 gap-y-3 pt-2 border-t border-border",
+					children: [
+						/* @__PURE__ */ h("div", {
+							className: "flex items-center justify-between gap-3 text-sm",
+							children: [/* @__PURE__ */ m("span", {
+								className: "text-foreground-subtle",
+								children: "Pre-auth key"
+							}), /* @__PURE__ */ h("div", {
+								className: "flex items-center gap-2 w-72",
+								children: [/* @__PURE__ */ m(d, {
+									type: G ? "text" : "password",
+									value: V,
+									onChange: (e) => H(e.target.value),
+									placeholder: "tskey-auth-…",
+									className: "h-8 text-xs font-mono flex-1"
+								}), /* @__PURE__ */ m(u, {
+									size: "sm",
+									variant: "ghost",
+									onClick: () => ve((e) => !e),
+									"aria-label": G ? "Hide key" : "Show key",
+									children: G ? "Hide" : "Show"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "flex items-center justify-between gap-3 text-sm",
+							children: [/* @__PURE__ */ m("span", {
+								className: "text-foreground-subtle",
+								children: "Hostname override"
+							}), /* @__PURE__ */ m(d, {
+								value: U,
+								onChange: (e) => W(e.target.value),
+								placeholder: "camstack-hub",
+								className: "w-72 h-8 text-xs font-mono"
+							})]
+						}),
+						Ce && /* @__PURE__ */ m("div", {
+							className: "lg:col-span-2 flex justify-end pt-2 border-t border-border",
+							children: /* @__PURE__ */ h(u, {
+								size: "sm",
+								variant: "primary",
+								onClick: () => void Se(),
+								disabled: ye,
+								children: [/* @__PURE__ */ m(ae, { className: "h-3.5 w-3.5 mr-1" }), "Save"]
+							})
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "lg:col-span-2 text-xs text-foreground-subtle",
+							children: "When set, the addon auto-rejoins on boot if the daemon dropped offline (backoff 5/15/30/60/60 min). For first-time setup prefer the browser-redirect Connect button above."
+						})
+					]
+				})]
+			}) })
+		]
+	});
+}
+function j({ label: e, value: t, mono: n }) {
+	return /* @__PURE__ */ h("div", {
+		className: "flex items-center justify-between gap-3",
+		children: [/* @__PURE__ */ m("span", {
+			className: "text-foreground-subtle",
+			children: e
+		}), /* @__PURE__ */ m("span", {
+			className: n ? "text-xs font-mono" : "text-xs",
+			children: t || "—"
+		})]
+	});
+}
+function M(e, t, n, r, i) {
+	return /* @__PURE__ */ h("button", {
+		type: "button",
+		onClick: () => i(t),
+		className: "inline-flex items-center gap-1 text-xs font-semibold uppercase tracking-wide text-foreground-subtle hover:text-foreground",
+		children: [e, n === t && m(r === "asc" ? T : w, { className: "h-3 w-3" })]
+	});
+}
+function ue(e, t, n) {
+	if (e.isSelf !== t.isSelf) return e.isSelf ? -1 : 1;
+	switch (n) {
+		case "hostname": return e.hostname.localeCompare(t.hostname);
+		case "os": return e.os.localeCompare(t.os);
+		case "meshIp": return e.meshIp.localeCompare(t.meshIp);
+		case "magicDns": return e.magicDns.localeCompare(t.magicDns);
+		case "connection": return e.connection.localeCompare(t.connection);
+		case "lastSeen": return e.lastSeenMs - t.lastSeenMs;
+	}
+}
+function de(e) {
+	return e === "active" ? "success" : e === "relay" ? "warning" : "info";
+}
+function fe(e) {
+	let t = Date.now() - e;
+	return t < 6e4 ? "just now" : t < 36e5 ? `${Math.round(t / 6e4)}m ago` : t < 864e5 ? `${Math.round(t / 36e5)}h ago` : `${Math.round(t / 864e5)}d ago`;
+}
+function pe(e) {
+	return new Promise((t) => setTimeout(t, e));
+}
+function me(e) {
+	let t = {
+		authKey: "",
+		hostname: ""
+	};
+	if (!e || typeof e != "object") return t;
+	let n = e, r = /* @__PURE__ */ new Map();
+	for (let e of n.sections ?? []) for (let t of e.fields ?? []) typeof t.key == "string" && r.set(t.key, t.value);
+	let i = r.get("authKey"), a = r.get("hostname");
+	return {
+		authKey: typeof i == "string" ? i : "",
+		hostname: typeof a == "string" ? a : ""
+	};
+}
+async function he(e, t, n) {
+	try {
+		await e.meshNetwork.leave.mutate({ nodeId: "hub" });
+	} catch (e) {
+		t(e instanceof Error ? e.message : "Leave failed");
+		return;
+	}
+	await n();
+}
+//#endregion
+//#region src/page/page.tsx
+var N = A;
+//#endregion
+export { N as default };