@camera.ui/server 2.4.0 → 2.4.2

package/dist/interface/ha/SettingsRemote-Biy7URGf.js

@@ -1,1523 +0,0 @@
-import { c as e } from "./ripple-CGl9oC16.js";
-import { G as t, H as n, I as r, J as i, Kt as a, M as o, St as s, Xt as c, Y as l, d as u, f as d, gt as f, jt as p, l as m, lt as h, ot as g, p as _, r as v, u as y, ut as b, v as x, vt as S, x as C, y as w } from "./runtime-core.esm-bundler-CrWKbcD2.js";
-import { t as ee } from "./message-CZC3zWwJ.js";
-import { t as te } from "./tag-B53KW-vD.js";
-import { $i as ne, Ba as re, Fa as T, Fi as ie, Ft as E, Ha as D, It as ae, Lt as oe, Pt as O, Rt as se, Tt as ce, Zn as k, a as le, ba as ue, er as de, ii as A, ir as fe, n as j, ni as pe, r as me } from "./api-xWofDMK3.js";
-import { l as he, n as M, r as ge, s as _e, t as ve } from "./vee-validate-DWIY1QrX.js";
-import { C as ye, F as be } from "./pinia-BBBIELZl.js";
-import { n as N } from "./vue-i18n-DzDRu5NH.js";
-import { t as xe } from "./CuiButton-CGAd8xvo.js";
-import { t as Se } from "./inputtext-DfgvQQt_.js";
-import { t as Ce } from "./select-Ba_XFods.js";
-import { t as we } from "./multiselect-C6iTGDj5.js";
-import { t as Te } from "./CuiToggleRow-4GA_eZL4.js";
-import { t as Ee } from "./information-outline-C6Y1CMOv.js";
-import { t as De } from "./CuiQRCode-Grr7tjGw.js";
-import { t as Oe } from "./server-CElgG4N0.js";
-import { t as ke } from "./api-CNQ6bAly.js";
-//#region src/connection/endpointScope.ts
-var Ae = /^(10\.|127\.|192\.168\.|169\.254\.|172\.(1[6-9]|2\d|3[01])\.)/, P = /^f[cd][0-9a-f]{2}:/, je = [
-	".local",
-	".lan",
-	".home",
-	".internal",
-	".localdomain"
-];
-function F(e) {
-	try {
-		return new URL(e).hostname.toLowerCase();
-	} catch {
-		return;
-	}
-}
-function Me(e) {
-	let t = e.startsWith("[") && e.endsWith("]") ? e.slice(1, -1) : e;
-	return t === "localhost" ? !0 : t.includes(":") ? t === "::1" || P.test(t) || t.startsWith("fe80:") : Ae.test(t) || !t.includes(".") ? !0 : je.some((e) => t.endsWith(e));
-}
-function Ne(e) {
-	let t = e ? F(e) : void 0;
-	return t ? Me(t) : !1;
-}
-function Pe(e, t) {
-	return e ? t === "direct" ? Ne(e.url) : e.mode === "direct-lan" : !1;
-}
-//#endregion
-//#region ~icons/material-symbols-light/cloud-off
-var I = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Fe(e, t) {
-	return n(), _("svg", I, [...t[0] ||= [y("path", {
-		fill: "currentColor",
-		d: "M20.454 21.87L17.612 19H6.5q-1.896 0-3.198-1.302T2 14.5q0-1.829 1.226-3.098t2.87-1.368q.018-.373.208-.925q.19-.553.438-.951l-3.88-3.881l.707-.708l17.593 17.593zm.454-3.812L8.78 5.937q.875-.523 1.612-.73T12 5q2.502 0 4.251 1.749T18 11v1h.616q1.436.046 2.41 1.055T22 15.5q0 .687-.25 1.332t-.842 1.226"
-	}, null, -1)]]);
-}
-var Ie = S({
-	name: "material-symbols-light-cloud-off",
-	render: Fe
-}), Le = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Re(e, t) {
-	return n(), _("svg", Le, [...t[0] ||= [y("path", {
-		fill: "currentColor",
-		d: "m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"
-	}, null, -1)]]);
-}
-var ze = S({
-	name: "material-symbols-check",
-	render: Re
-}), Be = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Ve(e, t) {
-	return n(), _("svg", Be, [...t[0] ||= [y("path", {
-		fill: "currentColor",
-		d: "M20.5 16H15v-1h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h4v1H3.5c-.83 0-1.5.67-1.5 1.5v3c0 .83.67 1.5 1.5 1.5h17c.83 0 1.5-.67 1.5-1.5v-3c0-.83-.67-1.5-1.5-1.5M5 4h14v9H5zm10 16H5v-2h10zm3 0c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1",
-		class: "b"
-	}, null, -1)]]);
-}
-var He = S({
-	name: "boxicons-computer-filled",
-	render: Ve
-}), Ue = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function We(e, t) {
-	return n(), _("svg", Ue, [...t[0] ||= [y("path", {
-		fill: "currentColor",
-		d: "M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2"
-	}, null, -1)]]);
-}
-var Ge = S({
-	name: "mdi-earth",
-	render: We
-}), Ke = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function qe(e, t) {
-	return n(), _("svg", Ke, [...t[0] ||= [y("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 Je = S({
-	name: "mdi-lan",
-	render: qe
-}), Ye = { class: "flex flex-col gap-6" }, Xe = { class: "flex flex-col field-gap" }, Ze = { class: "section-chip" }, L = { class: "text-sm font-bold text-color" }, R = { class: "flex flex-col field-gap" }, Qe = { class: "section-chip" }, $e = { class: "text-sm text-color" }, et = { class: "flex flex-col field-gap" }, tt = { class: "section-chip" }, nt = {
-	key: 0,
-	class: "text-sm text-muted"
-}, rt = {
-	key: 1,
-	class: "flex flex-col gap-2"
-}, it = { class: "flex flex-col min-w-0" }, at = { class: "text-sm text-color" }, z = { class: "text-xs text-muted break-all" }, ot = /* @__PURE__ */ C({
-	__name: "ConnectionDetails",
-	props: {
-		currentType: {},
-		currentAddress: {}
-	},
-	setup(e, { expose: r }) {
-		let i = e, o = new ke(), s = ne(), { t: l } = N(), { data: u } = o.apiInfoQuery(), d = D() ? re() : void 0, f = j(), g = m(() => d?.attempts.rounds.value[0]), b = m(() => d?.target.value?.endpoint.url ?? l("components.connection_details.no_target")), S = m(() => {
-			let e = d?.target.value?.endpoint;
-			return e ? te(e) : l("components.connection_details.no_target");
-		}), C = m(() => g.value?.attempts.map((e) => ({
-			...e,
-			modeLabel: te({
-				url: e.url,
-				mode: e.mode
-			})
-		})) ?? []);
-		function te(e) {
-			return Pe(e, f) ? l("components.connection_details.mode_lan") : l("components.connection_details.mode_wan");
-		}
-		function T(e) {
-			return e.outcome === "connected" && e.url === b.value;
-		}
-		function ie(e) {
-			return T(e) ? "bg-green-500" : e.outcome === "failed" ? "bg-red-500" : "bg-neutral-400";
-		}
-		function E(e) {
-			return e.durationMs === void 0 ? "…" : e.durationMs >= 1e3 ? `${(e.durationMs / 1e3).toFixed(1)} s` : `${e.durationMs} ms`;
-		}
-		function ae(e) {
-			return T(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 oe() {
-			let e = [
-				(/* @__PURE__ */ new Date()).toISOString(),
-				`camera.ui ${u.value?.version ?? "?"}`,
-				"",
-				`${S.value}: ${b.value}`,
-				`server sees: ${i.currentType} ${i.currentAddress}`,
-				""
-			];
-			for (let t of C.value) e.push(`${T(t) ? "+" : "-"} ${t.modeLabel} ${t.url} ${E(t)} ${ae(t)}`);
-			if (g.value?.reason && e.push("", g.value.reason), await me(e.join("\n"))) s.add({
-				severity: "success",
-				detail: l("components.connection_details.copied"),
-				life: 2e3
-			});
-			else return s.add({
-				severity: "error",
-				detail: l("components.connection_details.copy_failed"),
-				life: 3e3
-			}), null;
-		}
-		return r({ onConfirm: oe }), (r, i) => {
-			let o = ee;
-			return n(), _("div", Ye, [
-				y("div", Xe, [
-					y("span", Ze, c(r.$t("components.connection_details.current")), 1),
-					y("span", L, c(p(S)), 1),
-					w(o, {
-						severity: "secondary",
-						variant: "simple",
-						size: "small",
-						class: "cui-input-hint break-all"
-					}, {
-						default: h(() => [x(c(p(b)), 1)]),
-						_: 1
-					})
-				]),
-				y("div", R, [
-					y("span", Qe, c(r.$t("components.connection_details.server_view")), 1),
-					y("span", $e, c(e.currentType), 1),
-					w(o, {
-						severity: "secondary",
-						variant: "simple",
-						size: "small",
-						class: "cui-input-hint break-all"
-					}, {
-						default: h(() => [x(c(e.currentAddress), 1)]),
-						_: 1
-					})
-				]),
-				y("div", et, [y("span", tt, c(r.$t("components.connection_details.last_attempt")), 1), p(C).length === 0 ? (n(), _("p", nt, c(r.$t("components.connection_details.no_attempts")), 1)) : (n(), _("div", rt, [(n(!0), _(v, null, t(p(C), (e) => (n(), _("div", {
-					key: e.url,
-					class: "flex items-start gap-3"
-				}, [y("span", { class: a(["mt-1.5 w-2 h-2 rounded-full shrink-0", ie(e)]) }, null, 2), y("div", it, [y("span", at, [
-					x(c(e.modeLabel) + " ", 1),
-					i[0] ||= y("span", { class: "text-muted" }, "·", -1),
-					x(" " + c(E(e)) + " ", 1),
-					i[1] ||= y("span", { class: "text-muted" }, "·", -1),
-					x(" " + c(ae(e)), 1)
-				]), y("span", z, c(e.url), 1)])]))), 128))]))])
-			]);
-		};
-	}
-}), st = be, ct = ye, lt = { class: "w-full h-full" }, ut = {
-	key: 0,
-	class: "w-full h-full flex items-center justify-center"
-}, dt = {
-	key: 1,
-	class: "flex flex-col w-full gap-6"
-}, ft = { key: 0 }, pt = { class: "card-title" }, mt = { class: "flex items-center gap-4" }, ht = { class: "flex flex-col field-switch-gap min-w-0" }, gt = { class: "text-sm font-bold text-color" }, _t = { class: "card-title" }, vt = { class: "flex flex-col gap-6" }, yt = { class: "flex flex-col field-gap" }, bt = {
-	for: "serverName",
-	class: "cui-label"
-}, xt = { class: "flex items-center gap-4" }, St = { class: "flex flex-col field-switch-gap" }, Ct = { class: "text-sm" }, wt = { class: "ml-auto shrink-0" }, Tt = {
-	key: 1,
-	class: "text-sm font-bold text-amber-500"
-}, Et = {
-	key: 2,
-	class: "text-sm font-bold"
-}, Dt = {
-	key: 0,
-	class: "flex items-center gap-4"
-}, Ot = { class: "flex flex-col field-switch-gap" }, kt = { class: "text-sm" }, At = { class: "ml-auto shrink-0" }, jt = {
-	key: "pairing",
-	class: "cui-toggle-switch flex flex-col gap-4"
-}, Mt = { class: "cui-pair-layout" }, Nt = { class: "cui-pair-qr" }, Pt = { class: "flex flex-col gap-4 flex-1 min-w-0" }, Ft = { class: "flex flex-col field-gap" }, It = { class: "cui-label" }, Lt = { class: "flex flex-col field-gap" }, Rt = { class: "cui-label" }, zt = { class: "flex items-center gap-3" }, Bt = { class: "text-sm" }, Vt = { class: "flex items-center gap-4" }, Ht = { class: "flex" }, Ut = { class: "card-title" }, Wt = { class: "flex flex-col gap-6" }, Gt = { class: "flex flex-col field-gap" }, Kt = { class: "cui-label" }, qt = {
-	for: "directMode",
-	class: "cui-label"
-}, Jt = {
-	key: 0,
-	class: "cui-toggle-switch flex flex-col gap-4"
-}, Yt = { class: "flex flex-col field-gap" }, Xt = {
-	for: "cloudflareVariant",
-	class: "cui-label"
-}, Zt = { class: "flex items-center gap-3" }, Qt = { class: "flex flex-col field-gap" }, $t = {
-	for: "cloudflareHostname",
-	class: "cui-label"
-}, en = { class: "flex flex-col field-gap" }, tn = {
-	for: "cloudflareToken",
-	class: "cui-label"
-}, nn = { class: "flex items-center gap-3" }, rn = { class: "flex flex-col field-gap" }, an = {
-	for: "cloudflareHostnameManaged",
-	class: "cui-label"
-}, on = { class: "flex items-center gap-3" }, sn = {
-	key: 0,
-	class: "cf-login-setup"
-}, cn = { class: "cf-login-qr" }, ln = { class: "flex flex-col gap-4 flex-1 min-w-0" }, un = { class: "flex flex-col field-gap" }, dn = { class: "cui-label" }, fn = { class: "flex items-center gap-3" }, pn = { class: "text-sm" }, mn = {
-	key: 1,
-	class: "flex items-center gap-3"
-}, hn = { class: "text-sm" }, gn = {
-	key: 2,
-	class: "flex items-center gap-3"
-}, _n = { class: "text-sm" }, vn = { class: "flex flex-col field-gap" }, yn = { class: "cui-label" }, bn = {
-	key: 0,
-	class: "flex flex-col field-gap"
-}, xn = { class: "cui-label" }, Sn = { class: "flex items-center gap-3" }, Cn = {
-	key: 1,
-	class: "cui-toggle-switch flex flex-col gap-4"
-}, wn = {
-	for: "customDomain.url",
-	class: "cui-label"
-}, Tn = { class: "flex items-center gap-3" }, En = { class: "card-title" }, Dn = { class: "flex flex-col gap-6" }, On = { class: "text-sm" }, kn = {
-	for: "serverAddresses",
-	class: "cui-label"
-}, An = {
-	for: "localUrl",
-	class: "cui-label"
-}, B = /*#__PURE__*/ A(/* @__PURE__ */ C({
-	__name: "SettingsRemote",
-	setup(t) {
-		let S = new Oe(), C = new O(), re = he(), D = k(), A = ne(), { t: j } = N(), { endpoint: ye, isOnline: be } = ue(), { data: ke, isBusy: Ae } = S.getServerInfoQuery(), { data: P, isBusy: je } = C.getRemoteInfoQuery(), { data: F, isBusy: Me } = C.getRegistrationStatusQuery(), { data: Ne, isLoading: Pe } = C.getTunnelStatusQuery(() => F.value?.isRegistered ?? !1), { data: I } = C.getConnectionInfoQuery(), { mutateAsync: Fe, isPending: Le } = S.patchSystemInfoQuery(), { mutateAsync: Re, isPending: Be } = C.patchRemoteInfoQuery(), { mutateAsync: Ve, isPending: Ue } = C.pairInitMutation(), { mutateAsync: We } = C.pairPollMutation(), { mutateAsync: Ke, isPending: qe } = C.unregisterServerQuery(), { mutateAsync: Ye, isPending: Xe } = C.updateServerNameQuery(), { mutateAsync: Ze, isPending: L } = C.testRemoteModeMutation(), { data: R } = C.getCloudflareManagedStatusQuery(), { mutateAsync: Qe, isPending: $e } = C.cloudflareManagedConnectMutation(), { mutateAsync: et, isPending: tt } = C.cloudflareManagedCancelMutation(), { mutateAsync: nt, isPending: rt } = C.cloudflareManagedDisconnectMutation(), { mutateAsync: it, isPending: at } = C.cloudflareManagedLogoutMutation(), z = s(), B = s(), V = s(""), H = s(""), U = s("quick"), W = s(""), G = s(""), jn = s(!1), K = s(null), q = s(""), Mn = s(null), Nn = s(2), Pn = s(""), J = null, Y = null, X = m(() => Le.value || Be.value || Ae.value || je.value || Me.value || qe.value), Fn = m(() => {
-			let e = ke.value?.availableAddresses ?? [], t = (ke.value?.serverAddresses ?? []).filter((t) => !e.some((e) => e.address === t));
-			return [...e, ...t.map((e) => ({ address: e }))];
-		}), In = m(() => !!(B.value?.enabled || B.value?.directEnabled)), Ln = m(() => P.value?.directOverride ?? {
-			active: !1,
-			fallback: !1
-		}), Z = m(() => F.value?.isRegistered ?? !1), Rn = m(() => F.value?.needsReauth ?? !1), zn = m(() => !X.value), Bn = m(() => {
-			if (!zn.value) return !1;
-			let e = V.value.trim();
-			return !e || e.length > 100 ? !1 : e !== (F.value?.serverName ?? "");
-		}), Vn = m(() => {
-			if (!B.value) return !1;
-			if (B.value.directMode === "customDomain") {
-				let e = H.value.trim();
-				if (!e) return !1;
-				try {
-					new URL(e);
-				} catch {
-					return !1;
-				}
-				return e !== (P.value?.remoteSettings.customDomain.url ?? "");
-			}
-			if (B.value.directMode === "cloudflare") {
-				let e = P.value?.remoteSettings.cloudflare, t = P.value?.remoteSettings.directMode !== "cloudflare", n = U.value;
-				if (n === "quick") return t || e?.mode !== "quick";
-				let r = W.value.trim();
-				if (!r || !/^[a-z0-9.-]+\.[a-z]{2,}$/i.test(r)) return !1;
-				if (n === "token") {
-					let n = G.value.trim();
-					if (!n && !jn.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 B.value.directMode !== P.value?.remoteSettings.directMode;
-		}), Hn = m(() => [{
-			value: "cloudflare",
-			label: j("components.form.label.cloudflare"),
-			description: j("components.form.hint.cloudflare_mode_info")
-		}, {
-			value: "customDomain",
-			label: j("components.form.label.custom_domain"),
-			description: j("components.form.hint.custom_domain_mode_info")
-		}]), Un = m(() => Hn.value.find((e) => e.value === B.value?.directMode)?.description ?? ""), Wn = m(() => [
-			{
-				value: "quick",
-				label: j("components.form.label.cloudflare_variant_quick"),
-				description: j("components.form.hint.cloudflare_variant_quick")
-			},
-			{
-				value: "token",
-				label: j("components.form.label.cloudflare_variant_token"),
-				description: j("components.form.hint.cloudflare_variant_token")
-			},
-			{
-				value: "managed",
-				label: j("components.form.label.cloudflare_variant_managed"),
-				description: j("components.form.hint.cloudflare_variant_managed")
-			}
-		]), Gn = m(() => Wn.value.find((e) => e.value === U.value)?.description ?? ""), Kn = m(() => {
-			if (U.value === "quick") return !0;
-			let e = P.value?.remoteSettings.cloudflare;
-			return e?.mode === U.value && !!e?.hostname;
-		}), Q = m(() => R.value?.state ?? "idle"), qn = m(() => {
-			if (Q.value !== "idle") return !1;
-			let e = W.value.trim();
-			return !!e && /^[a-z0-9.-]+\.[a-z]{2,}$/i.test(e);
-		}), Jn = m(() => {
-			let e = I.value?.currentConnection.type ?? "lan";
-			return j(`views.settings.connection_type.${e}`);
-		}), Yn = m(() => {
-			let e = I.value?.currentConnection.type;
-			return e === "external" ? Ge : e === "local" ? He : Je;
-		}), Xn = m(() => {
-			let e = I.value?.currentConnection.type;
-			return e === "external" ? "text-info" : e === "local" ? "text-primary" : "text-success";
-		});
-		function Zn() {
-			D.openComponentDialog(ot, { data: {
-				title: j("components.connection_details.title"),
-				confirmText: j("components.connection_details.copy"),
-				cancelText: j("components.form.button.close"),
-				contentProps: {
-					currentType: Jn,
-					currentAddress: m(() => I.value?.currentConnection.address ?? "")
-				}
-			} });
-		}
-		async function Qn() {
-			let e = V.value.trim();
-			if (e) try {
-				await Ye(e);
-			} catch {}
-		}
-		function $n() {
-			D.openTextDialog({
-				data: {
-					title: j("components.dialog.title.unregister_server"),
-					confirmText: j("components.form.button.unregister"),
-					contentText: j("components.dialog.message.confirm_unregister_server"),
-					loading: X
-				},
-				onConfirm: async () => {
-					try {
-						await Ke();
-					} catch {}
-				}
-			});
-		}
-		function er() {
-			J &&= (clearTimeout(J), null), Y &&= (clearInterval(Y), null);
-		}
-		function $() {
-			er(), K.value = null, q.value = "", Mn.value = null, Pn.value = "";
-		}
-		function tr(e) {
-			let t = Math.max(0, Math.floor(e / 1e3));
-			return `${Math.floor(t / 60)}:${(t % 60).toString().padStart(2, "0")}`;
-		}
-		function nr() {
-			Y && clearInterval(Y);
-			let e = () => {
-				if (!Mn.value) return;
-				let e = Mn.value - Date.now();
-				e <= 0 ? ($(), A.add({
-					severity: "warn",
-					detail: j("components.toast.pair_expired"),
-					life: 3e3
-				})) : Pn.value = tr(e);
-			};
-			e(), Y = setInterval(e, 1e3);
-		}
-		function rr() {
-			J && clearTimeout(J), J = setTimeout(ir, Nn.value * 1e3);
-		}
-		async function ir() {
-			if (!K.value) return;
-			let e = K.value;
-			try {
-				let t = await We({ name: V.value.trim() || void 0 });
-				if (!K.value || K.value !== e) return;
-				if (t.state === "confirmed") {
-					$();
-					return;
-				}
-				if (t.state === "expired") {
-					$(), A.add({
-						severity: "warn",
-						detail: j("components.toast.pair_expired"),
-						life: 3e3
-					});
-					return;
-				}
-				if (t.state === "denied") {
-					$(), A.add({
-						severity: "warn",
-						detail: j("components.toast.pair_denied"),
-						life: 3e3
-					});
-					return;
-				}
-				t.state === "slow_down" && (Nn.value = Math.min(Nn.value + 2, 10)), rr();
-			} catch (t) {
-				if (!K.value || K.value !== e) return;
-				re.error("pair poll failed:", t), rr();
-			}
-		}
-		async function ar() {
-			$();
-			try {
-				let e = V.value.trim();
-				if (e && e !== (F.value?.serverName ?? "")) try {
-					await Ye(e);
-				} catch {}
-				let t = await Ve(e || void 0);
-				K.value = t.userCode, q.value = t.verificationUriComplete, Mn.value = Date.now() + t.expiresIn * 1e3, Nn.value = Math.max(1, t.pollInterval), nr(), rr();
-			} catch (e) {
-				A.add({
-					severity: "error",
-					detail: e,
-					life: 3e3
-				});
-			}
-		}
-		function or() {
-			$();
-		}
-		async function sr() {
-			if (K.value) try {
-				await me(K.value);
-			} catch {}
-		}
-		async function cr() {
-			if (q.value) try {
-				await me(q.value);
-			} catch {}
-		}
-		function lr() {
-			q.value && window.open(q.value, "_blank", "noopener");
-		}
-		function ur(e) {
-			let t = window.location.host === T || !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", D.openTextDialog({
-				data: {
-					title: j("components.dialog.title.confirm"),
-					contentText: j(n),
-					confirmText: j(e ? "components.form.button.enable" : "components.form.button.disable"),
-					loading: X,
-					confirmButtonProps: e ? void 0 : { severity: "danger" }
-				},
-				onConfirm: async () => {
-					try {
-						await Re(e ? { enabled: !0 } : { enabled: !1 });
-					} catch {
-						B.value && (B.value.enabled = !e);
-					}
-				},
-				onCancel: () => {
-					B.value && (B.value.enabled = !e);
-				}
-			});
-		}
-		function dr(e) {
-			Re({ directEnabled: e }).catch(() => {
-				B.value && (B.value.directEnabled = !e);
-			});
-		}
-		function fr(e) {
-			B.value && (B.value.directMode = e);
-		}
-		function pr(e) {
-			U.value = e;
-		}
-		async function mr() {
-			let e = W.value.trim();
-			if (e) try {
-				await Re({
-					directMode: "cloudflare",
-					cloudflare: {
-						mode: "managed",
-						hostname: e
-					}
-				}), await Qe(e);
-			} catch {}
-		}
-		async function hr() {
-			try {
-				await et();
-			} catch {}
-		}
-		async function gr() {
-			try {
-				await nt();
-			} catch {}
-		}
-		async function _r() {
-			try {
-				await it();
-			} catch {}
-		}
-		async function vr(e) {
-			try {
-				await me(e);
-			} catch {}
-		}
-		function yr(e) {
-			window.open(e, "_blank", "noopener");
-		}
-		async function br(e) {
-			try {
-				let t = await Ze(e);
-				t.ok ? A.add({
-					severity: "success",
-					detail: j("components.toast.remote_test_success"),
-					life: 3e3
-				}) : A.add({
-					severity: "error",
-					detail: j("components.toast.remote_test_failed", { message: t.message ?? "" }),
-					life: 5e3
-				});
-			} catch (e) {
-				A.add({
-					severity: "error",
-					detail: j("components.toast.remote_test_failed", { message: e?.message ?? "" }),
-					life: 5e3
-				});
-			}
-		}
-		async function xr(e) {
-			let t = { directMode: e.directMode };
-			if (e.directMode === "customDomain") t.customDomain = { url: H.value.trim() };
-			else if (e.directMode === "cloudflare") {
-				let e = U.value;
-				if (e === "quick") t.cloudflare = {
-					mode: "quick",
-					hostname: null,
-					token: null
-				};
-				else if (e === "token") {
-					let e = G.value.trim();
-					t.cloudflare = {
-						mode: "token",
-						hostname: W.value.trim(),
-						...e ? { token: e } : {}
-					};
-				} else e === "managed" && (t.cloudflare = {
-					mode: "managed",
-					hostname: W.value.trim(),
-					token: null
-				});
-			}
-			try {
-				await Re(t);
-			} catch {}
-		}
-		async function Sr(e) {
-			try {
-				await Fe(e);
-			} catch {}
-		}
-		return g(() => F.value?.serverName, (e) => {
-			e && (V.value = e);
-		}, { immediate: !0 }), g(Z, (e) => {
-			e && K.value && $();
-		}), g([be, ye], ([e]) => {
-			e && C.queryClient.refetchQueries({
-				queryKey: ["remote", "connection-info"],
-				exact: !0
-			});
-		}), g(ke, (e) => {
-			if (e) {
-				let t = le(e);
-				z.value = {
-					...t,
-					serverAddresses: (t.serverAddresses || []).filter(Boolean),
-					localUrl: t.localUrl ?? ""
-				};
-			}
-		}, {
-			deep: !0,
-			immediate: !0
-		}), g(P, (e) => {
-			if (e) {
-				let t = le(e);
-				B.value = { ...t.remoteSettings }, H.value = t.remoteSettings.customDomain.url ?? "";
-				let n = t.remoteSettings.cloudflare;
-				U.value = n?.mode ?? "quick", W.value = n?.hostname ?? "", G.value = "", jn.value = t.cloudflareTokenSet ?? !1;
-			}
-		}, {
-			deep: !0,
-			immediate: !0
-		}), r(() => {
-			er();
-		}), (t, r) => {
-			let s = pe, m = ee, g = Ee, S = xe, C = _e, ne = fe, re = Te, T = Se, D = ze, O = oe, k = se, le = te, ue = De, A = ae, j = ie, me = Ie, he = Ce, ye = ce, be = we, N = i("tooltip");
-			return n(), _("div", lt, [!p(z) || !p(B) ? (n(), _("div", ut, [w(s, {
-				class: "w-[30px] h-[30px] m-0",
-				"stroke-width": "5"
-			})])) : (n(), _("div", dt, [
-				p(I) ? (n(), _("div", ft, [y("span", pt, c(t.$t("views.settings.connection_status")), 1), w(C, { class: "cui-card" }, {
-					content: h(() => [y("div", mt, [
-						(n(), u(l(p(Yn)), { class: a(["shrink-0 w-6 h-6", p(Xn)]) }, null, 8, ["class"])),
-						y("div", ht, [y("span", gt, c(p(Jn)), 1), w(m, {
-							severity: "secondary",
-							variant: "simple",
-							size: "small",
-							class: "cui-input-switch-hint truncate"
-						}, {
-							default: h(() => [x(c(p(I).currentConnection.address), 1)]),
-							_: 1
-						})]),
-						b((n(), u(S, {
-							rounded: "",
-							text: "",
-							severity: "secondary",
-							class: "ml-auto shrink-0",
-							"aria-label": t.$t("components.connection_details.title"),
-							onClick: Zn
-						}, {
-							icon: h(() => [w(g, { class: "w-5 h-5" })]),
-							_: 1
-						}, 8, ["aria-label"])), [[
-							N,
-							{ value: t.$t("components.connection_details.title") },
-							void 0,
-							{ left: !0 }
-						]])
-					])]),
-					_: 1
-				})])) : d("", !0),
-				w(p(ge), {
-					ref: "remoteFormRef",
-					class: "flex flex-col w-full gap-6",
-					"validation-schema": p(st),
-					onSubmit: r[18] ||= (e) => xr(e)
-				}, {
-					default: h(() => [y("div", null, [y("span", _t, c(t.$t("views.settings.cloud")), 1), w(C, { class: "cui-card" }, {
-						content: h(() => [y("div", vt, [
-							w(p(M), {
-								"model-value": p(B).enabled,
-								value: !0,
-								"unchecked-value": !1,
-								type: "checkbox",
-								name: "enabled"
-							}, {
-								default: h(({ field: e, errors: n }) => [w(re, {
-									label: t.$t("components.form.label.enabled"),
-									hint: t.$t("components.form.hint.cloud_access_enabled_info"),
-									"label-for": "enabled",
-									"error-name": "enabled"
-								}, {
-									default: h(() => [w(ne, o({ "model-value": p(B).enabled }, e, {
-										invalid: n.length > 0,
-										loading: p(X),
-										onValueChange: r[0] ||= (e) => p(B).enabled = e,
-										"onUpdate:modelValue": r[1] ||= (e) => ur(e)
-									}), null, 16, [
-										"model-value",
-										"invalid",
-										"loading"
-									])]),
-									_: 2
-								}, 1032, ["label", "hint"])]),
-								_: 1
-							}, 8, ["model-value"]),
-							y("div", yt, [
-								y("label", bt, c(t.$t("views.settings.server_name_label")), 1),
-								w(k, null, {
-									default: h(() => [w(T, {
-										id: "serverName",
-										modelValue: p(V),
-										"onUpdate:modelValue": r[2] ||= (e) => f(V) ? V.value = e : null,
-										modelModifiers: { trim: !0 },
-										disabled: !p(zn),
-										loading: p(X),
-										type: "text",
-										maxlength: 100
-									}, null, 8, [
-										"modelValue",
-										"disabled",
-										"loading"
-									]), w(O, null, {
-										default: h(() => [b((n(), u(S, {
-											text: "",
-											severity: "secondary",
-											loading: p(Xe),
-											disabled: !p(Bn),
-											type: "button",
-											onClick: Qn
-										}, {
-											icon: h(() => [w(D)]),
-											_: 1
-										}, 8, ["loading", "disabled"])), [[N, { value: t.$t("components.form.button.save") }]])]),
-										_: 1
-									})]),
-									_: 1
-								}),
-								w(m, {
-									severity: "secondary",
-									variant: "simple",
-									size: "small",
-									class: "cui-input-switch-hint"
-								}, {
-									default: h(() => [x(c(t.$t("views.settings.server_name_info")), 1)]),
-									_: 1
-								})
-							]),
-							y("div", xt, [y("div", St, [y("span", Ct, c(t.$t("views.settings.status")), 1), w(m, {
-								severity: "secondary",
-								variant: "simple",
-								size: "small",
-								class: "cui-input-switch-hint"
-							}, {
-								default: h(() => [x(c(t.$t("views.settings.status_info")), 1)]),
-								_: 1
-							})]), y("div", wt, [p(X) ? (n(), u(s, {
-								key: 0,
-								class: "w-[15px] h-[15px] m-0",
-								"stroke-width": "5"
-							})) : p(Rn) ? (n(), _("span", Tt, c(t.$t("views.settings.needs_reauth")), 1)) : (n(), _("span", Et, c(p(Z) ? t.$t("views.settings.registered") : t.$t("views.settings.not_registered")), 1))])]),
-							p(Z) ? (n(), _("div", Dt, [y("div", Ot, [y("span", kt, c(t.$t("views.settings.tunnel_status")), 1), w(m, {
-								severity: "secondary",
-								variant: "simple",
-								size: "small",
-								class: "cui-input-switch-hint"
-							}, {
-								default: h(() => [x(c(t.$t("views.settings.tunnel_status_info")), 1)]),
-								_: 1
-							})]), y("div", At, [p(Pe) ? (n(), u(s, {
-								key: 0,
-								class: "w-[15px] h-[15px] m-0",
-								"stroke-width": "5"
-							})) : (n(), u(le, {
-								key: 1,
-								severity: p(Ne)?.connected ? "success" : "secondary",
-								value: p(Ne)?.connected ? t.$t("views.settings.tunnel_connected") : t.$t("views.settings.tunnel_disconnected")
-							}, null, 8, ["severity", "value"]))])])) : d("", !0),
-							w(e, {
-								name: "fade",
-								mode: "out-in"
-							}, {
-								default: h(() => [p(K) ? (n(), _("div", jt, [w(m, {
-									severity: "error",
-									variant: "simple",
-									size: "small",
-									class: "text-primary"
-								}, {
-									default: h(() => [x(c(t.$t("views.settings.pair_instructions")), 1)]),
-									_: 1
-								}), y("div", Mt, [y("div", Nt, [w(ue, {
-									value: p(q),
-									size: 180,
-									"logo-size": 36
-								}, null, 8, ["value"])]), y("div", Pt, [
-									y("div", Ft, [
-										y("label", It, c(t.$t("views.settings.pair_code")), 1),
-										w(k, null, {
-											default: h(() => [w(T, {
-												"model-value": p(K),
-												readonly: "",
-												class: "font-mono text-lg text-center tracking-widest"
-											}, null, 8, ["model-value"]), w(O, null, {
-												default: h(() => [w(A, {
-													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: p(E),
-													"button-props": {
-														severity: "secondary",
-														text: !0
-													},
-													onAction: sr
-												}, null, 8, ["action-text", "icon"])]),
-												_: 1
-											})]),
-											_: 1
-										}),
-										w(m, {
-											severity: "secondary",
-											variant: "simple",
-											size: "small",
-											class: "cui-input-hint"
-										}, {
-											default: h(() => [x(c(t.$t("views.settings.pair_code_hint")), 1)]),
-											_: 1
-										})
-									]),
-									y("div", Lt, [y("label", Rt, c(t.$t("views.settings.pair_url")), 1), w(k, null, {
-										default: h(() => [
-											w(T, {
-												"model-value": p(q),
-												readonly: "",
-												class: "font-mono text-sm"
-											}, null, 8, ["model-value"]),
-											w(O, null, {
-												default: h(() => [w(A, {
-													"action-text": t.$t("components.form.tooltip.copied"),
-													icon: p(E),
-													"button-props": {
-														severity: "secondary",
-														text: !0
-													},
-													onAction: cr
-												}, null, 8, ["action-text", "icon"])]),
-												_: 1
-											}),
-											w(O, null, {
-												default: h(() => [b((n(), u(S, {
-													type: "button",
-													severity: "secondary",
-													text: "",
-													onClick: lr
-												}, {
-													icon: h(() => [w(p(de))]),
-													_: 1
-												})), [[N, { value: t.$t("components.form.button.open_in_browser") }]])]),
-												_: 1
-											})
-										]),
-										_: 1
-									})]),
-									y("div", zt, [
-										w(s, {
-											class: "w-[20px] h-[20px] m-0",
-											"stroke-width": "5"
-										}),
-										y("span", Bt, c(t.$t("views.settings.pair_waiting", { remaining: p(Pn) })), 1),
-										w(S, {
-											type: "button",
-											severity: "secondary",
-											class: "cui-button-small ml-auto",
-											label: t.$t("components.form.button.cancel"),
-											onClick: or
-										}, null, 8, ["label"])
-									])
-								])])])) : d("", !0)]),
-								_: 1
-							}),
-							y("div", Vt, [
-								y("div", Ht, [b((n(), u(S, {
-									severity: "secondary",
-									rounded: "",
-									class: "cui-icon-lg text-color",
-									disabled: !p(Z),
-									onClick: r[3] ||= (e) => t.$router.absUrl(p("https://cloud.cameraui.com"), !0)
-								}, {
-									icon: h(() => [p(Z) ? (n(), u(j, {
-										key: 0,
-										width: "100%",
-										height: "100%"
-									})) : (n(), u(me, {
-										key: 1,
-										width: "100%",
-										height: "100%"
-									}))]),
-									_: 1
-								}, 8, ["disabled"])), [[N, { value: p(Z) ? t.$t("views.settings.registered") : t.$t("views.settings.not_registered") }]])]),
-								r[22] ||= y("div", { class: "ml-auto" }, null, -1),
-								!p(Z) && !p(K) ? (n(), u(S, {
-									key: 0,
-									loading: p(Ue),
-									class: "cui-button-medium",
-									label: t.$t("components.form.button.register_server"),
-									onClick: ar
-								}, null, 8, ["loading", "label"])) : d("", !0),
-								p(Rn) && !p(K) ? (n(), u(S, {
-									key: 1,
-									loading: p(Ue),
-									severity: "warn",
-									class: "cui-button-medium",
-									label: t.$t("components.form.button.reconnect_server"),
-									onClick: ar
-								}, null, 8, ["loading", "label"])) : d("", !0),
-								p(Z) ? (n(), u(S, {
-									key: 2,
-									loading: p(X),
-									severity: p(Rn) ? "secondary" : void 0,
-									text: p(Rn),
-									class: "cui-button-medium",
-									label: t.$t("components.form.button.unregister_server"),
-									onClick: $n
-								}, null, 8, [
-									"loading",
-									"severity",
-									"text",
-									"label"
-								])) : d("", !0)
-							])
-						])]),
-						_: 1
-					})]), y("div", null, [y("span", Ut, c(t.$t("views.settings.direct_connection")), 1), w(C, { class: "cui-card" }, {
-						content: h(() => [y("div", Wt, [w(p(M), {
-							"model-value": p(B).directEnabled,
-							value: !0,
-							"unchecked-value": !1,
-							type: "checkbox",
-							name: "directEnabled"
-						}, {
-							default: h(({ field: i, errors: a }) => [w(re, {
-								label: t.$t("components.form.label.enabled"),
-								hint: t.$t("views.settings.direct_connection_info"),
-								"label-for": "directEnabled",
-								"error-name": "directEnabled"
-							}, {
-								below: h(() => [w(e, { name: "fade" }, {
-									default: h(() => [p(Ln).active ? (n(), u(m, {
-										key: 0,
-										variant: "simple",
-										size: "small",
-										class: "cui-input-switch-hint text-primary"
-									}, {
-										default: h(() => [x(c(p(Ln).fallback ? t.$t("views.settings.direct_override_fallback") : t.$t("views.settings.direct_override_active")), 1)]),
-										_: 1
-									})) : d("", !0)]),
-									_: 1
-								})]),
-								default: h(() => [w(ne, o({ "model-value": p(In) }, i, {
-									invalid: a.length > 0,
-									loading: p(X),
-									disabled: p(B).enabled,
-									onValueChange: r[4] ||= (e) => p(B).directEnabled = e,
-									"onUpdate:modelValue": r[5] ||= (e) => dr(e)
-								}), null, 16, [
-									"model-value",
-									"invalid",
-									"loading",
-									"disabled"
-								])]),
-								_: 2
-							}, 1032, ["label", "hint"])]),
-							_: 1
-						}, 8, ["model-value"]), p(In) ? (n(), _(v, { key: 0 }, [
-							y("div", Gt, [
-								y("label", Kt, c(t.$t("views.settings.external_url")), 1),
-								w(T, {
-									readonly: "",
-									type: "text",
-									value: p(I)?.externalUrl ?? t.$t("components.form.label.disconnected")
-								}, null, 8, ["value"]),
-								w(m, {
-									severity: "secondary",
-									variant: "simple",
-									size: "small",
-									class: "cui-input-hint"
-								}, {
-									default: h(() => [x(c(t.$t("views.settings.external_url_info")), 1)]),
-									_: 1
-								})
-							]),
-							w(p(M), {
-								"model-value": p(B).directMode,
-								name: "directMode",
-								as: "div",
-								class: "flex flex-col field-gap"
-							}, {
-								default: h(({ errors: n }) => [
-									y("label", qt, c(t.$t("views.settings.connection_method")), 1),
-									w(he, {
-										"model-value": p(B).directMode,
-										options: p(Hn),
-										"option-label": "label",
-										"option-value": "value",
-										invalid: n.length > 0,
-										loading: p(X),
-										"onUpdate:modelValue": r[6] ||= (e) => fr(e)
-									}, null, 8, [
-										"model-value",
-										"options",
-										"invalid",
-										"loading"
-									]),
-									w(e, { name: "fade" }, {
-										default: h(() => [w(p(ve), {
-											name: "directMode",
-											class: "cui-input-error"
-										})]),
-										_: 1
-									}),
-									w(m, {
-										severity: "secondary",
-										variant: "simple",
-										size: "small",
-										class: "cui-input-hint"
-									}, {
-										default: h(() => [x(c(p(Un)), 1)]),
-										_: 1
-									})
-								]),
-								_: 1
-							}, 8, ["model-value"]),
-							p(B).directMode === "cloudflare" ? (n(), _("div", Jt, [
-								y("div", Yt, [
-									y("label", Xt, c(t.$t("components.form.label.cloudflare_variant")), 1),
-									w(he, {
-										"model-value": p(U),
-										options: p(Wn),
-										"option-label": "label",
-										"option-value": "value",
-										loading: p(X),
-										"onUpdate:modelValue": r[7] ||= (e) => pr(e)
-									}, null, 8, [
-										"model-value",
-										"options",
-										"loading"
-									]),
-									w(m, {
-										severity: "secondary",
-										variant: "simple",
-										size: "small",
-										class: "cui-input-hint"
-									}, {
-										default: h(() => [x(c(p(Gn)), 1)]),
-										_: 1
-									})
-								]),
-								p(P)?.cloudflareError ? (n(), u(m, {
-									key: 0,
-									severity: "error",
-									variant: "simple",
-									size: "small"
-								}, {
-									default: h(() => [x(c(p(P).cloudflareError), 1)]),
-									_: 1
-								})) : d("", !0),
-								p(U) === "quick" ? (n(), _(v, { key: 1 }, [w(m, {
-									severity: "secondary",
-									variant: "simple",
-									size: "small",
-									class: "cui-input-hint"
-								}, {
-									default: h(() => [x(c(t.$t("components.form.hint.cloudflare_quick_capacity")), 1)]),
-									_: 1
-								}), y("div", Zt, [w(S, {
-									type: "button",
-									severity: "secondary",
-									loading: p(L),
-									class: "cui-button-small",
-									label: t.$t("components.form.button.test_connection"),
-									onClick: r[8] ||= (e) => br("cloudflare")
-								}, null, 8, ["loading", "label"])])], 64)) : p(U) === "token" ? (n(), _(v, { key: 2 }, [
-									y("div", Qt, [
-										y("label", $t, c(t.$t("components.form.label.hostname")), 1),
-										w(T, {
-											id: "cloudflareHostname",
-											modelValue: p(W),
-											"onUpdate:modelValue": r[9] ||= (e) => f(W) ? W.value = e : null,
-											modelModifiers: { trim: !0 },
-											loading: p(X),
-											type: "text",
-											placeholder: "nvr.example.com",
-											maxlength: 253
-										}, null, 8, ["modelValue", "loading"]),
-										w(m, {
-											severity: "secondary",
-											variant: "simple",
-											size: "small",
-											class: "cui-input-hint"
-										}, {
-											default: h(() => [x(c(t.$t("components.form.hint.cloudflare_hostname_info")), 1)]),
-											_: 1
-										})
-									]),
-									y("div", en, [
-										y("label", tn, c(t.$t("components.form.label.tunnel_token")), 1),
-										w(ye, {
-											id: "cloudflareToken",
-											modelValue: p(G),
-											"onUpdate:modelValue": r[10] ||= (e) => f(G) ? G.value = e : null,
-											modelModifiers: { trim: !0 },
-											loading: p(X),
-											feedback: !1,
-											"toggle-mask": "",
-											fluid: "",
-											placeholder: p(jn) ? "••••••••••••" : "eyJ..."
-										}, null, 8, [
-											"modelValue",
-											"loading",
-											"placeholder"
-										]),
-										w(m, {
-											severity: "secondary",
-											variant: "simple",
-											size: "small",
-											class: "cui-input-hint"
-										}, {
-											default: h(() => [x(c(p(jn) ? t.$t("components.form.hint.cloudflare_token_already_set") : t.$t("components.form.hint.cloudflare_token_info")), 1)]),
-											_: 1
-										})
-									]),
-									y("div", nn, [w(S, {
-										type: "button",
-										severity: "secondary",
-										loading: p(L),
-										disabled: !p(Kn),
-										class: "cui-button-small",
-										label: t.$t("components.form.button.test_connection"),
-										onClick: r[11] ||= (e) => br("cloudflare")
-									}, null, 8, [
-										"loading",
-										"disabled",
-										"label"
-									])])
-								], 64)) : p(U) === "managed" ? (n(), u(e, {
-									key: 3,
-									name: "fade",
-									mode: "out-in"
-								}, {
-									default: h(() => [(n(), _("div", {
-										key: p(Q),
-										class: "flex flex-col gap-4"
-									}, [p(Q) === "idle" ? (n(), _(v, { key: 0 }, [
-										y("div", rn, [
-											y("label", an, c(t.$t("components.form.label.hostname")), 1),
-											w(T, {
-												id: "cloudflareHostnameManaged",
-												modelValue: p(W),
-												"onUpdate:modelValue": r[12] ||= (e) => f(W) ? W.value = e : null,
-												modelModifiers: { trim: !0 },
-												loading: p(X),
-												type: "text",
-												placeholder: "nvr.example.com",
-												maxlength: 253
-											}, null, 8, ["modelValue", "loading"]),
-											w(m, {
-												severity: "secondary",
-												variant: "simple",
-												size: "small",
-												class: "cui-input-hint"
-											}, {
-												default: h(() => [x(c(t.$t("components.form.hint.cloudflare_hostname_info")), 1)]),
-												_: 1
-											})
-										]),
-										p(R)?.lastError ? (n(), u(m, {
-											key: 0,
-											severity: "error",
-											variant: "simple",
-											size: "small"
-										}, {
-											default: h(() => [x(c(p(R).lastError), 1)]),
-											_: 1
-										})) : d("", !0),
-										y("div", on, [w(S, {
-											type: "button",
-											loading: p($e),
-											disabled: !p(qn),
-											class: "cui-button-medium",
-											label: t.$t("components.form.button.connect_cloudflare"),
-											onClick: mr
-										}, null, 8, [
-											"loading",
-											"disabled",
-											"label"
-										])])
-									], 64)) : p(Q) === "awaiting_login" ? (n(), _(v, { key: 1 }, [p(R)?.loginUrl ? (n(), _("div", sn, [y("div", cn, [w(ue, {
-										value: p(R).loginUrl,
-										size: 160,
-										"logo-size": 32
-									}, null, 8, ["value"])]), y("div", ln, [
-										w(m, {
-											variant: "simple",
-											size: "small",
-											class: "text-primary"
-										}, {
-											default: h(() => [x(c(t.$t("components.form.hint.cloudflare_managed_awaiting_login", { hostname: p(W) })), 1)]),
-											_: 1
-										}),
-										y("div", un, [y("label", dn, c(t.$t("components.form.label.cloudflare_url")), 1), w(k, null, {
-											default: h(() => [
-												w(T, {
-													"model-value": p(R).loginUrl,
-													readonly: "",
-													class: "font-mono text-sm"
-												}, null, 8, ["model-value"]),
-												w(O, null, {
-													default: h(() => [w(A, {
-														"action-text": t.$t("components.form.tooltip.copied"),
-														icon: p(E),
-														"button-props": {
-															severity: "secondary",
-															text: !0
-														},
-														onAction: r[13] ||= (e) => vr(p(R).loginUrl)
-													}, null, 8, ["action-text", "icon"])]),
-													_: 1
-												}),
-												w(O, null, {
-													default: h(() => [b((n(), u(S, {
-														type: "button",
-														severity: "secondary",
-														text: "",
-														onClick: r[14] ||= (e) => yr(p(R).loginUrl)
-													}, {
-														icon: h(() => [w(p(de))]),
-														_: 1
-													})), [[N, { value: t.$t("components.form.button.open_in_browser") }]])]),
-													_: 1
-												})
-											]),
-											_: 1
-										})]),
-										y("div", fn, [
-											w(s, {
-												class: "w-[20px] h-[20px] m-0",
-												"stroke-width": "5"
-											}),
-											y("span", pn, c(t.$t("views.settings.cloudflare_login_waiting")), 1),
-											w(S, {
-												type: "button",
-												severity: "secondary",
-												loading: p(tt),
-												class: "cui-button-small ml-auto",
-												label: t.$t("components.form.button.cancel"),
-												onClick: hr
-											}, null, 8, ["loading", "label"])
-										])
-									])])) : (n(), _("div", mn, [
-										w(s, {
-											class: "w-[20px] h-[20px] m-0",
-											"stroke-width": "5"
-										}),
-										y("span", hn, c(t.$t("views.settings.cloudflare_login_waiting")), 1),
-										w(S, {
-											type: "button",
-											severity: "secondary",
-											loading: p(tt),
-											class: "cui-button-small ml-auto",
-											label: t.$t("components.form.button.cancel"),
-											onClick: hr
-										}, null, 8, ["loading", "label"])
-									]))], 64)) : p(Q) === "creating_tunnel" || p(Q) === "setting_dns" ? (n(), _("div", gn, [
-										w(s, {
-											class: "w-[20px] h-[20px] m-0",
-											"stroke-width": "5"
-										}),
-										y("span", _n, c(p(Q) === "creating_tunnel" ? t.$t("components.form.hint.cloudflare_managed_creating_tunnel") : t.$t("components.form.hint.cloudflare_managed_setting_dns", { hostname: p(W) })), 1),
-										w(S, {
-											type: "button",
-											severity: "secondary",
-											loading: p(tt),
-											class: "cui-button-small ml-auto",
-											label: t.$t("components.form.button.cancel"),
-											onClick: hr
-										}, null, 8, ["loading", "label"])
-									])) : p(Q) === "running" ? (n(), _(v, { key: 3 }, [
-										y("div", vn, [
-											y("label", yn, c(t.$t("components.form.label.hostname")), 1),
-											w(T, {
-												readonly: "",
-												value: `https://${p(R)?.hostname ?? ""}`,
-												type: "text"
-											}, null, 8, ["value"]),
-											w(m, {
-												severity: "secondary",
-												variant: "simple",
-												size: "small",
-												class: "cui-input-hint"
-											}, {
-												default: h(() => [x(c(t.$t("components.form.hint.cloudflare_hostname_info")), 1)]),
-												_: 1
-											})
-										]),
-										p(R)?.tunnelId ? (n(), _("div", bn, [
-											y("label", xn, c(t.$t("components.form.label.tunnel_id")), 1),
-											w(T, {
-												readonly: "",
-												value: p(R).tunnelId,
-												type: "text"
-											}, null, 8, ["value"]),
-											w(m, {
-												severity: "secondary",
-												variant: "simple",
-												size: "small",
-												class: "cui-input-hint"
-											}, {
-												default: h(() => [x(c(t.$t("components.form.hint.cloudflare_tunnel_id_info")), 1)]),
-												_: 1
-											})
-										])) : d("", !0),
-										y("div", Sn, [
-											w(S, {
-												type: "button",
-												severity: "secondary",
-												loading: p(L),
-												class: "cui-button-small",
-												label: t.$t("components.form.button.test_connection"),
-												onClick: r[15] ||= (e) => br("cloudflare")
-											}, null, 8, ["loading", "label"]),
-											w(S, {
-												type: "button",
-												severity: "secondary",
-												loading: p(rt),
-												class: "cui-button-small ml-auto",
-												label: t.$t("components.form.button.disconnect"),
-												onClick: gr
-											}, null, 8, ["loading", "label"]),
-											w(S, {
-												type: "button",
-												severity: "danger",
-												loading: p(at),
-												class: "cui-button-small",
-												label: t.$t("components.form.button.logout"),
-												onClick: _r
-											}, null, 8, ["loading", "label"])
-										])
-									], 64)) : d("", !0)]))]),
-									_: 1
-								})) : d("", !0)
-							])) : p(B).directMode === "customDomain" ? (n(), _("div", Cn, [w(p(M), {
-								modelValue: p(H),
-								"onUpdate:modelValue": r[16] ||= (e) => f(H) ? H.value = e : null,
-								modelModifiers: { trim: !0 },
-								loading: p(X),
-								name: "customDomain.url",
-								as: "div",
-								class: "flex flex-col field-gap"
-							}, {
-								default: h(({ field: n, errors: r }) => [
-									y("label", wn, c(t.$t("components.form.label.url")), 1),
-									w(T, o(n, {
-										invalid: r.length > 0,
-										loading: p(X),
-										type: "text",
-										placeholder: "https://my.example.com"
-									}), null, 16, ["invalid", "loading"]),
-									w(e, { name: "fade" }, {
-										default: h(() => [w(p(ve), {
-											name: "customDomain.url",
-											class: "cui-input-error"
-										})]),
-										_: 1
-									})
-								]),
-								_: 1
-							}, 8, ["modelValue", "loading"]), y("div", Tn, [w(S, {
-								type: "button",
-								severity: "secondary",
-								loading: p(L),
-								disabled: !p(H),
-								class: "cui-button-small",
-								label: t.$t("components.form.button.test_connection"),
-								onClick: r[17] ||= (e) => br("customDomain")
-							}, null, 8, [
-								"loading",
-								"disabled",
-								"label"
-							])])])) : d("", !0),
-							w(S, {
-								type: "submit",
-								loading: p(X),
-								disabled: !p(Vn),
-								class: "cui-button-medium ml-auto",
-								label: t.$t("components.form.button.save")
-							}, null, 8, [
-								"loading",
-								"disabled",
-								"label"
-							])
-						], 64)) : d("", !0)])]),
-						_: 1
-					})])]),
-					_: 1
-				}, 8, ["validation-schema"]),
-				w(p(ge), {
-					ref: "serverFormRef",
-					class: "flex flex-col w-full gap-6",
-					"validation-schema": p(ct),
-					onSubmit: r[21] ||= (e) => Sr(e)
-				}, {
-					default: h(() => [y("div", null, [y("span", En, c(t.$t("views.settings.network")), 1), w(C, { class: "cui-card" }, {
-						content: h(() => [y("div", Dn, [
-							y("span", On, c(t.$t("views.settings.network_info")), 1),
-							w(p(M), {
-								"model-value": p(z).serverAddresses,
-								name: "serverAddresses",
-								as: "div",
-								class: "flex flex-col field-gap"
-							}, {
-								default: h(({ field: i, errors: a }) => [
-									y("label", kn, c(t.$t("components.form.label.server_addresses")), 1),
-									w(k, null, {
-										default: h(() => [w(be, o(i, {
-											"model-value": p(z).serverAddresses,
-											options: p(Fn),
-											invalid: a.length > 0,
-											loading: p(X),
-											"max-selected-labels": 2,
-											"show-toggle-all": !1,
-											"show-clear": "",
-											"option-label": "address",
-											"option-value": "address",
-											type: "text",
-											display: "chip",
-											onValueChange: r[19] ||= (e) => p(z).serverAddresses = e
-										}), null, 16, [
-											"model-value",
-											"options",
-											"invalid",
-											"loading"
-										])]),
-										_: 2
-									}, 1024),
-									w(e, { name: "fade" }, {
-										default: h(() => [w(p(ve), {
-											name: "serverAddresses",
-											class: "cui-input-error"
-										})]),
-										_: 1
-									}),
-									a.length ? d("", !0) : (n(), u(m, {
-										key: 0,
-										severity: "secondary",
-										variant: "simple",
-										size: "small",
-										class: "cui-input-hint"
-									}, {
-										default: h(() => [x(c(t.$t("components.form.hint.server_addresses")), 1)]),
-										_: 1
-									}))
-								]),
-								_: 1
-							}, 8, ["model-value"]),
-							w(p(M), {
-								"model-value": p(z).localUrl,
-								name: "localUrl",
-								as: "div",
-								class: "flex flex-col field-gap"
-							}, {
-								default: h(({ field: i, errors: a }) => [
-									y("label", An, c(t.$t("components.form.label.local_url")), 1),
-									w(k, null, {
-										default: h(() => [w(T, o(i, {
-											"model-value": p(z).localUrl,
-											invalid: a.length > 0,
-											loading: p(X),
-											placeholder: "https://camera.home.lan",
-											onValueChange: r[20] ||= (e) => p(z).localUrl = e
-										}), null, 16, [
-											"model-value",
-											"invalid",
-											"loading"
-										])]),
-										_: 2
-									}, 1024),
-									w(e, { name: "fade" }, {
-										default: h(() => [w(p(ve), {
-											name: "localUrl",
-											class: "cui-input-error"
-										})]),
-										_: 1
-									}),
-									a.length ? d("", !0) : (n(), u(m, {
-										key: 0,
-										severity: "secondary",
-										variant: "simple",
-										size: "small",
-										class: "cui-input-hint"
-									}, {
-										default: h(() => [x(c(t.$t("components.form.hint.local_url")), 1)]),
-										_: 1
-									}))
-								]),
-								_: 1
-							}, 8, ["model-value"]),
-							w(S, {
-								type: "submit",
-								loading: p(X),
-								class: "cui-button-medium ml-auto",
-								label: t.$t("components.form.button.save")
-							}, null, 8, ["loading", "label"])
-						])]),
-						_: 1
-					})])]),
-					_: 1
-				}, 8, ["validation-schema"])
-			]))]);
-		};
-	}
-}), [["__scopeId", "data-v-88320acf"]]);
-//#endregion
-export { B as default };