@camera.ui/server 2.2.6 → 2.2.8

package/dist/interface/ha/{SettingsRemote-BOotvcOT.js → SettingsRemote-Cba4P1-O.js}

@@ -3,18 +3,18 @@ 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-BDrlgLof.js";
 import { t as te } from "./message-D6dIy_hz.js";
 import { t as ne } from "./tag-mchuCAPR.js";
-import { $i as w, An as re, Bi as T, Ci as E, Dt as ie, Er as D, Et as ae, F as O, I as oe, Ot as se, P as k, Si as A, Tt as ce, Ui as le, Xi as ue, a as de, bi as j, gt as fe, la as pe, n as me, ni as he, r as M, ra as ge, ta as N, ut as _e, wr as ve, yt as ye } from "./api-D2VzV4is.js";
+import { An as re, Dt as ie, Er as ae, Et as oe, F as w, Gi as se, Hi as T, I as ce, Or as le, Ot as ue, P as E, Qi as D, Si as O, Ti as k, Tt as de, a as fe, aa as A, da as pe, ft as me, gt as he, ii as ge, n as j, r as M, ra as _e, ta as N, wi as ve, yt as ye } from "./api-DUqpDJ2N.js";
 import { i as be, o as xe } from "./intercomService-B7HkLs6z.js";
-import { C as Se, F as P } from "./pinia-BokSpDzj.js";
+import { C as Se, F as P } from "./pinia-DIKO5lnE.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-oe8PLnLj.js";
-import { t as Ae } from "./server-hCCjQjZE.js";
-import { t as je } from "./api-CDawdL4p.js";
+import { t as ke } from "./CuiQRCode-BNuj-nJ4.js";
+import { t as Ae } from "./server-dArenpJI.js";
+import { t as je } from "./api-gId1nlMj.js";
 //#region src/connection/endpointScope.ts
 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",
