@camera.ui/server 2.4.1 → 2.4.2

package/dist/interface/ha/SettingsAccount-CdjWQCPu.js

@@ -0,0 +1,968 @@
+import { r as e } from "./rolldown-runtime-BItFwnF5.js";
+import { c as t } from "./ripple-CGl9oC16.js";
+import { D as n, G as r, H as i, J as a, M as o, Ot as s, St as c, Tt as l, Xt as u, Y as d, d as f, f as p, gt as m, jt as h, l as g, lt as _, p as v, r as y, rt as b, u as x, ut as S, v as C, vt as w, x as T, y as E, z as ee } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as D } from "./message-CZC3zWwJ.js";
+import { t as te } from "./tag-B53KW-vD.js";
+import { $i as O, A as k, Da as ne, Di as re, Et as ie, F as ae, Ft as oe, I as A, It as se, Lt as ce, Rt as le, Tt as ue, Ui as de, Zn as fe, b as pe, ii as j, ir as me, ka as he, ni as ge, r as M, rr as _e, sr as ve, u as ye, x as be, z as xe } from "./api-DUn3L5D7.js";
+import { n as N, r as Se, s as Ce, t as P } from "./vee-validate-DWIY1QrX.js";
+import { r as we } from "./pinia-BBBIELZl.js";
+import { n as F } from "./vue-i18n-DzDRu5NH.js";
+import { t as Te } from "./CuiButton-CGAd8xvo.js";
+import { t as Ee } from "./inputtext-DfgvQQt_.js";
+import { i as De, t as Oe } from "./CuiDataTable-BFI82F5E.js";
+import { t as ke } from "./CuiToggleRow-4GA_eZL4.js";
+import { t as Ae } from "./CuiQRCode-JSiQ_0PB.js";
+import { n as je, t as I } from "./auth-BPmMlAAg.js";
+//#region ~icons/mdi/key
+var L = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function R(e, t) {
+	return i(), v("svg", L, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M7 14c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m5.6-4c-.8-2.3-3-4-5.6-4c-3.3 0-6 2.7-6 6s2.7 6 6 6c2.6 0 4.8-1.7 5.6-4H16v4h4v-4h3v-4z"
+	}, null, -1)]]);
+}
+var Me = w({
+	name: "mdi-key",
+	render: R
+}), z = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ne(e, t) {
+	return i(), v("svg", z, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M17 19H7V5h10m0-4H7c-1.11 0-2 .89-2 2v18a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2"
+	}, null, -1)]]);
+}
+var Pe = w({
+	name: "mdi-cellphone",
+	render: Ne
+}), Fe = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function B(e, t) {
+	return i(), v("svg", Fe, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M22 18v4h-4v-3h-3v-3h-3l-2.26-2.26c-.55.17-1.13.26-1.74.26a6 6 0 0 1-6-6a6 6 0 0 1 6-6a6 6 0 0 1 6 6c0 .61-.09 1.19-.26 1.74zM7 5a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2"
+	}, null, -1)]]);
+}
+var Ie = w({
+	name: "mdi-key-variant",
+	render: B
+}), Le = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Re(e, t) {
+	return i(), v("svg", Le, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M4 6h16v10H4m16 2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4c-1.11 0-2 .89-2 2v10a2 2 0 0 0 2 2H0v2h24v-2z"
+	}, null, -1)]]);
+}
+var ze = w({
+	name: "mdi-laptop",
+	render: Re
+}), V = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Be(e, t) {
+	return i(), v("svg", V, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M21 17H3V5h18m0-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5v2h8v-2h5a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"
+	}, null, -1)]]);
+}
+var Ve = w({
+	name: "mdi-television",
+	render: Be
+}), He = { class: "flex flex-col gap-6" }, Ue = { class: "token-box" }, H = { class: "token-value" }, We = /*#__PURE__*/ j(/* @__PURE__ */ T({
+	__name: "ApiTokenCreated",
+	props: { token: {} },
+	setup(e, { expose: t }) {
+		let n = e, r = O(), { t: o } = F(), { token: c } = s(n);
+		async function l() {
+			await M(c.value) ? r.add({
+				severity: "success",
+				detail: o("components.toast.copied"),
+				life: 1500
+			}) : r.add({
+				severity: "error",
+				detail: o("components.toast.copy_failed"),
+				life: 3e3
+			});
+		}
+		async function d() {}
+		return t({ onConfirm: d }), (e, t) => {
+			let n = D, r = Te, o = a("tooltip");
+			return i(), v("div", He, [E(n, { severity: "warn" }, {
+				default: _(() => [C(u(e.$t("views.settings.api_tokens.created_warning")), 1)]),
+				_: 1
+			}), x("div", Ue, [x("span", H, u(h(c)), 1), S((i(), f(r, {
+				text: "",
+				rounded: "",
+				class: "cui-icon-md shrink-0",
+				onClick: l
+			}, {
+				icon: _(() => [E(h(oe), {
+					width: "100%",
+					height: "100%"
+				})]),
+				_: 1
+			})), [[o, { value: e.$t("components.form.button.copy") }]])])]);
+		};
+	}
+}), [["__scopeId", "data-v-591cfcb4"]]), Ge = { class: "flex flex-col gap-2 w-full" }, Ke = {
+	for: "apiTokenName",
+	class: "cui-label"
+}, qe = {
+	key: 0,
+	class: "text-xs text-red-500"
+}, Je = /* @__PURE__ */ T({
+	__name: "CreateApiToken",
+	props: { existingNames: {} },
+	setup(e, { expose: t }) {
+		let n = e, r = c(""), a = g(() => n.existingNames.includes(r.value.trim()));
+		return t({ onConfirm: async () => {
+			let e = r.value.trim();
+			return !e || a.value ? null : e;
+		} }), (e, t) => {
+			let n = Ee;
+			return i(), v("div", Ge, [
+				x("label", Ke, u(e.$t("views.settings.api_tokens.name_label")), 1),
+				E(n, {
+					id: "apiTokenName",
+					modelValue: h(r),
+					"onUpdate:modelValue": t[0] ||= (e) => m(r) ? r.value = e : null,
+					class: "w-full",
+					placeholder: e.$t("views.settings.api_tokens.name_placeholder"),
+					autofocus: "",
+					invalid: h(a)
+				}, null, 8, [
+					"modelValue",
+					"placeholder",
+					"invalid"
+				]),
+				h(a) ? (i(), v("span", qe, u(e.$t("views.settings.api_tokens.name_exists")), 1)) : p("", !0)
+			]);
+		};
+	}
+}), Ye = { class: "flex flex-col gap-6" }, Xe = { class: "backup-codes-grid" }, Ze = /*#__PURE__*/ j(/* @__PURE__ */ T({
+	__name: "TwoFactorBackupCodes",
+	props: { backupCodes: {} },
+	setup(e, { expose: t }) {
+		let { backupCodes: n } = s(e);
+		async function a() {}
+		return t({ onConfirm: a }), (e, t) => {
+			let a = D;
+			return i(), v("div", Ye, [E(a, { severity: "warn" }, {
+				default: _(() => [C(u(e.$t("views.settings.security.backup_warning")), 1)]),
+				_: 1
+			}), x("div", Xe, [(i(!0), v(y, null, r(h(n), (e) => (i(), v("span", {
+				key: e,
+				class: "backup-code"
+			}, u(e), 1))), 128))])]);
+		};
+	}
+}), [["__scopeId", "data-v-710c5777"]]), Qe = { class: "flex flex-col gap-6" }, U = { class: "text-muted" }, W = { class: "flex flex-col gap-2 justify-center items-center mt-5" }, G = { class: "cui-label" }, $e = /* @__PURE__ */ T({
+	__name: "TwoFactorDisable",
+	setup(e, { expose: t }) {
+		let r = new I(), a = O(), { t: o } = F(), s = n("dialogRefProps"), { mutateAsync: l, isPending: d } = r.disable2FAQuery(), f = c(""), p = g(() => !!(s.loading?.value || d.value)), _ = g(() => f.value.length < 6);
+		async function y() {
+			if (f.value.length < 6) return null;
+			try {
+				await l({ code: f.value }), a.add({
+					severity: "success",
+					detail: o("views.settings.security.2fa_disabled_success"),
+					life: 3e3
+				});
+			} catch (e) {
+				return a.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				}), null;
+			}
+		}
+		return t({
+			isLoading: p,
+			isDisabled: _,
+			onConfirm: y
+		}), (e, t) => {
+			let n = ie;
+			return i(), v("div", Qe, [x("p", U, u(e.$t("views.settings.security.disable_confirm")), 1), x("div", W, [x("label", G, u(e.$t("views.settings.security.enter_code")), 1), E(n, {
+				modelValue: h(f),
+				"onUpdate:modelValue": t[0] ||= (e) => m(f) ? f.value = e : null,
+				length: 6,
+				"integer-only": "",
+				class: "justify-center"
+			}, null, 8, ["modelValue"])])]);
+		};
+	}
+}), K = { class: "flex flex-col gap-6" }, q = { class: "text-muted" }, J = { class: "flex flex-col gap-2 justify-center items-center mt-5" }, Y = { class: "cui-label" }, et = /* @__PURE__ */ T({
+	__name: "TwoFactorRegenerate",
+	props: { onBackupCodesGenerated: { type: Function } },
+	setup(e, { expose: t }) {
+		let r = new I(), a = e, o = O(), { t: s } = F(), l = n("dialogRefProps"), { mutateAsync: d, isPending: f } = r.regenerateBackupCodesQuery(), p = c(""), _ = g(() => !!(l.loading?.value || f.value)), y = g(() => p.value.length < 6);
+		async function b() {
+			if (p.value.length < 6) return null;
+			try {
+				let e = await d({ code: p.value });
+				o.add({
+					severity: "success",
+					detail: s("views.settings.security.backup_regenerated"),
+					life: 3e3
+				}), a.onBackupCodesGenerated && a.onBackupCodesGenerated(e.backupCodes);
+			} catch (e) {
+				return o.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				}), null;
+			}
+		}
+		return t({
+			isLoading: _,
+			isDisabled: y,
+			onConfirm: b
+		}), (e, t) => {
+			let n = ie;
+			return i(), v("div", K, [x("p", q, u(e.$t("views.settings.security.regenerate_confirm")), 1), x("div", J, [x("label", Y, u(e.$t("views.settings.security.enter_code")), 1), E(n, {
+				modelValue: h(p),
+				"onUpdate:modelValue": t[0] ||= (e) => m(p) ? p.value = e : null,
+				length: 6,
+				"integer-only": "",
+				class: "justify-center"
+			}, null, 8, ["modelValue"])])]);
+		};
+	}
+}), tt = { class: "flex flex-col w-full gap-6" }, nt = { class: "relative" }, rt = { class: "image-upload rounded-full z-1" }, it = { for: "file-input" }, at = { class: "card-title" }, ot = { class: "flex flex-col gap-6" }, st = {
+	for: "username",
+	class: "cui-label"
+}, ct = { class: "card-title" }, lt = { class: "flex flex-col gap-6" }, ut = {
+	for: "password",
+	class: "cui-label"
+}, dt = {
+	for: "passwordConfirm",
+	class: "cui-label"
+}, ft = { class: "relative" }, pt = { class: "image-upload rounded-full z-1" }, mt = { for: "file-input" }, ht = { class: "card-title" }, gt = { class: "flex flex-col gap-6" }, _t = { class: "flex flex-col field-gap" }, vt = {
+	for: "username",
+	class: "cui-label"
+}, yt = { class: "flex flex-row items-end justify-end" }, bt = { key: 0 }, xt = { class: "card-title" }, St = {
+	for: "password",
+	class: "cui-label"
+}, Ct = {
+	for: "passwordConfirm",
+	class: "cui-label"
+}, wt = { class: "flex flex-row items-end justify-end" }, Tt = { class: "card-title" }, Et = {
+	key: 0,
+	class: "flex justify-center py-6"
+}, Dt = {
+	key: "initial",
+	class: "flex flex-col gap-6"
+}, Ot = { class: "flex flex-col gap-1" }, kt = { class: "tfa-row-title" }, At = { class: "tfa-row-description" }, jt = {
+	key: "loading",
+	class: "flex flex-col items-center py-8 gap-3"
+}, Mt = { class: "text-sm text-muted" }, Nt = {
+	key: "setup",
+	class: "tfa-setup"
+}, Pt = { class: "tfa-setup-qr" }, Ft = ["href"], It = { class: "text-sm text-muted text-center mt-3" }, Lt = { class: "flex flex-col gap-5 flex-1" }, Rt = { class: "flex flex-col field-gap" }, zt = { class: "cui-label" }, Bt = { class: "flex flex-col field-gap" }, Vt = { class: "cui-label" }, Ht = { class: "flex gap-2 justify-end" }, Ut = {
+	key: "enabled",
+	class: "flex flex-col gap-6"
+}, Wt = { class: "tfa-row tfa-row-enabled" }, Gt = { class: "tfa-status-icon" }, Kt = { class: "tfa-row-content" }, qt = { class: "tfa-row-title" }, Jt = {
+	key: 0,
+	class: "tfa-backup-info"
+}, Yt = { class: "flex gap-2 justify-end" }, Xt = { key: 1 }, Zt = { class: "card-title" }, Qt = { key: 2 }, $t = { class: "card-title" }, en = { class: "flex flex-col gap-6" }, tn = { class: "text-sm text-muted" }, nn = { class: "text-muted text-sm" }, rn = { class: "flex items-center gap-3" }, an = { class: "flex flex-col min-w-0" }, on = { class: "text-sm font-semibold text-color truncate" }, sn = { class: "text-xs text-muted truncate font-mono" }, cn = { class: "text-xs text-muted" }, ln = { class: "flex flex-row items-end justify-end gap-2" }, un = { class: "card-title" }, dn = { class: "flex flex-col gap-6" }, fn = { class: "text-muted text-sm" }, pn = { class: "flex items-center gap-3" }, mn = { class: "flex flex-col min-w-0" }, hn = { class: "flex items-center gap-2" }, gn = { class: "text-sm font-semibold text-color truncate" }, _n = { class: "text-xs text-muted truncate" }, vn = {
+	key: 0,
+	class: "flex flex-row items-end justify-end gap-2"
+}, X = /*@__PURE__*/ T({
+	__name: "SettingsAccount",
+	props: { firststeps: { type: Boolean } },
+	setup(e, { expose: n }) {
+		let r = new I(), C = e, w = fe(), T = O(), { t: D } = F(), { firststeps: j } = s(C), L = be(), { user: R } = we(L), { data: z, isLoading: Ne } = r.toggleQueryActivator("get2FAStatusQuery", !j.value).get2FAStatusQuery(), { mutateAsync: Fe, isPending: B } = r.setup2FAQuery(), { mutateAsync: Le, isPending: Re } = r.enable2FAQuery(), { data: V, isBusy: Be } = r.toggleQueryActivator("listSessionsQuery", !j.value).listSessionsQuery({
+			page: 1,
+			pageSize: -1
+		}), { mutateAsync: He } = r.revokeSessionQuery(), { mutateAsync: Ue } = r.revokeOtherSessionsQuery(), { data: H, isBusy: Ge } = r.toggleQueryActivator("listApiTokensQuery", !j.value).listApiTokensQuery(), { mutateAsync: Ke, isPending: qe } = r.createApiTokenQuery(), { mutateAsync: Ye } = r.revokeApiTokenQuery(), Xe = ae({
+			password: k,
+			passwordConfirm: A().min(1)
+		}).refine((e) => e.password === e.passwordConfirm, {
+			message: "Passwords do not match",
+			path: ["passwordConfirm"]
+		}), Qe = ae({
+			username: A().min(1),
+			password: k,
+			passwordConfirm: A().min(1)
+		}).refine((e) => e.password === e.passwordConfirm, {
+			message: "Passwords do not match",
+			path: ["passwordConfirm"]
+		}), U = ne(), W = he(), G = b("formRef"), K = b("passwordFormRef"), q = l(), J = c("avatar"), Y = c(R.value?.username ?? ""), X = c(!1), Z = c(!1), Q = c(null), $ = c(""), yn = c(null), bn = c(!1), xn = c(null);
+		c(!1);
+		let Sn = c(!1), Cn = c(!1), wn = g(() => !1), Tn = g(() => !U || R.value?.role === "master"), En = {
+			bodyRow: { class: "text-sm text-secondary" },
+			column: { columnTitle: { class: "text-sm" } }
+		}, Dn = g(() => (V.value ?? []).filter((e) => !e.is_current).length), On = g(() => !Q.value?.secret || !R.value?.username ? "" : `otpauth://totp/${encodeURIComponent(`camera.ui:${R.value.username}`)}?secret=${Q.value.secret}&issuer=camera.ui`);
+		async function kn() {
+			Q.value?.secret && await M(Q.value.secret);
+		}
+		function An(e) {
+			return e === "tv" ? Ve : e === "native" ? Pe : ze;
+		}
+		async function jn(e) {
+			yn.value = e;
+			try {
+				await He({ id: e });
+			} catch (e) {
+				T.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			} finally {
+				yn.value = null;
+			}
+		}
+		function Mn() {
+			w.openComponentDialog(Je, {
+				data: {
+					title: D("views.settings.api_tokens.create"),
+					confirmText: D("views.settings.api_tokens.create_confirm"),
+					contentProps: { existingNames: (H.value ?? []).map((e) => e.name) }
+				},
+				onConfirm: async (e) => {
+					if (e) try {
+						Nn((await Ke({ name: e })).token);
+					} catch (e) {
+						T.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					}
+				}
+			});
+		}
+		function Nn(e) {
+			w.openComponentDialog(We, { data: {
+				title: D("views.settings.api_tokens.created_title"),
+				confirmText: D("components.form.button.close"),
+				hideCancelButton: !0,
+				contentProps: { token: e }
+			} });
+		}
+		function Pn(e) {
+			w.openTextDialog({
+				data: {
+					title: D("views.settings.api_tokens.revoke_title"),
+					contentText: D("views.settings.api_tokens.revoke_confirm", { name: e.name }),
+					confirmText: D("views.settings.api_tokens.revoke"),
+					confirmButtonProps: { severity: "danger" }
+				},
+				onConfirm: async () => {
+					xn.value = e.id;
+					try {
+						await Ye({ id: e.id });
+					} catch (e) {
+						T.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					} finally {
+						xn.value = null;
+					}
+				}
+			});
+		}
+		function Fn() {
+			w.openTextDialog({
+				data: {
+					title: D("views.settings.active_sessions.revoke_others_title"),
+					contentText: D("views.settings.active_sessions.revoke_others_confirm", { count: Dn.value }),
+					confirmText: D("views.settings.active_sessions.revoke"),
+					confirmButtonProps: { severity: "danger" }
+				},
+				onConfirm: async () => {
+					bn.value = !0;
+					try {
+						await Ue();
+					} catch (e) {
+						T.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					} finally {
+						bn.value = !1;
+					}
+				}
+			});
+		}
+		async function In() {
+			try {
+				Q.value = await Fe();
+			} catch (e) {
+				T.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function Ln() {
+			Q.value = null, $.value = "";
+		}
+		async function Rn() {
+			try {
+				let e = await Le({ code: $.value });
+				Q.value = null, $.value = "", T.add({
+					severity: "success",
+					detail: D("views.settings.security.2fa_enabled_success"),
+					life: 3e3
+				}), Vn(e.backupCodes);
+			} catch (e) {
+				T.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function zn() {
+			w.openComponentDialog($e, { data: {
+				title: D("views.settings.security.disable_2fa"),
+				confirmText: D("views.settings.security.disable_2fa"),
+				confirmButtonProps: { severity: "danger" },
+				contentProps: {}
+			} });
+		}
+		function Bn() {
+			w.openComponentDialog(et, { data: {
+				title: D("views.settings.security.regenerate_backup"),
+				confirmText: D("views.settings.security.regenerate_backup"),
+				contentProps: { onBackupCodesGenerated: (e) => {
+					Vn(e);
+				} }
+			} });
+		}
+		function Vn(e) {
+			w.openComponentDialog(Ze, { data: {
+				title: D("views.settings.security.backup_codes"),
+				confirmText: D("components.form.button.close"),
+				hideCancelButton: !0,
+				contentProps: { backupCodes: e }
+			} });
+		}
+		async function Hn(e) {
+			let t = e.target?.files;
+			q.value = t?.[0], J.value = await pe(e) ?? J.value;
+		}
+		async function Un() {
+			X.value = !0;
+			try {
+				let e;
+				q.value && (e = new FormData(), e.append("upload", q.value));
+				let t = R.value?.username !== Y.value;
+				if (t) await L.updateUser({ username: Y.value }, e);
+				else if (e) await L.updateUser(void 0, e);
+				else {
+					X.value = !1;
+					return;
+				}
+				T.add({
+					severity: "success",
+					detail: D("components.toast.profile_updated"),
+					life: 3e3
+				}), q.value = void 0, t && L.logout();
+			} catch {}
+			X.value = !1;
+		}
+		async function Wn(e) {
+			Z.value = !0;
+			try {
+				await L.updateUser({
+					password: e.password,
+					passwordConfirm: e.passwordConfirm
+				}), T.add({
+					severity: "success",
+					detail: D("components.toast.password_updated"),
+					life: 3e3
+				}), K.value?.resetForm(), W || L.logout();
+			} catch (e) {
+				T.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+			Z.value = !1;
+		}
+		async function Gn() {}
+		async function Kn(e) {
+			if (e !== Sn.value) {
+				if (e) T.add({
+					severity: "info",
+					detail: D("views.settings.biometric.enable_hint"),
+					life: 3e3
+				});
+				else {
+					Cn.value = !0;
+					try {
+						await xe(de()), Sn.value = !1, T.add({
+							severity: "success",
+							detail: D("views.settings.biometric.cleared"),
+							life: 3e3
+						});
+					} finally {
+						Cn.value = !1;
+					}
+				}
+			}
+		}
+		return ee(() => {
+			Gn();
+		}), n({ formRef: G }), (e, n) => {
+			let r = _e, s = Ee, c = le, l = Ce, g = ue, b = Te, C = ge, w = Ae, T = se, ee = ce, D = ie, O = re, k = Me, ne = me, ae = ke, A = De, de = ve, fe = Oe, pe = te, he = je, M = a("tooltip");
+			return i(), v("div", null, [x("div", tt, [h(j) ? (i(), f(h(Se), {
+				key: 0,
+				ref_key: "formRef",
+				ref: G,
+				"validation-schema": h(Qe),
+				class: "flex flex-col w-full gap-6"
+			}, {
+				default: _(() => [x("div", nt, [
+					x("div", rt, [x("label", it, [E(r, {
+						src: h(J),
+						size: 64,
+						"show-border": !1,
+						class: "cursor-pointer"
+					}, null, 8, ["src"]), x("input", {
+						id: "file-input",
+						type: "file",
+						class: "hidden",
+						accept: "image/png,image/jpeg,image/jpg",
+						onChange: n[0] ||= (e) => Hn(e)
+					}, null, 32)])]),
+					x("span", at, u(e.$t("views.settings.profile")), 1),
+					E(l, { class: "cui-card" }, {
+						content: _(() => [x("div", ot, [E(h(N), {
+							"model-value": h(R)?.username,
+							name: "username",
+							as: "div",
+							class: "flex flex-col field-gap"
+						}, {
+							default: _(({ field: n, errors: r }) => [
+								x("label", st, u(e.$t("components.form.label.username")), 1),
+								E(c, null, {
+									default: _(() => [E(s, o(n, {
+										invalid: r.length > 0,
+										type: "text"
+									}), null, 16, ["invalid"])]),
+									_: 2
+								}, 1024),
+								E(t, { name: "fade" }, {
+									default: _(() => [E(h(P), {
+										name: "username",
+										class: "cui-input-error"
+									})]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, ["model-value"])])]),
+						_: 1
+					})
+				]), x("div", null, [x("span", ct, u(e.$t("views.settings.password")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [x("div", lt, [E(h(N), {
+						name: "password",
+						as: "div",
+						class: "flex flex-col field-gap"
+					}, {
+						default: _(({ field: n, errors: r }) => [
+							x("label", ut, u(e.$t("components.form.label.new_password")), 1),
+							E(c, null, {
+								default: _(() => [E(g, o({ invalid: r.length > 0 }, n, {
+									feedback: !1,
+									"toggle-mask": ""
+								}), null, 16, ["invalid"])]),
+								_: 2
+							}, 1024),
+							E(t, { name: "fade" }, {
+								default: _(() => [E(h(P), {
+									name: "password",
+									class: "cui-input-error"
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					}), E(h(N), {
+						name: "passwordConfirm",
+						as: "div",
+						class: "flex flex-col field-gap"
+					}, {
+						default: _(({ field: n, errors: r }) => [
+							x("label", dt, u(e.$t("components.form.label.new_password_confirm")), 1),
+							E(c, null, {
+								default: _(() => [E(g, o({ invalid: r.length > 0 }, n, {
+									feedback: !1,
+									"toggle-mask": ""
+								}), null, 16, ["invalid"])]),
+								_: 2
+							}, 1024),
+							E(t, { name: "fade" }, {
+								default: _(() => [E(h(P), {
+									name: "passwordConfirm",
+									class: "cui-input-error"
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					})])]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["validation-schema"])) : (i(), v(y, { key: 1 }, [
+				x("div", ft, [
+					x("div", pt, [x("label", mt, [E(r, {
+						src: h(J),
+						size: 64,
+						"show-border": !1,
+						class: "cursor-pointer"
+					}, null, 8, ["src"]), x("input", {
+						id: "file-input",
+						type: "file",
+						class: "hidden",
+						accept: "image/png,image/jpeg,image/jpg",
+						onChange: n[1] ||= (e) => Hn(e)
+					}, null, 32)])]),
+					x("span", ht, u(e.$t("views.settings.profile")), 1),
+					E(l, { class: "cui-card" }, {
+						content: _(() => [x("div", gt, [x("div", _t, [x("label", vt, u(e.$t("components.form.label.username")), 1), E(c, null, {
+							default: _(() => [E(s, {
+								modelValue: h(Y),
+								"onUpdate:modelValue": n[2] ||= (e) => m(Y) ? Y.value = e : null,
+								loading: h(X),
+								disabled: h(U) || h(W),
+								type: "text"
+							}, null, 8, [
+								"modelValue",
+								"loading",
+								"disabled"
+							])]),
+							_: 1
+						})]), x("div", yt, [E(b, {
+							loading: h(X),
+							class: "cui-button-medium",
+							label: e.$t("components.form.button.update_profile"),
+							onClick: Un
+						}, null, 8, ["loading", "label"])])])]),
+						_: 1
+					})
+				]),
+				h(U) ? p("", !0) : (i(), v("div", bt, [x("span", xt, u(e.$t("views.settings.password")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [E(h(Se), {
+						ref_key: "passwordFormRef",
+						ref: K,
+						"validation-schema": h(Xe),
+						class: "flex flex-col gap-6",
+						onSubmit: n[3] ||= (e) => Wn(e)
+					}, {
+						default: _(() => [
+							E(h(N), {
+								name: "password",
+								as: "div",
+								class: "flex flex-col field-gap"
+							}, {
+								default: _(({ field: n, errors: r }) => [
+									x("label", St, u(e.$t("components.form.label.new_password")), 1),
+									E(c, null, {
+										default: _(() => [E(g, o({ invalid: r.length > 0 }, n, {
+											loading: h(Z),
+											feedback: !1,
+											"toggle-mask": ""
+										}), null, 16, ["invalid", "loading"])]),
+										_: 2
+									}, 1024),
+									E(t, { name: "fade" }, {
+										default: _(() => [E(h(P), {
+											name: "password",
+											class: "cui-input-error"
+										})]),
+										_: 1
+									})
+								]),
+								_: 1
+							}),
+							E(h(N), {
+								name: "passwordConfirm",
+								as: "div",
+								class: "flex flex-col field-gap"
+							}, {
+								default: _(({ field: n, errors: r }) => [
+									x("label", Ct, u(e.$t("components.form.label.new_password_confirm")), 1),
+									E(c, null, {
+										default: _(() => [E(g, o({ invalid: r.length > 0 }, n, {
+											loading: h(Z),
+											feedback: !1,
+											"toggle-mask": ""
+										}), null, 16, ["invalid", "loading"])]),
+										_: 2
+									}, 1024),
+									E(t, { name: "fade" }, {
+										default: _(() => [E(h(P), {
+											name: "passwordConfirm",
+											class: "cui-input-error"
+										})]),
+										_: 1
+									})
+								]),
+								_: 1
+							}),
+							x("div", wt, [E(b, {
+								type: "submit",
+								loading: h(Z),
+								class: "cui-button-medium",
+								label: e.$t("components.form.button.change_password")
+							}, null, 8, ["loading", "label"])])
+						]),
+						_: 1
+					}, 8, ["validation-schema"])]),
+					_: 1
+				})])),
+				x("div", null, [x("span", Tt, u(e.$t("views.settings.security.title")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [h(Ne) ? (i(), v("div", Et, [E(C, {
+						class: "w-[30px] h-[30px] m-0",
+						"stroke-width": "5"
+					})])) : (i(), f(t, {
+						key: 1,
+						name: "fade",
+						mode: "out-in"
+					}, {
+						default: _(() => [!h(z)?.enabled && !h(Q) && !h(B) ? (i(), v("div", Dt, [x("div", Ot, [x("span", kt, u(e.$t("views.settings.security.2fa_title")), 1), x("span", At, u(e.$t("views.settings.security.2fa_description")), 1)]), E(b, {
+							class: "cui-button-medium ml-auto",
+							label: e.$t("views.settings.security.setup_2fa"),
+							onClick: In
+						}, null, 8, ["label"])])) : !h(z)?.enabled && h(B) ? (i(), v("div", jt, [E(C, {
+							class: "w-[30px] h-[30px] m-0",
+							"stroke-width": "5"
+						}), x("span", Mt, u(e.$t("views.settings.security.generating_qr")), 1)])) : !h(z)?.enabled && h(Q) ? (i(), v("div", Nt, [x("div", Pt, [x("a", { href: h(On) }, [E(w, {
+							value: h(On),
+							size: 160,
+							"logo-size": 36
+						}, null, 8, ["value"])], 8, Ft), x("p", It, u(e.$t("views.settings.security.scan_qr")), 1)]), x("div", Lt, [
+							x("div", Rt, [x("label", zt, u(e.$t("views.settings.security.manual_entry")), 1), E(c, null, {
+								default: _(() => [E(s, {
+									"model-value": h(Q)?.secret,
+									readonly: "",
+									class: "font-mono text-sm"
+								}, null, 8, ["model-value"]), E(ee, null, {
+									default: _(() => [E(T, {
+										"action-text": e.$t("components.form.tooltip.copied"),
+										icon: h(oe),
+										"button-props": {
+											severity: "secondary",
+											text: !0
+										},
+										onAction: kn
+									}, null, 8, ["action-text", "icon"])]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							x("div", Bt, [x("label", Vt, u(e.$t("views.settings.security.enter_code")), 1), E(D, {
+								modelValue: h($),
+								"onUpdate:modelValue": n[4] ||= (e) => m($) ? $.value = e : null,
+								length: 6,
+								"integer-only": ""
+							}, null, 8, ["modelValue"])]),
+							x("div", Ht, [E(b, {
+								severity: "secondary",
+								class: "cui-button-medium",
+								label: e.$t("components.form.button.cancel"),
+								onClick: Ln
+							}, null, 8, ["label"]), E(b, {
+								class: "cui-button-medium",
+								label: e.$t("views.settings.security.enable_2fa"),
+								loading: h(Re),
+								disabled: h($).length < 6,
+								onClick: Rn
+							}, null, 8, [
+								"label",
+								"loading",
+								"disabled"
+							])])
+						])])) : (i(), v("div", Ut, [
+							x("div", Wt, [x("div", Gt, [E(O, { class: "w-5 h-5" })]), x("div", Kt, [x("span", qt, u(e.$t("views.settings.security.2fa_enabled")), 1)])]),
+							h(z)?.backupCodesCount === void 0 ? p("", !0) : (i(), v("div", Jt, [E(k, { class: "w-4 h-4" }), x("span", null, u(e.$t("views.settings.security.backup_codes_remaining", { count: h(z).backupCodesCount })), 1)])),
+							x("div", Yt, [E(b, {
+								severity: "secondary",
+								class: "cui-button-medium",
+								label: e.$t("views.settings.security.regenerate_backup"),
+								onClick: Bn
+							}, null, 8, ["label"]), E(b, {
+								severity: "danger",
+								class: "cui-button-medium",
+								label: e.$t("views.settings.security.disable_2fa"),
+								onClick: zn
+							}, null, 8, ["label"])])
+						]))]),
+						_: 1
+					}))]),
+					_: 1
+				})]),
+				h(wn) ? (i(), v("div", Xt, [x("span", Zt, u(e.$t("views.settings.biometric.title")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [E(ae, {
+						plain: "",
+						label: e.$t("views.settings.biometric.label"),
+						hint: e.$t("views.settings.biometric.description")
+					}, {
+						default: _(() => [E(ne, {
+							"model-value": h(Sn),
+							loading: h(Cn),
+							"onUpdate:modelValue": Kn
+						}, null, 8, ["model-value", "loading"])]),
+						_: 1
+					}, 8, ["label", "hint"])]),
+					_: 1
+				})])) : p("", !0),
+				h(Tn) ? (i(), v("div", Qt, [x("span", $t, u(e.$t("views.settings.api_tokens.title")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [x("div", en, [
+						x("span", tn, u(e.$t("views.settings.api_tokens.info")), 1),
+						E(fe, {
+							value: h(H) ?? [],
+							"data-key": "id",
+							loading: h(Ge),
+							pt: En,
+							"striped-rows": "",
+							scrollable: ""
+						}, {
+							loading: _(() => [E(C, {
+								class: "w-[30px] h-[30px] m-0",
+								"stroke-width": "5"
+							})]),
+							empty: _(() => [x("span", nn, u(e.$t("views.settings.api_tokens.empty")), 1)]),
+							default: _(() => [
+								E(A, {
+									field: "name",
+									header: e.$t("views.settings.api_tokens.name_label"),
+									"header-class": "p-2 h-7 min-h-7 max-h-7",
+									class: "p-2 h-7 min-h-7 max-h-7"
+								}, {
+									body: _(({ data: e }) => [x("div", rn, [E(h(Ie), { class: "cui-session-icon" }), x("div", an, [x("span", on, u(e.name), 1), x("span", sn, u(e.token_hint), 1)])])]),
+									_: 1
+								}, 8, ["header"]),
+								E(A, {
+									field: "last_seen_at",
+									header: e.$t("views.settings.api_tokens.last_used"),
+									"header-class": "p-2 h-7 min-h-7 max-h-7",
+									class: "p-2 h-7 min-h-7 max-h-7"
+								}, {
+									body: _(({ data: t }) => [x("span", cn, u(t.last_seen_at > t.created_at ? h(ye)(t.last_seen_at) : e.$t("views.settings.api_tokens.never")), 1)]),
+									_: 1
+								}, 8, ["header"]),
+								E(A, {
+									field: "action",
+									"header-class": "p-2 h-7 min-h-7 max-h-7",
+									class: "p-2 h-7 min-h-7 max-h-7 text-right"
+								}, {
+									body: _(({ data: t }) => [S((i(), f(b, {
+										severity: "danger",
+										text: "",
+										rounded: "",
+										class: "cui-icon-md",
+										loading: h(xn) === t.id,
+										onClick: (e) => Pn(t)
+									}, {
+										icon: _(() => [E(de, {
+											width: "100%",
+											height: "100%"
+										})]),
+										_: 1
+									}, 8, ["loading", "onClick"])), [[M, { value: e.$t("views.settings.api_tokens.revoke") }]])]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, ["value", "loading"]),
+						x("div", ln, [E(b, {
+							loading: h(qe),
+							class: "cui-button-medium mr-4 md:mr-0",
+							label: e.$t("views.settings.api_tokens.create"),
+							onClick: Mn
+						}, null, 8, ["loading", "label"])])
+					])]),
+					_: 1
+				})])) : p("", !0),
+				x("div", null, [x("span", un, u(e.$t("views.settings.active_sessions.title")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [x("div", dn, [E(fe, {
+						value: h(V) ?? [],
+						"data-key": "id",
+						loading: h(Be),
+						pt: En,
+						"striped-rows": "",
+						scrollable: ""
+					}, {
+						loading: _(() => [E(C, {
+							class: "w-[30px] h-[30px] m-0",
+							"stroke-width": "5"
+						})]),
+						empty: _(() => [x("span", fn, u(e.$t("views.settings.active_sessions.empty")), 1)]),
+						default: _(() => [E(A, {
+							field: "device",
+							header: e.$t("views.settings.title_device"),
+							"header-class": "p-2 h-7 min-h-7 max-h-7",
+							class: "p-2 h-7 min-h-7 max-h-7"
+						}, {
+							body: _(({ data: t }) => [x("div", pn, [(i(), f(d(An(t.device.kind)), { class: "cui-session-icon" })), x("div", mn, [x("div", hn, [x("span", gn, u(t.device.name), 1), t.is_current ? (i(), f(pe, {
+								key: 0,
+								severity: "success",
+								value: e.$t("views.settings.active_sessions.this_device"),
+								class: "cui-session-tag"
+							}, null, 8, ["value"])) : p("", !0)]), x("span", _n, u(t.device.ip || "—"), 1)])])]),
+							_: 1
+						}, 8, ["header"]), E(A, {
+							field: "action",
+							"header-class": "p-2 h-7 min-h-7 max-h-7",
+							class: "p-2 h-7 min-h-7 max-h-7 text-right"
+						}, {
+							body: _(({ data: t }) => [t.is_current ? p("", !0) : S((i(), f(b, {
+								key: 0,
+								severity: "danger",
+								text: "",
+								rounded: "",
+								class: "cui-icon-md",
+								loading: h(yn) === t.id,
+								onClick: (e) => jn(t.id)
+							}, {
+								icon: _(() => [E(he, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["loading", "onClick"])), [[M, { value: e.$t("views.settings.active_sessions.revoke") }]])]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["value", "loading"]), h(Dn) > 0 ? (i(), v("div", vn, [E(b, {
+						loading: h(bn),
+						class: "cui-button-medium mr-4 md:mr-0",
+						label: e.$t("views.settings.active_sessions.revoke_all_others", { count: h(Dn) }),
+						onClick: Fn
+					}, null, 8, ["loading", "label"])])) : p("", !0)])]),
+					_: 1
+				})])
+			], 64))])]);
+		};
+	}
+}), Z = /* @__PURE__ */ e({ default: () => Q }), Q = /*#__PURE__*/ j(X, [["__scopeId", "data-v-05805100"]]);
+//#endregion
+export { Z as n, Q as t };