@camera.ui/server 2.2.5-beta.2 → 2.2.5-beta.4

package/dist/interface/ha/{SettingsRemote-w86TQVUA.js → SettingsRemote-jBw3l5E0.js}

@@ -1,45 +1,45 @@
 import { c as e } from "./ripple-ZDATPc2w.js";
 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 l, f as u, gt as d, kt as f, l as p, lt as m, ot as h, p as g, r as _, u as v, ut as y, v as b, x, xt as S, y as C } from "./runtime-core.esm-bundler-_TfE0DWz.js";
-import { t as ee } from "./tooltip-Z7VN-E1u.js";
+import { t as ee } from "./tooltip-BDrlgLof.js";
 import { t as te } from "./message-D6dIy_hz.js";
 import { t as ne } from "./tag-mchuCAPR.js";
-import { $i as re, Dt as ie, Et as ae, F as w, I as T, Ji as E, L as oe, On as se, Ri as ce, Tt as le, Vi as D, Zi as O, a as ue, bi as de, br as fe, ei as pe, ht as me, n as k, r as he, sa as ge, ta as _e, ut as ve, vi as A, vt as ye, wt as be, xi as j, yr as M } from "./api-BmYisoxj.js";
-import { i as xe, o as Se } from "./intercomService-B7HkLs6z.js";
-import { C as Ce, F as N } from "./pinia-C6gt7A_Q.js";
-import { n as we } from "./vue-i18n-D5EAy78K.js";
-import { t as Te } from "./button-BouAFgf5.js";
-import { t as Ee } from "./inputtext-C_ygnPrC.js";
-import { t as De } from "./select-UR3ZRDew.js";
-import { t as Oe } from "./multiselect-Dp4XDBRR.js";
-import { t as ke } from "./information-outline-DSSRyysT.js";
-import { t as Ae } from "./CuiQRCode-CcjPngXI.js";
-import { t as je } from "./server-YOLwDVAW.js";
-import { t as Me } from "./api-oqpIZTkx.js";
+import { $i as re, Dt as ie, Et as ae, F as w, I as T, Ji as E, L as oe, Ot as se, Ri as ce, Sr as le, Vi as D, Zi as O, _t as ue, a as de, bi as k, bt as fe, dt as pe, ei as me, jn as he, kt as ge, n as A, r as j, sa as _e, ta as ve, vi as M, wr as ye, xi as N } from "./api-BP7mlzjP.js";
+import { i as be, o as xe } from "./intercomService-B7HkLs6z.js";
+import { C as Se, F as P } from "./pinia-C6gt7A_Q.js";
+import { n as Ce } from "./vue-i18n-D5EAy78K.js";
+import { t as we } from "./button-BouAFgf5.js";
+import { t as Te } from "./inputtext-C_ygnPrC.js";
+import { t as Ee } from "./select-DV7p2EDj.js";
+import { t as De } from "./multiselect-BOb4ScAZ.js";
+import { t as Oe } from "./information-outline-DSSRyysT.js";
+import { t as ke } from "./CuiQRCode-BdJzeeoE.js";
+import { t as Ae } from "./server-B4b5_Ecu.js";
+import { t as je } from "./api-B_tDa73J.js";
 //#region src/connection/endpointScope.ts
