@camera.ui/server 2.1.15 → 2.1.17

package/dist/interface/ha/{SettingsRemote-B0HZwZj3.js → SettingsRemote-CHiBADuu.js}

@@ -3,110 +3,110 @@ import { G as t, H as n, I as r, Jt as i, M as a, Wt as o, Y as s, _t as c, d as
 import { t as ee } from "./tooltip-BIrD_hC8.js";
 import { t as te } from "./message-C8U_kMBA.js";
 import { t as ne } from "./tag-CXgC9OZ6.js";
-import { Dt as re, Et as ie, F as ae, Li as w, N as T, Ot as oe, P as E, Pi as D, Tt as se, Wi as ce, Yi as O, Zi as k, Zr as le, _i as A, a as ue, gi as j, kn as de, lt as fe, mi as M, n as pe, ot as me, qi as N, r as P, ra as he, tt as ge, vr as F, yr as _e } from "./api-DDUXI4DG.js";
-import { i as ve, o as ye } from "./intercomService-jB2mTgsn.js";
-import { R as be, k as I } from "./pinia-3D39Do4a.js";
-import { n as xe } from "./vue-i18n-Dcb07o5U.js";
-import { t as Se } from "./button-BlYuI0Q7.js";
-import { t as Ce } from "./inputtext-DGIESrd0.js";
-import { t as we } from "./select-DjWkRqsI.js";
-import { t as Te } from "./multiselect-BbgV_fPx.js";
-import { t as Ee } from "./information-outline-DIdNxPCN.js";
-import { t as De } from "./CuiQRCode-DOj5PJo2.js";
-import { t as Oe } from "./server-D6Yglz-z.js";
-import { t as ke } from "./api-BgQ9AVgK.js";
+import { At as re, Ci as ie, Cr as w, F as T, I as ae, Mt as oe, P as E, Pn as se, Vi as ce, Wi as D, Zi as O, a as le, at as ue, ea as k, ia as A, ii as de, jt as fe, kt as pe, n as me, na as he, pt as ge, r as j, ua as _e, ut as ve, wi as M, wr as ye, xi as N } from "./api-DBu4gh4_.js";
+import { i as be, o as xe } from "./intercomService-jB2mTgsn.js";
+import { V as Se, k as P } from "./pinia-DINxhtY-.js";
+import { n as Ce } from "./vue-i18n-Dcb07o5U.js";
+import { t as we } from "./button-BlYuI0Q7.js";
+import { t as Te } from "./inputtext-DGIESrd0.js";
+import { t as Ee } from "./select-DjWkRqsI.js";
+import { t as De } from "./multiselect-BbgV_fPx.js";
+import { t as Oe } from "./information-outline-DIdNxPCN.js";
+import { t as ke } from "./CuiQRCode-CloepWte.js";
+import { t as Ae } from "./server-CfbE_0Z9.js";
+import { t as je } from "./api-DY0z6Sp_.js";
 //#region src/connection/endpointScope.ts
-var Ae = /^(10\.|127\.|192\.168\.|169\.254\.|172\.(1[6-9]|2\d|3[01])\.)/, je = /^f[cd][0-9a-f]{2}:/, L = [
+var Me = /^(10\.|127\.|192\.168\.|169\.254\.|172\.(1[6-9]|2\d|3[01])\.)/, Ne = /^f[cd][0-9a-f]{2}:/, F = [
 	".local",
 	".lan",
 	".home",
 	".internal",
 	".localdomain"
 ];
-function Me(e) {
+function Pe(e) {
 	try {
 		return new URL(e).hostname.toLowerCase();
 	} catch {
 		return;
 	}
 }
-function Ne(e) {
+function Fe(e) {
 	let t = e.startsWith("[") && e.endsWith("]") ? e.slice(1, -1) : e;
-	return t === "localhost" ? !0 : t.includes(":") ? t === "::1" || je.test(t) || t.startsWith("fe80:") : Ae.test(t) || !t.includes(".") ? !0 : L.some((e) => t.endsWith(e));
+	return t === "localhost" ? !0 : t.includes(":") ? t === "::1" || Ne.test(t) || t.startsWith("fe80:") : Me.test(t) || !t.includes(".") ? !0 : F.some((e) => t.endsWith(e));
 }
-function Pe(e) {
-	let t = e ? Me(e) : void 0;
-	return t ? Ne(t) : !1;
+function I(e) {
+	let t = e ? Pe(e) : void 0;
+	return t ? Fe(t) : !1;
 }
-function Fe(e, t) {
-	return e ? t === "direct" ? Pe(e.url) : e.mode === "direct-lan" : !1;
+function Ie(e, t) {
+	return e ? t === "direct" ? I(e.url) : e.mode === "direct-lan" : !1;
 }
 //#endregion
 //#region ~icons/material-symbols-light/cloud-off
-var Ie = {
+var Le = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Le(e, t) {
-	return n(), g("svg", Ie, [...t[0] ||= [v("path", {
+function Re(e, t) {
+	return n(), g("svg", Le, [...t[0] ||= [v("path", {
 		fill: "currentColor",
 		d: "M20.454 21.87L17.612 19H6.5q-1.896 0-3.198-1.302T2 14.5q0-1.829 1.226-3.098t2.87-1.368q.018-.373.208-.925q.19-.553.438-.951l-3.88-3.881l.707-.708l17.593 17.593zm.454-3.812L8.78 5.937q.875-.523 1.612-.73T12 5q2.502 0 4.251 1.749T18 11v1h.616q1.436.046 2.41 1.055T22 15.5q0 .687-.25 1.332t-.842 1.226"
 	}, null, -1)]]);
 }
-var Re = c({
+var ze = c({
 	name: "material-symbols-light-cloud-off",
-	render: Le
-}), ze = {
+	render: Re
+}), Be = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Be(e, t) {
-	return n(), g("svg", ze, [...t[0] ||= [v("path", {
+function Ve(e, t) {
+	return n(), g("svg", Be, [...t[0] ||= [v("path", {
 		fill: "currentColor",
 		d: "m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"
 	}, null, -1)]]);
 }
-var Ve = c({
+var He = c({
 	name: "material-symbols-check",
-	render: Be
-}), He = {
+	render: Ve
+}), Ue = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Ue(e, t) {
-	return n(), g("svg", He, [...t[0] ||= [v("path", {
+function We(e, t) {
+	return n(), g("svg", Ue, [...t[0] ||= [v("path", {
 		fill: "currentColor",
 		d: "M20.5 16H15v-1h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h4v1H3.5c-.83 0-1.5.67-1.5 1.5v3c0 .83.67 1.5 1.5 1.5h17c.83 0 1.5-.67 1.5-1.5v-3c0-.83-.67-1.5-1.5-1.5M5 4h14v9H5zm10 16H5v-2h10zm3 0c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1",
 		class: "b"
 	}, null, -1)]]);
 }
-var We = c({
+var Ge = c({
 	name: "boxicons-computer-filled",
-	render: Ue
-}), Ge = {
+	render: We
+}), Ke = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Ke(e, t) {
-	return n(), g("svg", Ge, [...t[0] ||= [v("path", {
+function qe(e, t) {
+	return n(), g("svg", Ke, [...t[0] ||= [v("path", {
 		fill: "currentColor",
 		d: "M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2"
 	}, null, -1)]]);
 }
-var qe = c({
+var Je = c({
 	name: "mdi-earth",
-	render: Ke
-}), Je = {
+	render: qe
+}), L = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
 function R(e, t) {
-	return n(), g("svg", Je, [...t[0] ||= [v("path", {
+	return n(), g("svg", L, [...t[0] ||= [v("path", {
 		fill: "currentColor",
 		d: "M10 2c-1.11 0-2 .89-2 2v3c0 1.11.89 2 2 2h1v2H2v2h4v2H5c-1.11 0-2 .89-2 2v3c0 1.11.89 2 2 2h4c1.11 0 2-.89 2-2v-3c0-1.11-.89-2-2-2H8v-2h8v2h-1c-1.11 0-2 .89-2 2v3c0 1.11.89 2 2 2h4c1.11 0 2-.89 2-2v-3c0-1.11-.89-2-2-2h-1v-2h4v-2h-9V9h1c1.11 0 2-.89 2-2V4c0-1.11-.89-2-2-2zm0 2h4v3h-4zM5 17h4v3H5zm10 0h4v3h-4z"
 	}, null, -1)]]);
@@ -118,54 +118,54 @@ var Ye = c({
 //#endregion
 //#region src/api/routes/remote.ts
 async function Xe({ signal: e }) {
-	return (await N.get("/remote", { signal: e })).data;
+	return (await k.get("/remote", { signal: e })).data;
 }
 async function Ze(e) {
-	return (await N.patch("/remote", e)).data;
+	return (await k.patch("/remote", e)).data;
 }
 async function Qe(e) {
-	return (await N.post("/remote/pair/init", e ? { name: e } : {})).data;
+	return (await k.post("/remote/pair/init", e ? { name: e } : {})).data;
 }
 async function $e({ name: e } = {}) {
-	return (await N.post("/remote/pair/poll", e ? { name: e } : {})).data;
+	return (await k.post("/remote/pair/poll", e ? { name: e } : {})).data;
 }
 async function et() {
-	await N.delete("/remote/unregister");
+	await k.delete("/remote/unregister");
 }
 async function tt({ signal: e }) {
-	return (await N.get("/remote/status", { signal: e })).data;
+	return (await k.get("/remote/status", { signal: e })).data;
 }
 async function nt(e) {
-	await N.patch("/remote/name", { name: e });
+	await k.patch("/remote/name", { name: e });
 }
 async function rt({ signal: e }) {
-	return (await N.get("/remote/tunnel", { signal: e })).data;
+	return (await k.get("/remote/tunnel", { signal: e })).data;
 }
 async function z({ signal: e } = {}) {
-	return (await N.get("/remote/connection-info", { signal: e })).data;
+	return (await k.get("/remote/connection-info", { signal: e })).data;
 }
 async function B(e) {
-	return (await N.post(`/remote/test/${e}`)).data;
+	return (await k.post(`/remote/test/${e}`)).data;
 }
 async function V({ signal: e } = {}) {
-	return (await N.get("/remote/cloudflare/managed/status", { signal: e })).data;
+	return (await k.get("/remote/cloudflare/managed/status", { signal: e })).data;
 }
 async function H(e) {
-	await N.post("/remote/cloudflare/managed/connect", { hostname: e });
+	await k.post("/remote/cloudflare/managed/connect", { hostname: e });
 }
 async function U() {
-	await N.post("/remote/cloudflare/managed/cancel");
+	await k.post("/remote/cloudflare/managed/cancel");
 }
 async function W() {
-	await N.post("/remote/cloudflare/managed/disconnect");
+	await k.post("/remote/cloudflare/managed/disconnect");
 }
 async function G() {
-	await N.post("/remote/cloudflare/managed/logout");
+	await k.post("/remote/cloudflare/managed/logout");
 }
 var it = class {
-	_queryClient = D();
-	t = he.global.t;
-	toast = j();
+	_queryClient = ce();
+	t = _e.global.t;
+	toast = ie();
 	queryActivator = S([
 		{
 			name: "getRemoteInfoQuery",
@@ -192,7 +192,7 @@ var it = class {
 		return this._queryClient;
 	}
 	getRemoteInfoQuery() {
-		return M({
+		return N({
 			queryKey: ["remote"],
 			queryFn: ({ signal: e }) => Xe({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getRemoteInfoQuery" && e.enabled),
@@ -200,7 +200,7 @@ var it = class {
 		});
 	}
 	patchRemoteInfoQuery() {
-		return A({
+		return M({
 			mutationFn: Ze,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -215,7 +215,7 @@ var it = class {
 		});
 	}
 	getRegistrationStatusQuery() {
-		return M({
+		return N({
 			queryKey: ["remote", "status"],
 			queryFn: ({ signal: e }) => tt({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getRegistrationStatusQuery" && e.enabled),
@@ -223,10 +223,10 @@ var it = class {
 		});
 	}
 	pairInitMutation() {
-		return A({ mutationFn: Qe });
+		return M({ mutationFn: Qe });
 	}
 	pairPollMutation() {
-		return A({
+		return M({
 			mutationFn: $e,
 			onSuccess: async (e) => {
 				e.state === "confirmed" && (await this._queryClient.refetchQueries({
@@ -244,7 +244,7 @@ var it = class {
 		});
 	}
 	unregisterServerQuery() {
-		return A({
+		return M({
 			mutationFn: et,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -262,7 +262,7 @@ var it = class {
 		});
 	}
 	getTunnelStatusQuery() {
-		return M({
+		return N({
 			queryKey: ["remote", "tunnel"],
 			queryFn: ({ signal: e }) => rt({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getTunnelStatusQuery" && e.enabled),
@@ -271,7 +271,7 @@ var it = class {
 		});
 	}
 	updateServerNameQuery() {
-		return A({
+		return M({
 			mutationFn: nt,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -286,7 +286,7 @@ var it = class {
 		});
 	}
 	getConnectionInfoQuery() {
-		return M({
+		return N({
 			queryKey: ["remote", "connection-info"],
 			queryFn: ({ signal: e }) => z({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getConnectionInfoQuery" && e.enabled),
@@ -294,10 +294,10 @@ var it = class {
 		});
 	}
 	testRemoteModeMutation() {
-		return A({ mutationFn: B });
+		return M({ mutationFn: B });
 	}
 	getCloudflareManagedStatusQuery() {
-		return M({
+		return N({
 			queryKey: [
 				"remote",
 				"cloudflare",
@@ -314,7 +314,7 @@ var it = class {
 		});
 	}
 	cloudflareManagedConnectMutation() {
-		return A({
+		return M({
 			mutationFn: H,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -329,7 +329,7 @@ var it = class {
 		});
 	}
 	cloudflareManagedCancelMutation() {
-		return A({
+		return M({
 			mutationFn: U,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -344,7 +344,7 @@ var it = class {
 		});
 	}
 	cloudflareManagedDisconnectMutation() {
-		return A({
+		return M({
 			mutationFn: W,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -362,7 +362,7 @@ var it = class {
 		});
 	}
 	cloudflareManagedLogoutMutation() {
-		return A({
+		return M({
 			mutationFn: G,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -396,7 +396,7 @@ var it = class {
 		currentAddress: {}
 	},
 	setup(e, { expose: r }) {
-		let a = e, s = new ke(), c = j(), { t: l } = xe(), { data: u } = s.apiInfoQuery(), d = k() ? O() : void 0, h = pe(), y = p(() => d?.attempts.rounds.value[0]), x = p(() => d?.target.value?.endpoint.url ?? l("components.connection_details.no_target")), S = p(() => {
+		let a = e, s = new je(), c = ie(), { t: l } = Ce(), { data: u } = s.apiInfoQuery(), d = A() ? he() : void 0, h = me(), y = p(() => d?.attempts.rounds.value[0]), x = p(() => d?.target.value?.endpoint.url ?? l("components.connection_details.no_target")), S = p(() => {
 			let e = d?.target.value?.endpoint;
 			return e ? ne(e) : l("components.connection_details.no_target");
 		}), ee = p(() => y.value?.attempts.map((e) => ({
@@ -407,21 +407,21 @@ var it = class {
 			})
 		})) ?? []);
 		function ne(e) {
-			return Fe(e, h) ? l("components.connection_details.mode_lan") : l("components.connection_details.mode_wan");
+			return Ie(e, h) ? l("components.connection_details.mode_lan") : l("components.connection_details.mode_wan");
 		}
 		function re(e) {
 			return e.outcome === "connected" && e.url === x.value;
 		}
-		function ie(e) {
+		function w(e) {
 			return re(e) ? "bg-green-500" : e.outcome === "failed" ? "bg-red-500" : "bg-neutral-400";
 		}
-		function ae(e) {
+		function T(e) {
 			return e.durationMs === void 0 ? "…" : e.durationMs >= 1e3 ? `${(e.durationMs / 1e3).toFixed(1)} s` : `${e.durationMs} ms`;
 		}
-		function w(e) {
+		function ae(e) {
 			return re(e) ? l("components.connection_details.outcome_connected") : e.outcome === "connected" ? l("components.connection_details.outcome_reachable") : e.outcome === "superseded" ? l("components.connection_details.outcome_superseded") : e.outcome === "pending" ? l("components.connection_details.outcome_pending") : e.reason?.includes("timeout") ? l("components.connection_details.outcome_timeout") : e.reason ?? l("components.connection_details.outcome_failed");
 		}
-		async function T() {
+		async function oe() {
 			let e = [
 				(/* @__PURE__ */ new Date()).toISOString(),
 				`camera.ui ${u.value?.version ?? "?"}`,
@@ -430,8 +430,8 @@ var it = class {
 				`server sees: ${a.currentType} ${a.currentAddress}`,
 				""
 			];
-			for (let t of ee.value) e.push(`${re(t) ? "+" : "-"} ${t.modeLabel} ${t.url} ${ae(t)} ${w(t)}`);
-			if (y.value?.reason && e.push("", y.value.reason), await P(e.join("\n"))) {
+			for (let t of ee.value) e.push(`${re(t) ? "+" : "-"} ${t.modeLabel} ${t.url} ${T(t)} ${ae(t)}`);
+			if (y.value?.reason && e.push("", y.value.reason), await j(e.join("\n"))) {
 				c.add({
 					severity: "success",
 					detail: l("components.connection_details.copied"),
@@ -445,7 +445,7 @@ var it = class {
 				life: 3e3
 			}), null;
 		}
-		return r({ onConfirm: T }), (r, a) => {
+		return r({ onConfirm: oe }), (r, a) => {
 			let s = te;
 			return n(), g("div", at, [
 				v("div", K, [
@@ -477,17 +477,17 @@ var it = class {
 				v("div", Y, [v("span", X, i(r.$t("components.connection_details.last_attempt")), 1), f(ee).length === 0 ? (n(), g("p", lt, i(r.$t("components.connection_details.no_attempts")), 1)) : (n(), g("div", ut, [(n(!0), g(_, null, t(f(ee), (e) => (n(), g("div", {
 					key: e.url,
 					class: "flex items-start gap-3"
-				}, [v("span", { class: o(["mt-1.5 w-2 h-2 rounded-full shrink-0", ie(e)]) }, null, 2), v("div", Z, [v("span", dt, [
+				}, [v("span", { class: o(["mt-1.5 w-2 h-2 rounded-full shrink-0", w(e)]) }, null, 2), v("div", Z, [v("span", dt, [
 					b(i(e.modeLabel) + " ", 1),
 					a[0] ||= v("span", { class: "text-muted" }, "·", -1),
-					b(" " + i(ae(e)) + " ", 1),
+					b(" " + i(T(e)) + " ", 1),
 					a[1] ||= v("span", { class: "text-muted" }, "·", -1),
-					b(" " + i(w(e)), 1)
+					b(" " + i(ae(e)), 1)
 				]), v("span", ft, i(e.url), 1)])]))), 128))]))])
 			]);
 		};
 	}
-}), mt = be, ht = I, gt = { class: "w-full h-full" }, _t = {
+}), mt = Se, ht = P, gt = { class: "w-full h-full" }, _t = {
 	key: 0,
 	class: "w-full h-full flex items-center justify-center"
 }, vt = {
@@ -559,16 +559,16 @@ var it = class {
 }, Un = {
 	for: "localUrl",
 	class: "cui-label"
-}, Wn = /*#__PURE__*/ F(/* @__PURE__ */ x({
+}, Wn = /*#__PURE__*/ w(/* @__PURE__ */ x({
 	__name: "SettingsRemote",
 	setup(t) {
-		let c = new Oe(), x = new it(), D = ye(), O = me(), k = j(), { t: A } = xe(), { endpoint: M, isOnline: pe } = w(), { data: N, isBusy: he } = c.getServerInfoQuery(), { data: F, isBusy: be } = x.getRemoteInfoQuery(), { data: I, isBusy: ke } = x.getRegistrationStatusQuery(), { data: Ae, isLoading: je } = x.getTunnelStatusQuery(), { data: L } = x.getConnectionInfoQuery(), { mutateAsync: Me, isPending: Ne } = c.patchSystemInfoQuery(), { mutateAsync: Pe, isPending: Fe } = x.patchRemoteInfoQuery(), { mutateAsync: Ie, isPending: Le } = x.pairInitMutation(), { mutateAsync: ze } = x.pairPollMutation(), { mutateAsync: Be, isPending: He } = x.unregisterServerQuery(), { mutateAsync: Ue, isPending: Ge } = x.updateServerNameQuery(), { mutateAsync: Ke, isPending: Je } = x.testRemoteModeMutation(), { data: R } = x.getCloudflareManagedStatusQuery(), { mutateAsync: Xe, isPending: Ze } = x.cloudflareManagedConnectMutation(), { mutateAsync: Qe, isPending: $e } = x.cloudflareManagedCancelMutation(), { mutateAsync: et, isPending: tt } = x.cloudflareManagedDisconnectMutation(), { mutateAsync: nt, isPending: rt } = x.cloudflareManagedLogoutMutation(), z = S(), B = S(), V = S(""), H = S(""), U = S("quick"), W = S(""), G = S(""), at = S(!1), K = S(null), q = S(""), ot = S(null), st = S(2), ct = S(""), J = null, Y = null, X = p(() => Ne.value || Fe.value || he.value || be.value || ke.value || He.value), lt = p(() => !!(B.value?.enabled || B.value?.directEnabled)), ut = p(() => F.value?.directOverride ?? {
+		let c = new Ae(), x = new it(), w = xe(), ce = ve(), k = ie(), { t: A } = Ce(), { endpoint: me, isOnline: he } = D(), { data: _e, isBusy: M } = c.getServerInfoQuery(), { data: N, isBusy: Se } = x.getRemoteInfoQuery(), { data: P, isBusy: je } = x.getRegistrationStatusQuery(), { data: Me, isLoading: Ne } = x.getTunnelStatusQuery(), { data: F } = x.getConnectionInfoQuery(), { mutateAsync: Pe, isPending: Fe } = c.patchSystemInfoQuery(), { mutateAsync: I, isPending: Ie } = x.patchRemoteInfoQuery(), { mutateAsync: Le, isPending: Re } = x.pairInitMutation(), { mutateAsync: Be } = x.pairPollMutation(), { mutateAsync: Ve, isPending: Ue } = x.unregisterServerQuery(), { mutateAsync: We, isPending: Ke } = x.updateServerNameQuery(), { mutateAsync: qe, isPending: L } = x.testRemoteModeMutation(), { data: R } = x.getCloudflareManagedStatusQuery(), { mutateAsync: Xe, isPending: Ze } = x.cloudflareManagedConnectMutation(), { mutateAsync: Qe, isPending: $e } = x.cloudflareManagedCancelMutation(), { mutateAsync: et, isPending: tt } = x.cloudflareManagedDisconnectMutation(), { mutateAsync: nt, isPending: rt } = x.cloudflareManagedLogoutMutation(), z = S(), B = S(), V = S(""), H = S(""), U = S("quick"), W = S(""), G = S(""), at = S(!1), K = S(null), q = S(""), ot = S(null), st = S(2), ct = S(""), J = null, Y = null, X = p(() => Fe.value || Ie.value || M.value || Se.value || je.value || Ue.value), lt = p(() => !!(B.value?.enabled || B.value?.directEnabled)), ut = p(() => N.value?.directOverride ?? {
 			active: !1,
 			fallback: !1
-		}), Z = p(() => I.value?.isRegistered ?? !1), dt = p(() => I.value?.needsReauth ?? !1), ft = p(() => !X.value), Wn = p(() => {
+		}), Z = p(() => P.value?.isRegistered ?? !1), dt = p(() => P.value?.needsReauth ?? !1), ft = p(() => !X.value), Wn = p(() => {
 			if (!ft.value) return !1;
 			let e = V.value.trim();
-			return !e || e.length > 100 ? !1 : e !== (I.value?.serverName ?? "");
+			return !e || e.length > 100 ? !1 : e !== (P.value?.serverName ?? "");
 		}), Gn = p(() => {
 			if (!B.value) return !1;
 			if (B.value.directMode === "customDomain") {
@@ -579,10 +579,10 @@ var it = class {
 				} catch {
 					return !1;
 				}
-				return e !== (F.value?.remoteSettings.customDomain.url ?? "");
+				return e !== (N.value?.remoteSettings.customDomain.url ?? "");
 			}
 			if (B.value.directMode === "cloudflare") {
-				let e = F.value?.remoteSettings.cloudflare, t = F.value?.remoteSettings.directMode !== "cloudflare", n = U.value;
+				let e = N.value?.remoteSettings.cloudflare, t = N.value?.remoteSettings.directMode !== "cloudflare", n = U.value;
 				if (n === "quick") return t || e?.mode !== "quick";
 				let r = W.value.trim();
 				if (!r || !/^[a-z0-9.-]+\.[a-z]{2,}$/i.test(r)) return !1;
@@ -594,7 +594,7 @@ var it = class {
 				}
 				return n === "managed" ? t || e?.mode !== "managed" || e?.hostname !== r : !1;
 			}
-			return B.value.directMode !== F.value?.remoteSettings.directMode;
+			return B.value.directMode !== N.value?.remoteSettings.directMode;
 		}), Kn = p(() => [{
 			value: "cloudflare",
 			label: A("components.form.label.cloudflare"),
@@ -621,41 +621,41 @@ var it = class {
 			}
 		]), Yn = p(() => Jn.value.find((e) => e.value === U.value)?.description ?? ""), Xn = p(() => {
 			if (U.value === "quick") return !0;
-			let e = F.value?.remoteSettings.cloudflare;
+			let e = N.value?.remoteSettings.cloudflare;
 			return e?.mode === U.value && !!e?.hostname;
 		}), Q = p(() => R.value?.state ?? "idle"), Zn = p(() => {
 			if (Q.value !== "idle") return !1;
 			let e = W.value.trim();
 			return !!e && /^[a-z0-9.-]+\.[a-z]{2,}$/i.test(e);
 		}), Qn = p(() => {
-			let e = L.value?.currentConnection.type ?? "lan";
+			let e = F.value?.currentConnection.type ?? "lan";
 			return A(`views.settings.connection_type.${e}`);
 		}), $n = p(() => {
-			let e = L.value?.currentConnection.type;
-			return e === "external" ? qe : e === "local" ? We : Ye;
+			let e = F.value?.currentConnection.type;
+			return e === "external" ? Je : e === "local" ? Ge : Ye;
 		}), er = p(() => {
-			let e = L.value?.currentConnection.type;
+			let e = F.value?.currentConnection.type;
 			return e === "external" ? "text-info" : e === "local" ? "text-primary" : "text-success";
 		});
 		function tr() {
-			O.openComponentDialog(pt, { data: {
+			ce.openComponentDialog(pt, { data: {
 				title: A("components.connection_details.title"),
 				confirmText: A("components.connection_details.copy"),
 				cancelText: A("components.form.button.close"),
 				contentProps: {
 					currentType: Qn,
-					currentAddress: p(() => L.value?.currentConnection.address ?? "")
+					currentAddress: p(() => F.value?.currentConnection.address ?? "")
 				}
 			} });
 		}
 		async function nr() {
 			let e = V.value.trim();
 			if (e) try {
-				await Ue(e);
+				await We(e);
 			} catch {}
 		}
 		function rr() {
-			O.openTextDialog({
+			ce.openTextDialog({
 				data: {
 					title: A("components.dialog.title.unregister_server"),
 					confirmText: A("components.form.button.unregister"),
@@ -664,7 +664,7 @@ var it = class {
 				},
 				onConfirm: async () => {
 					try {
-						await Be();
+						await Ve();
 					} catch {}
 				}
 			});
@@ -703,7 +703,7 @@ var it = class {
 			if (!K.value) return;
 			let e = K.value;
 			try {
-				let t = await ze({ name: V.value.trim() || void 0 });
+				let t = await Be({ name: V.value.trim() || void 0 });
 				if (!K.value || K.value !== e) return;
 				if (t.state === "confirmed") {
 					$();
@@ -728,17 +728,17 @@ var it = class {
 				t.state === "slow_down" && (st.value = Math.min(st.value + 2, 10)), sr();
 			} catch (t) {
 				if (!K.value || K.value !== e) return;
-				D.error("pair poll failed:", t), sr();
+				w.error("pair poll failed:", t), sr();
 			}
 		}
 		async function lr() {
 			$();
 			try {
 				let e = V.value.trim();
-				if (e && e !== (I.value?.serverName ?? "")) try {
-					await Ue(e);
+				if (e && e !== (P.value?.serverName ?? "")) try {
+					await We(e);
 				} catch {}
-				let t = await Ie(e || void 0);
+				let t = await Le(e || void 0);
 				K.value = t.userCode, q.value = t.verificationUriComplete, ot.value = Date.now() + t.expiresIn * 1e3, st.value = Math.max(1, t.pollInterval), or(), sr();
 			} catch (e) {
 				k.add({
@@ -753,20 +753,20 @@ var it = class {
 		}
 		async function dr() {
 			if (K.value) try {
-				await P(K.value);
+				await j(K.value);
 			} catch {}
 		}
 		async function fr() {
 			if (q.value) try {
-				await P(q.value);
+				await j(q.value);
 			} catch {}
 		}
 		function pr() {
 			q.value && window.open(q.value, "_blank", "noopener");
 		}
 		function mr(e) {
-			let t = window.location.host === ce || !1, n;
-			n = e ? "components.dialog.message.confirm_enable_cloud" : t ? "components.dialog.message.confirm_disable_cloud_remote" : "components.dialog.message.confirm_disable_cloud_local", O.openTextDialog({
+			let t = window.location.host === O || !1, n;
+			n = e ? "components.dialog.message.confirm_enable_cloud" : t ? "components.dialog.message.confirm_disable_cloud_remote" : "components.dialog.message.confirm_disable_cloud_local", ce.openTextDialog({
 				data: {
 					title: A("components.dialog.title.confirm"),
 					contentText: A(n),
@@ -776,7 +776,7 @@ var it = class {
 				},
 				onConfirm: async () => {
 					try {
-						await Pe(e ? { enabled: !0 } : { enabled: !1 });
+						await I(e ? { enabled: !0 } : { enabled: !1 });
 					} catch {
 						B.value && (B.value.enabled = !e);
 					}
@@ -787,7 +787,7 @@ var it = class {
 			});
 		}
 		function hr(e) {
-			Pe({ directEnabled: e }).catch(() => {
+			I({ directEnabled: e }).catch(() => {
 				B.value && (B.value.directEnabled = !e);
 			});
 		}
@@ -800,7 +800,7 @@ var it = class {
 		async function vr() {
 			let e = W.value.trim();
 			if (e) try {
-				await Pe({
+				await I({
 					directMode: "cloudflare",
 					cloudflare: {
 						mode: "managed",
@@ -826,7 +826,7 @@ var it = class {
 		}
 		async function Sr(e) {
 			try {
-				await P(e);
+				await j(e);
 			} catch {}
 		}
 		function Cr(e) {
@@ -834,7 +834,7 @@ var it = class {
 		}
 		async function wr(e) {
 			try {
-				let t = await Ke(e);
+				let t = await qe(e);
 				t.ok ? k.add({
 					severity: "success",
 					detail: A("components.toast.remote_test_success"),
@@ -876,26 +876,26 @@ var it = class {
 				});
 			}
 			try {
-				await Pe(t);
+				await I(t);
 			} catch {}
 		}
 		async function Er(e) {
 			try {
-				await Me(e);
+				await Pe(e);
 			} catch {}
 		}
-		return h(() => I.value?.serverName, (e) => {
+		return h(() => P.value?.serverName, (e) => {
 			e && (V.value = e);
 		}, { immediate: !0 }), h(Z, (e) => {
 			e && K.value && $();
-		}), h([pe, M], ([e]) => {
+		}), h([he, me], ([e]) => {
 			e && x.queryClient.refetchQueries({
 				queryKey: ["remote", "connection-info"],
 				exact: !0
 			});
-		}), h(N, (e) => {
+		}), h(_e, (e) => {
 			if (e) {
-				let t = ue(e);
+				let t = le(e);
 				z.value = {
 					...t,
 					serverAddresses: (t.serverAddresses || []).filter(Boolean),
@@ -905,9 +905,9 @@ var it = class {
 		}, {
 			deep: !0,
 			immediate: !0
-		}), h(F, (e) => {
+		}), h(N, (e) => {
 			if (e) {
-				let t = ue(e);
+				let t = le(e);
 				B.value = { ...t.remoteSettings }, H.value = t.remoteSettings.customDomain.url ?? "";
 				let n = t.remoteSettings.cloudflare;
 				U.value = n?.mode ?? "quick", W.value = n?.hostname ?? "", G.value = "", at.value = t.cloudflareTokenSet ?? !1;
@@ -918,12 +918,12 @@ var it = class {
 		}), r(() => {
 			ir();
 		}), (t, r) => {
-			let c = _e, p = te, h = Ee, x = Se, S = ve, w = de, D = Ce, ce = Ve, O = re, k = oe, A = ne, ue = De, j = ie, M = le, pe = Re, me = we, P = ge, he = Te, F = ee;
+			let c = ye, p = te, h = Oe, x = we, S = be, ie = se, w = Te, ce = He, D = fe, O = oe, le = ne, k = ke, A = re, me = de, he = ze, j = Ee, ve = ue, M = De, N = ee;
 			return n(), g("div", gt, [!f(z) || !f(B) ? (n(), g("div", _t, [C(c, {
 				class: "w-[30px] h-[30px] m-0",
 				"stroke-width": "5"
 			})])) : (n(), g("div", vt, [
-				f(L) ? (n(), g("div", yt, [v("span", bt, i(t.$t("views.settings.connection_status")), 1), C(S, { class: "cui-card" }, {
+				f(F) ? (n(), g("div", yt, [v("span", bt, i(t.$t("views.settings.connection_status")), 1), C(S, { class: "cui-card" }, {
 					content: m(() => [v("div", xt, [
 						(n(), l(s(f($n)), { class: o(["shrink-0 w-6 h-6", f(er)]) }, null, 8, ["class"])),
 						v("div", St, [v("span", Ct, i(f(Qn)), 1), C(p, {
@@ -932,7 +932,7 @@ var it = class {
 							size: "small",
 							class: "cui-input-switch-hint truncate"
 						}, {
-							default: m(() => [b(i(f(L).currentConnection.address), 1)]),
+							default: m(() => [b(i(f(F).currentConnection.address), 1)]),
 							_: 1
 						})]),
 						y((n(), l(x, {
@@ -946,7 +946,7 @@ var it = class {
 							icon: m(() => [C(h, { class: "w-5 h-5" })]),
 							_: 1
 						}, 8, ["aria-label"])), [[
-							F,
+							N,
 							{ value: t.$t("components.connection_details.title") },
 							void 0,
 							{ left: !0 }
@@ -962,7 +962,7 @@ var it = class {
 				}, {
 					default: m(() => [v("div", null, [v("span", wt, i(t.$t("views.settings.cloud")), 1), C(S, { class: "cui-card" }, {
 						content: m(() => [v("div", Tt, [
-							C(f(E), {
+							C(f(T), {
 								"model-value": f(B).enabled,
 								value: !0,
 								"unchecked-value": !1,
@@ -983,13 +983,13 @@ var it = class {
 										_: 1
 									}),
 									C(e, { name: "fade" }, {
-										default: m(() => [C(f(T), {
+										default: m(() => [C(f(E), {
 											name: "enabled",
 											class: "cui-input-switch-error"
 										})]),
 										_: 1
 									})
-								]), C(w, a({ "model-value": f(B).enabled }, n, {
+								]), C(ie, a({ "model-value": f(B).enabled }, n, {
 									invalid: o.length > 0,
 									loading: f(X),
 									class: "ml-auto shrink-0",
@@ -1004,8 +1004,8 @@ var it = class {
 							}, 8, ["model-value"]),
 							v("div", kt, [
 								v("label", At, i(t.$t("views.settings.server_name_label")), 1),
-								C(k, null, {
-									default: m(() => [C(D, {
+								C(O, null, {
+									default: m(() => [C(w, {
 										id: "serverName",
 										modelValue: f(V),
 										"onUpdate:modelValue": r[2] ||= (e) => d(V) ? V.value = e : null,
@@ -1018,18 +1018,18 @@ var it = class {
 										"modelValue",
 										"disabled",
 										"loading"
-									]), C(O, null, {
+									]), C(D, null, {
 										default: m(() => [y((n(), l(x, {
 											text: "",
 											severity: "secondary",
-											loading: f(Ge),
+											loading: f(Ke),
 											disabled: !f(Wn),
 											type: "button",
 											onClick: nr
 										}, {
 											icon: m(() => [C(ce)]),
 											_: 1
-										}, 8, ["loading", "disabled"])), [[F, { value: t.$t("components.form.button.save") }]])]),
+										}, 8, ["loading", "disabled"])), [[N, { value: t.$t("components.form.button.save") }]])]),
 										_: 1
 									})]),
 									_: 1
@@ -1065,14 +1065,14 @@ var it = class {
 							}, {
 								default: m(() => [b(i(t.$t("views.settings.tunnel_status_info")), 1)]),
 								_: 1
-							})]), v("div", Bt, [f(je) ? (n(), l(c, {
+							})]), v("div", Bt, [f(Ne) ? (n(), l(c, {
 								key: 0,
 								class: "w-[15px] h-[15px] m-0",
 								"stroke-width": "5"
-							})) : (n(), l(A, {
+							})) : (n(), l(le, {
 								key: 1,
-								severity: f(Ae)?.connected ? "success" : "secondary",
-								value: f(Ae)?.connected ? t.$t("views.settings.tunnel_connected") : t.$t("views.settings.tunnel_disconnected")
+								severity: f(Me)?.connected ? "success" : "secondary",
+								value: f(Me)?.connected ? t.$t("views.settings.tunnel_connected") : t.$t("views.settings.tunnel_disconnected")
 							}, null, 8, ["severity", "value"]))])])) : u("", !0),
 							C(e, {
 								name: "fade",
@@ -1086,22 +1086,22 @@ var it = class {
 								}, {
 									default: m(() => [b(i(t.$t("views.settings.pair_instructions")), 1)]),
 									_: 1
-								}), v("div", Ht, [v("div", Ut, [C(ue, {
+								}), v("div", Ht, [v("div", Ut, [C(k, {
 									value: f(q),
 									size: 180,
 									"logo-size": 36
 								}, null, 8, ["value"])]), v("div", Wt, [
 									v("div", Gt, [
 										v("label", Kt, i(t.$t("views.settings.pair_code")), 1),
-										C(k, null, {
-											default: m(() => [C(D, {
+										C(O, null, {
+											default: m(() => [C(w, {
 												"model-value": f(K),
 												readonly: "",
 												class: "font-mono text-lg text-center tracking-widest"
-											}, null, 8, ["model-value"]), C(O, null, {
-												default: m(() => [C(j, {
+											}, null, 8, ["model-value"]), C(D, null, {
+												default: m(() => [C(A, {
 													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: f(se),
+													icon: f(pe),
 													"button-props": {
 														severity: "secondary",
 														text: !0
@@ -1122,17 +1122,17 @@ var it = class {
 											_: 1
 										})
 									]),
-									v("div", qt, [v("label", Jt, i(t.$t("views.settings.pair_url")), 1), C(k, null, {
+									v("div", qt, [v("label", Jt, i(t.$t("views.settings.pair_url")), 1), C(O, null, {
 										default: m(() => [
-											C(D, {
+											C(w, {
 												"model-value": f(q),
 												readonly: "",
 												class: "font-mono text-sm"
 											}, null, 8, ["model-value"]),
-											C(O, null, {
-												default: m(() => [C(j, {
+											C(D, null, {
+												default: m(() => [C(A, {
 													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: f(se),
+													icon: f(pe),
 													"button-props": {
 														severity: "secondary",
 														text: !0
@@ -1141,16 +1141,16 @@ var it = class {
 												}, null, 8, ["action-text", "icon"])]),
 												_: 1
 											}),
-											C(O, null, {
+											C(D, null, {
 												default: m(() => [y((n(), l(x, {
 													type: "button",
 													severity: "secondary",
 													text: "",
 													onClick: pr
 												}, {
-													icon: m(() => [C(f(fe))]),
+													icon: m(() => [C(f(ge))]),
 													_: 1
-												})), [[F, { value: t.$t("components.form.button.open_in_browser") }]])]),
+												})), [[N, { value: t.$t("components.form.button.open_in_browser") }]])]),
 												_: 1
 											})
 										]),
@@ -1181,28 +1181,28 @@ var it = class {
 									disabled: !f(Z),
 									onClick: r[3] ||= (e) => t.$router.absUrl(f("https://cloud.cameraui.com"), !0)
 								}, {
-									icon: m(() => [f(Z) ? (n(), l(M, {
+									icon: m(() => [f(Z) ? (n(), l(me, {
 										key: 0,
 										width: "100%",
 										height: "100%"
-									})) : (n(), l(pe, {
+									})) : (n(), l(he, {
 										key: 1,
 										width: "100%",
 										height: "100%"
 									}))]),
 									_: 1
-								}, 8, ["disabled"])), [[F, { value: f(Z) ? t.$t("views.settings.registered") : t.$t("views.settings.not_registered") }]])]),
+								}, 8, ["disabled"])), [[N, { value: f(Z) ? t.$t("views.settings.registered") : t.$t("views.settings.not_registered") }]])]),
 								r[22] ||= v("div", { class: "ml-auto" }, null, -1),
 								!f(Z) && !f(K) ? (n(), l(x, {
 									key: 0,
-									loading: f(Le),
+									loading: f(Re),
 									class: "cui-button-medium",
 									label: t.$t("components.form.button.register_server"),
 									onClick: lr
 								}, null, 8, ["loading", "label"])) : u("", !0),
 								f(dt) && !f(K) ? (n(), l(x, {
 									key: 1,
-									loading: f(Le),
+									loading: f(Re),
 									severity: "warn",
 									class: "cui-button-medium",
 									label: t.$t("components.form.button.reconnect_server"),
@@ -1226,7 +1226,7 @@ var it = class {
 						])]),
 						_: 1
 					})]), v("div", null, [v("span", $t, i(t.$t("views.settings.direct_connection")), 1), C(S, { class: "cui-card" }, {
-						content: m(() => [v("div", en, [C(f(E), {
+						content: m(() => [v("div", en, [C(f(T), {
 							"model-value": f(B).directEnabled,
 							value: !0,
 							"unchecked-value": !1,
@@ -1247,13 +1247,13 @@ var it = class {
 									_: 1
 								}),
 								C(e, { name: "fade" }, {
-									default: m(() => [C(f(T), {
+									default: m(() => [C(f(E), {
 										name: "directEnabled",
 										class: "cui-input-switch-error"
 									})]),
 									_: 1
 								})
-							]), C(w, a({ "model-value": f(lt) }, o, {
+							]), C(ie, a({ "model-value": f(lt) }, o, {
 								invalid: s.length > 0,
 								loading: f(X),
 								disabled: f(B).enabled,
@@ -1281,10 +1281,10 @@ var it = class {
 						}, 8, ["model-value"]), f(lt) ? (n(), g(_, { key: 0 }, [
 							v("div", an, [
 								v("label", on, i(t.$t("views.settings.external_url")), 1),
-								C(D, {
+								C(w, {
 									readonly: "",
 									type: "text",
-									value: f(L)?.externalUrl ?? t.$t("components.form.label.disconnected")
+									value: f(F)?.externalUrl ?? t.$t("components.form.label.disconnected")
 								}, null, 8, ["value"]),
 								C(p, {
 									severity: "secondary",
@@ -1296,7 +1296,7 @@ var it = class {
 									_: 1
 								})
 							]),
-							C(f(E), {
+							C(f(T), {
 								"model-value": f(B).directMode,
 								name: "directMode",
 								as: "div",
@@ -1304,7 +1304,7 @@ var it = class {
 							}, {
 								default: m(({ errors: n }) => [
 									v("label", sn, i(t.$t("views.settings.connection_method")), 1),
-									C(me, {
+									C(j, {
 										"model-value": f(B).directMode,
 										options: f(Kn),
 										"option-label": "label",
@@ -1319,7 +1319,7 @@ var it = class {
 										"loading"
 									]),
 									C(e, { name: "fade" }, {
-										default: m(() => [C(f(T), {
+										default: m(() => [C(f(E), {
 											name: "directMode",
 											class: "cui-input-error"
 										})]),
@@ -1339,7 +1339,7 @@ var it = class {
 							}, 8, ["model-value"]),
 							f(B).directMode === "cloudflare" ? (n(), g("div", cn, [v("div", ln, [
 								v("label", un, i(t.$t("components.form.label.cloudflare_variant")), 1),
-								C(me, {
+								C(j, {
 									"model-value": f(U),
 									options: f(Jn),
 									"option-label": "label",
@@ -1363,14 +1363,14 @@ var it = class {
 							]), f(U) === "quick" ? (n(), g("div", dn, [C(x, {
 								type: "button",
 								severity: "secondary",
-								loading: f(Je),
+								loading: f(L),
 								class: "cui-button-small",
 								label: t.$t("components.form.button.test_connection"),
 								onClick: r[8] ||= (e) => wr("cloudflare")
 							}, null, 8, ["loading", "label"])])) : f(U) === "token" ? (n(), g(_, { key: 1 }, [
 								v("div", fn, [
 									v("label", pn, i(t.$t("components.form.label.hostname")), 1),
-									C(D, {
+									C(w, {
 										id: "cloudflareHostname",
 										modelValue: f(W),
 										"onUpdate:modelValue": r[9] ||= (e) => d(W) ? W.value = e : null,
@@ -1392,7 +1392,7 @@ var it = class {
 								]),
 								v("div", mn, [
 									v("label", hn, i(t.$t("components.form.label.tunnel_token")), 1),
-									C(P, {
+									C(ve, {
 										id: "cloudflareToken",
 										modelValue: f(G),
 										"onUpdate:modelValue": r[10] ||= (e) => d(G) ? G.value = e : null,
@@ -1420,7 +1420,7 @@ var it = class {
 								v("div", gn, [C(x, {
 									type: "button",
 									severity: "secondary",
-									loading: f(Je),
+									loading: f(L),
 									disabled: !f(Xn),
 									class: "cui-button-small",
 									label: t.$t("components.form.button.test_connection"),
@@ -1441,7 +1441,7 @@ var it = class {
 								}, [f(Q) === "idle" ? (n(), g(_, { key: 0 }, [
 									v("div", _n, [
 										v("label", vn, i(t.$t("components.form.label.hostname")), 1),
-										C(D, {
+										C(w, {
 											id: "cloudflareHostnameManaged",
 											modelValue: f(W),
 											"onUpdate:modelValue": r[12] ||= (e) => d(W) ? W.value = e : null,
@@ -1482,7 +1482,7 @@ var it = class {
 										"disabled",
 										"label"
 									])])
-								], 64)) : f(Q) === "awaiting_login" ? (n(), g(_, { key: 1 }, [f(R)?.loginUrl ? (n(), g("div", bn, [v("div", xn, [C(ue, {
+								], 64)) : f(Q) === "awaiting_login" ? (n(), g(_, { key: 1 }, [f(R)?.loginUrl ? (n(), g("div", bn, [v("div", xn, [C(k, {
 									value: f(R).loginUrl,
 									size: 160,
 									"logo-size": 32
@@ -1495,17 +1495,17 @@ var it = class {
 										default: m(() => [b(i(t.$t("components.form.hint.cloudflare_managed_awaiting_login", { hostname: f(W) })), 1)]),
 										_: 1
 									}),
-									v("div", Cn, [v("label", wn, i(t.$t("components.form.label.cloudflare_url")), 1), C(k, null, {
+									v("div", Cn, [v("label", wn, i(t.$t("components.form.label.cloudflare_url")), 1), C(O, null, {
 										default: m(() => [
-											C(D, {
+											C(w, {
 												"model-value": f(R).loginUrl,
 												readonly: "",
 												class: "font-mono text-sm"
 											}, null, 8, ["model-value"]),
-											C(O, null, {
-												default: m(() => [C(j, {
+											C(D, null, {
+												default: m(() => [C(A, {
 													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: f(se),
+													icon: f(pe),
 													"button-props": {
 														severity: "secondary",
 														text: !0
@@ -1514,16 +1514,16 @@ var it = class {
 												}, null, 8, ["action-text", "icon"])]),
 												_: 1
 											}),
-											C(O, null, {
+											C(D, null, {
 												default: m(() => [y((n(), l(x, {
 													type: "button",
 													severity: "secondary",
 													text: "",
 													onClick: r[14] ||= (e) => Cr(f(R).loginUrl)
 												}, {
-													icon: m(() => [C(f(fe))]),
+													icon: m(() => [C(f(ge))]),
 													_: 1
-												})), [[F, { value: t.$t("components.form.button.open_in_browser") }]])]),
+												})), [[N, { value: t.$t("components.form.button.open_in_browser") }]])]),
 												_: 1
 											})
 										]),
@@ -1575,7 +1575,7 @@ var it = class {
 								])) : f(Q) === "running" ? (n(), g(_, { key: 3 }, [
 									v("div", jn, [
 										v("label", Mn, i(t.$t("components.form.label.hostname")), 1),
-										C(D, {
+										C(w, {
 											readonly: "",
 											value: `https://${f(R)?.hostname ?? ""}`,
 											type: "text"
@@ -1592,7 +1592,7 @@ var it = class {
 									]),
 									f(R)?.tunnelId ? (n(), g("div", Nn, [
 										v("label", Pn, i(t.$t("components.form.label.tunnel_id")), 1),
-										C(D, {
+										C(w, {
 											readonly: "",
 											value: f(R).tunnelId,
 											type: "text"
@@ -1611,7 +1611,7 @@ var it = class {
 										C(x, {
 											type: "button",
 											severity: "secondary",
-											loading: f(Je),
+											loading: f(L),
 											class: "cui-button-small",
 											label: t.$t("components.form.button.test_connection"),
 											onClick: r[15] ||= (e) => wr("cloudflare")
@@ -1635,7 +1635,7 @@ var it = class {
 									])
 								], 64)) : u("", !0)]))]),
 								_: 1
-							})) : u("", !0)])) : f(B).directMode === "customDomain" ? (n(), g("div", In, [C(f(E), {
+							})) : u("", !0)])) : f(B).directMode === "customDomain" ? (n(), g("div", In, [C(f(T), {
 								modelValue: f(H),
 								"onUpdate:modelValue": r[16] ||= (e) => d(H) ? H.value = e : null,
 								modelModifiers: { trim: !0 },
@@ -1646,14 +1646,14 @@ var it = class {
 							}, {
 								default: m(({ field: n, errors: r }) => [
 									v("label", Ln, i(t.$t("components.form.label.url")), 1),
-									C(D, a(n, {
+									C(w, a(n, {
 										invalid: r.length > 0,
 										loading: f(X),
 										type: "text",
 										placeholder: "https://my.example.com"
 									}), null, 16, ["invalid", "loading"]),
 									C(e, { name: "fade" }, {
-										default: m(() => [C(f(T), {
+										default: m(() => [C(f(E), {
 											name: "customDomain.url",
 											class: "cui-input-error"
 										})]),
@@ -1664,7 +1664,7 @@ var it = class {
 							}, 8, ["modelValue", "loading"]), v("div", Rn, [C(x, {
 								type: "button",
 								severity: "secondary",
-								loading: f(Je),
+								loading: f(L),
 								disabled: !f(H),
 								class: "cui-button-small",
 								label: t.$t("components.form.button.test_connection"),
@@ -1699,7 +1699,7 @@ var it = class {
 					default: m(() => [v("div", null, [v("span", zn, i(t.$t("views.settings.network")), 1), C(S, { class: "cui-card" }, {
 						content: m(() => [v("div", Bn, [
 							v("span", Vn, i(t.$t("views.settings.network_info")), 1),
-							C(f(E), {
+							C(f(T), {
 								"model-value": f(z).serverAddresses,
 								name: "serverAddresses",
 								as: "div",
@@ -1707,10 +1707,10 @@ var it = class {
 							}, {
 								default: m(({ field: o, errors: s }) => [
 									v("label", Hn, i(t.$t("components.form.label.server_addresses")), 1),
-									C(k, null, {
-										default: m(() => [C(he, a(o, {
+									C(O, null, {
+										default: m(() => [C(M, a(o, {
 											"model-value": f(z).serverAddresses,
-											options: f(N)?.availableAddresses || [],
+											options: f(_e)?.availableAddresses || [],
 											invalid: s.length > 0,
 											loading: f(X),
 											"max-selected-labels": 2,
@@ -1730,7 +1730,7 @@ var it = class {
 										_: 2
 									}, 1024),
 									C(e, { name: "fade" }, {
-										default: m(() => [C(f(T), {
+										default: m(() => [C(f(E), {
 											name: "serverAddresses",
 											class: "cui-input-error"
 										})]),
@@ -1749,7 +1749,7 @@ var it = class {
 								]),
 								_: 1
 							}, 8, ["model-value"]),
-							C(f(E), {
+							C(f(T), {
 								"model-value": f(z).localUrl,
 								name: "localUrl",
 								as: "div",
@@ -1757,8 +1757,8 @@ var it = class {
 							}, {
 								default: m(({ field: o, errors: s }) => [
 									v("label", Un, i(t.$t("components.form.label.local_url")), 1),
-									C(k, null, {
-										default: m(() => [C(D, a(o, {
+									C(O, null, {
+										default: m(() => [C(w, a(o, {
 											"model-value": f(z).localUrl,
 											invalid: s.length > 0,
 											loading: f(X),
@@ -1772,7 +1772,7 @@ var it = class {
 										_: 2
 									}, 1024),
 									C(e, { name: "fade" }, {
-										default: m(() => [C(f(T), {
+										default: m(() => [C(f(E), {
 											name: "localUrl",
 											class: "cui-input-error"
 										})]),