@camera.ui/server 2.2.7 → 2.3.0

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

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