-var Ne = /^(10\.|127\.|192\.168\.|169\.254\.|172\.(1[6-9]|2\d|3[01])\.)/, Pe = /^f[cd][0-9a-f]{2}:/, P = [
+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 Fe(e) {
+function Pe(e) {
 	try {
 		return new URL(e).hostname.toLowerCase();
 	} catch {
 		return;
 	}
 }
-function Ie(e) {
+function Fe(e) {
 	let t = e.startsWith("[") && e.endsWith("]") ? e.slice(1, -1) : e;
-	return t === "localhost" ? !0 : t.includes(":") ? t === "::1" || Pe.test(t) || t.startsWith("fe80:") : Ne.test(t) || !t.includes(".") ? !0 : P.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 F(e) {
-	let t = e ? Fe(e) : void 0;
-	return t ? Ie(t) : !1;
+function Ie(e) {
+	let t = e ? Pe(e) : void 0;
+	return t ? Fe(t) : !1;
 }
 function Le(e, t) {
-	return e ? t === "direct" ? F(e.url) : e.mode === "direct-lan" : !1;
+	return e ? t === "direct" ? Ie(e.url) : e.mode === "direct-lan" : !1;
 }
 //#endregion
 //#region ~icons/material-symbols-light/cloud-off
@@ -164,8 +164,8 @@ async function U() {
 }
 var ot = class {
 	_queryClient = ce();
-	t = ge.global.t;
-	toast = de();
+	t = _e.global.t;
+	toast = k();
 	queryActivator = S([
 		{
 			name: "getRemoteInfoQuery",
@@ -192,7 +192,7 @@ var ot = class {
 		return this._queryClient;
 	}
 	getRemoteInfoQuery() {
-		return A({
+		return M({
 			queryKey: ["remote"],
 			queryFn: ({ signal: e }) => Qe({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getRemoteInfoQuery" && e.enabled),
@@ -200,7 +200,7 @@ var ot = class {
 		});
 	}
 	patchRemoteInfoQuery() {
-		return j({
+		return N({
 			mutationFn: $e,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -215,7 +215,7 @@ var ot = class {
 		});
 	}
 	getRegistrationStatusQuery() {
-		return A({
+		return M({
 			queryKey: ["remote", "status"],
 			queryFn: ({ signal: e }) => rt({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getRegistrationStatusQuery" && e.enabled),
@@ -223,10 +223,10 @@ var ot = class {
 		});
 	}
 	pairInitMutation() {
-		return j({ mutationFn: et });
+		return N({ mutationFn: et });
 	}
 	pairPollMutation() {
-		return j({
+		return N({
 			mutationFn: tt,
 			onSuccess: async (e) => {
 				e.state === "confirmed" && (await this._queryClient.refetchQueries({
@@ -244,7 +244,7 @@ var ot = class {
 		});
 	}
 	unregisterServerQuery() {
-		return j({
+		return N({
 			mutationFn: nt,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -262,7 +262,7 @@ var ot = class {
 		});
 	}
 	getTunnelStatusQuery() {
-		return A({
+		return M({
 			queryKey: ["remote", "tunnel"],
 			queryFn: ({ signal: e }) => at({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getTunnelStatusQuery" && e.enabled),
@@ -271,7 +271,7 @@ var ot = class {
 		});
 	}
 	updateServerNameQuery() {
-		return j({
+		return N({
 			mutationFn: it,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -286,7 +286,7 @@ var ot = class {
 		});
 	}
 	getConnectionInfoQuery() {
-		return A({
+		return M({
 			queryKey: ["remote", "connection-info"],
 			queryFn: ({ signal: e }) => L({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getConnectionInfoQuery" && e.enabled),
@@ -294,10 +294,10 @@ var ot = class {
 		});
 	}
 	testRemoteModeMutation() {
-		return j({ mutationFn: R });
+		return N({ mutationFn: R });
 	}
 	getCloudflareManagedStatusQuery() {
-		return A({
+		return M({
 			queryKey: [
 				"remote",
 				"cloudflare",
@@ -314,7 +314,7 @@ var ot = class {
 		});
 	}
 	cloudflareManagedConnectMutation() {
-		return j({
+		return N({
 			mutationFn: B,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -329,7 +329,7 @@ var ot = class {
 		});
 	}
 	cloudflareManagedCancelMutation() {
-		return j({
+		return N({
 			mutationFn: V,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -344,7 +344,7 @@ var ot = class {
 		});
 	}
 	cloudflareManagedDisconnectMutation() {
-		return j({
+		return N({
 			mutationFn: H,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -362,7 +362,7 @@ var ot = class {
 		});
 	}
 	cloudflareManagedLogoutMutation() {
-		return j({
+		return N({
 			mutationFn: U,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
@@ -383,20 +383,20 @@ var ot = class {
 		let n = this.queryActivator.value.find((t) => t.name === e);
 		return n && (n.enabled = t), this;
 	}
-}, W = { class: "flex flex-col gap-6" }, G = { class: "flex flex-col field-gap" }, K = { class: "section-chip" }, st = { class: "text-sm font-bold text-color" }, ct = { class: "flex flex-col field-gap" }, lt = { class: "section-chip" }, q = { class: "text-sm text-color" }, J = { class: "flex flex-col field-gap" }, Y = { class: "section-chip" }, ut = {
+}, W = { class: "flex flex-col gap-6" }, G = { class: "flex flex-col field-gap" }, K = { class: "section-chip" }, q = { class: "text-sm font-bold text-color" }, st = { class: "flex flex-col field-gap" }, ct = { class: "section-chip" }, J = { class: "text-sm text-color" }, Y = { class: "flex flex-col field-gap" }, X = { class: "section-chip" }, lt = {
 	key: 0,
 	class: "text-sm text-muted"
-}, dt = {
+}, ut = {
 	key: 1,
 	class: "flex flex-col gap-2"
-}, X = { class: "flex flex-col min-w-0" }, Z = { class: "text-sm text-color" }, ft = { class: "text-xs text-muted break-all" }, pt = /* @__PURE__ */ x({
+}, Z = { class: "flex flex-col min-w-0" }, dt = { class: "text-sm text-color" }, ft = { class: "text-xs text-muted break-all" }, pt = /* @__PURE__ */ x({
 	__name: "ConnectionDetails",
 	props: {
 		currentType: {},
 		currentAddress: {}
 	},
 	setup(e, { expose: r }) {
-		let a = e, s = new Me(), c = de(), { t: l } = we(), { data: u } = s.apiInfoQuery(), d = _e() ? re() : void 0, h = k(), 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 = k(), { t: l } = Ce(), { data: u } = s.apiInfoQuery(), d = ve() ? re() : void 0, h = A(), 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) => ({
@@ -431,7 +431,7 @@ var ot = class {
 				""
 			];
 			for (let t of ee.value) e.push(`${ie(t) ? "+" : "-"} ${t.modeLabel} ${t.url} ${w(t)} ${T(t)}`);
-			if (y.value?.reason && e.push("", y.value.reason), await he(e.join("\n"))) {
+			if (y.value?.reason && e.push("", y.value.reason), await j(e.join("\n"))) {
 				c.add({
 					severity: "success",
 					detail: l("components.connection_details.copied"),
@@ -450,7 +450,7 @@ var ot = class {
 			return n(), g("div", W, [
 				v("div", G, [
 					v("span", K, i(r.$t("components.connection_details.current")), 1),
-					v("span", st, i(f(S)), 1),
+					v("span", q, i(f(S)), 1),
 					C(s, {
 						severity: "secondary",
 						variant: "simple",
@@ -461,9 +461,9 @@ var ot = class {
 						_: 1
 					})
 				]),
-				v("div", ct, [
-					v("span", lt, i(r.$t("components.connection_details.server_view")), 1),
-					v("span", q, i(e.currentType), 1),
+				v("div", st, [
+					v("span", ct, i(r.$t("components.connection_details.server_view")), 1),
+					v("span", J, i(e.currentType), 1),
 					C(s, {
 						severity: "secondary",
 						variant: "simple",
@@ -474,10 +474,10 @@ var ot = class {
 						_: 1
 					})
 				]),
-				v("div", J, [v("span", Y, i(r.$t("components.connection_details.last_attempt")), 1), f(ee).length === 0 ? (n(), g("p", ut, i(r.$t("components.connection_details.no_attempts")), 1)) : (n(), g("div", dt, [(n(!0), g(_, null, t(f(ee), (e) => (n(), g("div", {
+				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", ae(e)]) }, null, 2), v("div", X, [v("span", Z, [
+				}, [v("span", { class: o(["mt-1.5 w-2 h-2 rounded-full shrink-0", ae(e)]) }, null, 2), v("div", Z, [v("span", dt, [
 					b(i(e.modeLabel) + " ", 1),
 					a[0] ||= v("span", { class: "text-muted" }, "·", -1),
 					b(" " + i(w(e)) + " ", 1),
@@ -487,7 +487,7 @@ var ot = class {
 			]);
 		};
 	}
-}), mt = N, ht = Ce, gt = { class: "w-full h-full" }, _t = {
+}), mt = P, ht = Se, 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 ot = class {
 }, Un = {
 	for: "localUrl",
 	class: "cui-label"
-}, Wn = /*#__PURE__*/ M(/* @__PURE__ */ x({
+}, Wn = /*#__PURE__*/ ye(/* @__PURE__ */ x({
 	__name: "SettingsRemote",
 	setup(t) {
-		let c = new je(), x = new ot(), re = Se(), ce = me(), O = de(), { t: k } = we(), { endpoint: ge, isOnline: _e } = D(), { data: A, isBusy: j } = c.getServerInfoQuery(), { data: M, isBusy: Ce } = x.getRemoteInfoQuery(), { data: N, isBusy: Me } = x.getRegistrationStatusQuery(), { data: Ne, isLoading: Pe } = x.getTunnelStatusQuery(), { data: P } = x.getConnectionInfoQuery(), { mutateAsync: Fe, isPending: Ie } = c.patchSystemInfoQuery(), { mutateAsync: F, isPending: Le } = x.patchRemoteInfoQuery(), { mutateAsync: Re, isPending: ze } = x.pairInitMutation(), { mutateAsync: Ve } = x.pairPollMutation(), { mutateAsync: He, isPending: We } = x.unregisterServerQuery(), { mutateAsync: Ge, isPending: qe } = x.updateServerNameQuery(), { mutateAsync: Je, isPending: Xe } = x.testRemoteModeMutation(), { data: I } = x.getCloudflareManagedStatusQuery(), { mutateAsync: Qe, isPending: $e } = x.cloudflareManagedConnectMutation(), { mutateAsync: et, isPending: tt } = x.cloudflareManagedCancelMutation(), { mutateAsync: nt, isPending: rt } = x.cloudflareManagedDisconnectMutation(), { mutateAsync: it, isPending: at } = x.cloudflareManagedLogoutMutation(), L = S(), R = S(), z = S(""), B = S(""), V = S("quick"), H = S(""), U = S(""), W = S(!1), G = S(null), K = S(""), st = S(null), ct = S(2), lt = S(""), q = null, J = null, Y = p(() => Ie.value || Le.value || j.value || Ce.value || Me.value || We.value), ut = p(() => !!(R.value?.enabled || R.value?.directEnabled)), dt = p(() => M.value?.directOverride ?? {
+		let c = new Ae(), x = new ot(), re = xe(), ce = ue(), O = k(), { t: A } = Ce(), { endpoint: _e, isOnline: ve } = D(), { data: M, isBusy: ye } = 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: Ie, isPending: Le } = x.patchRemoteInfoQuery(), { mutateAsync: Re, isPending: ze } = x.pairInitMutation(), { mutateAsync: Ve } = x.pairPollMutation(), { mutateAsync: He, isPending: We } = x.unregisterServerQuery(), { mutateAsync: Ge, isPending: qe } = x.updateServerNameQuery(), { mutateAsync: Je, isPending: Xe } = x.testRemoteModeMutation(), { data: I } = x.getCloudflareManagedStatusQuery(), { mutateAsync: Qe, isPending: $e } = x.cloudflareManagedConnectMutation(), { mutateAsync: et, isPending: tt } = x.cloudflareManagedCancelMutation(), { mutateAsync: nt, isPending: rt } = x.cloudflareManagedDisconnectMutation(), { mutateAsync: it, isPending: at } = x.cloudflareManagedLogoutMutation(), L = S(), R = S(), z = S(""), B = S(""), V = S("quick"), H = S(""), U = S(""), W = S(!1), G = S(null), K = S(""), q = S(null), st = S(2), ct = S(""), J = null, Y = null, X = p(() => Fe.value || Le.value || ye.value || Se.value || je.value || We.value), lt = p(() => !!(R.value?.enabled || R.value?.directEnabled)), ut = p(() => N.value?.directOverride ?? {
 			active: !1,
 			fallback: !1
-		}), X = p(() => N.value?.isRegistered ?? !1), Z = p(() => N.value?.needsReauth ?? !1), ft = p(() => !Y.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 = z.value.trim();
-			return !e || e.length > 100 ? !1 : e !== (N.value?.serverName ?? "");
+			return !e || e.length > 100 ? !1 : e !== (P.value?.serverName ?? "");
 		}), Gn = p(() => {
 			if (!R.value) return !1;
 			if (R.value.directMode === "customDomain") {
@@ -579,10 +579,10 @@ var ot = class {
 				} catch {
 					return !1;
 				}
-				return e !== (M.value?.remoteSettings.customDomain.url ?? "");
+				return e !== (N.value?.remoteSettings.customDomain.url ?? "");
 			}
 			if (R.value.directMode === "cloudflare") {
-				let e = M.value?.remoteSettings.cloudflare, t = M.value?.remoteSettings.directMode !== "cloudflare", n = V.value;
+				let e = N.value?.remoteSettings.cloudflare, t = N.value?.remoteSettings.directMode !== "cloudflare", n = V.value;
 				if (n === "quick") return t || e?.mode !== "quick";
 				let r = H.value.trim();
 				if (!r || !/^[a-z0-9.-]+\.[a-z]{2,}$/i.test(r)) return !1;
@@ -594,57 +594,57 @@ var ot = class {
 				}
 				return n === "managed" ? t || e?.mode !== "managed" || e?.hostname !== r : !1;
 			}
-			return R.value.directMode !== M.value?.remoteSettings.directMode;
+			return R.value.directMode !== N.value?.remoteSettings.directMode;
 		}), Kn = p(() => [{
 			value: "cloudflare",
-			label: k("components.form.label.cloudflare"),
-			description: k("components.form.hint.cloudflare_mode_info")
+			label: A("components.form.label.cloudflare"),
+			description: A("components.form.hint.cloudflare_mode_info")
 		}, {
 			value: "customDomain",
-			label: k("components.form.label.custom_domain"),
-			description: k("components.form.hint.custom_domain_mode_info")
+			label: A("components.form.label.custom_domain"),
+			description: A("components.form.hint.custom_domain_mode_info")
 		}]), qn = p(() => Kn.value.find((e) => e.value === R.value?.directMode)?.description ?? ""), Jn = p(() => [
 			{
 				value: "quick",
-				label: k("components.form.label.cloudflare_variant_quick"),
-				description: k("components.form.hint.cloudflare_variant_quick")
+				label: A("components.form.label.cloudflare_variant_quick"),
+				description: A("components.form.hint.cloudflare_variant_quick")
 			},
 			{
 				value: "token",
-				label: k("components.form.label.cloudflare_variant_token"),
-				description: k("components.form.hint.cloudflare_variant_token")
+				label: A("components.form.label.cloudflare_variant_token"),
+				description: A("components.form.hint.cloudflare_variant_token")
 			},
 			{
 				value: "managed",
-				label: k("components.form.label.cloudflare_variant_managed"),
-				description: k("components.form.hint.cloudflare_variant_managed")
+				label: A("components.form.label.cloudflare_variant_managed"),
+				description: A("components.form.hint.cloudflare_variant_managed")
 			}
 		]), Yn = p(() => Jn.value.find((e) => e.value === V.value)?.description ?? ""), Xn = p(() => {
 			if (V.value === "quick") return !0;
-			let e = M.value?.remoteSettings.cloudflare;
+			let e = N.value?.remoteSettings.cloudflare;
 			return e?.mode === V.value && !!e?.hostname;
 		}), Q = p(() => I.value?.state ?? "idle"), Zn = p(() => {
 			if (Q.value !== "idle") return !1;
 			let e = H.value.trim();
 			return !!e && /^[a-z0-9.-]+\.[a-z]{2,}$/i.test(e);
 		}), Qn = p(() => {
-			let e = P.value?.currentConnection.type ?? "lan";
-			return k(`views.settings.connection_type.${e}`);
+			let e = F.value?.currentConnection.type ?? "lan";
+			return A(`views.settings.connection_type.${e}`);
 		}), $n = p(() => {
-			let e = P.value?.currentConnection.type;
+			let e = F.value?.currentConnection.type;
 			return e === "external" ? Ye : e === "local" ? Ke : Ze;
 		}), er = p(() => {
-			let e = P.value?.currentConnection.type;
+			let e = F.value?.currentConnection.type;
 			return e === "external" ? "text-info" : e === "local" ? "text-primary" : "text-success";
 		});
 		function tr() {
 			ce.openComponentDialog(pt, { data: {
-				title: k("components.connection_details.title"),
-				confirmText: k("components.connection_details.copy"),
-				cancelText: k("components.form.button.close"),
+				title: A("components.connection_details.title"),
+				confirmText: A("components.connection_details.copy"),
+				cancelText: A("components.form.button.close"),
 				contentProps: {
 					currentType: Qn,
-					currentAddress: p(() => P.value?.currentConnection.address ?? "")
+					currentAddress: p(() => F.value?.currentConnection.address ?? "")
 				}
 			} });
 		}
@@ -657,10 +657,10 @@ var ot = class {
 		function rr() {
 			ce.openTextDialog({
 				data: {
-					title: k("components.dialog.title.unregister_server"),
-					confirmText: k("components.form.button.unregister"),
-					contentText: k("components.dialog.message.confirm_unregister_server"),
-					loading: Y
+					title: A("components.dialog.title.unregister_server"),
+					confirmText: A("components.form.button.unregister"),
+					contentText: A("components.dialog.message.confirm_unregister_server"),
+					loading: X
 				},
 				onConfirm: async () => {
 					try {
@@ -670,34 +670,34 @@ var ot = class {
 			});
 		}
 		function ir() {
-			q &&= (clearTimeout(q), null), J &&= (clearInterval(J), null);
+			J &&= (clearTimeout(J), null), Y &&= (clearInterval(Y), null);
 		}
 		function $() {
-			ir(), G.value = null, K.value = "", st.value = null, lt.value = "";
+			ir(), G.value = null, K.value = "", q.value = null, ct.value = "";
 		}
 		function ar(e) {
 			let t = Math.max(0, Math.floor(e / 1e3));
 			return `${Math.floor(t / 60)}:${(t % 60).toString().padStart(2, "0")}`;
 		}
 		function or() {
-			J && clearInterval(J);
+			Y && clearInterval(Y);
 			let e = () => {
-				if (!st.value) return;
-				let e = st.value - Date.now();
+				if (!q.value) return;
+				let e = q.value - Date.now();
 				if (e <= 0) {
 					$(), O.add({
 						severity: "warn",
-						detail: k("components.toast.pair_expired"),
+						detail: A("components.toast.pair_expired"),
 						life: 3e3
 					});
 					return;
 				}
-				lt.value = ar(e);
+				ct.value = ar(e);
 			};
-			e(), J = setInterval(e, 1e3);
+			e(), Y = setInterval(e, 1e3);
 		}
 		function sr() {
-			q && clearTimeout(q), q = setTimeout(cr, ct.value * 1e3);
+			J && clearTimeout(J), J = setTimeout(cr, st.value * 1e3);
 		}
 		async function cr() {
 			if (!G.value) return;
@@ -712,7 +712,7 @@ var ot = class {
 				if (t.state === "expired") {
 					$(), O.add({
 						severity: "warn",
-						detail: k("components.toast.pair_expired"),
+						detail: A("components.toast.pair_expired"),
 						life: 3e3
 					});
 					return;
@@ -720,12 +720,12 @@ var ot = class {
 				if (t.state === "denied") {
 					$(), O.add({
 						severity: "warn",
-						detail: k("components.toast.pair_denied"),
+						detail: A("components.toast.pair_denied"),
 						life: 3e3
 					});
 					return;
 				}
-				t.state === "slow_down" && (ct.value = Math.min(ct.value + 2, 10)), sr();
+				t.state === "slow_down" && (st.value = Math.min(st.value + 2, 10)), sr();
 			} catch (t) {
 				if (!G.value || G.value !== e) return;
 				re.error("pair poll failed:", t), sr();
@@ -735,11 +735,11 @@ var ot = class {
 			$();
 			try {
 				let e = z.value.trim();
-				if (e && e !== (N.value?.serverName ?? "")) try {
+				if (e && e !== (P.value?.serverName ?? "")) try {
 					await Ge(e);
 				} catch {}
 				let t = await Re(e || void 0);
-				G.value = t.userCode, K.value = t.verificationUriComplete, st.value = Date.now() + t.expiresIn * 1e3, ct.value = Math.max(1, t.pollInterval), or(), sr();
+				G.value = t.userCode, K.value = t.verificationUriComplete, q.value = Date.now() + t.expiresIn * 1e3, st.value = Math.max(1, t.pollInterval), or(), sr();
 			} catch (e) {
 				O.add({
 					severity: "error",
@@ -753,12 +753,12 @@ var ot = class {
 		}
 		async function dr() {
 			if (G.value) try {
-				await he(G.value);
+				await j(G.value);
 			} catch {}
 		}
 		async function fr() {
 			if (K.value) try {
-				await he(K.value);
+				await j(K.value);
 			} catch {}
 		}
 		function pr() {
@@ -768,15 +768,15 @@ var ot = class {
 			let t = window.location.host === E || !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: k("components.dialog.title.confirm"),
-					contentText: k(n),
-					confirmText: k(e ? "components.form.button.enable" : "components.form.button.disable"),
-					loading: Y,
+					title: A("components.dialog.title.confirm"),
+					contentText: A(n),
+					confirmText: A(e ? "components.form.button.enable" : "components.form.button.disable"),
+					loading: X,
 					confirmButtonProps: e ? void 0 : { severity: "danger" }
 				},
 				onConfirm: async () => {
 					try {
-						await F(e ? { enabled: !0 } : { enabled: !1 });
+						await Ie(e ? { enabled: !0 } : { enabled: !1 });
 					} catch {
 						R.value && (R.value.enabled = !e);
 					}
@@ -787,7 +787,7 @@ var ot = class {
 			});
 		}
 		function hr(e) {
-			F({ directEnabled: e }).catch(() => {
+			Ie({ directEnabled: e }).catch(() => {
 				R.value && (R.value.directEnabled = !e);
 			});
 		}
@@ -800,7 +800,7 @@ var ot = class {
 		async function vr() {
 			let e = H.value.trim();
 			if (e) try {
-				await F({
+				await Ie({
 					directMode: "cloudflare",
 					cloudflare: {
 						mode: "managed",
@@ -826,7 +826,7 @@ var ot = class {
 		}
 		async function Sr(e) {
 			try {
-				await he(e);
+				await j(e);
 			} catch {}
 		}
 		function Cr(e) {
@@ -837,17 +837,17 @@ var ot = class {
 				let t = await Je(e);
 				t.ok ? O.add({
 					severity: "success",
-					detail: k("components.toast.remote_test_success"),
+					detail: A("components.toast.remote_test_success"),
 					life: 3e3
 				}) : O.add({
 					severity: "error",
-					detail: k("components.toast.remote_test_failed", { message: t.message ?? "" }),
+					detail: A("components.toast.remote_test_failed", { message: t.message ?? "" }),
 					life: 5e3
 				});
 			} catch (e) {
 				O.add({
 					severity: "error",
-					detail: k("components.toast.remote_test_failed", { message: e?.message ?? "" }),
+					detail: A("components.toast.remote_test_failed", { message: e?.message ?? "" }),
 					life: 5e3
 				});
 			}
@@ -876,26 +876,26 @@ var ot = class {
 				});
 			}
 			try {
-				await F(t);
+				await Ie(t);
 			} catch {}
 		}
 		async function Er(e) {
 			try {
-				await Fe(e);
+				await Pe(e);
 			} catch {}
 		}
-		return h(() => N.value?.serverName, (e) => {
+		return h(() => P.value?.serverName, (e) => {
 			e && (z.value = e);
-		}, { immediate: !0 }), h(X, (e) => {
+		}, { immediate: !0 }), h(Z, (e) => {
 			e && G.value && $();
-		}), h([_e, ge], ([e]) => {
+		}), h([ve, _e], ([e]) => {
 			e && x.queryClient.refetchQueries({
 				queryKey: ["remote", "connection-info"],
 				exact: !0
 			});
-		}), h(A, (e) => {
+		}), h(M, (e) => {
 			if (e) {
-				let t = ue(e);
+				let t = de(e);
 				L.value = {
 					...t,
 					serverAddresses: (t.serverAddresses || []).filter(Boolean),
@@ -905,9 +905,9 @@ var ot = class {
 		}, {
 			deep: !0,
 			immediate: !0
-		}), h(M, (e) => {
+		}), h(N, (e) => {
 			if (e) {
-				let t = ue(e);
+				let t = de(e);
 				R.value = { ...t.remoteSettings }, B.value = t.remoteSettings.customDomain.url ?? "";
 				let n = t.remoteSettings.cloudflare;
 				V.value = n?.mode ?? "quick", H.value = n?.hostname ?? "", U.value = "", W.value = t.cloudflareTokenSet ?? !1;
@@ -918,12 +918,12 @@ var ot = class {
 		}), r(() => {
 			ir();
 		}), (t, r) => {
-			let c = fe, p = te, h = ke, x = Te, S = xe, re = se, E = Ee, ce = Ue, D = ae, O = ie, ue = ne, de = Ae, me = le, k = pe, he = Be, ge = De, _e = ve, j = Oe, M = ee;
+			let c = le, p = te, h = Oe, x = we, S = be, re = he, E = Te, ce = Ue, D = se, O = ge, ue = ne, de = ke, k = ie, A = me, j = Be, _e = Ee, ve = pe, ye = De, N = ee;
 			return n(), g("div", gt, [!f(L) || !f(R) ? (n(), g("div", _t, [C(c, {
 				class: "w-[30px] h-[30px] m-0",
 				"stroke-width": "5"
 			})])) : (n(), g("div", vt, [
-				f(P) ? (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 ot = class {
 							size: "small",
 							class: "cui-input-switch-hint truncate"
 						}, {
-							default: m(() => [b(i(f(P).currentConnection.address), 1)]),
+							default: m(() => [b(i(f(F).currentConnection.address), 1)]),
 							_: 1
 						})]),
 						y((n(), l(x, {
@@ -946,7 +946,7 @@ var ot = class {
 							icon: m(() => [C(h, { class: "w-5 h-5" })]),
 							_: 1
 						}, 8, ["aria-label"])), [[
-							M,
+							N,
 							{ value: t.$t("components.connection_details.title") },
 							void 0,
 							{ left: !0 }
@@ -991,7 +991,7 @@ var ot = class {
 									})
 								]), C(re, a({ "model-value": f(R).enabled }, n, {
 									invalid: o.length > 0,
-									loading: f(Y),
+									loading: f(X),
 									class: "ml-auto shrink-0",
 									onValueChange: r[0] ||= (e) => f(R).enabled = e,
 									"onUpdate:modelValue": r[1] ||= (e) => mr(e)
@@ -1011,7 +1011,7 @@ var ot = class {
 										"onUpdate:modelValue": r[2] ||= (e) => d(z) ? z.value = e : null,
 										modelModifiers: { trim: !0 },
 										disabled: !f(ft),
-										loading: f(Y),
+										loading: f(X),
 										type: "text",
 										maxlength: 100
 									}, null, 8, [
@@ -1029,7 +1029,7 @@ var ot = class {
 										}, {
 											icon: m(() => [C(ce)]),
 											_: 1
-										}, 8, ["loading", "disabled"])), [[M, { value: t.$t("components.form.button.save") }]])]),
+										}, 8, ["loading", "disabled"])), [[N, { value: t.$t("components.form.button.save") }]])]),
 										_: 1
 									})]),
 									_: 1
@@ -1052,12 +1052,12 @@ var ot = class {
 							}, {
 								default: m(() => [b(i(t.$t("views.settings.status_info")), 1)]),
 								_: 1
-							})]), v("div", Pt, [f(Y) ? (n(), l(c, {
+							})]), v("div", Pt, [f(X) ? (n(), l(c, {
 								key: 0,
 								class: "w-[15px] h-[15px] m-0",
 								"stroke-width": "5"
-							})) : f(Z) ? (n(), g("span", Ft, i(t.$t("views.settings.needs_reauth")), 1)) : (n(), g("span", It, i(f(X) ? t.$t("views.settings.registered") : t.$t("views.settings.not_registered")), 1))])]),
-							f(X) ? (n(), g("div", Lt, [v("div", Rt, [v("span", zt, i(t.$t("views.settings.tunnel_status")), 1), C(p, {
+							})) : f(dt) ? (n(), g("span", Ft, i(t.$t("views.settings.needs_reauth")), 1)) : (n(), g("span", It, i(f(Z) ? t.$t("views.settings.registered") : t.$t("views.settings.not_registered")), 1))])]),
+							f(Z) ? (n(), g("div", Lt, [v("div", Rt, [v("span", zt, i(t.$t("views.settings.tunnel_status")), 1), C(p, {
 								severity: "secondary",
 								variant: "simple",
 								size: "small",
@@ -1065,14 +1065,14 @@ var ot = class {
 							}, {
 								default: m(() => [b(i(t.$t("views.settings.tunnel_status_info")), 1)]),
 								_: 1
-							})]), v("div", Bt, [f(Pe) ? (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(ue, {
 								key: 1,
-								severity: f(Ne)?.connected ? "success" : "secondary",
-								value: f(Ne)?.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",
@@ -1099,9 +1099,9 @@ var ot = class {
 												readonly: "",
 												class: "font-mono text-lg text-center tracking-widest"
 											}, null, 8, ["model-value"]), C(D, null, {
-												default: m(() => [C(me, {
+												default: m(() => [C(k, {
 													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: f(be),
+													icon: f(ae),
 													"button-props": {
 														severity: "secondary",
 														text: !0
@@ -1130,9 +1130,9 @@ var ot = class {
 												class: "font-mono text-sm"
 											}, null, 8, ["model-value"]),
 											C(D, null, {
-												default: m(() => [C(me, {
+												default: m(() => [C(k, {
 													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: f(be),
+													icon: f(ae),
 													"button-props": {
 														severity: "secondary",
 														text: !0
@@ -1148,9 +1148,9 @@ var ot = class {
 													text: "",
 													onClick: pr
 												}, {
-													icon: m(() => [C(f(ye))]),
+													icon: m(() => [C(f(fe))]),
 													_: 1
-												})), [[M, { value: t.$t("components.form.button.open_in_browser") }]])]),
+												})), [[N, { value: t.$t("components.form.button.open_in_browser") }]])]),
 												_: 1
 											})
 										]),
@@ -1161,7 +1161,7 @@ var ot = class {
 											class: "w-[20px] h-[20px] m-0",
 											"stroke-width": "5"
 										}),
-										v("span", Xt, i(t.$t("views.settings.pair_waiting", { remaining: f(lt) })), 1),
+										v("span", Xt, i(t.$t("views.settings.pair_waiting", { remaining: f(ct) })), 1),
 										C(x, {
 											type: "button",
 											severity: "secondary",
@@ -1178,29 +1178,29 @@ var ot = class {
 									severity: "secondary",
 									rounded: "",
 									class: "cui-icon-lg text-color",
-									disabled: !f(X),
+									disabled: !f(Z),
 									onClick: r[3] ||= (e) => t.$router.absUrl(f("https://cloud.cameraui.com"), !0)
 								}, {
-									icon: m(() => [f(X) ? (n(), l(k, {
+									icon: m(() => [f(Z) ? (n(), l(A, {
 										key: 0,
 										width: "100%",
 										height: "100%"
-									})) : (n(), l(he, {
+									})) : (n(), l(j, {
 										key: 1,
 										width: "100%",
 										height: "100%"
 									}))]),
 									_: 1
-								}, 8, ["disabled"])), [[M, { value: f(X) ? 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(X) && !f(G) ? (n(), l(x, {
+								!f(Z) && !f(G) ? (n(), l(x, {
 									key: 0,
 									loading: f(ze),
 									class: "cui-button-medium",
 									label: t.$t("components.form.button.register_server"),
 									onClick: lr
 								}, null, 8, ["loading", "label"])) : u("", !0),
-								f(Z) && !f(G) ? (n(), l(x, {
+								f(dt) && !f(G) ? (n(), l(x, {
 									key: 1,
 									loading: f(ze),
 									severity: "warn",
@@ -1208,11 +1208,11 @@ var ot = class {
 									label: t.$t("components.form.button.reconnect_server"),
 									onClick: lr
 								}, null, 8, ["loading", "label"])) : u("", !0),
-								f(X) ? (n(), l(x, {
+								f(Z) ? (n(), l(x, {
 									key: 2,
-									loading: f(Y),
-									severity: f(Z) ? "secondary" : void 0,
-									text: f(Z),
+									loading: f(X),
+									severity: f(dt) ? "secondary" : void 0,
+									text: f(dt),
 									class: "cui-button-medium",
 									label: t.$t("components.form.button.unregister_server"),
 									onClick: rr
@@ -1253,9 +1253,9 @@ var ot = class {
 									})]),
 									_: 1
 								})
-							]), C(re, a({ "model-value": f(ut) }, o, {
+							]), C(re, a({ "model-value": f(lt) }, o, {
 								invalid: s.length > 0,
-								loading: f(Y),
+								loading: f(X),
 								disabled: f(R).enabled,
 								class: "ml-auto shrink-0",
 								onValueChange: r[4] ||= (e) => f(R).directEnabled = e,
@@ -1266,25 +1266,25 @@ var ot = class {
 								"loading",
 								"disabled"
 							])]), C(e, { name: "fade" }, {
-								default: m(() => [f(dt).active ? (n(), l(p, {
+								default: m(() => [f(ut).active ? (n(), l(p, {
 									key: 0,
 									variant: "simple",
 									size: "small",
 									class: "cui-input-switch-hint text-primary"
 								}, {
-									default: m(() => [b(i(f(dt).fallback ? t.$t("views.settings.direct_override_fallback") : t.$t("views.settings.direct_override_active")), 1)]),
+									default: m(() => [b(i(f(ut).fallback ? t.$t("views.settings.direct_override_fallback") : t.$t("views.settings.direct_override_active")), 1)]),
 									_: 1
 								})) : u("", !0)]),
 								_: 1
 							})]),
 							_: 1
-						}, 8, ["model-value"]), f(ut) ? (n(), g(_, { key: 0 }, [
+						}, 8, ["model-value"]), f(lt) ? (n(), g(_, { key: 0 }, [
 							v("div", an, [
 								v("label", on, i(t.$t("views.settings.external_url")), 1),
 								C(E, {
 									readonly: "",
 									type: "text",
-									value: f(P)?.externalUrl ?? t.$t("components.form.label.disconnected")
+									value: f(F)?.externalUrl ?? t.$t("components.form.label.disconnected")
 								}, null, 8, ["value"]),
 								C(p, {
 									severity: "secondary",
@@ -1304,13 +1304,13 @@ var ot = class {
 							}, {
 								default: m(({ errors: n }) => [
 									v("label", sn, i(t.$t("views.settings.connection_method")), 1),
-									C(ge, {
+									C(_e, {
 										"model-value": f(R).directMode,
 										options: f(Kn),
 										"option-label": "label",
 										"option-value": "value",
 										invalid: n.length > 0,
-										loading: f(Y),
+										loading: f(X),
 										"onUpdate:modelValue": r[6] ||= (e) => gr(e)
 									}, null, 8, [
 										"model-value",
@@ -1339,12 +1339,12 @@ var ot = class {
 							}, 8, ["model-value"]),
 							f(R).directMode === "cloudflare" ? (n(), g("div", cn, [v("div", ln, [
 								v("label", un, i(t.$t("components.form.label.cloudflare_variant")), 1),
-								C(ge, {
+								C(_e, {
 									"model-value": f(V),
 									options: f(Jn),
 									"option-label": "label",
 									"option-value": "value",
-									loading: f(Y),
+									loading: f(X),
 									"onUpdate:modelValue": r[7] ||= (e) => _r(e)
 								}, null, 8, [
 									"model-value",
@@ -1375,7 +1375,7 @@ var ot = class {
 										modelValue: f(H),
 										"onUpdate:modelValue": r[9] ||= (e) => d(H) ? H.value = e : null,
 										modelModifiers: { trim: !0 },
-										loading: f(Y),
+										loading: f(X),
 										type: "text",
 										placeholder: "nvr.example.com",
 										maxlength: 253
@@ -1392,12 +1392,12 @@ var ot = class {
 								]),
 								v("div", mn, [
 									v("label", hn, i(t.$t("components.form.label.tunnel_token")), 1),
-									C(_e, {
+									C(ve, {
 										id: "cloudflareToken",
 										modelValue: f(U),
 										"onUpdate:modelValue": r[10] ||= (e) => d(U) ? U.value = e : null,
 										modelModifiers: { trim: !0 },
-										loading: f(Y),
+										loading: f(X),
 										feedback: !1,
 										"toggle-mask": "",
 										fluid: "",
@@ -1446,7 +1446,7 @@ var ot = class {
 											modelValue: f(H),
 											"onUpdate:modelValue": r[12] ||= (e) => d(H) ? H.value = e : null,
 											modelModifiers: { trim: !0 },
-											loading: f(Y),
+											loading: f(X),
 											type: "text",
 											placeholder: "nvr.example.com",
 											maxlength: 253
@@ -1503,9 +1503,9 @@ var ot = class {
 												class: "font-mono text-sm"
 											}, null, 8, ["model-value"]),
 											C(D, null, {
-												default: m(() => [C(me, {
+												default: m(() => [C(k, {
 													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: f(be),
+													icon: f(ae),
 													"button-props": {
 														severity: "secondary",
 														text: !0
@@ -1521,9 +1521,9 @@ var ot = class {
 													text: "",
 													onClick: r[14] ||= (e) => Cr(f(I).loginUrl)
 												}, {
-													icon: m(() => [C(f(ye))]),
+													icon: m(() => [C(f(fe))]),
 													_: 1
-												})), [[M, { value: t.$t("components.form.button.open_in_browser") }]])]),
+												})), [[N, { value: t.$t("components.form.button.open_in_browser") }]])]),
 												_: 1
 											})
 										]),
@@ -1639,7 +1639,7 @@ var ot = class {
 								modelValue: f(B),
 								"onUpdate:modelValue": r[16] ||= (e) => d(B) ? B.value = e : null,
 								modelModifiers: { trim: !0 },
-								loading: f(Y),
+								loading: f(X),
 								name: "customDomain.url",
 								as: "div",
 								class: "flex flex-col field-gap"
@@ -1648,7 +1648,7 @@ var ot = class {
 									v("label", Ln, i(t.$t("components.form.label.url")), 1),
 									C(E, a(n, {
 										invalid: r.length > 0,
-										loading: f(Y),
+										loading: f(X),
 										type: "text",
 										placeholder: "https://my.example.com"
 									}), null, 16, ["invalid", "loading"]),
@@ -1676,7 +1676,7 @@ var ot = class {
 							])])])) : u("", !0),
 							C(x, {
 								type: "submit",
-								loading: f(Y),
+								loading: f(X),
 								disabled: !f(Gn),
 								class: "cui-button-medium ml-auto",
 								label: t.$t("components.form.button.save")
@@ -1708,11 +1708,11 @@ var ot = class {
 								default: m(({ field: o, errors: s }) => [
 									v("label", Hn, i(t.$t("components.form.label.server_addresses")), 1),
 									C(O, null, {
-										default: m(() => [C(j, a(o, {
+										default: m(() => [C(ye, a(o, {
 											"model-value": f(L).serverAddresses,
-											options: f(A)?.availableAddresses || [],
+											options: f(M)?.availableAddresses || [],
 											invalid: s.length > 0,
-											loading: f(Y),
+											loading: f(X),
 											"max-selected-labels": 2,
 											"show-toggle-all": !1,
 											"show-clear": "",
@@ -1761,7 +1761,7 @@ var ot = class {
 										default: m(() => [C(E, a(o, {
 											"model-value": f(L).localUrl,
 											invalid: s.length > 0,
-											loading: f(Y),
+											loading: f(X),
 											placeholder: "https://camera.home.lan",
 											onValueChange: r[20] ||= (e) => f(L).localUrl = e
 										}), null, 16, [
@@ -1793,7 +1793,7 @@ var ot = class {
 							}, 8, ["model-value"]),
 							C(x, {
 								type: "submit",
-								loading: f(Y),
+								loading: f(X),
 								class: "cui-button-medium ml-auto",
 								label: t.$t("components.form.button.save")
 							}, null, 8, ["loading", "label"])