@camera.ui/server 2.2.1 → 2.2.2

package/dist/interface/ha/{Training-BbRm4L9a.js → Training-BgvpsKPM.js}

@@ -3,106 +3,106 @@ import { G as t, H as n, I as r, Jt as i, Wt as a, Y as o, _t as s, d as c, f as
 import { t as ne } from "./tooltip-X5MY9FoG.js";
 import { t as T } from "./chevron-down-CN3LNAsG.js";
 import { t as re } from "./tag-Bko2QYOK.js";
-import { Ai as E, B as D, Di as O, Dr as ie, Fn as ae, Fr as k, Ft as oe, H as A, K as se, Lr as j, Nt as ce, Or as M, Pr as le, Pt as N, R as P, Sn as ue, V as F, _a as de, bi as fe, c as pe, d as I, en as me, ft as L, hr as he, it as ge, ki as R, m as _e, mr as ve, oa as z, qi as B, si as ye, z as be } from "./api-C0pVlzsW.js";
-import { S as V, _ as xe, b as Se, i as Ce, w as we } from "./intercomService-Dwd0bhSN.js";
-import { n as Te } from "./vue-i18n-BBObX4QY.js";
-import { t as Ee } from "./button-DJDZxmKj.js";
-import { n as De, t as Oe } from "./inputicon-BPVltPdr.js";
-import { t as ke } from "./inputtext-vdcrNX6K.js";
-import { a as Ae } from "./datepicker-DpDmhDeD.js";
-import { t as je } from "./close-C_ajB9j7.js";
-import { t as Me } from "./progressbar-C2663Zd7.js";
-import { t as Ne } from "./ring-resize-11TaovpK.js";
-import { t as H } from "./search-DMJuYUDF.js";
-import { n as Pe, t as Fe } from "./cloud-check-gKe6M70h.js";
-import { t as Ie } from "./trash-can-outline-XdMf3dMc.js";
-import { t as Le } from "./back-filled-B-jI6Dqb.js";
-import { t as Re } from "./help-circle-outline-Du1jH6xY.js";
-import { t as ze } from "./settings-DkoB1zyf.js";
+import { B as E, Dr as D, Dt as O, Et as ie, Ii as k, J as A, Kt as j, R as M, Tn as ae, Tr as N, Tt as oe, V as P, W as se, Xr as F, Yi as I, _r as L, ar as ce, c as le, d as ue, gi as de, ir as fe, li as R, m as pe, mt as me, oa as z, ot as he, pn as ge, vi as B, vr as V, wr as _e, yi as H, z as ve } from "./api-JPS8NpNG.js";
+import { S as U, _ as ye, b as be, i as xe, w as Se } from "./intercomService-Dwd0bhSN.js";
+import { n as Ce } from "./vue-i18n-BBObX4QY.js";
+import { t as we } from "./button-DJDZxmKj.js";
+import { n as Te, t as Ee } from "./inputicon-BPVltPdr.js";
+import { t as De } from "./inputtext-vdcrNX6K.js";
+import { t as Oe } from "./checkbox-D012nd17.js";
+import { t as ke } from "./close-C_ajB9j7.js";
+import { t as Ae } from "./progressbar-C2663Zd7.js";
+import { t as je } from "./ring-resize-11TaovpK.js";
+import { t as W } from "./search-DMJuYUDF.js";
+import { n as Me, t as Ne } from "./cloud-check-gKe6M70h.js";
+import { t as Pe } from "./trash-can-outline-XdMf3dMc.js";
+import { t as Fe } from "./back-filled-B-jI6Dqb.js";
+import { t as Ie } from "./help-circle-outline-Du1jH6xY.js";
+import { t as Le } from "./settings-DkoB1zyf.js";
 //#region ~icons/mdi/cloud-check-outline
-var Be = {
+var Re = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Ve(e, t) {
-	return n(), m("svg", Be, [...t[0] ||= [v("path", {
+function ze(e, t) {
+	return n(), m("svg", Re, [...t[0] ||= [v("path", {
 		fill: "currentColor",
 		d: "M13 19c0 .34.04.67.09 1H6.5c-1.5 0-2.81-.5-3.89-1.57C1.54 17.38 1 16.09 1 14.58q0-1.95 1.17-3.48C3.34 9.57 4 9.43 5.25 9.15c.42-1.53 1.25-2.77 2.5-3.72S10.42 4 12 4c1.95 0 3.6.68 4.96 2.04S19 9.05 19 11c1.15.13 2.1.63 2.86 1.5c.51.57.84 1.21 1 1.92A5.9 5.9 0 0 0 19 13h-2v-2c0-1.38-.5-2.56-1.46-3.54C14.56 6.5 13.38 6 12 6s-2.56.5-3.54 1.46C7.5 8.44 7 9.62 7 11h-.5c-.97 0-1.79.34-2.47 1.03c-.69.68-1.03 1.5-1.03 2.47s.34 1.79 1.03 2.5c.68.66 1.5 1 2.47 1h6.59c-.05.33-.09.66-.09 1m4.75.43l-1.59-1.59L15 19l2.75 3l4.75-4.75l-1.16-1.41z"
 	}, null, -1)]]);
 }
-var He = s({
+var Be = s({
 	name: "mdi-cloud-check-outline",
-	render: Ve
-}), Ue = {
+	render: ze
+}), Ve = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function U(e, t) {
-	return n(), m("svg", Ue, [...t[0] ||= [v("path", {
+function G(e, t) {
+	return n(), m("svg", Ve, [...t[0] ||= [v("path", {
 		fill: "currentColor",
 		d: "M6.5 20q-2.28 0-3.89-1.57Q1 16.85 1 14.58q0-1.95 1.17-3.48q1.18-1.53 3.08-1.95q.63-2.3 2.5-3.72Q9.63 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1.88-1.31 3.19T18.5 20H13q-.82 0-1.41-.59Q11 18.83 11 18v-5.15L9.4 14.4L8 13l4-4l4 4l-1.4 1.4l-1.6-1.55V18h5.5q1.05 0 1.77-.73q.73-.72.73-1.77t-.73-1.77Q19.55 13 18.5 13H17v-2q0-2.07-1.46-3.54Q14.08 6 12 6Q9.93 6 8.46 7.46Q7 8.93 7 11h-.5q-1.45 0-2.47 1.03Q3 13.05 3 14.5T4.03 17q1.02 1 2.47 1H9v2m3-7"
 	}, null, -1)]]);
 }
-var We = s({
+var He = s({
 	name: "mdi-cloud-upload-outline",
-	render: U
-}), W = 200;
-async function G(e = {}, { signal: t } = {}) {
-	return (await z.get("/training/candidates", {
+	render: G
+}), K = 200;
+async function q(e = {}, { signal: t } = {}) {
+	return (await I.get("/training/candidates", {
 		params: e,
 		signal: t
 	})).data;
 }
-async function Ge(e, t) {
-	return (await z.patch(`/training/candidates/${e}`, t)).data;
+async function Ue(e, t) {
+	return (await I.patch(`/training/candidates/${e}`, t)).data;
 }
-async function K(e) {
-	await z.delete(`/training/candidates/${e}`);
+async function J(e) {
+	await I.delete(`/training/candidates/${e}`);
 }
-async function q(e) {
+async function Y(e) {
 	let t = 0;
-	for (let n = 0; n < e.length; n += W) {
-		let r = await z.post("/training/candidates/submit", { ids: e.slice(n, n + W) });
+	for (let n = 0; n < e.length; n += K) {
+		let r = await I.post("/training/candidates/submit", { ids: e.slice(n, n + K) });
 		t += r.data.queued;
 	}
 	return { queued: t };
 }
-async function J({ cursor: e, signal: t } = {}) {
-	return (await z.get("/training/submissions", {
+async function X({ cursor: e, signal: t } = {}) {
+	return (await I.get("/training/submissions", {
 		params: e ? { cursor: e } : void 0,
 		signal: t
 	})).data;
 }
-async function Y(e) {
-	await z.delete(`/training/submissions/${e}`);
+async function Z(e) {
+	await I.delete(`/training/submissions/${e}`);
 }
-async function X({ signal: e } = {}) {
-	return (await z.get("/training/settings", { signal: e })).data;
+async function Q({ signal: e } = {}) {
+	return (await I.get("/training/settings", { signal: e })).data;
 }
-async function Ke(e) {
-	return (await z.patch("/training/settings", e)).data;
+async function We(e) {
+	return (await I.patch("/training/settings", e)).data;
 }
-var qe = class {
-	queryClient = B();
+var Ge = class {
+	queryClient = k();
 	getCandidatesQuery() {
-		return O({
+		return de({
 			queryKey: ["training-candidates"],
-			queryFn: ({ signal: e }) => G({}, { signal: e }),
+			queryFn: ({ signal: e }) => q({}, { signal: e }),
 			staleTime: 5e3
 		});
 	}
 	getSettingsQuery() {
-		return O({
+		return de({
 			queryKey: ["training-settings"],
-			queryFn: ({ signal: e }) => X({ signal: e }),
+			queryFn: ({ signal: e }) => Q({ signal: e }),
 			staleTime: 3e4
 		});
 	}
 	patchCandidateMutation() {
-		return E({
-			mutationFn: ({ id: e, patch: t }) => Ge(e, t),
+		return H({
+			mutationFn: ({ id: e, patch: t }) => Ue(e, t),
 			onSuccess: async () => {
 				await this.queryClient.refetchQueries({
 					queryKey: ["training-candidates"],
@@ -112,8 +112,8 @@ var qe = class {
 		});
 	}
 	deleteCandidateMutation() {
-		return E({
-			mutationFn: K,
+		return H({
+			mutationFn: J,
 			onSuccess: async () => {
 				await this.queryClient.refetchQueries({
 					queryKey: ["training-candidates"],
@@ -123,11 +123,11 @@ var qe = class {
 		});
 	}
 	deleteSubmissionMutation() {
-		return E({ mutationFn: Y });
+		return H({ mutationFn: Z });
 	}
 	submitCandidatesMutation() {
-		return E({
-			mutationFn: q,
+		return H({
+			mutationFn: Y,
 			onSuccess: async () => {
 				await this.queryClient.refetchQueries({
 					queryKey: ["training-candidates"],
@@ -137,8 +137,8 @@ var qe = class {
 		});
 	}
 	patchSettingsMutation() {
-		return E({
-			mutationFn: Ke,
+		return H({
+			mutationFn: We,
 			onSuccess: async () => {
 				await this.queryClient.refetchQueries({
 					queryKey: ["training-settings"],
@@ -147,17 +147,17 @@ var qe = class {
 			}
 		});
 	}
-}, Je = [
+}, Ke = [
 	"person",
 	"vehicle",
 	"animal",
 	"package",
 	"face",
 	"license_plate"
-], Ye = { desktop: {
+], qe = { desktop: {
 	maxWidth: "1280px",
 	width: "85vw"
-} }, Xe = { class: "flex items-center justify-between gap-2 text-sm" }, Ze = { class: "min-w-0 flex items-center gap-2" }, Qe = { class: "font-medium truncate" }, $e = { class: "text-muted shrink-0" }, et = { class: "text-muted tabular-nums shrink-0" }, Z = ["data-stage-zoom"], tt = ["src"], nt = [
+} }, Je = { class: "flex items-center justify-between gap-2 text-sm" }, Ye = { class: "min-w-0 flex items-center gap-2" }, Xe = { class: "font-medium truncate" }, Ze = { class: "text-muted shrink-0" }, Qe = { class: "text-muted tabular-nums shrink-0" }, $e = ["data-stage-zoom"], et = ["src"], tt = [
 	"x",
 	"y",
 	"width",
@@ -167,53 +167,53 @@ var qe = class {
 	"fill-opacity",
 	"stroke-width",
 	"onPointerdown"
-], rt = ["onPointerdown"], it = ["cx", "cy"], at = [
+], nt = ["onPointerdown"], rt = ["cx", "cy"], it = [
 	"cx",
 	"cy",
 	"fill"
-], ot = [
+], at = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"stroke",
 	"fill"
-], st = ["data-box-label", "onClick"], ct = { class: "bbox-label-text" }, lt = {
+], ot = ["data-box-label", "onPointerdown"], st = { class: "bbox-label-text" }, ct = {
 	key: 0,
 	class: "bbox-label-confidence"
-}, ut = {
+}, lt = {
 	key: 1,
 	class: "bbox-label-confidence"
-}, dt = ["src"], ft = { class: "absolute inset-0 w-full h-full" }, pt = [
+}, ut = ["src"], dt = { class: "absolute inset-0 w-full h-full" }, ft = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"stroke",
 	"fill"
-], mt = [
+], pt = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"stroke",
 	"fill"
-], ht = {
+], mt = {
 	key: 2,
 	class: "absolute left-2 top-1/2 -translate-y-1/2 z-[5] dark-mode"
-}, gt = {
+}, ht = {
 	key: 3,
 	class: "absolute right-2 top-1/2 -translate-y-1/2 z-[5] dark-mode"
-}, _t = {
+}, gt = {
 	key: 0,
 	class: "flex items-center justify-center gap-2"
-}, vt = {
+}, _t = {
 	class: "text-muted text-sm",
 	for: "plate-text"
-}, yt = { class: "flex items-center justify-center gap-1.5" }, bt = { class: "text-muted text-sm text-center" }, xt = {
+}, vt = { class: "flex items-center justify-center gap-1.5" }, yt = { class: "text-muted text-sm text-center" }, bt = {
 	key: 1,
 	class: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 justify-center mx-auto text-sm text-muted"
-}, St = .01, Ct = .006, wt = 26, Tt = 60, Et = 400, Dt = 110, Ot = 2, kt = 80, At = 50, jt = .003, Mt = /*#__PURE__*/ M(/* @__PURE__ */ x({
+}, xt = .01, St = .006, Ct = 26, wt = 60, Tt = 400, Et = 110, Dt = 2, Ot = 80, kt = 50, At = .003, jt = /*#__PURE__*/ V(/* @__PURE__ */ x({
 	__name: "TrainingBoxEditor",
 	props: {
 		candidates: {},
@@ -224,66 +224,66 @@ var qe = class {
 		onDelete: { type: Function }
 	},
 	setup(r, { expose: s }) {
-		let u = r, { t: y, te: x } = Te(), ne = [
+		let u = r, { t: y, te: x } = Ce(), ne = [
 			"nw",
 			"ne",
 			"sw",
 			"se"
-		], T = /* @__PURE__ */ new Map(), E = w(/* @__PURE__ */ new Set()), D = w(/* @__PURE__ */ new Set()), O = Math.max(0, u.candidates.findIndex((e) => e.id === u.startId)), ie = _e(), k = _("rootRef"), A = _("labelMenuRef"), se = _("stageRef"), j = _("frameRef"), ce = _("svgRef"), M = S(u.candidates[O]?.boxes.map((e) => ({ ...e })) ?? []), le = S({
+		], T = /* @__PURE__ */ new Map(), E = w(/* @__PURE__ */ new Set()), D = w(/* @__PURE__ */ new Set()), ie = Math.max(0, u.candidates.findIndex((e) => e.id === u.startId)), k = pe(), A = _("rootRef"), j = _("labelMenuRef"), M = _("stageRef"), N = _("frameRef"), oe = _("svgRef"), P = S(u.candidates[ie]?.boxes.map((e) => ({ ...e })) ?? []), se = S({
 			w: 16,
 			h: 9
-		}), N = S(null), P = S(null), F = S(-1), de = S(!1), fe = we("(any-pointer: fine)"), I = S(null), me = null, L = S(-1), R = S("person"), z = S(O), { zoom: B, pan: ye, constraining: be, minimapStyle: V, minimapBoxStyle: Ce, onZoomPan: De, onDoubleClick: Oe, onTouchStart: Ae, onTouchEnd: je, reset: Me } = ge(se, j), { height: Ne } = xe(j), H = f(() => u.candidates[z.value]), Pe = f(() => u.candidates.slice(0, z.value + 1).filter((e) => !E.has(e.id)).length), Fe = f(() => u.candidates.filter((e) => !E.has(e.id)).length), Le = f(() => u.candidates.slice(0, z.value).some((e) => !E.has(e.id))), ze = f(() => u.candidates.slice(z.value + 1).some((e) => !E.has(e.id))), Be = f(() => D.has(H.value.id) ? "verified" : H.value.status), Ve = f(() => {
-			let e = M.value[F.value];
+		}), F = S(null), I = S(null), L = S(-1), ue = S(!1), de = Se("(any-pointer: fine)"), R = S(null), me = null, z = S(-1), B = S("person"), V = S(ie), { zoom: _e, pan: H, constraining: ve, minimapStyle: U, minimapBoxStyle: xe, onZoomPan: Te, onDoubleClick: Ee, onTouchStart: Oe, onTouchEnd: ke, reset: Ae } = he(M, N), { height: je } = ye(N), W = f(() => u.candidates[V.value]), Me = f(() => u.candidates.slice(0, V.value + 1).filter((e) => !E.has(e.id)).length), Ne = f(() => u.candidates.filter((e) => !E.has(e.id)).length), Fe = f(() => u.candidates.slice(0, V.value).some((e) => !E.has(e.id))), Le = f(() => u.candidates.slice(V.value + 1).some((e) => !E.has(e.id))), Re = f(() => D.has(W.value.id) ? "verified" : W.value.status), ze = f(() => {
+			let e = P.value[L.value];
 			return e?.label === "license_plate" ? e : null;
-		}), He = f(() => [...Je.map((e) => ({
+		}), Be = f(() => [...Ke.map((e) => ({
 			key: e,
-			label: We(e),
-			icon: ue(e).icon,
-			iconProps: { style: { color: ue(e).color } },
-			active: M.value[L.value]?.label === e,
+			label: He(e),
+			icon: ge(e).icon,
+			iconProps: { style: { color: ge(e).color } },
+			active: P.value[z.value]?.label === e,
 			onClick: () => Vt(e)
 		})), {
 			key: "remove",
 			label: y("components.training_editor.remove_box"),
-			icon: Ie,
+			icon: Pe,
 			iconProps: { class: "text-red-500" },
 			labelProps: { class: "text-red-500" },
-			onClick: () => Ut(L.value)
-		}]), Ue = f(() => (e) => {
-			let t = Ne.value || 360;
-			return e.y * t >= wt ? "above" : t - (e.y + e.height) * t >= wt ? "below" : "inside";
-		}), U = f(() => (e) => e.x > .7);
-		function We(e) {
+			onClick: () => Ut(z.value)
+		}]), Ve = f(() => (e) => {
+			let t = je.value || 360;
+			return e.y * t >= Ct ? "above" : t - (e.y + e.height) * t >= Ct ? "below" : "inside";
+		}), G = f(() => (e) => e.x > .7);
+		function He(e) {
 			let t = `components.training_editor.labels.${e}`;
 			return x(t) ? y(t) : e;
 		}
-		function W(e) {
-			return ue(e);
+		function K(e) {
+			return ge(e);
 		}
-		function G(e) {
+		function q(e) {
 			return `${e * 100}%`;
 		}
-		function Ge(e, t) {
-			return G(t === "nw" || t === "sw" ? e.x : e.x + e.width);
+		function Ue(e, t) {
+			return q(t === "nw" || t === "sw" ? e.x : e.x + e.width);
 		}
-		function K(e, t) {
-			return G(t === "nw" || t === "ne" ? e.y : e.y + e.height);
+		function J(e, t) {
+			return q(t === "nw" || t === "ne" ? e.y : e.y + e.height);
 		}
-		function q(e) {
-			let t = { backgroundColor: W(e.label).color };
-			U.value(e) ? t.right = G(1 - e.x - e.width) : t.left = G(e.x);
-			let n = Ue.value(e);
-			return t.top = n === "above" ? G(e.y) : n === "below" ? G(e.y + e.height) : `calc(${G(e.y)} + 2px)`, t;
+		function Y(e) {
+			let t = { backgroundColor: K(e.label).color };
+			G.value(e) ? t.right = q(1 - e.x - e.width) : t.left = q(e.x);
+			let n = Ve.value(e);
+			return t.top = n === "above" ? q(e.y) : n === "below" ? q(e.y + e.height) : `calc(${q(e.y)} + 2px)`, t;
 		}
-		function J(e) {
+		function X(e) {
 			let t = e.target;
-			t.naturalWidth && t.naturalHeight && (le.value = {
+			t.naturalWidth && t.naturalHeight && (se.value = {
 				w: t.naturalWidth,
 				h: t.naturalHeight
 			});
 		}
-		function Y(e) {
-			let t = ce.value?.getBoundingClientRect();
+		function Z(e) {
+			let t = oe.value?.getBoundingClientRect();
 			return !t || t.width === 0 || t.height === 0 ? {
 				x: 0,
 				y: 0
@@ -292,22 +292,22 @@ var qe = class {
 				y: Math.min(1, Math.max(0, (e.clientY - t.top) / t.height))
 			};
 		}
-		function X(e, t) {
-			N.value = {
+		function Q(e, t) {
+			F.value = {
 				...t,
 				moved: !1
-			}, ce.value?.setPointerCapture(e.pointerId);
+			}, oe.value?.setPointerCapture(e.pointerId);
 		}
-		function Ke(e) {
-			if (B.value > 1 || !e.isPrimary) return;
-			let { x: t, y: n } = Y(e);
-			X(e, {
+		function We(e) {
+			if (j.value?.hide(), _e.value > 1 || !e.isPrimary) return;
+			let { x: t, y: n } = Z(e);
+			Q(e, {
 				mode: "draw",
 				index: -1,
 				startX: t,
 				startY: n,
 				origin: {
-					label: R.value,
+					label: B.value,
 					confidence: 1,
 					x: t,
 					y: n,
@@ -316,41 +316,42 @@ var qe = class {
 				}
 			});
 		}
-		function qe(e, t) {
+		function Ge(e, t) {
 			if (!t.isPrimary) return;
-			let { x: n, y: r } = Y(t);
-			F.value = e, X(t, {
+			let { x: n, y: r } = Z(t);
+			L.value = e, Q(t, {
 				mode: "move",
 				index: e,
 				startX: n,
 				startY: r,
-				origin: { ...M.value[e] }
+				origin: { ...P.value[e] }
 			});
 		}
-		function Ye(e, t, n) {
+		function qe(e, t, n) {
 			if (!n.isPrimary) return;
-			let { x: r, y: i } = Y(n);
-			F.value = e, X(n, {
+			j.value?.hide();
+			let { x: r, y: i } = Z(n);
+			L.value = e, Q(n, {
 				mode: "resize",
 				index: e,
 				corner: t,
 				startX: r,
 				startY: i,
-				origin: { ...M.value[e] }
+				origin: { ...P.value[e] }
 			});
 		}
-		function Mt(e) {
-			e.touches.length > 1 && N.value && (N.value = null, P.value = null, I.value = null), Ae(e);
+		function jt(e) {
+			e.touches.length > 1 && F.value && (F.value = null, I.value = null, R.value = null), Oe(e);
 		}
-		function Q(e) {
-			let t = N.value;
+		function Mt(e) {
+			let t = F.value;
 			if (!t) return;
-			let { x: n, y: r } = Y(e);
-			if (Math.hypot(n - t.startX, r - t.startY) > Ct && (t.moved = !0), e.pointerType === "touch" && t.moved && (Pt(t) ? Ft(e) : I.value = null), t.mode === "draw") {
+			let { x: n, y: r } = Z(e);
+			if (Math.hypot(n - t.startX, r - t.startY) > St && (t.moved = !0), e.pointerType === "touch" && t.moved && (Pt(t) ? Ft(e) : R.value = null), t.mode === "draw") {
 				if (t.moved) {
 					let e = zt(t.startX, t.startY, n, r);
-					P.value = e.width >= St && e.height >= St ? {
-						label: R.value,
+					I.value = e.width >= xt && e.height >= xt ? {
+						label: B.value,
 						confidence: 1,
 						...e
 					} : null;
@@ -359,50 +360,50 @@ var qe = class {
 			}
 			if (t.mode === "move") {
 				if (!t.moved) return;
-				let e = M.value[t.index];
+				let e = P.value[t.index];
 				e.x = Math.min(1 - t.origin.width, Math.max(0, t.origin.x + (n - t.startX))), e.y = Math.min(1 - t.origin.height, Math.max(0, t.origin.y + (r - t.startY)));
 				return;
 			}
 			let i = t.corner === "nw" || t.corner === "sw" ? t.origin.x + t.origin.width : t.origin.x, a = t.corner === "nw" || t.corner === "ne" ? t.origin.y + t.origin.height : t.origin.y;
-			Object.assign(M.value[t.index], zt(i, a, n, r));
+			Object.assign(P.value[t.index], zt(i, a, n, r));
 		}
 		function Nt(e) {
-			let t = N.value;
-			if (N.value = null, I.value = null, t) {
+			let t = F.value;
+			if (F.value = null, R.value = null, t) {
 				if (t.mode === "draw") {
-					P.value && P.value.width >= St && P.value.height >= St ? (M.value.push({ ...P.value }), F.value = M.value.length - 1) : t.moved || (F.value = -1), P.value = null;
+					I.value && I.value.width >= xt && I.value.height >= xt ? (P.value.push({ ...I.value }), L.value = P.value.length - 1) : t.moved || (L.value = -1), I.value = null;
 					return;
 				}
 				t.mode === "move" && !t.moved && Bt(t.index, e);
 			}
 		}
 		function Pt(e) {
-			let t = ce.value?.getBoundingClientRect();
+			let t = oe.value?.getBoundingClientRect();
 			if (!t || t.width === 0) return !1;
-			let n = e.mode === "draw" ? P.value : M.value[e.index];
-			return !n || Math.max(n.width * t.width, n.height * t.height) <= At;
+			let n = e.mode === "draw" ? I.value : P.value[e.index];
+			return !n || Math.max(n.width * t.width, n.height * t.height) <= kt;
 		}
 		function Ft(e) {
-			let t = j.value?.getBoundingClientRect(), n = se.value?.getBoundingClientRect();
+			let t = N.value?.getBoundingClientRect(), n = M.value?.getBoundingClientRect();
 			if (!t || !n || t.width === 0 || t.height === 0) {
-				I.value = null;
+				R.value = null;
 				return;
 			}
-			let r = Dt / 2, i = Math.min(Math.max(e.clientX - n.left, 59), n.width - r - 4), a = e.clientY - n.top - kt;
-			a - r < 4 && (a = e.clientY - n.top + kt), I.value = {
+			let r = Et / 2, i = Math.min(Math.max(e.clientX - n.left, 59), n.width - r - 4), a = e.clientY - n.top - Ot;
+			a - r < 4 && (a = e.clientY - n.top + Ot), R.value = {
 				x: i,
 				y: a,
 				frameW: t.width,
 				frameH: t.height,
-				tx: r - (e.clientX - t.left) * Ot,
-				ty: r - (e.clientY - t.top) * Ot
+				tx: r - (e.clientX - t.left) * Dt,
+				ty: r - (e.clientY - t.top) * Dt
 			};
 		}
 		function It(e) {
 			let t = e instanceof HTMLElement || e instanceof SVGElement ? e : null;
-			if (!t || se.value?.contains(t) || t.closest(".p-dialog-header") || t.closest("button")) return !1;
-			let n = k.value?.closest(".p-dialog-content")?.lastElementChild;
-			return !(n && n !== k.value && n.contains(t));
+			if (!t || M.value?.contains(t) || t.closest(".p-dialog-header") || t.closest("button")) return !1;
+			let n = A.value?.closest(".p-dialog-content")?.lastElementChild;
+			return !(n && n !== A.value && n.contains(t));
 		}
 		function Lt(e) {
 			if (me = null, e.touches.length !== 1 || !It(e.target)) return;
@@ -417,7 +418,7 @@ var qe = class {
 			let t = me;
 			if (me = null, !t || e.changedTouches.length !== 1) return;
 			let n = e.changedTouches[0], r = n.clientX - t.x, i = n.clientY - t.y;
-			Date.now() - t.at <= Et && Math.abs(r) >= Tt && Math.abs(r) > 2 * Math.abs(i) && $(r < 0 ? 1 : -1);
+			Date.now() - t.at <= Tt && Math.abs(r) >= wt && Math.abs(r) > 2 * Math.abs(i) && $(r < 0 ? 1 : -1);
 		}
 		function zt(e, t, n, r) {
 			return {
@@ -428,203 +429,202 @@ var qe = class {
 			};
 		}
 		function Bt(e, t) {
-			L.value = e;
-			let n = j.value?.querySelector(`[data-box-label="${e}"]`);
-			A.value?.toggleMenu(t, n ?? void 0);
+			z.value = e;
+			let n = N.value?.querySelector(`[data-box-label="${e}"]`);
+			j.value?.toggleMenu(t, n ?? void 0);
 		}
 		function Vt(e) {
-			let t = M.value[L.value];
-			t && (t.label = e, t.confidence = 1, R.value = e);
+			let t = P.value[z.value];
+			t && (t.label = e, t.confidence = 1, B.value = e);
 		}
 		function Ht(e) {
-			let t = M.value[F.value];
+			let t = P.value[L.value];
 			t && (t.text = (e ?? "").toUpperCase().replace(/[^A-Z0-9ÄÖÜ\- ]/g, "") || void 0);
 		}
 		function Ut(e) {
-			e < 0 || e >= M.value.length || (M.value.splice(e, 1), F.value = -1);
+			e < 0 || e >= P.value.length || (P.value.splice(e, 1), L.value = -1);
 		}
 		function Wt(e, t = !0) {
-			e < 0 || e >= u.candidates.length || (t && T.set(H.value.id, M.value.map((e) => ({ ...e }))), z.value = e, M.value = (T.get(H.value.id) ?? H.value.boxes).map((e) => ({ ...e })), P.value = null, N.value = null, I.value = null, F.value = -1, L.value = -1, A.value?.hide(), Me());
+			e < 0 || e >= u.candidates.length || (t && T.set(W.value.id, P.value.map((e) => ({ ...e }))), V.value = e, P.value = (T.get(W.value.id) ?? W.value.boxes).map((e) => ({ ...e })), I.value = null, F.value = null, R.value = null, L.value = -1, z.value = -1, j.value?.hide(), Ae());
 		}
 		async function Gt(e) {
-			return await u.onSave(H.value.id, M.value.map((e) => ({ ...e })), e), T.set(H.value.id, M.value.map((e) => ({ ...e }))), e === "verified" && D.add(H.value.id), $(1, !1) ? null : void 0;
+			return await u.onSave(W.value.id, P.value.map((e) => ({ ...e })), e), T.set(W.value.id, P.value.map((e) => ({ ...e }))), e === "verified" && D.add(W.value.id), $(1, !1) ? null : void 0;
 		}
 		function $(e, t = !0) {
-			let n = z.value + e;
+			let n = V.value + e;
 			for (; n >= 0 && n < u.candidates.length && E.has(u.candidates[n].id);) n += e;
 			return n < 0 || n >= u.candidates.length ? !1 : (Wt(n, t), !0);
 		}
 		async function Kt() {
-			let e = H.value.id;
+			let e = W.value.id;
 			return await u.onDelete(e), T.delete(e), E.add(e), $(1, !1) || $(-1, !1) ? null : void 0;
 		}
 		function qt() {
 			for (let e of [1, -1]) {
-				let t = z.value + e;
+				let t = V.value + e;
 				for (; t >= 0 && t < u.candidates.length && E.has(u.candidates[t].id);) t += e;
 				let n = u.candidates[t];
 				n && (new Image().src = u.imageUrl(n.id));
 			}
 		}
 		function Jt(e) {
-			M.value.length && (F.value = (F.value + e + M.value.length) % M.value.length);
+			P.value.length && (L.value = (L.value + e + P.value.length) % P.value.length);
 		}
 		function Yt(e) {
-			let t = M.value[F.value];
+			let t = P.value[L.value];
 			if (!t) return;
-			let n = Je, r = n[(n.indexOf(t.label) + e + n.length) % n.length];
-			t.label = r, t.confidence = 1, R.value = r;
+			let n = Ke, r = n[(n.indexOf(t.label) + e + n.length) % n.length];
+			t.label = r, t.confidence = 1, B.value = r;
 		}
 		function Xt(e, t, n) {
-			let r = M.value[F.value];
-			r && (n ? (r.width = Math.min(1 - r.x, Math.max(St, r.width + e)), r.height = Math.min(1 - r.y, Math.max(St, r.height + t))) : (r.x = Math.min(1 - r.width, Math.max(0, r.x + e)), r.y = Math.min(1 - r.height, Math.max(0, r.y + t))));
+			let r = P.value[L.value];
+			r && (n ? (r.width = Math.min(1 - r.x, Math.max(xt, r.width + e)), r.height = Math.min(1 - r.y, Math.max(xt, r.height + t))) : (r.x = Math.min(1 - r.width, Math.max(0, r.x + e)), r.y = Math.min(1 - r.height, Math.max(0, r.y + t))));
 		}
-		return te(z, qt, { immediate: !0 }), Se(window, "keydown", (e) => {
+		return te(V, qt, { immediate: !0 }), be(window, "keydown", (e) => {
 			if (e.target?.closest?.("input, textarea")) return;
 			let t = {
 				ArrowLeft: [-.003, 0],
-				ArrowRight: [jt, 0],
+				ArrowRight: [At, 0],
 				ArrowUp: [0, -.003],
-				ArrowDown: [0, jt]
+				ArrowDown: [0, At]
 			};
 			if (t[e.key]) {
-				if (F.value >= 0) {
+				if (L.value >= 0) {
 					e.preventDefault();
 					let [n, r] = t[e.key];
 					Xt(n, r, e.shiftKey);
 				} else !e.repeat && e.key === "ArrowLeft" ? $(-1) : !e.repeat && e.key === "ArrowRight" && $(1);
 				return;
 			}
-			e.repeat || (e.key === "Tab" ? (e.preventDefault(), Jt(e.shiftKey ? -1 : 1)) : e.key === "Escape" ? (F.value = -1, A.value?.hide()) : (e.key === "Delete" || e.key === "Backspace") && F.value >= 0 ? Ut(F.value) : e.key === "s" || e.key === "S" ? Yt(e.shiftKey ? -1 : 1) : e.key === " " && !A.value?.isOpen && (e.preventDefault(), Gt("verified")));
-		}), Se(() => k.value?.closest(".p-dialog-content") ?? void 0, "touchstart", Lt, { passive: !0 }), Se(() => k.value?.closest(".p-dialog-content") ?? void 0, "touchend", Rt, { passive: !0 }), s({
+			e.repeat || (e.key === "Tab" ? (e.preventDefault(), Jt(e.shiftKey ? -1 : 1)) : e.key === "Escape" ? (L.value = -1, j.value?.hide()) : (e.key === "Delete" || e.key === "Backspace") && L.value >= 0 ? Ut(L.value) : e.key === "s" || e.key === "S" ? Yt(e.shiftKey ? -1 : 1) : e.key === " " && !j.value?.isOpen && (e.preventDefault(), Gt("verified")));
+		}), be(() => A.value?.closest(".p-dialog-content") ?? void 0, "touchstart", Lt, { passive: !0 }), be(() => A.value?.closest(".p-dialog-content") ?? void 0, "touchend", Rt, { passive: !0 }), s({
 			onConfirm: () => Gt("verified"),
 			onCancel: () => Kt()
 		}), (s, u) => {
-			let f = re, te = ve, _ = Ee, y = he, x = ke, S = Re;
+			let f = re, te = fe, _ = we, y = ce, x = De, S = Ie;
 			return n(), m("div", {
 				ref_key: "rootRef",
-				ref: k,
+				ref: A,
 				class: "flex flex-col gap-3 h-full min-h-0"
 			}, [
-				v("div", Xe, [v("div", Ze, [
+				v("div", Je, [v("div", Ye, [
 					C(f, {
-						severity: d(Be) === "verified" ? "success" : "info",
-						value: s.$t(`views.training.status_${d(Be)}`),
+						severity: d(Re) === "verified" ? "success" : "info",
+						value: s.$t(`views.training.status_${d(Re)}`),
 						class: "shrink-0"
 					}, null, 8, ["severity", "value"]),
-					v("span", Qe, i(r.cameraName(d(H).cameraId)), 1),
-					v("span", $e, i(d(pe)(d(H).createdAt)), 1)
-				]), v("span", et, i(d(Pe)) + " / " + i(d(Fe)), 1)]),
+					v("span", Xe, i(r.cameraName(d(W).cameraId)), 1),
+					v("span", Ze, i(d(le)(d(W).createdAt)), 1)
+				]), v("span", Qe, i(d(Me)) + " / " + i(d(Ne)), 1)]),
 				v("div", {
 					ref_key: "stageRef",
-					ref: se,
+					ref: M,
 					class: "stage relative w-full bg-black rounded-lg shrink-0 overflow-hidden select-none"
 				}, [
-					C(d(oe), {
-						pan: d(ye),
-						"onUpdate:pan": u[7] ||= (e) => ee(ye) ? ye.value = e : null,
-						zoom: d(B),
-						"onUpdate:zoom": u[8] ||= (e) => ee(B) ? B.value = e : null,
-						"pan-enabled": d(B) > 1 && !d(N),
+					C(d(O), {
+						pan: d(H),
+						"onUpdate:pan": u[6] ||= (e) => ee(H) ? H.value = e : null,
+						zoom: d(_e),
+						"onUpdate:zoom": u[7] ||= (e) => ee(_e) ? _e.value = e : null,
+						"pan-enabled": d(_e) > 1 && !d(F),
 						"enable-control-button": !1,
 						"dbl-click-enabled": !1,
 						"min-zoom": 1,
 						"max-zoom": d(5),
-						selector: `[data-stage-zoom='${d(ie)}']`,
+						selector: `[data-stage-zoom='${d(k)}']`,
 						"zoom-origin": "pointer",
-						class: a(["absolute inset-0 flex items-center justify-center", { "zoom-constraining": d(be) }]),
-						onPanned: d(De),
-						onZoom: d(De),
-						onDblclick: d(Oe),
-						onTouchstart: Mt,
-						onTouchend: d(je)
+						class: a(["absolute inset-0 flex items-center justify-center", { "zoom-constraining": d(ve) }]),
+						onPanned: d(Te),
+						onZoom: d(Te),
+						onDblclick: d(Ee),
+						onTouchstart: jt,
+						onTouchend: d(ke)
 					}, {
 						default: p(() => [v("div", {
 							ref_key: "frameRef",
-							ref: j,
-							"data-stage-zoom": d(ie),
+							ref: N,
+							"data-stage-zoom": d(k),
 							class: "frame relative",
 							style: h({
-								"--ar-w": d(le).w,
-								"--ar-h": d(le).h
+								"--ar-w": d(se).w,
+								"--ar-h": d(se).h
 							})
 						}, [
 							v("img", {
-								src: r.imageUrl(d(H).id),
+								src: r.imageUrl(d(W).id),
 								class: "absolute inset-0 w-full h-full",
 								draggable: "false",
-								onLoad: J
-							}, null, 40, tt),
+								onLoad: X
+							}, null, 40, et),
 							(n(), m("svg", {
 								ref_key: "svgRef",
-								ref: ce,
-								class: a(["absolute inset-0 w-full h-full touch-none", d(B) > 1 ? "cursor-grab" : "cursor-crosshair"]),
-								onPointerdown: Ke,
-								onPointermove: Q,
+								ref: oe,
+								class: a(["absolute inset-0 w-full h-full touch-none", d(_e) > 1 ? "cursor-grab" : "cursor-crosshair"]),
+								onPointerdown: We,
+								onPointermove: Mt,
 								onPointerup: Nt,
 								onPointercancel: Nt
-							}, [(n(!0), m(g, null, t(d(M), (r, i) => (n(), m("g", { key: i }, [v("rect", {
-								x: G(r.x),
-								y: G(r.y),
-								width: G(r.width),
-								height: G(r.height),
-								stroke: W(r.label).color,
-								fill: W(r.label).color,
-								"fill-opacity": i === d(F) ? .22 : .12,
-								"stroke-width": i === d(F) ? 3.5 : 2,
+							}, [(n(!0), m(g, null, t(d(P), (r, i) => (n(), m("g", { key: i }, [v("rect", {
+								x: q(r.x),
+								y: q(r.y),
+								width: q(r.width),
+								height: q(r.height),
+								stroke: K(r.label).color,
+								fill: K(r.label).color,
+								"fill-opacity": i === d(L) ? .22 : .12,
+								"stroke-width": i === d(L) ? 3.5 : 2,
 								"vector-effect": "non-scaling-stroke",
 								class: "cursor-move",
-								onPointerdown: e((e) => qe(i, e), ["stop"]),
+								onPointerdown: e((e) => Ge(i, e), ["stop"]),
 								onTouchstart: u[0] ||= e(() => {}, ["stop"]),
 								onMousedown: u[1] ||= e(() => {}, ["stop"])
-							}, null, 40, nt), (n(), m(g, null, t(ne, (t) => v("g", {
+							}, null, 40, tt), (n(), m(g, null, t(ne, (t) => v("g", {
 								key: t,
 								class: "cursor-nwse-resize",
-								onPointerdown: e((e) => Ye(i, t, e), ["stop"]),
+								onPointerdown: e((e) => qe(i, t, e), ["stop"]),
 								onTouchstart: u[2] ||= e(() => {}, ["stop"]),
 								onMousedown: u[3] ||= e(() => {}, ["stop"])
 							}, [v("circle", {
-								cx: Ge(r, t),
-								cy: K(r, t),
+								cx: Ue(r, t),
+								cy: J(r, t),
 								r: "14",
 								fill: "transparent"
-							}, null, 8, it), v("circle", {
-								cx: Ge(r, t),
-								cy: K(r, t),
+							}, null, 8, rt), v("circle", {
+								cx: Ue(r, t),
+								cy: J(r, t),
 								r: "4.5",
-								fill: W(r.label).color
-							}, null, 8, at)], 40, rt)), 64))]))), 128)), d(P) ? (n(), m("rect", {
+								fill: K(r.label).color
+							}, null, 8, it)], 40, nt)), 64))]))), 128)), d(I) ? (n(), m("rect", {
 								key: 0,
-								x: G(d(P).x),
-								y: G(d(P).y),
-								width: G(d(P).width),
-								height: G(d(P).height),
-								stroke: W(d(P).label).color,
-								fill: W(d(P).label).color,
+								x: q(d(I).x),
+								y: q(d(I).y),
+								width: q(d(I).width),
+								height: q(d(I).height),
+								stroke: K(d(I).label).color,
+								fill: K(d(I).label).color,
 								"fill-opacity": "0.1",
 								"stroke-dasharray": "6 4",
 								"stroke-width": "2",
 								"vector-effect": "non-scaling-stroke"
-							}, null, 8, ot)) : l("", !0)], 34)),
-							(n(!0), m(g, null, t(d(M), (t, r) => (n(), m("div", {
+							}, null, 8, at)) : l("", !0)], 34)),
+							(n(!0), m(g, null, t(d(P), (t, r) => (n(), m("div", {
 								key: `label-${r}`,
-								class: a(["bbox-label cursor-pointer", {
-									"label-bottom": d(Ue)(t) === "below",
-									"label-inside": d(Ue)(t) === "inside",
-									"label-right": d(U)(t)
+								class: a(["bbox-label cursor-move", {
+									"label-bottom": d(Ve)(t) === "below",
+									"label-inside": d(Ve)(t) === "inside",
+									"label-right": d(G)(t)
 								}]),
 								"data-box-label": r,
-								onPointerdown: u[4] ||= e(() => {}, ["stop"]),
-								onTouchstart: u[5] ||= e(() => {}, ["stop"]),
-								onMousedown: u[6] ||= e(() => {}, ["stop"]),
-								onClick: e((e) => Bt(r, e), ["stop"]),
-								style: h(q(t))
+								onPointerdown: e((e) => Ge(r, e), ["stop"]),
+								onTouchstart: u[4] ||= e(() => {}, ["stop"]),
+								onMousedown: u[5] ||= e(() => {}, ["stop"]),
+								style: h(Y(t))
 							}, [
-								(n(), c(o(W(t.label).icon), { class: "bbox-label-icon" })),
-								v("span", ct, i(We(t.label)), 1),
-								t.text ? (n(), m("span", lt, i(t.text), 1)) : t.confidence < 1 ? (n(), m("span", ut, i(Math.round(t.confidence * 100)) + "%", 1)) : l("", !0)
-							], 46, st))), 128))
-						], 12, Z)]),
+								(n(), c(o(K(t.label).icon), { class: "bbox-label-icon" })),
+								v("span", st, i(He(t.label)), 1),
+								t.text ? (n(), m("span", ct, i(t.text), 1)) : t.confidence < 1 ? (n(), m("span", lt, i(Math.round(t.confidence * 100)) + "%", 1)) : l("", !0)
+							], 46, ot))), 128))
+						], 12, $e)]),
 						_: 1
 					}, 8, [
 						"pan",
@@ -638,59 +638,59 @@ var qe = class {
 						"onDblclick",
 						"onTouchend"
 					]),
-					d(V) ? (n(), m("div", {
+					d(U) ? (n(), m("div", {
 						key: 0,
 						class: "zoom-minimap",
-						style: h(d(Ce) ?? void 0)
+						style: h(d(xe) ?? void 0)
 					}, [v("div", {
 						class: "zoom-minimap-viewport",
-						style: h(d(V))
+						style: h(d(U))
 					}, null, 4)], 4)) : l("", !0),
-					d(I) ? (n(), m("div", {
+					d(R) ? (n(), m("div", {
 						key: 1,
 						class: "loupe",
 						style: h({
-							left: `${d(I).x}px`,
-							top: `${d(I).y}px`
+							left: `${d(R).x}px`,
+							top: `${d(R).y}px`
 						})
 					}, [v("div", {
 						class: "loupe-content",
 						style: h({
-							width: `${d(I).frameW}px`,
-							height: `${d(I).frameH}px`,
-							transform: `translate(${d(I).tx}px, ${d(I).ty}px) scale(${Ot})`
+							width: `${d(R).frameW}px`,
+							height: `${d(R).frameH}px`,
+							transform: `translate(${d(R).tx}px, ${d(R).ty}px) scale(${Dt})`
 						})
 					}, [v("img", {
-						src: r.imageUrl(d(H).id),
+						src: r.imageUrl(d(W).id),
 						class: "absolute inset-0 w-full h-full",
 						draggable: "false"
-					}, null, 8, dt), (n(), m("svg", ft, [(n(!0), m(g, null, t(d(M), (e, t) => (n(), m("rect", {
+					}, null, 8, ut), (n(), m("svg", dt, [(n(!0), m(g, null, t(d(P), (e, t) => (n(), m("rect", {
 						key: t,
-						x: G(e.x),
-						y: G(e.y),
-						width: G(e.width),
-						height: G(e.height),
-						stroke: W(e.label).color,
-						fill: W(e.label).color,
+						x: q(e.x),
+						y: q(e.y),
+						width: q(e.width),
+						height: q(e.height),
+						stroke: K(e.label).color,
+						fill: K(e.label).color,
 						"fill-opacity": "0.1",
 						"stroke-width": "1.5"
-					}, null, 8, pt))), 128)), d(P) ? (n(), m("rect", {
+					}, null, 8, ft))), 128)), d(I) ? (n(), m("rect", {
 						key: 0,
-						x: G(d(P).x),
-						y: G(d(P).y),
-						width: G(d(P).width),
-						height: G(d(P).height),
-						stroke: W(d(P).label).color,
-						fill: W(d(P).label).color,
+						x: q(d(I).x),
+						y: q(d(I).y),
+						width: q(d(I).width),
+						height: q(d(I).height),
+						stroke: K(d(I).label).color,
+						fill: K(d(I).label).color,
 						"fill-opacity": "0.1",
 						"stroke-dasharray": "4 3",
 						"stroke-width": "1.5"
-					}, null, 8, mt)) : l("", !0)]))], 4), u[12] ||= v("div", { class: "loupe-crosshair" }, null, -1)], 4)) : l("", !0),
-					d(Le) ? (n(), m("div", ht, [C(_, {
+					}, null, 8, pt)) : l("", !0)]))], 4), u[11] ||= v("div", { class: "loupe-crosshair" }, null, -1)], 4)) : l("", !0),
+					d(Fe) ? (n(), m("div", mt, [C(_, {
 						severity: "secondary",
 						rounded: "",
 						class: "cui-icon-md opacity-60 hover:opacity-100",
-						onClick: u[9] ||= e((e) => $(-1), ["stop"])
+						onClick: u[8] ||= e((e) => $(-1), ["stop"])
 					}, {
 						icon: p(() => [C(te, {
 							width: "100%",
@@ -698,11 +698,11 @@ var qe = class {
 						})]),
 						_: 1
 					})])) : l("", !0),
-					d(ze) ? (n(), m("div", gt, [C(_, {
+					d(Le) ? (n(), m("div", ht, [C(_, {
 						severity: "secondary",
 						rounded: "",
 						class: "cui-icon-md opacity-60 hover:opacity-100",
-						onClick: u[10] ||= e((e) => $(1), ["stop"])
+						onClick: u[9] ||= e((e) => $(1), ["stop"])
 					}, {
 						icon: p(() => [C(y, {
 							width: "100%",
@@ -711,53 +711,53 @@ var qe = class {
 						_: 1
 					})])) : l("", !0)
 				], 512),
-				d(Ve) ? (n(), m("div", _t, [v("label", vt, i(s.$t("components.training_editor.plate_text")), 1), C(x, {
+				d(ze) ? (n(), m("div", gt, [v("label", _t, i(s.$t("components.training_editor.plate_text")), 1), C(x, {
 					id: "plate-text",
-					"model-value": d(Ve).text ?? "",
+					"model-value": d(ze).text ?? "",
 					size: "small",
 					maxlength: "12",
 					class: "w-40 uppercase",
 					placeholder: "ABC 1234",
 					"onUpdate:modelValue": Ht
 				}, null, 8, ["model-value"])])) : l("", !0),
-				v("div", yt, [v("span", bt, i(s.$t("components.training_editor.hint")), 1), d(fe) ? (n(), c(_, {
+				v("div", vt, [v("span", yt, i(s.$t("components.training_editor.hint")), 1), d(de) ? (n(), c(_, {
 					key: 0,
 					severity: "secondary",
 					text: "",
 					rounded: "",
 					class: "cui-icon-sm shrink-0",
-					onClick: u[11] ||= (e) => de.value = !d(de)
+					onClick: u[10] ||= (e) => ue.value = !d(ue)
 				}, {
 					icon: p(() => [C(S, { class: "w-4 h-4" })]),
 					_: 1
 				})) : l("", !0)]),
-				d(fe) && d(de) ? (n(), m("div", xt, [
-					u[13] ||= v("span", null, [v("kbd", null, "Tab")], -1),
+				d(de) && d(ue) ? (n(), m("div", bt, [
+					u[12] ||= v("span", null, [v("kbd", null, "Tab")], -1),
 					v("span", null, i(s.$t("components.training_editor.sc_select")), 1),
-					u[14] ||= b(),
-					u[15] ||= v("span", null, [v("kbd", null, "←↑→↓")], -1),
+					u[13] ||= b(),
+					u[14] ||= v("span", null, [v("kbd", null, "←↑→↓")], -1),
 					v("span", null, i(s.$t("components.training_editor.sc_move")), 1),
-					u[16] ||= b(),
-					u[17] ||= v("span", null, [
+					u[15] ||= b(),
+					u[16] ||= v("span", null, [
 						v("kbd", null, "Shift"),
 						b(" + "),
 						v("kbd", null, "←↑→↓")
 					], -1),
 					v("span", null, i(s.$t("components.training_editor.sc_resize")), 1),
-					u[18] ||= b(),
-					u[19] ||= v("span", null, [v("kbd", null, "S")], -1),
+					u[17] ||= b(),
+					u[18] ||= v("span", null, [v("kbd", null, "S")], -1),
 					v("span", null, i(s.$t("components.training_editor.sc_label")), 1),
-					u[20] ||= b(),
-					u[21] ||= v("span", null, [v("kbd", null, "Del")], -1),
+					u[19] ||= b(),
+					u[20] ||= v("span", null, [v("kbd", null, "Del")], -1),
 					v("span", null, i(s.$t("components.training_editor.sc_delete")), 1),
-					u[22] ||= b(),
-					u[23] ||= v("span", null, [v("kbd", null, "Esc")], -1),
+					u[21] ||= b(),
+					u[22] ||= v("span", null, [v("kbd", null, "Esc")], -1),
 					v("span", null, i(s.$t("components.training_editor.sc_deselect")), 1),
-					u[24] ||= b(),
-					u[25] ||= v("span", null, [v("kbd", null, "Space")], -1),
+					u[23] ||= b(),
+					u[24] ||= v("span", null, [v("kbd", null, "Space")], -1),
 					v("span", null, i(s.$t("components.training_editor.sc_verify")), 1),
-					u[26] ||= b(),
-					u[27] ||= v("span", null, [
+					u[25] ||= b(),
+					u[26] ||= v("span", null, [
 						v("kbd", null, "←"),
 						b(" / "),
 						v("kbd", null, "→")
@@ -766,14 +766,14 @@ var qe = class {
 				])) : l("", !0),
 				C(ae, {
 					ref_key: "labelMenuRef",
-					ref: A,
-					items: d(He),
+					ref: j,
+					items: d(Be),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"])
 			], 512);
 		};
 	}
-}), [["__scopeId", "data-v-41ae024e"]]), Q = w({ progress: null }), Nt = null, Pt = null, Ft = /* @__PURE__ */ new Set(), It = /* @__PURE__ */ new Set();
+}), [["__scopeId", "data-v-f21c606f"]]), Mt = w({ progress: null }), Nt = null, Pt = null, Ft = /* @__PURE__ */ new Set(), It = /* @__PURE__ */ new Set();
 function Lt(e) {
 	for (let t of e) try {
 		t();
@@ -782,7 +782,7 @@ function Lt(e) {
 async function Rt() {
 	if (Pt?.ready.value) try {
 		let e = await Pt.request("get-submit-progress");
-		e.active ? Q.progress = e : Q.progress?.active && (Q.progress = null);
+		e.active ? Mt.progress = e : Mt.progress?.active && (Mt.progress = null);
 	} catch {}
 }
 function zt() {
@@ -790,9 +790,9 @@ function zt() {
 }
 function Bt() {
 	return Pt || (Nt = u(!0), Nt.run(() => {
-		let e = fe("/training");
+		let e = R("/training");
 		Pt = e, e.on("candidates-changed", () => Lt(Ft)), e.on("submit-progress", (e) => {
-			Q.progress = e, Lt(Ft);
+			Mt.progress = e, Lt(Ft);
 		}), e.onReady(zt);
 	}), Pt);
 }
@@ -807,10 +807,10 @@ function Vt() {
 		return It.add(e), () => It.delete(e);
 	}
 	function r() {
-		Q.progress = null;
+		Mt.progress = null;
 	}
 	return {
-		submitProgress: f(() => Q.progress),
+		submitProgress: f(() => Mt.progress),
 		connect: e,
 		onCandidatesChanged: t,
 		onResync: n,
@@ -834,20 +834,20 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 }, $t = /* @__PURE__ */ x({
 	__name: "TrainingSubmissions",
 	setup(e) {
-		let a = new qe(), { t: o, te: s } = Te(), u = R(), ee = Vt(), f = a.deleteSubmissionMutation(), b = S(""), x = S([]), w = S(0), T = S(), E = S(!0), D = S(!1), O = S(!1), ae = _("loadMoreRef");
+		let a = new Ge(), { t: o, te: s } = Ce(), u = B(), ee = Vt(), f = a.deleteSubmissionMutation(), b = S(""), x = S([]), w = S(0), T = S(), E = S(!0), D = S(!1), O = S(!1), ie = _("loadMoreRef");
 		function k(e) {
 			let t = {};
 			for (let n of e.labels) t[n.label] = (t[n.label] ?? 0) + 1;
 			return t;
 		}
-		function oe(e) {
+		function A(e) {
 			let t = `components.training_editor.labels.${e}`;
 			return s(t) ? o(t) : e;
 		}
-		async function A() {
+		async function j() {
 			E.value = x.value.length === 0;
 			try {
-				let e = await J();
+				let e = await X();
 				x.value = e.items, w.value = e.total ?? e.items.length, T.value = e.nextCursor, O.value = !1;
 			} catch {
 				O.value = !0;
@@ -855,12 +855,12 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 				E.value = !1;
 			}
 		}
-		async function se() {
+		async function ae() {
 			let e = T.value;
 			if (e && !D.value) {
 				D.value = !0;
 				try {
-					let t = await J({ cursor: e }), n = new Set(x.value.map((e) => e.id));
+					let t = await X({ cursor: e }), n = new Set(x.value.map((e) => e.id));
 					x.value.push(...t.items.filter((e) => !n.has(e.id))), T.value = t.nextCursor;
 				} catch (e) {
 					u.add({
@@ -873,7 +873,7 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 				}
 			}
 		}
-		async function j(e) {
+		async function N(e) {
 			b.value = e;
 			try {
 				await f.mutateAsync(e), x.value = x.value.filter((t) => t.id !== e), w.value = Math.max(0, w.value - 1);
@@ -887,18 +887,18 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 				b.value = "";
 			}
 		}
-		V(ae, ([e]) => {
-			e?.isIntersecting && se();
+		U(ie, ([e]) => {
+			e?.isIntersecting && ae();
 		}), te(() => ee.submitProgress.value?.active, (e, t) => {
-			t && !e && A();
+			t && !e && j();
 		});
-		let ce = ee.onResync(() => {
-			A();
+		let oe = ee.onResync(() => {
+			j();
 		});
 		return r(() => {
-			ce();
-		}), A(), (e, r) => {
-			let a = de, o = Pe, s = P, u = ie, ee = re, te = Ie, _ = Ee, S = Ne, A = ne;
+			oe();
+		}), j(), (e, r) => {
+			let a = z, o = Me, s = M, u = L, ee = re, te = Pe, _ = we, S = je, j = ne;
 			return n(), m("div", Ht, [d(E) ? (n(), m("div", Ut, [(n(), m(g, null, t(4, (e) => C(a, {
 				key: e,
 				height: "72px",
@@ -917,8 +917,8 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 					v("div", Yt, [v("div", Xt, [(n(!0), m(g, null, t(k(r), (e, t) => (n(), m("span", {
 						key: t,
 						class: "px-1.5 py-0.5 rounded text-xs font-medium text-white",
-						style: h({ backgroundColor: d(ue)(String(t)).color })
-					}, i(oe(String(t))) + " ×" + i(e), 5))), 128))]), v("div", Zt, i(d(pe)(new Date(r.createdAt).getTime())), 1)]),
+						style: h({ backgroundColor: d(ge)(String(t)).color })
+					}, i(A(String(t))) + " ×" + i(e), 5))), 128))]), v("div", Zt, i(d(le)(new Date(r.createdAt).getTime())), 1)]),
 					C(ee, {
 						severity: r.usedInWave ? "success" : "info",
 						value: r.usedInWave ? e.$t("components.training_submissions.status_trained") : e.$t("components.training_submissions.status_pool"),
@@ -930,7 +930,7 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 						rounded: "",
 						class: "cui-icon-sm shrink-0",
 						loading: d(f).isPending.value && d(b) === r.id,
-						onClick: (e) => j(r.id)
+						onClick: (e) => N(r.id)
 					}, {
 						icon: p(() => [C(te, {
 							width: "100%",
@@ -938,7 +938,7 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 						})]),
 						_: 1
 					}, 8, ["loading", "onClick"])), [[
-						A,
+						j,
 						e.$t("components.training_submissions.delete"),
 						void 0,
 						{ left: !0 }
@@ -947,7 +947,7 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 				d(D) ? (n(), m("div", Qt, [C(S, { class: "w-5 h-5 text-primary" })])) : d(T) ? (n(), m("div", {
 					key: 1,
 					ref_key: "loadMoreRef",
-					ref: ae,
+					ref: ie,
 					class: "h-px"
 				}, null, 512)) : l("", !0)
 			], 64)) : (n(), m("div", $, [C(s, { class: "w-10 h-10 text-muted" }), v("span", Kt, i(e.$t("components.training_submissions.empty")), 1)]))]);
@@ -974,92 +974,92 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 }, _n = { class: "flex items-center justify-between gap-2" }, vn = { class: "flex items-center gap-2 min-w-0" }, yn = { class: "min-w-0" }, bn = { class: "font-medium truncate" }, xn = { class: "text-xs text-muted" }, Sn = 40, Cn = /* @__PURE__ */ x({
 	__name: "Training",
 	setup(o) {
-		let s = new me(), u = new qe(), { t: x, te: w } = Te(), E = L(), O = R(), { smBreakpoint: oe } = j(), M = u.getCandidatesQuery(), P = u.getSettingsQuery(), fe = u.patchCandidateMutation(), he = u.deleteCandidateMutation(), ge = u.patchSettingsMutation(), _e = u.submitCandidatesMutation(), ve = Vt(), { data: z } = s.getCamerasQuery({
+		let s = new j(), u = new Ge(), { t: x, te: w } = Ce(), O = me(), k = B(), { smBreakpoint: M } = D(), I = u.getCandidatesQuery(), ce = u.getSettingsQuery(), de = u.patchCandidateMutation(), fe = u.deleteCandidateMutation(), R = u.patchSettingsMutation(), pe = u.submitCandidatesMutation(), he = Vt(), { data: V } = s.getCamerasQuery({
 			page: 1,
 			pageSize: -1
-		}), B = S(""), xe = S(Sn), Se = _("cameraMenuRef"), we = _("settingsMenuRef"), Re = _("loadMoreRef"), Be = f(() => ({ gridTemplateColumns: `repeat(auto-fill, minmax(${oe.value ? "220px" : "260px"}, 1fr))` })), Ve = f(() => {
-			let e = [...new Set((M.data.value ?? []).map((e) => Z(e.cameraId)))].sort((e, t) => e.localeCompare(t));
+		}), H = S(""), ye = S(Sn), be = _("cameraMenuRef"), Se = _("settingsMenuRef"), Ie = _("loadMoreRef"), Re = f(() => ({ gridTemplateColumns: `repeat(auto-fill, minmax(${M.value ? "220px" : "260px"}, 1fr))` })), ze = f(() => {
+			let e = [...new Set((I.data.value ?? []).map((e) => $e(e.cameraId)))].sort((e, t) => e.localeCompare(t));
 			return [{
 				key: "all",
 				label: x("views.training.all_cameras"),
-				active: B.value === "",
+				active: H.value === "",
 				onClick: () => {
-					B.value = "";
+					H.value = "";
 				}
 			}, ...e.map((e) => ({
 				key: e,
 				label: e,
-				active: B.value === e,
+				active: H.value === e,
 				onClick: () => {
-					B.value = e;
+					H.value = e;
 				}
 			}))];
-		}), Ue = f(() => [{
+		}), Ve = f(() => [{
 			key: "collect",
 			label: x("views.training.collection_enabled"),
 			description: x("views.training.collection_hint"),
 			toggle: !0,
-			toggleState: P.data.value?.enabled ?? !0,
+			toggleState: ce.data.value?.enabled ?? !0,
 			onClick: () => {
-				ft(!(P.data.value?.enabled ?? !0));
+				dt(!(ce.data.value?.enabled ?? !0));
 			}
-		}]), U = f(() => {
-			let e = B.value.trim().toLowerCase();
-			return e ? (M.data.value ?? []).filter((t) => Z(t.cameraId).toLowerCase().includes(e)) : M.data.value ?? [];
-		}), W = f(() => U.value.slice(0, xe.value)), G = f(() => U.value.length > W.value.length), Ge = f(() => (M.data.value ?? []).filter((e) => J(e)).length), K = f(() => ve.submitProgress.value ? ve.submitProgress.value : Ge.value > 0 ? {
+		}]), G = f(() => {
+			let e = H.value.trim().toLowerCase();
+			return e ? (I.data.value ?? []).filter((t) => $e(t.cameraId).toLowerCase().includes(e)) : I.data.value ?? [];
+		}), K = f(() => G.value.slice(0, ye.value)), q = f(() => G.value.length > K.value.length), Ue = f(() => (I.data.value ?? []).filter((e) => X(e)).length), J = f(() => he.submitProgress.value ? he.submitProgress.value : Ue.value > 0 ? {
 			active: !0,
-			total: Ge.value,
+			total: Ue.value,
 			done: 0,
 			failed: 0
-		} : null), q = f(() => U.value.filter((e) => !J(e)));
-		function J(e) {
+		} : null), Y = f(() => G.value.filter((e) => !X(e)));
+		function X(e) {
 			return e.upload === "queued" || e.upload === "uploading";
 		}
-		let { selectionMode: Y, selectedIds: X, allSelected: Ke, bulkBusy: Je, enterSelectionMode: Xe, exitSelectionMode: Ze, toggleSelectAll: Qe, toggleSelection: $e } = be(q, (e) => e.id), et = f(() => [...X.value].filter((e) => M.data.value?.find((t) => t.id === e)?.status === "verified"));
-		function Z(e) {
-			return z.value?.result?.find((t) => t._id === e)?.name ?? e;
+		let { selectionMode: Z, selectedIds: Q, allSelected: We, bulkBusy: Ke, enterSelectionMode: Je, exitSelectionMode: Ye, toggleSelectAll: Xe, toggleSelection: Ze } = ve(Y, (e) => e.id), Qe = f(() => [...Q.value].filter((e) => I.data.value?.find((t) => t.id === e)?.status === "verified"));
+		function $e(e) {
+			return V.value?.result?.find((t) => t._id === e)?.name ?? e;
 		}
-		function tt(e) {
-			return I(`/api/training/candidates/${e}/image`) ?? "";
+		function et(e) {
+			return ue(`/api/training/candidates/${e}/image`) ?? "";
 		}
-		function nt(e) {
+		function tt(e) {
 			let t = `components.training_editor.labels.${e}`;
 			return w(t) ? x(t) : e;
 		}
-		function rt(e) {
+		function nt(e) {
 			let t = {};
 			for (let n of e.boxes) t[n.label] = (t[n.label] ?? 0) + 1;
 			return t;
 		}
-		function it(e) {
+		function rt(e) {
 			return e === "verified" ? "success" : "info";
 		}
-		function at() {
-			xe.value += Sn;
+		function it() {
+			ye.value += Sn;
 		}
-		function ot(e) {
-			if (!J(e)) {
-				if (Y.value) {
-					$e(e.id);
+		function at(e) {
+			if (!X(e)) {
+				if (Z.value) {
+					Ze(e.id);
 					return;
 				}
-				st(e);
+				ot(e);
 			}
 		}
-		function st(e) {
-			E.openComponentDialog(Mt, {
+		function ot(e) {
+			O.openComponentDialog(jt, {
 				data: {
 					title: x("views.training.title"),
 					cancelText: x("components.form.button.remove"),
 					confirmText: x("components.training_editor.verify"),
 					cancelButtonProps: { severity: "danger" },
 					contentProps: {
-						candidates: U.value.map((e) => ({ ...e })),
+						candidates: G.value.map((e) => ({ ...e })),
 						startId: e.id,
-						cameraName: Z,
-						imageUrl: tt,
+						cameraName: $e,
+						imageUrl: et,
 						onSave: async (e, t, n) => {
-							await fe.mutateAsync({
+							await de.mutateAsync({
 								id: e,
 								patch: {
 									boxes: t,
@@ -1068,15 +1068,15 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 							});
 						},
 						onDelete: async (e) => {
-							await he.mutateAsync(e);
+							await fe.mutateAsync(e);
 						}
 					}
 				},
-				dialogSize: Ye
+				dialogSize: qe
 			});
 		}
-		function ct() {
-			E.openComponentDialog($t, {
+		function st() {
+			O.openComponentDialog($t, {
 				data: {
 					title: x("views.training.submissions"),
 					hideConfirmButton: !0,
@@ -1086,9 +1086,9 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 				dialogSize: en
 			});
 		}
-		function lt() {
-			let e = et.value;
-			e.length && !_e.isPending.value && E.openTextDialog({
+		function ct() {
+			let e = Qe.value;
+			e.length && !pe.isPending.value && O.openTextDialog({
 				data: {
 					title: x("components.dialog.title.confirm"),
 					contentText: x("views.training.submit_confirm", { count: e.length }),
@@ -1096,9 +1096,9 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 				},
 				onConfirm: async () => {
 					try {
-						await _e.mutateAsync(e), Ze();
+						await pe.mutateAsync(e), Ye();
 					} catch (e) {
-						O.add({
+						k.add({
 							severity: "error",
 							detail: e?.message ?? String(e),
 							life: 8e3
@@ -1107,9 +1107,9 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 				}
 			});
 		}
-		function ut() {
-			let e = [...X.value];
-			e.length && !Je.value && E.openTextDialog({
+		function lt() {
+			let e = [...Q.value];
+			e.length && !Ke.value && O.openTextDialog({
 				data: {
 					title: x("components.dialog.title.confirm"),
 					contentText: x("views.training.delete_selected_confirm", { count: e.length }),
@@ -1117,46 +1117,46 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 					confirmButtonProps: { severity: "danger" }
 				},
 				onConfirm: async () => {
-					Je.value = !0;
+					Ke.value = !0;
 					try {
-						for (let t of e) await he.mutateAsync(t);
-						Ze(), O.add({
+						for (let t of e) await fe.mutateAsync(t);
+						Ye(), k.add({
 							severity: "success",
 							detail: x("views.training.delete_selected_done", { count: e.length }),
 							life: 5e3
 						});
 					} catch (e) {
-						O.add({
+						k.add({
 							severity: "error",
 							detail: e?.message ?? String(e),
 							life: 5e3
 						});
 					} finally {
-						Je.value = !1;
+						Ke.value = !1;
 					}
 				}
 			});
 		}
-		async function dt(e) {
-			await he.mutateAsync(e.id);
+		async function ut(e) {
+			await fe.mutateAsync(e.id);
 		}
-		async function ft(e) {
-			await ge.mutateAsync({ enabled: e });
+		async function dt(e) {
+			await R.mutateAsync({ enabled: e });
 		}
-		te(B, () => {
-			xe.value = Sn;
-		}), V(Re, ([e]) => {
-			e?.isIntersecting && at();
-		}), ve.connect();
-		let pt = ve.onCandidatesChanged(() => {
-			M.refetch();
+		te(H, () => {
+			ye.value = Sn;
+		}), U(Ie, ([e]) => {
+			e?.isIntersecting && it();
+		}), he.connect();
+		let ft = he.onCandidatesChanged(() => {
+			I.refetch();
 		});
 		return r(() => {
-			pt();
+			ft();
 		}), (r, o) => {
-			let s = Le, u = Ee, f = se, te = H, _ = Oe, S = ke, w = De, E = T, O = ce, j = N, P = He, fe = ze, I = Ne, me = Me, L = Pe, he = Fe, ge = je, R = de, z = ye, be = ie, V = re, xe = Ie, Te = Ae, Ge = Ce, q = le, qe = k, Ye = ne;
+			let s = Fe, u = we, f = A, te = W, _ = Ee, S = De, w = Te, D = T, O = oe, k = ie, j = Be, ce = Le, ue = je, de = Ae, fe = Me, R = Ne, me = ke, B = z, V = F, ve = L, U = re, ye = Pe, Ce = Oe, Ue = xe, Y = _e, Ge = N, qe = ne;
 			return n(), m("div", tn, [
-				d(oe) ? l("", !0) : (n(), m("h1", nn, i(r.$t("views.training.title")), 1)),
+				d(M) ? l("", !0) : (n(), m("h1", nn, i(r.$t("views.training.title")), 1)),
 				C(f, { position: "left" }, {
 					default: p(() => [C(u, {
 						severity: "secondary",
@@ -1174,14 +1174,14 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 					_: 1
 				}),
 				v("div", an, [
-					C(j, { class: "flex-1" }, {
+					C(k, { class: "flex-1" }, {
 						default: p(() => [C(w, { class: "flex-1" }, {
 							default: p(() => [C(_, null, {
 								default: p(() => [C(te, { class: "w-4 h-4" })]),
 								_: 1
 							}), C(S, {
-								modelValue: d(B),
-								"onUpdate:modelValue": o[1] ||= (e) => ee(B) ? B.value = e : null,
+								modelValue: d(H),
+								"onUpdate:modelValue": o[1] ||= (e) => ee(H) ? H.value = e : null,
 								placeholder: d(x)("views.training.search"),
 								class: "w-full"
 							}, null, 8, ["modelValue", "placeholder"])]),
@@ -1191,9 +1191,9 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 								severity: "secondary",
 								text: "",
 								class: "text-color",
-								onClick: o[2] ||= (e) => d(Se)?.toggleMenu(e)
+								onClick: o[2] ||= (e) => d(be)?.toggleMenu(e)
 							}, {
-								icon: p(() => [C(E, { class: a(["w-4 h-4 transform transition-transform duration-300", { "rotate-180": d(Se)?.isOpen }]) }, null, 8, ["class"])]),
+								icon: p(() => [C(D, { class: a(["w-4 h-4 transform transition-transform duration-300", { "rotate-180": d(be)?.isOpen }]) }, null, 8, ["class"])]),
 								_: 1
 							})]),
 							_: 1
@@ -1204,12 +1204,12 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 						severity: "secondary",
 						outlined: "",
 						class: "cui-button shrink-0",
-						onClick: ct
+						onClick: st
 					}, {
-						icon: p(() => [C(P, { class: "w-4.5 h-4.5" })]),
+						icon: p(() => [C(j, { class: "w-4.5 h-4.5" })]),
 						_: 1
 					})), [[
-						Ye,
+						qe,
 						{ value: r.$t("views.training.submissions") },
 						void 0,
 						{ left: !0 }
@@ -1218,67 +1218,67 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 						severity: "secondary",
 						outlined: "",
 						class: "cui-button shrink-0",
-						onClick: o[3] ||= (e) => d(we)?.toggleMenu(e)
+						onClick: o[3] ||= (e) => d(Se)?.toggleMenu(e)
 					}, {
-						icon: p(() => [C(fe, { class: "w-4.5 h-4.5" })]),
+						icon: p(() => [C(ce, { class: "w-4.5 h-4.5" })]),
 						_: 1
 					})), [[
-						Ye,
+						qe,
 						{ value: r.$t("views.training.collection") },
 						void 0,
 						{ left: !0 }
 					]])
 				]),
-				d(K) ? (n(), m("div", on, [d(K).active ? (n(), m(g, { key: 0 }, [C(I, { class: "w-4 h-4 text-primary shrink-0" }), v("div", sn, [v("div", cn, i(r.$t("views.training.upload_progress", {
-					done: d(K).done + d(K).failed,
-					total: d(K).total
-				})), 1), C(me, {
-					value: d(K).total ? Math.round((d(K).done + d(K).failed) / d(K).total * 100) : 0,
+				d(J) ? (n(), m("div", on, [d(J).active ? (n(), m(g, { key: 0 }, [C(ue, { class: "w-4 h-4 text-primary shrink-0" }), v("div", sn, [v("div", cn, i(r.$t("views.training.upload_progress", {
+					done: d(J).done + d(J).failed,
+					total: d(J).total
+				})), 1), C(de, {
+					value: d(J).total ? Math.round((d(J).done + d(J).failed) / d(J).total * 100) : 0,
 					"show-value": !1,
 					style: { height: "6px" },
 					class: "mt-1.5"
 				}, null, 8, ["value"])])], 64)) : (n(), m(g, { key: 1 }, [
-					d(K).failed ? (n(), c(L, {
+					d(J).failed ? (n(), c(fe, {
 						key: 0,
 						class: "w-5 h-5 text-red-500 shrink-0"
-					})) : (n(), c(he, {
+					})) : (n(), c(R, {
 						key: 1,
 						class: "w-5 h-5 text-green-500 shrink-0"
 					})),
-					v("span", ln, [b(i(r.$t("views.training.submit_done", d(K).done)), 1), d(K).failed ? (n(), m(g, { key: 0 }, [b(" · " + i(r.$t("views.training.upload_failed_summary", { count: d(K).failed })), 1)], 64)) : l("", !0)]),
+					v("span", ln, [b(i(r.$t("views.training.submit_done", d(J).done)), 1), d(J).failed ? (n(), m(g, { key: 0 }, [b(" · " + i(r.$t("views.training.upload_failed_summary", { count: d(J).failed })), 1)], 64)) : l("", !0)]),
 					C(u, {
 						severity: "secondary",
 						text: "",
 						rounded: "",
 						class: "cui-icon-sm shrink-0",
-						onClick: o[4] ||= (e) => d(ve).dismissProgress()
+						onClick: o[4] ||= (e) => d(he).dismissProgress()
 					}, {
-						icon: p(() => [C(ge, { class: "w-4 h-4" })]),
+						icon: p(() => [C(me, { class: "w-4 h-4" })]),
 						_: 1
 					})
 				], 64))])) : l("", !0),
-				d(M).isLoading.value && !d(M).data.value ? (n(), m("div", {
+				d(I).isLoading.value && !d(I).data.value ? (n(), m("div", {
 					key: 2,
 					class: "grid w-full gap-3 p-px",
-					style: h(d(Be))
+					style: h(d(Re))
 				}, [(n(), m(g, null, t(8, (e) => v("div", {
 					key: e,
 					class: "cui-card overflow-hidden"
-				}, [C(R, {
+				}, [C(B, {
 					class: "aspect-video",
 					width: "100%",
 					height: "100%"
-				}), v("div", un, [C(R, {
+				}), v("div", un, [C(B, {
 					height: "14px",
 					width: "70%",
 					class: "mb-1"
-				}), C(R, {
+				}), C(B, {
 					height: "12px",
 					width: "40%"
-				})])])), 64))], 4)) : d(U).length === 0 ? (n(), m("div", dn, [C(z, { class: "w-12 h-12 text-muted" }), v("span", fn, i(r.$t("views.training.no_candidates")), 1)])) : (n(), m(g, { key: 4 }, [v("div", {
+				})])])), 64))], 4)) : d(G).length === 0 ? (n(), m("div", dn, [C(V, { class: "w-12 h-12 text-muted" }), v("span", fn, i(r.$t("views.training.no_candidates")), 1)])) : (n(), m(g, { key: 4 }, [v("div", {
 					class: "grid w-full gap-3 p-px",
-					style: h(d(Be))
-				}, [(n(!0), m(g, null, t(d(W), (a) => (n(), c(Ge, {
+					style: h(d(Re))
+				}, [(n(!0), m(g, null, t(d(K), (a) => (n(), c(Ue, {
 					key: a.id,
 					class: "cui-card overflow-hidden transition-shadow cursor-pointer hover:shadow-md aspect-[1.17] flex flex-col",
 					pt: {
@@ -1288,156 +1288,156 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 							style: "height: auto"
 						}
 					},
-					onClick: (e) => ot(a)
+					onClick: (e) => at(a)
 				}, {
 					header: p(() => [v("div", pn, [
-						C(be, {
+						C(ve, {
 							class: "absolute inset-0",
-							src: tt(a.id),
-							alt: Z(a.cameraId),
+							src: et(a.id),
+							alt: $e(a.cameraId),
 							"image-container-class": "w-full h-full",
 							"image-style": { objectFit: "cover" }
 						}, null, 8, ["src", "alt"]),
-						v("div", mn, [(n(!0), m(g, null, t(rt(a), (e, t) => (n(), m("span", {
+						v("div", mn, [(n(!0), m(g, null, t(nt(a), (e, t) => (n(), m("span", {
 							key: t,
 							class: "px-1.5 py-0.5 rounded text-xs font-medium text-white",
-							style: h({ backgroundColor: d(ue)(String(t)).color })
-						}, i(nt(String(t))) + " ×" + i(e), 5))), 128))]),
-						a.upload ? (n(), m("div", hn, [a.upload === "failed" ? y((n(), c(V, {
+							style: h({ backgroundColor: d(ge)(String(t)).color })
+						}, i(tt(String(t))) + " ×" + i(e), 5))), 128))]),
+						a.upload ? (n(), m("div", hn, [a.upload === "failed" ? y((n(), c(U, {
 							key: 0,
 							severity: "danger",
 							value: r.$t("views.training.upload_failed")
 						}, null, 8, ["value"])), [[
-							Ye,
+							qe,
 							a.uploadError,
 							void 0,
 							{ top: !0 }
-						]]) : a.upload === "uploading" ? (n(), c(V, {
+						]]) : a.upload === "uploading" ? (n(), c(U, {
 							key: 1,
 							severity: "info",
 							value: r.$t("views.training.upload_uploading")
-						}, null, 8, ["value"])) : (n(), c(V, {
+						}, null, 8, ["value"])) : (n(), c(U, {
 							key: 2,
 							severity: "secondary",
 							value: r.$t("views.training.upload_queued")
 						}, null, 8, ["value"]))])) : l("", !0),
-						!d(Y) && !J(a) ? (n(), m("div", gn, [y((n(), c(u, {
+						!d(Z) && !X(a) ? (n(), m("div", gn, [y((n(), c(u, {
 							severity: "secondary",
 							rounded: "",
 							size: "small",
 							class: "cui-icon-sm text-white",
-							onClick: e((e) => dt(a), ["stop"])
+							onClick: e((e) => ut(a), ["stop"])
 						}, {
-							icon: p(() => [C(xe, {
+							icon: p(() => [C(ye, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["onClick"])), [[
-							Ye,
+							qe,
 							r.$t("views.training.delete_candidate"),
 							void 0,
 							{ top: !0 }
 						]])])) : l("", !0)
 					])]),
-					content: p(() => [v("div", _n, [v("div", vn, [d(Y) && !J(a) ? (n(), c(Te, {
+					content: p(() => [v("div", _n, [v("div", vn, [d(Z) && !X(a) ? (n(), c(Ce, {
 						key: 0,
-						"model-value": d(X).has(a.id),
+						"model-value": d(Q).has(a.id),
 						binary: "",
 						size: "small",
 						onClick: o[5] ||= e(() => {}, ["stop"]),
-						"onUpdate:modelValue": (e) => d($e)(a.id)
-					}, null, 8, ["model-value", "onUpdate:modelValue"])) : l("", !0), v("div", yn, [v("div", bn, i(Z(a.cameraId)), 1), v("div", xn, i(d(pe)(a.createdAt)), 1)])]), C(V, {
-						severity: it(a.status),
+						"onUpdate:modelValue": (e) => d(Ze)(a.id)
+					}, null, 8, ["model-value", "onUpdate:modelValue"])) : l("", !0), v("div", yn, [v("div", bn, i($e(a.cameraId)), 1), v("div", xn, i(d(le)(a.createdAt)), 1)])]), C(U, {
+						severity: rt(a.status),
 						value: r.$t(`views.training.status_${a.status}`)
 					}, null, 8, ["severity", "value"])])]),
 					_: 2
-				}, 1032, ["onClick"]))), 128))], 4), d(G) ? (n(), m("div", {
+				}, 1032, ["onClick"]))), 128))], 4), d(q) ? (n(), m("div", {
 					key: 0,
 					ref_key: "loadMoreRef",
-					ref: Re,
+					ref: Ie,
 					class: "h-px"
 				}, null, 512)) : l("", !0)], 64)),
-				d(U).length || d(Y) ? (n(), c(qe, {
+				d(G).length || d(Z) ? (n(), c(Ge, {
 					key: 5,
-					"force-visible": d(Y)
+					"force-visible": d(Z)
 				}, {
-					default: p(() => [d(Y) ? (n(), m(g, { key: 1 }, [
-						C(q, {
+					default: p(() => [d(Z) ? (n(), m(g, { key: 1 }, [
+						C(Y, {
 							grouped: "",
 							"tooltip-props": { value: r.$t("components.form.tooltip.cancel_selection") },
 							"button-props": { severity: "secondary" },
-							icon: d(je),
+							icon: d(ke),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: d(Ze)
+							onClick: d(Ye)
 						}, null, 8, [
 							"tooltip-props",
 							"icon",
 							"onClick"
 						]),
-						C(q, {
+						C(Y, {
 							grouped: "",
-							"tooltip-props": { value: d(Ke) ? r.$t("views.training.deselect_all") : r.$t("views.training.select_all") },
-							"button-props": { severity: d(Ke) ? "primary" : "secondary" },
-							icon: d(A),
+							"tooltip-props": { value: d(We) ? r.$t("views.training.deselect_all") : r.$t("views.training.select_all") },
+							"button-props": { severity: d(We) ? "primary" : "secondary" },
+							icon: d(se),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: d(Qe)
+							onClick: d(Xe)
 						}, null, 8, [
 							"tooltip-props",
 							"button-props",
 							"icon",
 							"onClick"
 						]),
-						C(q, {
+						C(Y, {
 							grouped: "",
 							"tooltip-props": { value: r.$t("views.training.submit_selected") },
-							"button-props": { disabled: !d(et).length || d(_e).isPending.value },
-							icon: d(We),
+							"button-props": { disabled: !d(Qe).length || d(pe).isPending.value },
+							icon: d(He),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: lt
+							onClick: ct
 						}, null, 8, [
 							"tooltip-props",
 							"button-props",
 							"icon"
 						]),
-						C(q, {
+						C(Y, {
 							grouped: "",
 							"tooltip-props": { value: r.$t("views.training.delete_selected") },
 							"button-props": {
 								severity: "danger",
-								disabled: !d(X).size || d(Je)
+								disabled: !d(Q).size || d(Ke)
 							},
-							icon: d(F),
+							icon: d(P),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: ut
+							onClick: lt
 						}, null, 8, [
 							"tooltip-props",
 							"button-props",
 							"icon"
 						])
-					], 64)) : (n(), c(q, {
+					], 64)) : (n(), c(Y, {
 						key: 0,
 						grouped: "",
 						"tooltip-props": { value: r.$t("views.training.select") },
 						"button-props": { severity: "secondary" },
-						icon: d(D),
+						icon: d(E),
 						"icon-props": {
 							width: "100%",
 							height: "100%"
 						},
-						onClick: d(Xe)
+						onClick: d(Je)
 					}, null, 8, [
 						"tooltip-props",
 						"icon",
@@ -1447,14 +1447,14 @@ var Ht = { class: "flex flex-col gap-3" }, Ut = {
 				}, 8, ["force-visible"])) : l("", !0),
 				C(ae, {
 					ref_key: "cameraMenuRef",
-					ref: Se,
-					items: d(Ve),
+					ref: be,
+					items: d(ze),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"]),
 				C(ae, {
 					ref_key: "settingsMenuRef",
-					ref: we,
-					items: d(Ue),
+					ref: Se,
+					items: d(Ve),
 					"auto-hide": !1,
 					popover: { pt: {
 						root: { class: "w-[22rem]" },