@camera.ui/server 2.1.12 → 2.1.14-beta.0

package/dist/interface/ha/SettingsAccount-2e_Vjpev.js

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