@@ -100,72 +100,72 @@ function qe(e, t) {
 var Je = c({
 	name: "mdi-earth",
 	render: qe
-}), Ye = {
+}), L = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function L(e, t) {
-	return n(), g("svg", Ye, [...t[0] ||= [v("path", {
+function R(e, t) {
+	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)]]);
 }
-var Xe = c({
+var Ye = c({
 	name: "mdi-lan",
-	render: L
+	render: R
 });
 //#endregion
 //#region src/api/routes/remote.ts
-async function Ze({ signal: e }) {
-	return (await w.get("/remote", { signal: e })).data;
+async function Xe({ signal: e }) {
+	return (await N.get("/remote", { signal: e })).data;
 }
-async function Qe(e) {
-	return (await w.patch("/remote", e)).data;
-}
-async function $e(e) {
-	return (await w.post("/remote/pair/init", e ? { name: e } : {})).data;
+async function Ze(e) {
+	return (await N.patch("/remote", e)).data;
 }
-async function et({ name: e } = {}) {
-	return (await w.post("/remote/pair/poll", e ? { name: e } : {})).data;
+async function Qe(e) {
+	return (await N.post("/remote/pair/init", e ? { name: e } : {})).data;
 }
-async function tt() {
-	await w.delete("/remote/unregister");
+async function $e({ name: e } = {}) {
+	return (await N.post("/remote/pair/poll", e ? { name: e } : {})).data;
 }
-async function nt({ signal: e }) {
-	return (await w.get("/remote/status", { signal: e })).data;
+async function et() {
+	await N.delete("/remote/unregister");
 }
-async function rt(e) {
-	await w.patch("/remote/name", { name: e });
+async function tt({ signal: e }) {
+	return (await N.get("/remote/status", { signal: e })).data;
 }
-async function it({ signal: e }) {
-	return (await w.get("/remote/tunnel", { signal: e })).data;
+async function nt(e) {
+	await N.patch("/remote/name", { name: e });
 }
-async function R({ signal: e } = {}) {
-	return (await w.get("/remote/connection-info", { signal: e })).data;
+async function rt({ signal: e }) {
+	return (await N.get("/remote/tunnel", { signal: e })).data;
 }
-async function z(e) {
-	return (await w.post(`/remote/test/${e}`)).data;
+async function z({ signal: e } = {}) {
+	return (await N.get("/remote/connection-info", { signal: e })).data;
 }
-async function B({ signal: e } = {}) {
-	return (await w.get("/remote/cloudflare/managed/status", { signal: e })).data;
+async function B(e) {
+	return (await N.post(`/remote/test/${e}`)).data;
 }
-async function V(e) {
-	await w.post("/remote/cloudflare/managed/connect", { hostname: e });
+async function V({ signal: e } = {}) {
+	return (await N.get("/remote/cloudflare/managed/status", { signal: e })).data;
 }
-async function H() {
-	await w.post("/remote/cloudflare/managed/cancel");
+async function H(e) {
+	await N.post("/remote/cloudflare/managed/connect", { hostname: e });
 }
 async function U() {
-	await w.post("/remote/cloudflare/managed/disconnect");
+	await N.post("/remote/cloudflare/managed/cancel");
 }
 async function W() {
-	await w.post("/remote/cloudflare/managed/logout");
+	await N.post("/remote/cloudflare/managed/disconnect");
+}
+async function G() {
+	await N.post("/remote/cloudflare/managed/logout");
 }
-var at = class {
+var it = class {
 	_queryClient = T();
 	t = pe.global.t;
-	toast = A();
+	toast = ve();
 	queryActivator = S([
 		{
 			name: "getRemoteInfoQuery",
@@ -192,16 +192,16 @@ var at = class {
 		return this._queryClient;
 	}
 	getRemoteInfoQuery() {
-		return j({
+		return O({
 			queryKey: ["remote"],
-			queryFn: ({ signal: e }) => Ze({ signal: e }),
+			queryFn: ({ signal: e }) => Xe({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getRemoteInfoQuery" && e.enabled),
 			staleTime: 1e3
 		});
 	}
 	patchRemoteInfoQuery() {
-		return E({
-			mutationFn: Qe,
+		return k({
+			mutationFn: Ze,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
 					queryKey: ["remote"],
@@ -215,19 +215,19 @@ var at = class {
 		});
 	}
 	getRegistrationStatusQuery() {
-		return j({
+		return O({
 			queryKey: ["remote", "status"],
-			queryFn: ({ signal: e }) => nt({ signal: e }),
+			queryFn: ({ signal: e }) => tt({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getRegistrationStatusQuery" && e.enabled),
 			staleTime: 1e3
 		});
 	}
 	pairInitMutation() {
-		return E({ mutationFn: $e });
+		return k({ mutationFn: Qe });
 	}
 	pairPollMutation() {
-		return E({
-			mutationFn: et,
+		return k({
+			mutationFn: $e,
 			onSuccess: async (e) => {
 				e.state === "confirmed" && (await this._queryClient.refetchQueries({
 					queryKey: ["remote"],
@@ -244,8 +244,8 @@ var at = class {
 		});
 	}
 	unregisterServerQuery() {
-		return E({
-			mutationFn: tt,
+		return k({
+			mutationFn: et,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
 					queryKey: ["remote"],
@@ -262,17 +262,17 @@ var at = class {
 		});
 	}
 	getTunnelStatusQuery() {
-		return j({
+		return O({
 			queryKey: ["remote", "tunnel"],
-			queryFn: ({ signal: e }) => it({ signal: e }),
+			queryFn: ({ signal: e }) => rt({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getTunnelStatusQuery" && e.enabled),
 			refetchInterval: 3e4,
 			staleTime: 1e4
 		});
 	}
 	updateServerNameQuery() {
-		return E({
-			mutationFn: rt,
+		return k({
+			mutationFn: nt,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
 					queryKey: ["remote", "status"],
@@ -286,24 +286,24 @@ var at = class {
 		});
 	}
 	getConnectionInfoQuery() {
-		return j({
+		return O({
 			queryKey: ["remote", "connection-info"],
-			queryFn: ({ signal: e }) => R({ signal: e }),
+			queryFn: ({ signal: e }) => z({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getConnectionInfoQuery" && e.enabled),
 			refetchInterval: 1e4
 		});
 	}
 	testRemoteModeMutation() {
-		return E({ mutationFn: z });
+		return k({ mutationFn: B });
 	}
 	getCloudflareManagedStatusQuery() {
-		return j({
+		return O({
 			queryKey: [
 				"remote",
 				"cloudflare",
 				"managed"
 			],
-			queryFn: ({ signal: e }) => B({ signal: e }),
+			queryFn: ({ signal: e }) => V({ signal: e }),
 			enabled: () => this.queryActivator.value.some((e) => e.name === "getCloudflareManagedStatusQuery" && e.enabled),
 			refetchInterval: (e) => {
 				let t = e.state.data?.state;
@@ -314,8 +314,8 @@ var at = class {
 		});
 	}
 	cloudflareManagedConnectMutation() {
-		return E({
-			mutationFn: V,
+		return k({
+			mutationFn: H,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
 					queryKey: [
@@ -329,8 +329,8 @@ var at = class {
 		});
 	}
 	cloudflareManagedCancelMutation() {
-		return E({
-			mutationFn: H,
+		return k({
+			mutationFn: U,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
 					queryKey: [
@@ -344,8 +344,8 @@ var at = class {
 		});
 	}
 	cloudflareManagedDisconnectMutation() {
-		return E({
-			mutationFn: U,
+		return k({
+			mutationFn: W,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
 					queryKey: ["remote"],
@@ -362,8 +362,8 @@ var at = class {
 		});
 	}
 	cloudflareManagedLogoutMutation() {
-		return E({
-			mutationFn: W,
+		return k({
+			mutationFn: G,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({
 					queryKey: ["remote"],
@@ -383,20 +383,20 @@ var at = class {
 		let n = this.queryActivator.value.find((t) => t.name === e);
 		return n && (n.enabled = t), this;
 	}
-}, G = { class: "flex flex-col gap-6" }, K = { class: "flex flex-col field-gap" }, q = { class: "section-chip" }, ot = { 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 = {
+}, at = { class: "flex flex-col gap-6" }, K = { class: "flex flex-col field-gap" }, q = { class: "section-chip" }, ot = { 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"
 }, ut = {
 	key: 1,
 	class: "flex flex-col gap-2"
-}, 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({
+}, dt = { class: "flex flex-col min-w-0" }, Z = { 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 je(), c = A(), { t: l } = Ce(), { data: u } = s.apiInfoQuery(), d = ge() ? N() : 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 a = e, s = new je(), c = ve(), { t: l } = Ce(), { data: u } = s.apiInfoQuery(), d = A() ? _e() : void 0, h = j(), 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) => ({
@@ -409,19 +409,19 @@ var at = class {
 		function ne(e) {
 			return Ie(e, h) ? l("components.connection_details.mode_lan") : l("components.connection_details.mode_wan");
 		}
-		function w(e) {
+		function re(e) {
 			return e.outcome === "connected" && e.url === x.value;
 		}
-		function re(e) {
-			return w(e) ? "bg-green-500" : e.outcome === "failed" ? "bg-red-500" : "bg-neutral-400";
+		function ie(e) {
+			return re(e) ? "bg-green-500" : e.outcome === "failed" ? "bg-red-500" : "bg-neutral-400";
 		}
-		function T(e) {
+		function ae(e) {
 			return e.durationMs === void 0 ? "…" : e.durationMs >= 1e3 ? `${(e.durationMs / 1e3).toFixed(1)} s` : `${e.durationMs} ms`;
 		}
-		function E(e) {
-			return w(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");
+		function oe(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 ie() {
+		async function w() {
 			let e = [
 				(/* @__PURE__ */ new Date()).toISOString(),
 				`camera.ui ${u.value?.version ?? "?"}`,
@@ -430,7 +430,7 @@ var at = class {
 				`server sees: ${a.currentType} ${a.currentAddress}`,
 				""
 			];
-			for (let t of ee.value) e.push(`${w(t) ? "+" : "-"} ${t.modeLabel} ${t.url} ${T(t)} ${E(t)}`);
+			for (let t of ee.value) e.push(`${re(t) ? "+" : "-"} ${t.modeLabel} ${t.url} ${ae(t)} ${oe(t)}`);
 			if (y.value?.reason && e.push("", y.value.reason), await M(e.join("\n"))) {
 				c.add({
 					severity: "success",
@@ -445,9 +445,9 @@ var at = class {
 				life: 3e3
 			}), null;
 		}
-		return r({ onConfirm: ie }), (r, a) => {
+		return r({ onConfirm: w }), (r, a) => {
 			let s = te;
-			return n(), g("div", G, [
+			return n(), g("div", at, [
 				v("div", K, [
 					v("span", q, i(r.$t("components.connection_details.current")), 1),
 					v("span", ot, i(f(S)), 1),
@@ -477,12 +477,12 @@ var at = 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", re(e)]) }, null, 2), v("div", Z, [v("span", dt, [
+				}, [v("span", { class: o(["mt-1.5 w-2 h-2 rounded-full shrink-0", ie(e)]) }, null, 2), v("div", dt, [v("span", Z, [
 					b(i(e.modeLabel) + " ", 1),
 					a[0] ||= v("span", { class: "text-muted" }, "·", -1),
-					b(" " + i(T(e)) + " ", 1),
+					b(" " + i(ae(e)) + " ", 1),
 					a[1] ||= v("span", { class: "text-muted" }, "·", -1),
-					b(" " + i(E(e)), 1)
+					b(" " + i(oe(e)), 1)
 				]), v("span", ft, i(e.url), 1)])]))), 128))]))])
 			]);
 		};
@@ -559,20 +559,23 @@ var at = class {
 }, Un = {
 	for: "localUrl",
 	class: "cui-label"
-}, Wn = /*#__PURE__*/ D(/* @__PURE__ */ x({
+}, Wn = /*#__PURE__*/ le(/* @__PURE__ */ x({
 	__name: "SettingsRemote",
 	setup(t) {
-		let c = new Ae(), x = new at(), w = xe(), T = fe(), E = A(), { t: D } = Ce(), { endpoint: j, isOnline: pe } = le(), { data: me, isBusy: ge } = 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: Ye } = x.testRemoteModeMutation(), { data: L } = x.getCloudflareManagedStatusQuery(), { mutateAsync: Ze, isPending: Qe } = x.cloudflareManagedConnectMutation(), { mutateAsync: $e, isPending: et } = x.cloudflareManagedCancelMutation(), { mutateAsync: tt, isPending: nt } = x.cloudflareManagedDisconnectMutation(), { mutateAsync: rt, isPending: it } = x.cloudflareManagedLogoutMutation(), R = S(), z = S(), B = S(""), V = S(""), H = S("quick"), U = S(""), W = S(""), G = 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 || ge.value || Se.value || je.value || Ue.value), lt = p(() => !!(z.value?.enabled || z.value?.directEnabled)), ut = p(() => N.value?.directOverride ?? {
+		let c = new Ae(), x = new it(), T = xe(), le = he(), O = ve(), { t: k } = Ce(), { endpoint: A, isOnline: pe } = se(), { data: j, isBusy: _e } = 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 || _e.value || Se.value || je.value || Ue.value), lt = p(() => {
+			let e = j.value?.availableAddresses ?? [], t = (j.value?.serverAddresses ?? []).filter((t) => !e.some((e) => e.address === t));
+			return [...e, ...t.map((e) => ({ address: e }))];
+		}), ut = p(() => !!(B.value?.enabled || B.value?.directEnabled)), dt = p(() => N.value?.directOverride ?? {
 			active: !1,
 			fallback: !1
-		}), 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 = B.value.trim();
+		}), Z = p(() => P.value?.isRegistered ?? !1), ft = p(() => P.value?.needsReauth ?? !1), Wn = p(() => !X.value), Gn = p(() => {
+			if (!Wn.value) return !1;
+			let e = V.value.trim();
 			return !e || e.length > 100 ? !1 : e !== (P.value?.serverName ?? "");
-		}), Gn = p(() => {
-			if (!z.value) return !1;
-			if (z.value.directMode === "customDomain") {
-				let e = V.value.trim();
+		}), Kn = p(() => {
+			if (!B.value) return !1;
+			if (B.value.directMode === "customDomain") {
+				let e = H.value.trim();
 				if (!e) return !1;
 				try {
 					new URL(e);
@@ -581,85 +584,85 @@ var at = class {
 				}
 				return e !== (N.value?.remoteSettings.customDomain.url ?? "");
 			}
-			if (z.value.directMode === "cloudflare") {
-				let e = N.value?.remoteSettings.cloudflare, t = N.value?.remoteSettings.directMode !== "cloudflare", n = H.value;
+			if (B.value.directMode === "cloudflare") {
+				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 = U.value.trim();
+				let r = W.value.trim();
 				if (!r || !/^[a-z0-9.-]+\.[a-z]{2,}$/i.test(r)) return !1;
 				if (n === "token") {
-					let n = W.value.trim();
-					if (!n && !G.value) return !1;
+					let n = G.value.trim();
+					if (!n && !at.value) return !1;
 					let i = n.length > 0;
 					return t || e?.mode !== "token" || e?.hostname !== r || i;
 				}
 				return n === "managed" ? t || e?.mode !== "managed" || e?.hostname !== r : !1;
 			}
-			return z.value.directMode !== N.value?.remoteSettings.directMode;
-		}), Kn = p(() => [{
+			return B.value.directMode !== N.value?.remoteSettings.directMode;
+		}), qn = p(() => [{
 			value: "cloudflare",
-			label: D("components.form.label.cloudflare"),
-			description: D("components.form.hint.cloudflare_mode_info")
+			label: k("components.form.label.cloudflare"),
+			description: k("components.form.hint.cloudflare_mode_info")
 		}, {
 			value: "customDomain",
-			label: D("components.form.label.custom_domain"),
-			description: D("components.form.hint.custom_domain_mode_info")
-		}]), qn = p(() => Kn.value.find((e) => e.value === z.value?.directMode)?.description ?? ""), Jn = p(() => [
+			label: k("components.form.label.custom_domain"),
+			description: k("components.form.hint.custom_domain_mode_info")
+		}]), Jn = p(() => qn.value.find((e) => e.value === B.value?.directMode)?.description ?? ""), Yn = p(() => [
 			{
 				value: "quick",
-				label: D("components.form.label.cloudflare_variant_quick"),
-				description: D("components.form.hint.cloudflare_variant_quick")
+				label: k("components.form.label.cloudflare_variant_quick"),
+				description: k("components.form.hint.cloudflare_variant_quick")
 			},
 			{
 				value: "token",
-				label: D("components.form.label.cloudflare_variant_token"),
-				description: D("components.form.hint.cloudflare_variant_token")
+				label: k("components.form.label.cloudflare_variant_token"),
+				description: k("components.form.hint.cloudflare_variant_token")
 			},
 			{
 				value: "managed",
-				label: D("components.form.label.cloudflare_variant_managed"),
-				description: D("components.form.hint.cloudflare_variant_managed")
+				label: k("components.form.label.cloudflare_variant_managed"),
+				description: k("components.form.hint.cloudflare_variant_managed")
 			}
-		]), Yn = p(() => Jn.value.find((e) => e.value === H.value)?.description ?? ""), Xn = p(() => {
-			if (H.value === "quick") return !0;
+		]), Xn = p(() => Yn.value.find((e) => e.value === U.value)?.description ?? ""), Zn = p(() => {
+			if (U.value === "quick") return !0;
 			let e = N.value?.remoteSettings.cloudflare;
-			return e?.mode === H.value && !!e?.hostname;
-		}), Q = p(() => L.value?.state ?? "idle"), Zn = p(() => {
+			return e?.mode === U.value && !!e?.hostname;
+		}), Q = p(() => R.value?.state ?? "idle"), Qn = p(() => {
 			if (Q.value !== "idle") return !1;
-			let e = U.value.trim();
+			let e = W.value.trim();
 			return !!e && /^[a-z0-9.-]+\.[a-z]{2,}$/i.test(e);
-		}), Qn = p(() => {
-			let e = F.value?.currentConnection.type ?? "lan";
-			return D(`views.settings.connection_type.${e}`);
 		}), $n = p(() => {
-			let e = F.value?.currentConnection.type;
-			return e === "external" ? Je : e === "local" ? Ge : Xe;
+			let e = F.value?.currentConnection.type ?? "lan";
+			return k(`views.settings.connection_type.${e}`);
 		}), er = p(() => {
+			let e = F.value?.currentConnection.type;
+			return e === "external" ? Je : e === "local" ? Ge : Ye;
+		}), tr = p(() => {
 			let e = F.value?.currentConnection.type;
 			return e === "external" ? "text-info" : e === "local" ? "text-primary" : "text-success";
 		});
-		function tr() {
-			T.openComponentDialog(pt, { data: {
-				title: D("components.connection_details.title"),
-				confirmText: D("components.connection_details.copy"),
-				cancelText: D("components.form.button.close"),
+		function nr() {
+			le.openComponentDialog(pt, { data: {
+				title: k("components.connection_details.title"),
+				confirmText: k("components.connection_details.copy"),
+				cancelText: k("components.form.button.close"),
 				contentProps: {
-					currentType: Qn,
+					currentType: $n,
 					currentAddress: p(() => F.value?.currentConnection.address ?? "")
 				}
 			} });
 		}
-		async function nr() {
-			let e = B.value.trim();
+		async function rr() {
+			let e = V.value.trim();
 			if (e) try {
 				await We(e);
 			} catch {}
 		}
-		function rr() {
-			T.openTextDialog({
+		function ir() {
+			le.openTextDialog({
 				data: {
-					title: D("components.dialog.title.unregister_server"),
-					confirmText: D("components.form.button.unregister"),
-					contentText: D("components.dialog.message.confirm_unregister_server"),
+					title: k("components.dialog.title.unregister_server"),
+					confirmText: k("components.form.button.unregister"),
+					contentText: k("components.dialog.message.confirm_unregister_server"),
 					loading: X
 				},
 				onConfirm: async () => {
@@ -669,108 +672,108 @@ var at = class {
 				}
 			});
 		}
-		function ir() {
+		function ar() {
 			J &&= (clearTimeout(J), null), Y &&= (clearInterval(Y), null);
 		}
 		function $() {
-			ir(), K.value = null, q.value = "", ot.value = null, ct.value = "";
+			ar(), K.value = null, q.value = "", ot.value = null, ct.value = "";
 		}
-		function ar(e) {
+		function or(e) {
 			let t = Math.max(0, Math.floor(e / 1e3));
 			return `${Math.floor(t / 60)}:${(t % 60).toString().padStart(2, "0")}`;
 		}
-		function or() {
+		function sr() {
 			Y && clearInterval(Y);
 			let e = () => {
 				if (!ot.value) return;
 				let e = ot.value - Date.now();
 				if (e <= 0) {
-					$(), E.add({
+					$(), O.add({
 						severity: "warn",
-						detail: D("components.toast.pair_expired"),
+						detail: k("components.toast.pair_expired"),
 						life: 3e3
 					});
 					return;
 				}
-				ct.value = ar(e);
+				ct.value = or(e);
 			};
 			e(), Y = setInterval(e, 1e3);
 		}
-		function sr() {
-			J && clearTimeout(J), J = setTimeout(cr, st.value * 1e3);
+		function cr() {
+			J && clearTimeout(J), J = setTimeout(lr, st.value * 1e3);
 		}
-		async function cr() {
+		async function lr() {
 			if (!K.value) return;
 			let e = K.value;
 			try {
-				let t = await Be({ name: B.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") {
 					$();
 					return;
 				}
 				if (t.state === "expired") {
-					$(), E.add({
+					$(), O.add({
 						severity: "warn",
-						detail: D("components.toast.pair_expired"),
+						detail: k("components.toast.pair_expired"),
 						life: 3e3
 					});
 					return;
 				}
 				if (t.state === "denied") {
-					$(), E.add({
+					$(), O.add({
 						severity: "warn",
-						detail: D("components.toast.pair_denied"),
+						detail: k("components.toast.pair_denied"),
 						life: 3e3
 					});
 					return;
 				}
-				t.state === "slow_down" && (st.value = Math.min(st.value + 2, 10)), sr();
+				t.state === "slow_down" && (st.value = Math.min(st.value + 2, 10)), cr();
 			} catch (t) {
 				if (!K.value || K.value !== e) return;
-				w.error("pair poll failed:", t), sr();
+				T.error("pair poll failed:", t), cr();
 			}
 		}
-		async function lr() {
+		async function ur() {
 			$();
 			try {
-				let e = B.value.trim();
+				let e = V.value.trim();
 				if (e && e !== (P.value?.serverName ?? "")) try {
 					await We(e);
 				} catch {}
 				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();
+				K.value = t.userCode, q.value = t.verificationUriComplete, ot.value = Date.now() + t.expiresIn * 1e3, st.value = Math.max(1, t.pollInterval), sr(), cr();
 			} catch (e) {
-				E.add({
+				O.add({
 					severity: "error",
 					detail: e,
 					life: 3e3
 				});
 			}
 		}
-		function ur() {
+		function dr() {
 			$();
 		}
-		async function dr() {
+		async function fr() {
 			if (K.value) try {
 				await M(K.value);
 			} catch {}
 		}
-		async function fr() {
+		async function pr() {
 			if (q.value) try {
 				await M(q.value);
 			} catch {}
 		}
-		function pr() {
+		function mr() {
 			q.value && window.open(q.value, "_blank", "noopener");
 		}
-		function mr(e) {
-			let t = window.location.host === ue || !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", T.openTextDialog({
+		function hr(e) {
+			let t = window.location.host === D || !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", le.openTextDialog({
 				data: {
-					title: D("components.dialog.title.confirm"),
-					contentText: D(n),
-					confirmText: D(e ? "components.form.button.enable" : "components.form.button.disable"),
+					title: k("components.dialog.title.confirm"),
+					contentText: k(n),
+					confirmText: k(e ? "components.form.button.enable" : "components.form.button.disable"),
 					loading: X,
 					confirmButtonProps: e ? void 0 : { severity: "danger" }
 				},
@@ -778,27 +781,27 @@ var at = class {
 					try {
 						await I(e ? { enabled: !0 } : { enabled: !1 });
 					} catch {
-						z.value && (z.value.enabled = !e);
+						B.value && (B.value.enabled = !e);
 					}
 				},
 				onCancel: () => {
-					z.value && (z.value.enabled = !e);
+					B.value && (B.value.enabled = !e);
 				}
 			});
 		}
-		function hr(e) {
+		function gr(e) {
 			I({ directEnabled: e }).catch(() => {
-				z.value && (z.value.directEnabled = !e);
+				B.value && (B.value.directEnabled = !e);
 			});
 		}
-		function gr(e) {
-			z.value && (z.value.directMode = e);
-		}
 		function _r(e) {
-			H.value = e;
+			B.value && (B.value.directMode = e);
+		}
+		function vr(e) {
+			U.value = e;
 		}
-		async function vr() {
-			let e = U.value.trim();
+		async function yr() {
+			let e = W.value.trim();
 			if (e) try {
 				await I({
 					directMode: "cloudflare",
@@ -806,72 +809,72 @@ var at = class {
 						mode: "managed",
 						hostname: e
 					}
-				}), await Ze(e);
+				}), await Xe(e);
 			} catch {}
 		}
-		async function yr() {
+		async function br() {
 			try {
-				await $e();
+				await Qe();
 			} catch {}
 		}
-		async function br() {
+		async function xr() {
 			try {
-				await tt();
+				await et();
 			} catch {}
 		}
-		async function xr() {
+		async function Sr() {
 			try {
-				await rt();
+				await nt();
 			} catch {}
 		}
-		async function Sr(e) {
+		async function Cr(e) {
 			try {
 				await M(e);
 			} catch {}
 		}
-		function Cr(e) {
+		function wr(e) {
 			window.open(e, "_blank", "noopener");
 		}
-		async function wr(e) {
+		async function Tr(e) {
 			try {
 				let t = await qe(e);
-				t.ok ? E.add({
+				t.ok ? O.add({
 					severity: "success",
-					detail: D("components.toast.remote_test_success"),
+					detail: k("components.toast.remote_test_success"),
 					life: 3e3
-				}) : E.add({
+				}) : O.add({
 					severity: "error",
-					detail: D("components.toast.remote_test_failed", { message: t.message ?? "" }),
+					detail: k("components.toast.remote_test_failed", { message: t.message ?? "" }),
 					life: 5e3
 				});
 			} catch (e) {
-				E.add({
+				O.add({
 					severity: "error",
-					detail: D("components.toast.remote_test_failed", { message: e?.message ?? "" }),
+					detail: k("components.toast.remote_test_failed", { message: e?.message ?? "" }),
 					life: 5e3
 				});
 			}
 		}
-		async function Tr(e) {
+		async function Er(e) {
 			let t = { directMode: e.directMode };
-			if (e.directMode === "customDomain") t.customDomain = { url: V.value.trim() };
+			if (e.directMode === "customDomain") t.customDomain = { url: H.value.trim() };
 			else if (e.directMode === "cloudflare") {
-				let e = H.value;
+				let e = U.value;
 				if (e === "quick") t.cloudflare = {
 					mode: "quick",
 					hostname: null,
 					token: null
 				};
 				else if (e === "token") {
-					let e = W.value.trim();
+					let e = G.value.trim();
 					t.cloudflare = {
 						mode: "token",
-						hostname: U.value.trim(),
+						hostname: W.value.trim(),
 						...e ? { token: e } : {}
 					};
 				} else e === "managed" && (t.cloudflare = {
 					mode: "managed",
-					hostname: U.value.trim(),
+					hostname: W.value.trim(),
 					token: null
 				});
 			}
@@ -879,24 +882,24 @@ var at = class {
 				await I(t);
 			} catch {}
 		}
-		async function Er(e) {
+		async function Dr(e) {
 			try {
 				await Pe(e);
 			} catch {}
 		}
 		return h(() => P.value?.serverName, (e) => {
-			e && (B.value = e);
+			e && (V.value = e);
 		}, { immediate: !0 }), h(Z, (e) => {
 			e && K.value && $();
-		}), h([pe, j], ([e]) => {
+		}), h([pe, A], ([e]) => {
 			e && x.queryClient.refetchQueries({
 				queryKey: ["remote", "connection-info"],
 				exact: !0
 			});
-		}), h(me, (e) => {
+		}), h(j, (e) => {
 			if (e) {
-				let t = de(e);
-				R.value = {
+				let t = fe(e);
+				z.value = {
 					...t,
 					serverAddresses: (t.serverAddresses || []).filter(Boolean),
 					localUrl: t.localUrl ?? ""
@@ -907,26 +910,26 @@ var at = class {
 			immediate: !0
 		}), h(N, (e) => {
 			if (e) {
-				let t = de(e);
-				z.value = { ...t.remoteSettings }, V.value = t.remoteSettings.customDomain.url ?? "";
+				let t = fe(e);
+				B.value = { ...t.remoteSettings }, H.value = t.remoteSettings.customDomain.url ?? "";
 				let n = t.remoteSettings.cloudflare;
-				H.value = n?.mode ?? "quick", U.value = n?.hostname ?? "", W.value = "", G.value = t.cloudflareTokenSet ?? !1;
+				U.value = n?.mode ?? "quick", W.value = n?.hostname ?? "", G.value = "", at.value = t.cloudflareTokenSet ?? !1;
 			}
 		}, {
 			deep: !0,
 			immediate: !0
 		}), r(() => {
-			ir();
+			ar();
 		}), (t, r) => {
-			let c = ve, p = te, h = Oe, x = we, S = be, w = re, T = Te, E = He, D = ie, A = se, le = ne, ue = ke, de = ae, j = he, fe = ze, pe = Ee, M = _e, ge = De, N = ee;
-			return n(), g("div", gt, [!f(R) || !f(z) ? (n(), g("div", _t, [C(c, {
+			let c = ae, p = te, h = Oe, x = we, S = be, se = re, T = Te, le = He, D = ie, O = ue, k = ne, fe = ke, A = oe, pe = ge, he = ze, j = Ee, M = me, _e = 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(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, {
+						(n(), l(s(f(er)), { class: o(["shrink-0 w-6 h-6", f(tr)]) }, null, 8, ["class"])),
+						v("div", St, [v("span", Ct, i(f($n)), 1), C(p, {
 							severity: "secondary",
 							variant: "simple",
 							size: "small",
@@ -941,7 +944,7 @@ var at = class {
 							severity: "secondary",
 							class: "ml-auto shrink-0",
 							"aria-label": t.$t("components.connection_details.title"),
-							onClick: tr
+							onClick: nr
 						}, {
 							icon: m(() => [C(h, { class: "w-5 h-5" })]),
 							_: 1
@@ -954,16 +957,16 @@ var at = class {
 					])]),
 					_: 1
 				})])) : u("", !0),
-				C(f(oe), {
+				C(f(ce), {
 					ref: "remoteFormRef",
 					class: "flex flex-col w-full gap-6",
 					"validation-schema": f(mt),
-					onSubmit: r[18] ||= (e) => Tr(e)
+					onSubmit: r[18] ||= (e) => Er(e)
 				}, {
 					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(O), {
-								"model-value": f(z).enabled,
+							C(f(w), {
+								"model-value": f(B).enabled,
 								value: !0,
 								"unchecked-value": !1,
 								type: "checkbox",
@@ -983,18 +986,18 @@ var at = class {
 										_: 1
 									}),
 									C(e, { name: "fade" }, {
-										default: m(() => [C(f(k), {
+										default: m(() => [C(f(E), {
 											name: "enabled",
 											class: "cui-input-switch-error"
 										})]),
 										_: 1
 									})
-								]), C(w, a({ "model-value": f(z).enabled }, n, {
+								]), C(se, a({ "model-value": f(B).enabled }, n, {
 									invalid: o.length > 0,
 									loading: f(X),
 									class: "ml-auto shrink-0",
-									onValueChange: r[0] ||= (e) => f(z).enabled = e,
-									"onUpdate:modelValue": r[1] ||= (e) => mr(e)
+									onValueChange: r[0] ||= (e) => f(B).enabled = e,
+									"onUpdate:modelValue": r[1] ||= (e) => hr(e)
 								}), null, 16, [
 									"model-value",
 									"invalid",
@@ -1004,13 +1007,13 @@ var at = class {
 							}, 8, ["model-value"]),
 							v("div", kt, [
 								v("label", At, i(t.$t("views.settings.server_name_label")), 1),
-								C(A, null, {
+								C(O, null, {
 									default: m(() => [C(T, {
 										id: "serverName",
-										modelValue: f(B),
-										"onUpdate:modelValue": r[2] ||= (e) => d(B) ? B.value = e : null,
+										modelValue: f(V),
+										"onUpdate:modelValue": r[2] ||= (e) => d(V) ? V.value = e : null,
 										modelModifiers: { trim: !0 },
-										disabled: !f(ft),
+										disabled: !f(Wn),
 										loading: f(X),
 										type: "text",
 										maxlength: 100
@@ -1023,11 +1026,11 @@ var at = class {
 											text: "",
 											severity: "secondary",
 											loading: f(Ke),
-											disabled: !f(Wn),
+											disabled: !f(Gn),
 											type: "button",
-											onClick: nr
+											onClick: rr
 										}, {
-											icon: m(() => [C(E)]),
+											icon: m(() => [C(le)]),
 											_: 1
 										}, 8, ["loading", "disabled"])), [[N, { value: t.$t("components.form.button.save") }]])]),
 										_: 1
@@ -1056,7 +1059,7 @@ var at = class {
 								key: 0,
 								class: "w-[15px] h-[15px] m-0",
 								"stroke-width": "5"
-							})) : 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(ft) ? (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",
@@ -1069,7 +1072,7 @@ var at = class {
 								key: 0,
 								class: "w-[15px] h-[15px] m-0",
 								"stroke-width": "5"
-							})) : (n(), l(le, {
+							})) : (n(), l(k, {
 								key: 1,
 								severity: f(Me)?.connected ? "success" : "secondary",
 								value: f(Me)?.connected ? t.$t("views.settings.tunnel_connected") : t.$t("views.settings.tunnel_disconnected")
@@ -1086,27 +1089,27 @@ var at = 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(fe, {
 									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(A, null, {
+										C(O, null, {
 											default: m(() => [C(T, {
 												"model-value": f(K),
 												readonly: "",
 												class: "font-mono text-lg text-center tracking-widest"
 											}, null, 8, ["model-value"]), C(D, null, {
-												default: m(() => [C(de, {
+												default: m(() => [C(A, {
 													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: f(ce),
+													icon: f(de),
 													"button-props": {
 														severity: "secondary",
 														text: !0
 													},
-													onAction: dr
+													onAction: fr
 												}, null, 8, ["action-text", "icon"])]),
 												_: 1
 											})]),
@@ -1122,7 +1125,7 @@ var at = class {
 											_: 1
 										})
 									]),
-									v("div", qt, [v("label", Jt, i(t.$t("views.settings.pair_url")), 1), C(A, null, {
+									v("div", qt, [v("label", Jt, i(t.$t("views.settings.pair_url")), 1), C(O, null, {
 										default: m(() => [
 											C(T, {
 												"model-value": f(q),
@@ -1130,14 +1133,14 @@ var at = class {
 												class: "font-mono text-sm"
 											}, null, 8, ["model-value"]),
 											C(D, null, {
-												default: m(() => [C(de, {
+												default: m(() => [C(A, {
 													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: f(ce),
+													icon: f(de),
 													"button-props": {
 														severity: "secondary",
 														text: !0
 													},
-													onAction: fr
+													onAction: pr
 												}, null, 8, ["action-text", "icon"])]),
 												_: 1
 											}),
@@ -1146,7 +1149,7 @@ var at = class {
 													type: "button",
 													severity: "secondary",
 													text: "",
-													onClick: pr
+													onClick: mr
 												}, {
 													icon: m(() => [C(f(ye))]),
 													_: 1
@@ -1167,7 +1170,7 @@ var at = class {
 											severity: "secondary",
 											class: "cui-button-small ml-auto",
 											label: t.$t("components.form.button.cancel"),
-											onClick: ur
+											onClick: dr
 										}, null, 8, ["label"])
 									])
 								])])])) : u("", !0)]),
@@ -1181,11 +1184,11 @@ var at = class {
 									disabled: !f(Z),
 									onClick: r[3] ||= (e) => t.$router.absUrl(f("https://cloud.cameraui.com"), !0)
 								}, {
-									icon: m(() => [f(Z) ? (n(), l(j, {
+									icon: m(() => [f(Z) ? (n(), l(pe, {
 										key: 0,
 										width: "100%",
 										height: "100%"
-									})) : (n(), l(fe, {
+									})) : (n(), l(he, {
 										key: 1,
 										width: "100%",
 										height: "100%"
@@ -1198,24 +1201,24 @@ var at = class {
 									loading: f(Re),
 									class: "cui-button-medium",
 									label: t.$t("components.form.button.register_server"),
-									onClick: lr
+									onClick: ur
 								}, null, 8, ["loading", "label"])) : u("", !0),
-								f(dt) && !f(K) ? (n(), l(x, {
+								f(ft) && !f(K) ? (n(), l(x, {
 									key: 1,
 									loading: f(Re),
 									severity: "warn",
 									class: "cui-button-medium",
 									label: t.$t("components.form.button.reconnect_server"),
-									onClick: lr
+									onClick: ur
 								}, null, 8, ["loading", "label"])) : u("", !0),
 								f(Z) ? (n(), l(x, {
 									key: 2,
 									loading: f(X),
-									severity: f(dt) ? "secondary" : void 0,
-									text: f(dt),
+									severity: f(ft) ? "secondary" : void 0,
+									text: f(ft),
 									class: "cui-button-medium",
 									label: t.$t("components.form.button.unregister_server"),
-									onClick: rr
+									onClick: ir
 								}, null, 8, [
 									"loading",
 									"severity",
@@ -1226,8 +1229,8 @@ var at = 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(O), {
-							"model-value": f(z).directEnabled,
+						content: m(() => [v("div", en, [C(f(w), {
+							"model-value": f(B).directEnabled,
 							value: !0,
 							"unchecked-value": !1,
 							type: "checkbox",
@@ -1247,38 +1250,38 @@ var at = class {
 									_: 1
 								}),
 								C(e, { name: "fade" }, {
-									default: m(() => [C(f(k), {
+									default: m(() => [C(f(E), {
 										name: "directEnabled",
 										class: "cui-input-switch-error"
 									})]),
 									_: 1
 								})
-							]), C(w, a({ "model-value": f(lt) }, o, {
+							]), C(se, a({ "model-value": f(ut) }, o, {
 								invalid: s.length > 0,
 								loading: f(X),
-								disabled: f(z).enabled,
+								disabled: f(B).enabled,
 								class: "ml-auto shrink-0",
-								onValueChange: r[4] ||= (e) => f(z).directEnabled = e,
-								"onUpdate:modelValue": r[5] ||= (e) => hr(e)
+								onValueChange: r[4] ||= (e) => f(B).directEnabled = e,
+								"onUpdate:modelValue": r[5] ||= (e) => gr(e)
 							}), null, 16, [
 								"model-value",
 								"invalid",
 								"loading",
 								"disabled"
 							])]), C(e, { name: "fade" }, {
-								default: m(() => [f(ut).active ? (n(), l(p, {
+								default: m(() => [f(dt).active ? (n(), l(p, {
 									key: 0,
 									variant: "simple",
 									size: "small",
 									class: "cui-input-switch-hint text-primary"
 								}, {
-									default: m(() => [b(i(f(ut).fallback ? t.$t("views.settings.direct_override_fallback") : t.$t("views.settings.direct_override_active")), 1)]),
+									default: m(() => [b(i(f(dt).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(lt) ? (n(), g(_, { key: 0 }, [
+						}, 8, ["model-value"]), f(ut) ? (n(), g(_, { key: 0 }, [
 							v("div", an, [
 								v("label", on, i(t.$t("views.settings.external_url")), 1),
 								C(T, {
@@ -1296,22 +1299,22 @@ var at = class {
 									_: 1
 								})
 							]),
-							C(f(O), {
-								"model-value": f(z).directMode,
+							C(f(w), {
+								"model-value": f(B).directMode,
 								name: "directMode",
 								as: "div",
 								class: "flex flex-col field-gap"
 							}, {
 								default: m(({ errors: n }) => [
 									v("label", sn, i(t.$t("views.settings.connection_method")), 1),
-									C(pe, {
-										"model-value": f(z).directMode,
-										options: f(Kn),
+									C(j, {
+										"model-value": f(B).directMode,
+										options: f(qn),
 										"option-label": "label",
 										"option-value": "value",
 										invalid: n.length > 0,
 										loading: f(X),
-										"onUpdate:modelValue": r[6] ||= (e) => gr(e)
+										"onUpdate:modelValue": r[6] ||= (e) => _r(e)
 									}, null, 8, [
 										"model-value",
 										"options",
@@ -1319,7 +1322,7 @@ var at = class {
 										"loading"
 									]),
 									C(e, { name: "fade" }, {
-										default: m(() => [C(f(k), {
+										default: m(() => [C(f(E), {
 											name: "directMode",
 											class: "cui-input-error"
 										})]),
@@ -1331,21 +1334,21 @@ var at = class {
 										size: "small",
 										class: "cui-input-hint"
 									}, {
-										default: m(() => [b(i(f(qn)), 1)]),
+										default: m(() => [b(i(f(Jn)), 1)]),
 										_: 1
 									})
 								]),
 								_: 1
 							}, 8, ["model-value"]),
-							f(z).directMode === "cloudflare" ? (n(), g("div", cn, [v("div", ln, [
+							f(B).directMode === "cloudflare" ? (n(), g("div", cn, [v("div", ln, [
 								v("label", un, i(t.$t("components.form.label.cloudflare_variant")), 1),
-								C(pe, {
-									"model-value": f(H),
-									options: f(Jn),
+								C(j, {
+									"model-value": f(U),
+									options: f(Yn),
 									"option-label": "label",
 									"option-value": "value",
 									loading: f(X),
-									"onUpdate:modelValue": r[7] ||= (e) => _r(e)
+									"onUpdate:modelValue": r[7] ||= (e) => vr(e)
 								}, null, 8, [
 									"model-value",
 									"options",
@@ -1357,23 +1360,23 @@ var at = class {
 									size: "small",
 									class: "cui-input-hint"
 								}, {
-									default: m(() => [b(i(f(Yn)), 1)]),
+									default: m(() => [b(i(f(Xn)), 1)]),
 									_: 1
 								})
-							]), f(H) === "quick" ? (n(), g("div", dn, [C(x, {
+							]), f(U) === "quick" ? (n(), g("div", dn, [C(x, {
 								type: "button",
 								severity: "secondary",
-								loading: f(Ye),
+								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(H) === "token" ? (n(), g(_, { key: 1 }, [
+								onClick: r[8] ||= (e) => Tr("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(T, {
 										id: "cloudflareHostname",
-										modelValue: f(U),
-										"onUpdate:modelValue": r[9] ||= (e) => d(U) ? U.value = e : null,
+										modelValue: f(W),
+										"onUpdate:modelValue": r[9] ||= (e) => d(W) ? W.value = e : null,
 										modelModifiers: { trim: !0 },
 										loading: f(X),
 										type: "text",
@@ -1394,14 +1397,14 @@ var at = class {
 									v("label", hn, i(t.$t("components.form.label.tunnel_token")), 1),
 									C(M, {
 										id: "cloudflareToken",
-										modelValue: f(W),
-										"onUpdate:modelValue": r[10] ||= (e) => d(W) ? W.value = e : null,
+										modelValue: f(G),
+										"onUpdate:modelValue": r[10] ||= (e) => d(G) ? G.value = e : null,
 										modelModifiers: { trim: !0 },
 										loading: f(X),
 										feedback: !1,
 										"toggle-mask": "",
 										fluid: "",
-										placeholder: f(G) ? "••••••••••••" : "eyJ..."
+										placeholder: f(at) ? "••••••••••••" : "eyJ..."
 									}, null, 8, [
 										"modelValue",
 										"loading",
@@ -1413,24 +1416,24 @@ var at = class {
 										size: "small",
 										class: "cui-input-hint"
 									}, {
-										default: m(() => [b(i(f(G) ? t.$t("components.form.hint.cloudflare_token_already_set") : t.$t("components.form.hint.cloudflare_token_info")), 1)]),
+										default: m(() => [b(i(f(at) ? t.$t("components.form.hint.cloudflare_token_already_set") : t.$t("components.form.hint.cloudflare_token_info")), 1)]),
 										_: 1
 									})
 								]),
 								v("div", gn, [C(x, {
 									type: "button",
 									severity: "secondary",
-									loading: f(Ye),
-									disabled: !f(Xn),
+									loading: f(L),
+									disabled: !f(Zn),
 									class: "cui-button-small",
 									label: t.$t("components.form.button.test_connection"),
-									onClick: r[11] ||= (e) => wr("cloudflare")
+									onClick: r[11] ||= (e) => Tr("cloudflare")
 								}, null, 8, [
 									"loading",
 									"disabled",
 									"label"
 								])])
-							], 64)) : f(H) === "managed" ? (n(), l(e, {
+							], 64)) : f(U) === "managed" ? (n(), l(e, {
 								key: 2,
 								name: "fade",
 								mode: "out-in"
@@ -1443,8 +1446,8 @@ var at = class {
 										v("label", vn, i(t.$t("components.form.label.hostname")), 1),
 										C(T, {
 											id: "cloudflareHostnameManaged",
-											modelValue: f(U),
-											"onUpdate:modelValue": r[12] ||= (e) => d(U) ? U.value = e : null,
+											modelValue: f(W),
+											"onUpdate:modelValue": r[12] ||= (e) => d(W) ? W.value = e : null,
 											modelModifiers: { trim: !0 },
 											loading: f(X),
 											type: "text",
@@ -1461,29 +1464,29 @@ var at = class {
 											_: 1
 										})
 									]),
-									f(L)?.lastError ? (n(), l(p, {
+									f(R)?.lastError ? (n(), l(p, {
 										key: 0,
 										severity: "error",
 										variant: "simple",
 										size: "small"
 									}, {
-										default: m(() => [b(i(f(L).lastError), 1)]),
+										default: m(() => [b(i(f(R).lastError), 1)]),
 										_: 1
 									})) : u("", !0),
 									v("div", yn, [C(x, {
 										type: "button",
-										loading: f(Qe),
-										disabled: !f(Zn),
+										loading: f(Ze),
+										disabled: !f(Qn),
 										class: "cui-button-medium",
 										label: t.$t("components.form.button.connect_cloudflare"),
-										onClick: vr
+										onClick: yr
 									}, null, 8, [
 										"loading",
 										"disabled",
 										"label"
 									])])
-								], 64)) : f(Q) === "awaiting_login" ? (n(), g(_, { key: 1 }, [f(L)?.loginUrl ? (n(), g("div", bn, [v("div", xn, [C(ue, {
-									value: f(L).loginUrl,
+								], 64)) : f(Q) === "awaiting_login" ? (n(), g(_, { key: 1 }, [f(R)?.loginUrl ? (n(), g("div", bn, [v("div", xn, [C(fe, {
+									value: f(R).loginUrl,
 									size: 160,
 									"logo-size": 32
 								}, null, 8, ["value"])]), v("div", Sn, [
@@ -1492,25 +1495,25 @@ var at = class {
 										size: "small",
 										class: "text-primary"
 									}, {
-										default: m(() => [b(i(t.$t("components.form.hint.cloudflare_managed_awaiting_login", { hostname: f(U) })), 1)]),
+										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(A, null, {
+									v("div", Cn, [v("label", wn, i(t.$t("components.form.label.cloudflare_url")), 1), C(O, null, {
 										default: m(() => [
 											C(T, {
-												"model-value": f(L).loginUrl,
+												"model-value": f(R).loginUrl,
 												readonly: "",
 												class: "font-mono text-sm"
 											}, null, 8, ["model-value"]),
 											C(D, null, {
-												default: m(() => [C(de, {
+												default: m(() => [C(A, {
 													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: f(ce),
+													icon: f(de),
 													"button-props": {
 														severity: "secondary",
 														text: !0
 													},
-													onAction: r[13] ||= (e) => Sr(f(L).loginUrl)
+													onAction: r[13] ||= (e) => Cr(f(R).loginUrl)
 												}, null, 8, ["action-text", "icon"])]),
 												_: 1
 											}),
@@ -1519,7 +1522,7 @@ var at = class {
 													type: "button",
 													severity: "secondary",
 													text: "",
-													onClick: r[14] ||= (e) => Cr(f(L).loginUrl)
+													onClick: r[14] ||= (e) => wr(f(R).loginUrl)
 												}, {
 													icon: m(() => [C(f(ye))]),
 													_: 1
@@ -1538,10 +1541,10 @@ var at = class {
 										C(x, {
 											type: "button",
 											severity: "secondary",
-											loading: f(et),
+											loading: f($e),
 											class: "cui-button-small ml-auto",
 											label: t.$t("components.form.button.cancel"),
-											onClick: yr
+											onClick: br
 										}, null, 8, ["loading", "label"])
 									])
 								])])) : (n(), g("div", Dn, [
@@ -1553,31 +1556,31 @@ var at = class {
 									C(x, {
 										type: "button",
 										severity: "secondary",
-										loading: f(et),
+										loading: f($e),
 										class: "cui-button-small ml-auto",
 										label: t.$t("components.form.button.cancel"),
-										onClick: yr
+										onClick: br
 									}, null, 8, ["loading", "label"])
 								]))], 64)) : f(Q) === "creating_tunnel" || f(Q) === "setting_dns" ? (n(), g("div", kn, [
 									C(c, {
 										class: "w-[20px] h-[20px] m-0",
 										"stroke-width": "5"
 									}),
-									v("span", An, i(f(Q) === "creating_tunnel" ? t.$t("components.form.hint.cloudflare_managed_creating_tunnel") : t.$t("components.form.hint.cloudflare_managed_setting_dns", { hostname: f(U) })), 1),
+									v("span", An, i(f(Q) === "creating_tunnel" ? t.$t("components.form.hint.cloudflare_managed_creating_tunnel") : t.$t("components.form.hint.cloudflare_managed_setting_dns", { hostname: f(W) })), 1),
 									C(x, {
 										type: "button",
 										severity: "secondary",
-										loading: f(et),
+										loading: f($e),
 										class: "cui-button-small ml-auto",
 										label: t.$t("components.form.button.cancel"),
-										onClick: yr
+										onClick: br
 									}, null, 8, ["loading", "label"])
 								])) : f(Q) === "running" ? (n(), g(_, { key: 3 }, [
 									v("div", jn, [
 										v("label", Mn, i(t.$t("components.form.label.hostname")), 1),
 										C(T, {
 											readonly: "",
-											value: `https://${f(L)?.hostname ?? ""}`,
+											value: `https://${f(R)?.hostname ?? ""}`,
 											type: "text"
 										}, null, 8, ["value"]),
 										C(p, {
@@ -1590,11 +1593,11 @@ var at = class {
 											_: 1
 										})
 									]),
-									f(L)?.tunnelId ? (n(), g("div", Nn, [
+									f(R)?.tunnelId ? (n(), g("div", Nn, [
 										v("label", Pn, i(t.$t("components.form.label.tunnel_id")), 1),
 										C(T, {
 											readonly: "",
-											value: f(L).tunnelId,
+											value: f(R).tunnelId,
 											type: "text"
 										}, null, 8, ["value"]),
 										C(p, {
@@ -1611,33 +1614,33 @@ var at = class {
 										C(x, {
 											type: "button",
 											severity: "secondary",
-											loading: f(Ye),
+											loading: f(L),
 											class: "cui-button-small",
 											label: t.$t("components.form.button.test_connection"),
-											onClick: r[15] ||= (e) => wr("cloudflare")
+											onClick: r[15] ||= (e) => Tr("cloudflare")
 										}, null, 8, ["loading", "label"]),
 										C(x, {
 											type: "button",
 											severity: "secondary",
-											loading: f(nt),
+											loading: f(tt),
 											class: "cui-button-small ml-auto",
 											label: t.$t("components.form.button.disconnect"),
-											onClick: br
+											onClick: xr
 										}, null, 8, ["loading", "label"]),
 										C(x, {
 											type: "button",
 											severity: "danger",
-											loading: f(it),
+											loading: f(rt),
 											class: "cui-button-small",
 											label: t.$t("components.form.button.logout"),
-											onClick: xr
+											onClick: Sr
 										}, null, 8, ["loading", "label"])
 									])
 								], 64)) : u("", !0)]))]),
 								_: 1
-							})) : u("", !0)])) : f(z).directMode === "customDomain" ? (n(), g("div", In, [C(f(O), {
-								modelValue: f(V),
-								"onUpdate:modelValue": r[16] ||= (e) => d(V) ? V.value = e : null,
+							})) : u("", !0)])) : f(B).directMode === "customDomain" ? (n(), g("div", In, [C(f(w), {
+								modelValue: f(H),
+								"onUpdate:modelValue": r[16] ||= (e) => d(H) ? H.value = e : null,
 								modelModifiers: { trim: !0 },
 								loading: f(X),
 								name: "customDomain.url",
@@ -1653,7 +1656,7 @@ var at = class {
 										placeholder: "https://my.example.com"
 									}), null, 16, ["invalid", "loading"]),
 									C(e, { name: "fade" }, {
-										default: m(() => [C(f(k), {
+										default: m(() => [C(f(E), {
 											name: "customDomain.url",
 											class: "cui-input-error"
 										})]),
@@ -1664,11 +1667,11 @@ var at = class {
 							}, 8, ["modelValue", "loading"]), v("div", Rn, [C(x, {
 								type: "button",
 								severity: "secondary",
-								loading: f(Ye),
-								disabled: !f(V),
+								loading: f(L),
+								disabled: !f(H),
 								class: "cui-button-small",
 								label: t.$t("components.form.button.test_connection"),
-								onClick: r[17] ||= (e) => wr("customDomain")
+								onClick: r[17] ||= (e) => Tr("customDomain")
 							}, null, 8, [
 								"loading",
 								"disabled",
@@ -1677,7 +1680,7 @@ var at = class {
 							C(x, {
 								type: "submit",
 								loading: f(X),
-								disabled: !f(Gn),
+								disabled: !f(Kn),
 								class: "cui-button-medium ml-auto",
 								label: t.$t("components.form.button.save")
 							}, null, 8, [
@@ -1690,27 +1693,27 @@ var at = class {
 					})])]),
 					_: 1
 				}, 8, ["validation-schema"]),
-				C(f(oe), {
+				C(f(ce), {
 					ref: "serverFormRef",
 					class: "flex flex-col w-full gap-6",
 					"validation-schema": f(ht),
-					onSubmit: r[21] ||= (e) => Er(e)
+					onSubmit: r[21] ||= (e) => Dr(e)
 				}, {
 					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(O), {
-								"model-value": f(R).serverAddresses,
+							C(f(w), {
+								"model-value": f(z).serverAddresses,
 								name: "serverAddresses",
 								as: "div",
 								class: "flex flex-col field-gap"
 							}, {
 								default: m(({ field: o, errors: s }) => [
 									v("label", Hn, i(t.$t("components.form.label.server_addresses")), 1),
-									C(A, null, {
-										default: m(() => [C(ge, a(o, {
-											"model-value": f(R).serverAddresses,
-											options: f(me)?.availableAddresses || [],
+									C(O, null, {
+										default: m(() => [C(_e, a(o, {
+											"model-value": f(z).serverAddresses,
+											options: f(lt),
 											invalid: s.length > 0,
 											loading: f(X),
 											"max-selected-labels": 2,
@@ -1720,7 +1723,7 @@ var at = class {
 											"option-value": "address",
 											type: "text",
 											display: "chip",
-											onValueChange: r[19] ||= (e) => f(R).serverAddresses = e
+											onValueChange: r[19] ||= (e) => f(z).serverAddresses = e
 										}), null, 16, [
 											"model-value",
 											"options",
@@ -1730,7 +1733,7 @@ var at = class {
 										_: 2
 									}, 1024),
 									C(e, { name: "fade" }, {
-										default: m(() => [C(f(k), {
+										default: m(() => [C(f(E), {
 											name: "serverAddresses",
 											class: "cui-input-error"
 										})]),
@@ -1749,21 +1752,21 @@ var at = class {
 								]),
 								_: 1
 							}, 8, ["model-value"]),
-							C(f(O), {
-								"model-value": f(R).localUrl,
+							C(f(w), {
+								"model-value": f(z).localUrl,
 								name: "localUrl",
 								as: "div",
 								class: "flex flex-col field-gap"
 							}, {
 								default: m(({ field: o, errors: s }) => [
 									v("label", Un, i(t.$t("components.form.label.local_url")), 1),
-									C(A, null, {
+									C(O, null, {
 										default: m(() => [C(T, a(o, {
-											"model-value": f(R).localUrl,
+											"model-value": f(z).localUrl,
 											invalid: s.length > 0,
 											loading: f(X),
 											placeholder: "https://camera.home.lan",
-											onValueChange: r[20] ||= (e) => f(R).localUrl = e
+											onValueChange: r[20] ||= (e) => f(z).localUrl = e
 										}), null, 16, [
 											"model-value",
 											"invalid",
@@ -1772,7 +1775,7 @@ var at = class {
 										_: 2
 									}, 1024),
 									C(e, { name: "fade" }, {
-										default: m(() => [C(f(k), {
+										default: m(() => [C(f(E), {
 											name: "localUrl",
 											class: "cui-input-error"
 										})]),
@@ -1805,6 +1808,6 @@ var at = class {
 			]))]);
 		};
 	}
-}), [["__scopeId", "data-v-456d32b5"]]);
+}), [["__scopeId", "data-v-a44e0892"]]);
 //#endregion
 export { Wn as default };