@camera.ui/server 2.2.5-beta.4 → 2.2.6

package/dist/interface/ha/{SettingsSystem-BOv9hNlk.js → SettingsSystem-Bg11qoQX.js}

@@ -1,14 +1,14 @@
 import { H as e, I as t, Jt as n, d as r, f as i, kt as a, l as o, lt as s, ot as c, p as l, r as u, u as d, v as f, wt as p, x as m, xt as h, y as g, z as _ } from "./runtime-core.esm-bundler-_TfE0DWz.js";
 import { t as ee } from "./message-D6dIy_hz.js";
-import { Sr as te, Vi as ne, _t as re, bi as ie, g as ae, jn as oe, mr as v, vr as se, vt as y } from "./api-BP7mlzjP.js";
+import { An as te, Si as ne, Ui as re, _t as v, br as ie, g as ae, gr as y, gt as oe, wr as se } from "./api-D2VzV4is.js";
 import { a as ce, i as le, o as ue } from "./intercomService-B7HkLs6z.js";
 import { n as de } from "./vue-i18n-D5EAy78K.js";
 import { t as fe } from "./button-BouAFgf5.js";
-import { a as pe, c as me, d as he, r as ge, s as _e, t as ve } from "./server-B4b5_Ecu.js";
-import { n as ye } from "./useServerRestart-C8tynLUf.js";
-import { t as be } from "./useUpdateChannel-DSG2RTPe.js";
-import { n as xe, t as Se } from "./api-B_tDa73J.js";
-import { t as Ce } from "./useAppVersion-BH3rU1zz.js";
+import { a as pe, c as me, d as he, r as ge, s as _e, t as ve } from "./server-hCCjQjZE.js";
+import { n as ye } from "./useServerRestart-CRSVcz3z.js";
+import { t as be } from "./useUpdateChannel-C_GU6lj6.js";
+import { n as xe, t as Se } from "./api-CDawdL4p.js";
+import { t as Ce } from "./useAppVersion-wNhZDuvR.js";
 //#region src/subviews/SettingsSystem.vue?vue&type=script&setup=true&lang.ts
 var we = { class: "flex flex-col w-full gap-6" }, Te = { class: "flex items-center gap-4" }, Ee = { class: "flex flex-col field-switch-gap" }, De = {
 	for: "betaChannel",
@@ -40,7 +40,7 @@ var we = { class: "flex flex-col w-full gap-6" }, Te = { class: "flex items-cent
 }, Xe = { class: "flex flex-wrap gap-2 ml-auto" }, Ze = { class: "card-title" }, Qe = { class: "flex flex-col gap-6" }, $e = { class: "text-sm" }, et = { key: 1 }, tt = { class: "card-title" }, nt = { class: "flex flex-col gap-6" }, rt = { class: "text-sm" }, E = /* @__PURE__ */ m({
 	__name: "SettingsSystem",
 	setup(m) {
-		let E = y(() => import("./VersionsHandler-UnrAWn-b.js")), it = y(() => import("./CertificateUpload-PS47Kgbg.js")), D = new Se(), O = new ve(), k = ue(), A = re(), j = ie(), { t: M } = de(), { isElectronApp: N, electron: at } = ce(), { isOnline: P } = ne(), { restarting: F, beginServerRestart: ot } = ye(), { isBeta: st, setBeta: ct } = be(), { appVersion: I, nativeVersion: L, refreshAppVersion: lt } = Ce(), ut = ae(), { data: R, isBusy: dt } = D.apiInfoQuery(), { mutate: ft, isPending: pt } = O.restartServerQuery(), { mutateAsync: mt, isPending: ht } = O.resetServerQuery(), z = h(M("views.settings.unknown")), B = h(M("views.settings.unknown")), V = h(!1), H = p(null), U = h(!1), W = 0, G = o(() => !N && v(void 0, "master")), gt = o(() => {
+		let E = v(() => import("./VersionsHandler-D1FVeYUZ.js")), it = v(() => import("./CertificateUpload-PS47Kgbg.js")), D = new Se(), O = new ve(), k = ue(), A = oe(), j = ne(), { t: M } = de(), { isElectronApp: N, electron: at } = ce(), { isOnline: P } = re(), { restarting: F, beginServerRestart: ot } = ye(), { isBeta: st, setBeta: ct } = be(), { appVersion: I, nativeVersion: L, refreshAppVersion: lt } = Ce(), ut = ae(), { data: R, isBusy: dt } = D.apiInfoQuery(), { mutate: ft, isPending: pt } = O.restartServerQuery(), { mutateAsync: mt, isPending: ht } = O.resetServerQuery(), z = h(M("views.settings.unknown")), B = h(M("views.settings.unknown")), V = h(!1), H = p(null), U = h(!1), W = 0, G = o(() => !N && y(void 0, "master")), gt = o(() => {
 			let e = H.value?.info;
 			return !!(e && e.chainLength <= 1 && !e.selfSigned);
 		}), K = o(() => R.value?.electron ?? !1), q = o(() => pt.value || ht.value || dt.value), J = o(() => R.value?.installedVersion || R.value?.version), Y = o(() => R.value?.restartRequired ?? !1), X = o(() => q.value || !P.value || F.value);
@@ -52,7 +52,7 @@ var we = { class: "flex flex-col w-full gap-6" }, Te = { class: "flex items-cent
 				V.value = !0;
 				try {
 					let e = await ge(), t = new Blob([e], { type: "application/x-x509-ca-cert" });
-					await se({
+					await ie({
 						blob: t,
 						filename: "cert.pem",
 						mimeType: "application/x-x509-ca-cert"
@@ -221,7 +221,7 @@ var we = { class: "flex flex-col w-full gap-6" }, Te = { class: "flex items-cent
 		}), _(() => {
 			N && yt(), G.value && xt();
 		}), (t, o) => {
-			let c = ee, p = oe, m = le, h = te, _ = fe;
+			let c = ee, p = te, m = le, h = se, _ = fe;
 			return e(), l("div", null, [d("div", we, [
 				d("div", null, [g(m, { class: "cui-card" }, {
 					content: s(() => [d("div", null, [d("div", Te, [d("div", Ee, [d("label", De, n(t.$t("views.settings.beta_updates")), 1), g(c, {
@@ -354,7 +354,7 @@ var we = { class: "flex flex-col w-full gap-6" }, Te = { class: "flex items-cent
 					])])]),
 					_: 1
 				})]),
-				("hasPermission" in t ? t.hasPermission : a(v))(void 0, "master") ? (e(), l("div", et, [d("span", tt, n(t.$t("views.settings.reset_server")), 1), g(m, { class: "cui-card !border-red-900" }, {
+				("hasPermission" in t ? t.hasPermission : a(y))(void 0, "master") ? (e(), l("div", et, [d("span", tt, n(t.$t("views.settings.reset_server")), 1), g(m, { class: "cui-card !border-red-900" }, {
 					content: s(() => [d("div", nt, [d("span", rt, n(t.$t("views.settings.reset_server_info")), 1), g(_, {
 						loading: a(q),
 						disabled: a(X),

package/dist/interface/ha/{SettingsUsers-Biv-2F4C.js → SettingsUsers-KpLs9Jnh.js}

@@ -1,83 +1,83 @@
 import { c as e } from "./ripple-ZDATPc2w.js";
 import { D as t, Dt as n, H as r, Jt as i, M as a, Tt as o, Wt as s, _t as c, d as l, f as u, gt as d, kt as f, l as p, lt as m, p as h, qt as g, rt as _, u as v, ut as y, v as b, x, xt as S, y as C } from "./runtime-core.esm-bundler-_TfE0DWz.js";
 import { t as w } from "./tooltip-BDrlgLof.js";
-import { An as T, C as E, F as D, I as O, L as k, On as A, Or as j, Sr as M, T as N, _i as P, _t as F, bi as I, dt as L, kt as R } from "./api-BP7mlzjP.js";
+import { Ar as T, Dn as E, F as D, I as O, Ot as k, P as A, S as j, Si as M, gt as N, kn as P, ut as F, w as I, wr as L, yi as R } from "./api-D2VzV4is.js";
 import { i as z, o as B } from "./intercomService-B7HkLs6z.js";
 import { n as V } from "./vue-i18n-D5EAy78K.js";
 import { n as H, t as U } from "./button-BouAFgf5.js";
-import { i as ee } from "./inputicon-1w06U-Jl.js";
-import { t as W } from "./inputtext-C_ygnPrC.js";
-import { t as G } from "./select-DV7p2EDj.js";
-import { i as K, t as te } from "./CuiDataTable-CN4T8DgP.js";
-import { t as ne } from "./delete-DWdURc9X.js";
-import { n as re, t as ie } from "./auth-DOYDRgFm.js";
+import { i as W } from "./inputicon-1w06U-Jl.js";
+import { t as G } from "./inputtext-C_ygnPrC.js";
+import { t as K } from "./select-DV7p2EDj.js";
+import { i as q, t as ee } from "./CuiDataTable-CIKQLseG.js";
+import { t as te } from "./delete-DWdURc9X.js";
+import { n as ne, t as re } from "./auth-CvLz9C4w.js";
 //#region ~icons/mdi/account-edit
-var q = {
+var J = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function J(e, t) {
-	return r(), h("svg", q, [...t[0] ||= [v("path", {
+function Y(e, t) {
+	return r(), h("svg", J, [...t[0] ||= [v("path", {
 		fill: "currentColor",
 		d: "m21.7 13.35l-1 1l-2.05-2.05l1-1a.55.55 0 0 1 .77 0l1.28 1.28c.21.21.21.56 0 .77M12 18.94l6.06-6.06l2.05 2.05L14.06 21H12zM12 14c-4.42 0-8 1.79-8 4v2h6v-1.89l4-4c-.66-.08-1.33-.11-2-.11m0-10a4 4 0 0 0-4 4a4 4 0 0 0 4 4a4 4 0 0 0 4-4a4 4 0 0 0-4-4"
 	}, null, -1)]]);
 }
-var ae = c({
+var ie = c({
 	name: "mdi-account-edit",
-	render: J
-}), Y = {
+	render: Y
+}), X = {
 	for: "username",
 	class: "cui-label"
-}, X = {
+}, Z = {
 	for: "password",
 	class: "cui-label"
-}, Z = {
+}, Q = {
 	for: "passwordConfirm",
 	class: "cui-label"
-}, Q = {
+}, $ = {
 	for: "role",
 	class: "cui-label"
-}, oe = /* @__PURE__ */ x({
+}, ae = /* @__PURE__ */ x({
 	__name: "UserForm",
 	props: { user: {} },
 	setup(o, { expose: s }) {
-		let c = new P(), d = o, h = B(), g = I(), { t: y } = V(), b = t("dialogRefProps"), { mutateAsync: x, isPending: w } = c.createUserQuery(), { mutateAsync: T, isPending: A } = c.patchUserQuery(), { user: j } = n(d), M = _("formRef"), F = S({}), z = S(["user", "admin"]), H = p(() => !!(b.loading?.value || w.value || A.value));
+		let c = new R(), d = o, h = B(), g = M(), { t: y } = V(), b = t("dialogRefProps"), { mutateAsync: x, isPending: w } = c.createUserQuery(), { mutateAsync: T, isPending: E } = c.patchUserQuery(), { user: N } = n(d), P = _("formRef"), L = S({}), z = S(["user", "admin"]), H = p(() => !!(b.loading?.value || w.value || E.value));
 		async function U() {
-			let e = await M.value?.validate();
+			let e = await P.value?.validate();
 			if (!e?.valid) return h.error("Validation failed", e), g.add({
 				severity: "error",
 				detail: y("components.toast.validation_failed"),
 				life: 3e3
 			}), null;
-			j.value ? await T({
-				username: j.value.username,
-				userData: F.value
-			}) : await x({ userData: F.value });
+			N.value ? await T({
+				username: N.value.username,
+				userData: L.value
+			}) : await x({ userData: L.value });
 		}
 		return s({
 			isLoading: H,
 			onConfirm: U
 		}), (t, n) => {
-			let o = W, s = R, c = L, d = G;
-			return r(), l(f(k), {
+			let o = G, s = k, c = F, d = K;
+			return r(), l(f(O), {
 				ref_key: "formRef",
-				ref: M,
+				ref: P,
 				class: "flex flex-col gap-6",
-				"validation-schema": f(j) ? f(N) : f(E)
+				"validation-schema": f(N) ? f(I) : f(j)
 			}, {
 				default: m(() => [
-					C(f(O), {
-						modelValue: f(F).username,
-						"onUpdate:modelValue": n[0] ||= (e) => f(F).username = e,
+					C(f(D), {
+						modelValue: f(L).username,
+						"onUpdate:modelValue": n[0] ||= (e) => f(L).username = e,
 						modelModifiers: { trim: !0 },
-						value: f(j)?.username ?? f(F).username,
+						value: f(N)?.username ?? f(L).username,
 						name: "username",
 						as: "div",
 						class: "flex flex-col field-gap"
 					}, {
 						default: m(({ field: n, errors: r }) => [
-							v("label", Y, i(t.$t("components.form.label.username")), 1),
+							v("label", X, i(t.$t("components.form.label.username")), 1),
 							C(s, null, {
 								default: m(() => [C(o, a(n, {
 									invalid: r.length > 0,
@@ -87,7 +87,7 @@ var ae = c({
 								_: 2
 							}, 1024),
 							C(e, { name: "fade" }, {
-								default: m(() => [C(f(D), {
+								default: m(() => [C(f(A), {
 									name: "username",
 									class: "cui-input-error"
 								})]),
@@ -96,15 +96,15 @@ var ae = c({
 						]),
 						_: 1
 					}, 8, ["modelValue", "value"]),
-					C(f(O), {
-						modelValue: f(F).password,
-						"onUpdate:modelValue": n[1] ||= (e) => f(F).password = e,
+					C(f(D), {
+						modelValue: f(L).password,
+						"onUpdate:modelValue": n[1] ||= (e) => f(L).password = e,
 						name: "password",
 						as: "div",
 						class: "flex flex-col field-gap"
 					}, {
 						default: m(({ field: n, errors: r }) => [
-							v("label", X, i(t.$t("components.form.label.new_password")), 1),
+							v("label", Z, i(t.$t("components.form.label.new_password")), 1),
 							C(s, null, {
 								default: m(() => [C(c, a({ invalid: r.length > 0 }, n, {
 									loading: f(H),
@@ -114,7 +114,7 @@ var ae = c({
 								_: 2
 							}, 1024),
 							C(e, { name: "fade" }, {
-								default: m(() => [C(f(D), {
+								default: m(() => [C(f(A), {
 									name: "password",
 									class: "cui-input-error"
 								})]),
@@ -123,15 +123,15 @@ var ae = c({
 						]),
 						_: 1
 					}, 8, ["modelValue"]),
-					C(f(O), {
-						modelValue: f(F).passwordConfirm,
-						"onUpdate:modelValue": n[2] ||= (e) => f(F).passwordConfirm = e,
+					C(f(D), {
+						modelValue: f(L).passwordConfirm,
+						"onUpdate:modelValue": n[2] ||= (e) => f(L).passwordConfirm = e,
 						name: "passwordConfirm",
 						as: "div",
 						class: "flex flex-col field-gap"
 					}, {
 						default: m(({ field: n, errors: r }) => [
-							v("label", Z, i(t.$t("components.form.label.new_password_confirm")), 1),
+							v("label", Q, i(t.$t("components.form.label.new_password_confirm")), 1),
 							C(s, null, {
 								default: m(() => [C(c, a({ invalid: r.length > 0 }, n, {
 									loading: f(H),
@@ -141,7 +141,7 @@ var ae = c({
 								_: 2
 							}, 1024),
 							C(e, { name: "fade" }, {
-								default: m(() => [C(f(D), {
+								default: m(() => [C(f(A), {
 									name: "passwordConfirm",
 									class: "cui-input-error"
 								})]),
@@ -150,23 +150,23 @@ var ae = c({
 						]),
 						_: 1
 					}, 8, ["modelValue"]),
-					f(j)?.role === "master" ? u("", !0) : (r(), l(f(O), {
+					f(N)?.role === "master" ? u("", !0) : (r(), l(f(D), {
 						key: 0,
-						"model-value": f(F).role,
+						"model-value": f(L).role,
 						name: "role",
 						as: "div",
 						class: "flex flex-col field-gap"
 					}, {
 						default: m(({ errors: r }) => [
-							v("label", Q, i(t.$t("components.form.label.role")), 1),
+							v("label", $, i(t.$t("components.form.label.role")), 1),
 							C(s, null, {
 								default: m(() => [C(d, {
-									"model-value": f(j)?.role ?? f(F).role,
+									"model-value": f(N)?.role ?? f(L).role,
 									options: f(z),
 									invalid: r.length > 0,
 									loading: f(H),
 									type: "text",
-									onValueChange: n[3] ||= (e) => f(F).role = e
+									onValueChange: n[3] ||= (e) => f(L).role = e
 								}, null, 8, [
 									"model-value",
 									"options",
@@ -176,7 +176,7 @@ var ae = c({
 								_: 2
 							}, 1024),
 							C(e, { name: "fade" }, {
-								default: m(() => [C(f(D), {
+								default: m(() => [C(f(A), {
 									name: "role",
 									class: "cui-input-error"
 								})]),
@@ -190,62 +190,62 @@ var ae = c({
 			}, 8, ["validation-schema"]);
 		};
 	}
-}), se = { class: "flex flex-col w-full gap-6" }, ce = { class: "card-title" }, le = { class: "flex flex-col gap-6" }, $ = { class: "flex items-center gap-2" }, ue = { class: "flex flex-col" }, de = { class: "text-sm font-semibold text-color" }, fe = { class: "text-xs text-muted" }, pe = { class: "relative w-6 h-6" }, me = { class: "flex flex-row items-end justify-end gap-2" }, he = { class: "card-title" }, ge = { class: "flex items-center justify-center" }, _e = { class: "font-medium block max-w-[200px] truncate" }, ve = { class: "text-muted text-sm" }, ye = /* @__PURE__ */ x({
+}), oe = { class: "flex flex-col w-full gap-6" }, se = { class: "card-title" }, ce = { class: "flex flex-col gap-6" }, le = { class: "flex items-center gap-2" }, ue = { class: "flex flex-col" }, de = { class: "text-sm font-semibold text-color" }, fe = { class: "text-xs text-muted" }, pe = { class: "relative w-6 h-6" }, me = { class: "flex flex-row items-end justify-end gap-2" }, he = { class: "card-title" }, ge = { class: "flex items-center justify-center" }, _e = { class: "font-medium block max-w-[200px] truncate" }, ve = { class: "text-muted text-sm" }, ye = /* @__PURE__ */ x({
 	__name: "SettingsUsers",
 	setup(e) {
-		let t = new ie(), n = new P(), a = F(), { mdBreakpoint: c } = j(), { t: u } = V(), x = S({
+		let t = new re(), n = new R(), a = N(), { mdBreakpoint: c } = T(), { t: u } = V(), x = S({
 			pageSize: 15,
 			page: 1
-		}), E = S({
+		}), D = S({
 			page: 1,
 			pageSize: -1
-		}), { data: D, isBusy: O } = n.getUsersQuery(x), { mutate: k, isPending: N } = n.removeUserQuery(), { data: I, isBusy: L } = t.listAllSessionsQuery(E), { mutate: R, isPending: B } = t.revokeSessionQuery(), W = {
+		}), { data: O, isBusy: k } = n.getUsersQuery(x), { mutate: A, isPending: j } = n.removeUserQuery(), { data: M, isBusy: F } = t.listAllSessionsQuery(D), { mutate: I, isPending: B } = t.revokeSessionQuery(), G = {
 			bodyRow: { class: "text-sm text-secondary" },
 			column: { columnTitle: { class: "text-sm" } }
-		}, G = S({ global: {
+		}, K = S({ global: {
 			value: null,
-			matchMode: ee.CONTAINS
-		} }), q = _("menuRef"), J = p(() => O.value || N.value), Y = p(() => I.value ?? []), X = p(() => !!L.value), Z = p(() => [{
+			matchMode: W.CONTAINS
+		} }), J = _("menuRef"), Y = p(() => k.value || j.value), X = p(() => M.value ?? []), Z = p(() => !!F.value), Q = p(() => [{
 			label: u("views.settings.edit"),
-			icon: ae,
-			buttonProps: { disabled: J.value },
+			icon: ie,
+			buttonProps: { disabled: Y.value },
 			onClick: (e) => {
-				Q(e);
+				$(e);
 			}
 		}, {
 			label: u("views.settings.remove"),
-			icon: ne,
+			icon: te,
 			iconProps: { class: "text-red-500" },
 			labelProps: { class: "text-red-500" },
 			buttonProps: {
-				disabled: J.value,
+				disabled: Y.value,
 				severity: "danger"
 			},
 			onClick: (e) => {
-				k({ username: e.username });
+				A({ username: e.username });
 			}
 		}]);
-		function Q(e) {
-			a.openComponentDialog(oe, { data: {
+		function $(e) {
+			a.openComponentDialog(ae, { data: {
 				title: u(e ? "components.dialog.title.edit_user" : "components.dialog.title.create_new_user"),
 				confirmText: u(e ? "components.form.button.save" : "components.form.button.add"),
-				loading: J,
+				loading: Y,
 				contentProps: { user: o(e) }
 			} });
 		}
 		return (e, t) => {
-			let n = M, a = T, o = K, u = U, p = te, _ = z, S = H, E = re, O = w;
-			return r(), h("div", null, [v("div", se, [v("div", null, [v("span", ce, i(e.$t("views.settings.registered_users")), 1), C(_, { class: "cui-card" }, {
-				content: m(() => [v("div", le, [C(p, {
-					filters: f(G),
-					"onUpdate:filters": t[0] ||= (e) => d(G) ? G.value = e : null,
-					value: f(D)?.result,
-					paginator: f(x).page > 1 || f(D)?.result && f(D).result.length > 15,
+			let n = L, a = P, o = q, u = U, p = ee, _ = z, S = H, T = ne, D = w;
+			return r(), h("div", null, [v("div", oe, [v("div", null, [v("span", se, i(e.$t("views.settings.registered_users")), 1), C(_, { class: "cui-card" }, {
+				content: m(() => [v("div", ce, [C(p, {
+					filters: f(K),
+					"onUpdate:filters": t[0] ||= (e) => d(K) ? K.value = e : null,
+					value: f(O)?.result,
+					paginator: f(x).page > 1 || f(O)?.result && f(O).result.length > 15,
 					"data-key": "id",
 					"filter-display": "menu",
-					loading: f(J),
+					loading: f(Y),
 					"global-filter-fields": ["username"],
-					pt: W,
+					pt: G,
 					"striped-rows": "",
 					scrollable: ""
 				}, {
@@ -261,7 +261,7 @@ var ae = c({
 						"header-class": "p-2 h-7 min-h-7 max-h-7 w-40 min-w-40 max-w-40",
 						class: "p-2 h-7 min-h-7 max-h-7 w-40 min-w-40 max-w-40"
 					}, {
-						body: m(({ data: e }) => [v("div", $, [C(a, {
+						body: m(({ data: e }) => [v("div", le, [C(a, {
 							src: e.avatar,
 							size: 54
 						}, null, 8, ["src"]), v("div", ue, [v("span", de, i(e.username), 1), v("span", fe, i(e.role), 1)])])]),
@@ -275,14 +275,14 @@ var ae = c({
 							severity: "secondary",
 							text: "",
 							rounded: "",
-							loading: f(J),
+							loading: f(Y),
 							class: "cui-icon-md",
-							onClick: (t) => f(q)?.toggleMenu(t, void 0, e)
+							onClick: (t) => f(J)?.toggleMenu(t, void 0, e)
 						}, {
 							icon: m(() => [v("div", pe, [
-								v("div", { class: s(["absolute top-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full transform transition-all duration-100 origin-center bg-current", { "w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": f(q)?.isOpen && f(q)?.data?._id === e._id }]) }, null, 2),
-								v("div", { class: s(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1 h-1 rounded-full transition-all duration-100 bg-current", { "opacity-0 scale-0": f(q)?.isOpen && f(q)?.data?._id === e._id }]) }, null, 2),
-								v("div", { class: s(["absolute bottom-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full transform transition-all duration-100 origin-center bg-current", { "w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": f(q)?.isOpen && f(q)?.data?._id === e._id }]) }, null, 2)
+								v("div", { class: s(["absolute top-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full transform transition-all duration-100 origin-center bg-current", { "w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": f(J)?.isOpen && f(J)?.data?._id === e._id }]) }, null, 2),
+								v("div", { class: s(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1 h-1 rounded-full transition-all duration-100 bg-current", { "opacity-0 scale-0": f(J)?.isOpen && f(J)?.data?._id === e._id }]) }, null, 2),
+								v("div", { class: s(["absolute bottom-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full transform transition-all duration-100 origin-center bg-current", { "w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": f(J)?.isOpen && f(J)?.data?._id === e._id }]) }, null, 2)
 							])]),
 							_: 2
 						}, 1032, ["loading", "onClick"])])]),
@@ -296,17 +296,17 @@ var ae = c({
 					"loading"
 				]), v("div", me, [C(u, {
 					severity: "success",
-					loading: f(J),
+					loading: f(Y),
 					class: "cui-button-medium mr-4 md:mr-0",
 					label: e.$t("components.form.button.create_new_user"),
-					onClick: t[1] ||= (e) => Q()
+					onClick: t[1] ||= (e) => $()
 				}, null, 8, ["loading", "label"])])])]),
 				_: 1
 			})]), v("div", null, [v("span", he, i(e.$t("views.settings.logged_in_users")), 1), C(_, { class: "cui-card" }, {
 				content: m(() => [C(p, {
-					value: f(Y),
-					loading: f(X),
-					pt: W,
+					value: f(X),
+					loading: f(Z),
+					pt: G,
 					"striped-rows": "",
 					scrollable: ""
 				}, {
@@ -321,7 +321,7 @@ var ae = c({
 							header: "",
 							style: { width: "3rem" }
 						}, {
-							body: m(({ data: t }) => [v("div", ge, [y(C(S, { style: g({ background: t.is_current ? "var(--primary-500)" : "transparent" }) }, null, 8, ["style"]), [[O, { value: t.is_current ? e.$t("components.user_table.you") : void 0 }]])])]),
+							body: m(({ data: t }) => [v("div", ge, [y(C(S, { style: g({ background: t.is_current ? "var(--primary-500)" : "transparent" }) }, null, 8, ["style"]), [[D, { value: t.is_current ? e.$t("components.user_table.you") : void 0 }]])])]),
 							_: 1
 						}),
 						C(o, {
@@ -352,24 +352,24 @@ var ae = c({
 								rounded: "",
 								loading: f(B),
 								class: "cui-icon-md",
-								onClick: (e) => f(R)({ id: t.id })
+								onClick: (e) => f(I)({ id: t.id })
 							}, {
-								icon: m(() => [C(E, {
+								icon: m(() => [C(T, {
 									width: "100%",
 									height: "100%"
 								})]),
 								_: 1
-							}, 8, ["loading", "onClick"])), [[O, { value: e.$t("views.settings.active_sessions.revoke") }]])]),
+							}, 8, ["loading", "onClick"])), [[D, { value: e.$t("views.settings.active_sessions.revoke") }]])]),
 							_: 1
 						})
 					]),
 					_: 1
 				}, 8, ["value", "loading"])]),
 				_: 1
-			})])]), C(A, {
+			})])]), C(E, {
 				ref_key: "menuRef",
-				ref: q,
-				items: f(Z),
+				ref: J,
+				items: f(Q),
 				popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 			}, null, 8, ["items"])]);
 		};