@camera.ui/server 2.4.0 → 2.4.1

package/dist/interface/ha/Training-B0_5KTik.js

@@ -0,0 +1,1829 @@
+import { m as e } from "./ripple-CGl9oC16.js";
+import { Ct as t, D as n, Et as r, G as i, H as a, I as o, J as ee, Kt as s, St as c, Xt as l, Y as u, Yt as d, bt as f, d as p, f as m, ft as h, gt as g, jt as _, l as v, lt as y, ot as te, p as b, r as x, rt as S, u as C, ut as w, v as T, vt as E, x as D, y as O } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as ne } from "./chevron-down-CJFRRGQC.js";
+import { t as re } from "./tag-B53KW-vD.js";
+import { $i as k, Bn as ie, Ci as ae, Gi as A, Gn as oe, Hn as se, Hr as ce, Lt as le, Mi as ue, Qa as de, Ra as j, Rt as fe, Vn as pe, Vr as me, Xr as he, Yr as ge, Zi as M, Zn as _e, _a as N, ai as ve, at as ye, ci as P, cr as F, ea as I, g as be, ii as L, mt as R, nr as xe, oi as Se, ot as z, ri as B, si as V, sr as Ce, st as we, u as Te, ut as Ee, y as De } from "./api-BCqn9EdE.js";
+import { D as H, E as Oe, F as U, O as ke, s as Ae, w as je, x as Me } from "./vee-validate-DWIY1QrX.js";
+import { n as Ne } from "./vue-i18n-DzDRu5NH.js";
+import { t as Pe } from "./CuiButton-CGAd8xvo.js";
+import { n as W, t as Fe } from "./inputicon-Cv_r9VoH.js";
+import { t as Ie } from "./inputtext-DfgvQQt_.js";
+import { t as G } from "./checkbox-DEv0j3RK.js";
+import { t as Le } from "./close-BYhywzVJ.js";
+import { t as Re } from "./progressbar-PUG00hyZ.js";
+import { t as ze } from "./information-outline-C6Y1CMOv.js";
+import { t as Be } from "./search-BFDoeYxq.js";
+import { n as Ve, t as He } from "./cloud-check-sXroBnsd.js";
+import { r as Ue } from "./cards-CHOFxf6N.js";
+import { t as We } from "./trash-can-outline-B6niwBbo.js";
+import { t as Ge } from "./back-filled-DHF_824p.js";
+import { t as Ke } from "./help-circle-outline-B0ptYx8i.js";
+import { t as qe } from "./settings-BN8SfzNL.js";
+//#region ~icons/mdi/cloud-check-outline
+var Je = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ye(e, t) {
+	return a(), b("svg", Je, [...t[0] ||= [C("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 Xe = E({
+	name: "mdi-cloud-check-outline",
+	render: Ye
+}), Ze = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function K(e, t) {
+	return a(), b("svg", Ze, [...t[0] ||= [C("path", {
+		fill: "currentColor",
+		d: "M6 13h12v-2H6M3 6v2h18V6M10 18h4v-2h-4z"
+	}, null, -1)]]);
+}
+var Qe = E({
+	name: "mdi-filter-variant",
+	render: K
+}), $e = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function et(e, t) {
+	return a(), b("svg", $e, [...t[0] ||= [C("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 tt = E({
+	name: "mdi-cloud-upload-outline",
+	render: et
+}), nt = 200;
+async function rt(e = {}, { signal: t } = {}) {
+	return (await j.get("/training/candidates", {
+		params: e,
+		signal: t
+	})).data;
+}
+async function it(e, t) {
+	return (await j.patch(`/training/candidates/${e}`, t)).data;
+}
+async function at(e) {
+	await j.delete(`/training/candidates/${e}`);
+}
+async function ot(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n += nt) {
+		let r = await j.post("/training/candidates/submit", { ids: e.slice(n, n + nt) });
+		t += r.data.queued;
+	}
+	return { queued: t };
+}
+async function q({ cursor: e, signal: t } = {}) {
+	return (await j.get("/training/submissions", {
+		params: e ? { cursor: e } : void 0,
+		signal: t
+	})).data;
+}
+async function st(e) {
+	await j.delete(`/training/submissions/${e}`);
+}
+async function ct({ signal: e } = {}) {
+	return (await j.get("/training/settings", { signal: e })).data;
+}
+async function J(e) {
+	return (await j.patch("/training/settings", e)).data;
+}
+var lt = class {
+	queryClient = N();
+	getCandidatesQuery() {
+		return M({
+			queryKey: ["training-candidates"],
+			queryFn: ({ signal: e }) => rt({}, { signal: e }),
+			staleTime: 5e3
+		});
+	}
+	removeCandidatesFromCache(e) {
+		let t = ["training-candidates"], n = this.queryClient.getQueryState(t);
+		if (!n?.data || n.status !== "success" || n.fetchStatus !== "idle" || n.isInvalidated) return !1;
+		let r = new Set(e);
+		return !n.data.some((e) => r.has(e.id) && e.status !== "verified") && (this.queryClient.setQueryData(t, n.data.filter((e) => !r.has(e.id))), !0);
+	}
+	getSettingsQuery() {
+		return M({
+			queryKey: ["training-settings"],
+			queryFn: ({ signal: e }) => ct({ signal: e }),
+			staleTime: 3e4
+		});
+	}
+	patchCandidateMutation() {
+		return I({
+			mutationFn: ({ id: e, patch: t }) => it(e, t),
+			onSuccess: async () => {
+				await this.queryClient.refetchQueries({
+					queryKey: ["training-candidates"],
+					exact: !0
+				});
+			}
+		});
+	}
+	deleteCandidateMutation() {
+		return I({
+			mutationFn: at,
+			onSuccess: async () => {
+				await this.queryClient.refetchQueries({
+					queryKey: ["training-candidates"],
+					exact: !0
+				});
+			}
+		});
+	}
+	deleteSubmissionMutation() {
+		return I({ mutationFn: st });
+	}
+	submitCandidatesMutation() {
+		return I({
+			mutationFn: ot,
+			onSuccess: async () => {
+				await this.queryClient.refetchQueries({
+					queryKey: ["training-candidates"],
+					exact: !0
+				});
+			}
+		});
+	}
+	patchSettingsMutation() {
+		return I({
+			mutationFn: J,
+			onSuccess: async () => {
+				await this.queryClient.refetchQueries({
+					queryKey: ["training-settings"],
+					exact: !0
+				});
+			}
+		});
+	}
+}, ut = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function dt(e, t) {
+	return a(), b("svg", ut, [...t[0] ||= [C("path", {
+		fill: "currentColor",
+		d: "M17 14h2v3h3v2h-3v3h-2v-3h-3v-2h3zm-6 2L2 9l9-7l9 7zm0 2.54l1-.79V18c0 .71.12 1.39.35 2L11 21.07l-9-7l1.62-1.26z"
+	}, null, -1)]]);
+}
+var ft = E({
+	name: "mdi-layers-plus",
+	render: dt
+}), pt = [
+	"person",
+	"vehicle",
+	"animal",
+	"package",
+	"face",
+	"license_plate"
+], mt = { desktop: {
+	maxWidth: "1280px",
+	width: "85vw"
+} }, ht = 1e3, gt = 5e3, Y = f({ progress: null }), _t = null, X = null, Z = null, Q = 0, vt = 0, yt = null, bt = /* @__PURE__ */ new Set(), xt = /* @__PURE__ */ new Set();
+function St(e, t) {
+	for (let n of e) try {
+		n(t);
+	} catch {}
+}
+async function Ct() {
+	if (X?.ready.value) try {
+		let e = await X.request("get-submit-progress");
+		e.active ? Y.progress = e : Y.progress?.active && (Y.progress = null);
+	} catch {}
+}
+function wt() {
+	yt && clearTimeout(yt), yt = null, vt = Date.now();
+	let e = Z;
+	return Z = null, e;
+}
+function Tt() {
+	let e = wt();
+	e && St(bt, e);
+}
+function Et(e) {
+	let t = Date.now(), n = e.removed?.length ? e.removed : void 0;
+	Z ? (Z.cameraId !== e.cameraId && (Z.cameraId = void 0), n ? Z.removed = [...Z.removed ?? [], ...n] : Z.onlyRemoved = !1) : (Z = {
+		cameraId: e.cameraId,
+		removed: n && [...n],
+		onlyRemoved: !!n
+	}, Q = t);
+	let r = Math.min(Q + gt, Math.max(t + ht, vt + gt));
+	yt && clearTimeout(yt), yt = setTimeout(Tt, r - t);
+}
+function Dt() {
+	Ct();
+	let e = wt()?.removed;
+	St(bt, e ? { removed: e } : {}), St(xt, void 0);
+}
+function Ot() {
+	return X || (_t = h(!0), _t.run(() => {
+		let e = A("/training");
+		X = e, e.on("candidates-changed", (e) => Et(e ?? {})), e.on("submit-progress", (e) => {
+			Y.progress = e;
+		}), e.onReady(Dt);
+	}), X);
+}
+function kt() {
+	function e() {
+		Ot();
+	}
+	function t(e) {
+		return bt.add(e), () => bt.delete(e);
+	}
+	function n(e) {
+		return xt.add(e), () => xt.delete(e);
+	}
+	function r() {
+		Y.progress = null;
+	}
+	return {
+		submitProgress: v(() => Y.progress),
+		connect: e,
+		onCandidatesChanged: t,
+		onResync: n,
+		dismissProgress: r
+	};
+}
+//#endregion
+//#region src/components/CuiDialog/templates/TrainingBoxEditor/TrainingBoxEditor.vue?vue&type=script&setup=true&lang.ts
+var At = { class: "flex items-center justify-between gap-2 text-sm" }, jt = { class: "min-w-0 flex items-center gap-2" }, Mt = { class: "font-medium truncate" }, Nt = { class: "text-muted shrink-0" }, Pt = { class: "flex items-center gap-1.5 shrink-0" }, Ft = { class: "text-muted tabular-nums" }, It = ["data-stage-zoom"], Lt = ["src"], Rt = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"fill",
+	"fill-opacity",
+	"stroke-opacity",
+	"stroke-width",
+	"onPointerdown"
+], zt = ["onPointerdown"], Bt = ["cx", "cy"], Vt = [
+	"cx",
+	"cy",
+	"fill"
+], Ht = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"stroke-opacity"
+], Ut = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"stroke-opacity"
+], Wt = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"fill"
+], Gt = ["onClick"], Kt = ["onClick"], qt = { class: "bbox-label-confidence" }, Jt = ["data-box-label", "onPointerdown"], Yt = { class: "bbox-label-text" }, Xt = {
+	key: 0,
+	class: "bbox-label-confidence"
+}, Zt = {
+	key: 1,
+	class: "bbox-label-confidence"
+}, Qt = ["src"], $t = { class: "absolute inset-0 w-full h-full" }, en = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"fill",
+	"fill-opacity",
+	"stroke-opacity"
+], tn = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"fill"
+], nn = {
+	key: 2,
+	class: "absolute left-2 top-1/2 -translate-y-1/2 z-[5] dark-mode"
+}, rn = {
+	key: 3,
+	class: "absolute right-2 top-1/2 -translate-y-1/2 z-[5] dark-mode"
+}, an = {
+	key: 0,
+	class: "flex items-center justify-center gap-2"
+}, on = {
+	class: "text-muted text-sm",
+	for: "plate-text"
+}, sn = { class: "flex flex-col items-center gap-0.5" }, cn = { class: "flex items-center justify-center gap-1.5" }, ln = { class: "text-muted text-sm text-center" }, un = { class: "text-muted text-sm text-center" }, dn = {
+	key: 1,
+	class: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 justify-center mx-auto text-sm text-muted"
+}, fn = .01, pn = 4, mn = 10, hn = 26, gn = 60, _n = 400, vn = 110, yn = 2, bn = 80, xn = 50, Sn = .003, Cn = .5, wn = /*#__PURE__*/ L(/* @__PURE__ */ D({
+	__name: "TrainingBoxEditor",
+	props: {
+		candidates: {},
+		startId: {},
+		cameraName: { type: Function },
+		imageUrl: { type: Function },
+		onSave: { type: Function },
+		onDelete: { type: Function }
+	},
+	setup(h, { expose: E }) {
+		let D = h, ne = n("dialogRef"), { t: ae, te: A } = Ne(), oe = k(), le = kt(), ue = [
+			"nw",
+			"ne",
+			"sw",
+			"se"
+		], de = /* @__PURE__ */ new Map(), j = f(/* @__PURE__ */ new Set()), fe = f(/* @__PURE__ */ new Set()), M = t(/* @__PURE__ */ new Map()), _e = t(/* @__PURE__ */ new Map()), N = 0, ve = Math.max(0, D.candidates.findIndex((e) => e.id === D.startId)), ye = De(), P = S("rootRef"), F = S("labelMenuRef"), I = S("stageRef"), be = S("frameRef"), L = S("svgRef"), R = c(D.candidates[ve]?.boxes.map((e) => ({ ...e })) ?? []), Se = c({
+			w: 16,
+			h: 9
+		}), z = c(null), B = c(null), V = c(-1), Ce = c(!1), we = c(!1), Ee = ke("(any-pointer: fine)"), H = c(null), Oe = null, U = c(-1), Ae = c("person"), W = c(ve), Fe = c(!1), G = c(!1), Le = Date.now(), { zoom: Re, pan: ze, constraining: Be, minimapStyle: Ve, minimapBoxStyle: He, onZoomPan: Ge, onDoubleClick: qe, onTouchStart: Je, onTouchEnd: Ye, reset: Xe } = se(I, be), { height: Ze } = Me(be), K = v(() => D.candidates[W.value]), Qe = v(() => D.candidates.slice(0, W.value + 1).filter((e) => !j.has(e.id)).length), $e = v(() => D.candidates.filter((e) => !j.has(e.id)).length), et = v(() => D.candidates.slice(0, W.value).some((e) => !j.has(e.id))), tt = v(() => D.candidates.slice(W.value + 1).some((e) => !j.has(e.id))), nt = v(() => fe.has(K.value.id) ? "verified" : K.value.status), rt = v(() => _e.get(K.value.cameraId) ?? []), it = v(() => z.value?.moved === !0), at = v(() => z.value && z.value.mode !== "draw" ? z.value.index : -1), ot = v(() => R.value.map((e, t) => ({
+			box: e,
+			i: t
+		})).sort((e, t) => _t(e) - _t(t))), q = v(() => new Map(ot.value.map(({ i: e }, t) => [e, t + 1]))), st = v(() => R.value[V.value]), ct = v(() => {
+			let e = R.value[V.value];
+			return e?.label === "license_plate" ? e : null;
+		}), J = v(() => {
+			let e = new Set(R.value.map((e) => e.proposal));
+			return (K.value.proposals ?? []).flatMap((t, n) => t.source === "suggestion" && !e.has(n) ? [{
+				...t,
+				proposal: n
+			}] : []);
+		}), lt = v(() => rt.value.filter((e) => !xt(e, R.value))), ut = v(() => Fe.value ? lt.value.filter((e) => !xt(e, J.value)) : []), dt = v(() => R.value.length > 0 || ut.value.length > 0 || J.value.length > 0), mt = v(() => [...pt.map((e) => ({
+			key: e,
+			label: X(e),
+			icon: ie(e).icon,
+			iconProps: { style: { color: ie(e).color } },
+			active: R.value[U.value]?.label === e,
+			onClick: () => Bn(e)
+		})), {
+			key: "remove",
+			label: ae("components.training_editor.remove_box"),
+			icon: We,
+			iconProps: { class: "text-red-500" },
+			labelProps: { class: "text-red-500" },
+			onClick: () => Un(U.value)
+		}]), ht = v(() => (e) => {
+			let t = Ze.value || 360;
+			return e.y * t >= hn ? "above" : t - (e.y + e.height) * t >= hn ? "below" : "inside";
+		}), gt = v(() => (e) => e.x > .7);
+		function Y(e) {
+			return it.value && e !== at.value;
+		}
+		function _t({ box: e, i: t }) {
+			return t === V.value ? 2 ** 53 - 1 : M.get(r(e)) ?? t;
+		}
+		function X(e) {
+			let t = `components.training_editor.labels.${e}`;
+			return A(t) ? ae(t) : e;
+		}
+		function Z(e) {
+			return ie(e);
+		}
+		function Q(e) {
+			return `${e * 100}%`;
+		}
+		function vt(e, t) {
+			return Q(t === "nw" || t === "sw" ? e.x : e.x + e.width);
+		}
+		function yt(e, t) {
+			return Q(t === "nw" || t === "ne" ? e.y : e.y + e.height);
+		}
+		function bt(e) {
+			let t = { backgroundColor: Z(e.label).color };
+			gt.value(e) ? t.right = Q(1 - e.x - e.width) : t.left = Q(e.x);
+			let n = ht.value(e);
+			return t.top = n === "above" ? Q(e.y) : n === "below" ? Q(e.y + e.height) : `calc(${Q(e.y)} + 2px)`, t;
+		}
+		function xt(e, t) {
+			return t.some((t) => St(e, t) >= Cn);
+		}
+		function St(e, t) {
+			let n = Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x), r = Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y);
+			if (n <= 0 || r <= 0) return 0;
+			let i = n * r;
+			return i / (e.width * e.height + t.width * t.height - i);
+		}
+		function Ct(e) {
+			return {
+				left: Q(e.x + e.width),
+				top: Q(e.y + e.height),
+				borderColor: Z(e.label).color
+			};
+		}
+		function wt({ label: e, x: t, y: n, width: r, height: i, text: a }) {
+			return {
+				label: e,
+				x: t,
+				y: n,
+				width: r,
+				height: i,
+				...a ? { text: a } : {},
+				source: "copied"
+			};
+		}
+		function Tt(e) {
+			R.value.push(wt(e)), V.value = R.value.length - 1;
+		}
+		function Et() {
+			if (!Fe.value) return;
+			let e = J.value.filter((e) => xt(e, lt.value));
+			R.value.push(...ut.value.map(wt), ...e.map((e) => ({ ...e })));
+		}
+		function Dt(e) {
+			R.value.push({ ...e }), V.value = R.value.length - 1;
+		}
+		function Ot(e) {
+			let t = e.target;
+			t.naturalWidth && t.naturalHeight && (Se.value = {
+				w: t.naturalWidth,
+				h: t.naturalHeight
+			});
+		}
+		function wn(e) {
+			let t = L.value?.getBoundingClientRect();
+			return !t || t.width === 0 || t.height === 0 ? {
+				x: 0,
+				y: 0
+			} : {
+				x: Math.min(1, Math.max(0, (e.clientX - t.left) / t.width)),
+				y: Math.min(1, Math.max(0, (e.clientY - t.top) / t.height))
+			};
+		}
+		function Tn(e, t) {
+			z.value = {
+				...t,
+				clientX: e.clientX,
+				clientY: e.clientY,
+				moved: !1
+			}, L.value?.setPointerCapture(e.pointerId);
+		}
+		function En(e) {
+			if (F.value?.hide(), G.value || Re.value > 1 || !e.isPrimary) return;
+			let { x: t, y: n } = wn(e);
+			Tn(e, {
+				mode: "draw",
+				index: -1,
+				startX: t,
+				startY: n,
+				origin: {
+					label: Ae.value,
+					source: "drawn",
+					x: t,
+					y: n,
+					width: 0,
+					height: 0
+				}
+			});
+		}
+		function Dn(e, t) {
+			if (!t.isPrimary) return;
+			let { x: n, y: r } = wn(t);
+			V.value = e, Tn(t, {
+				mode: "move",
+				index: e,
+				startX: n,
+				startY: r,
+				origin: { ...R.value[e] }
+			});
+		}
+		function On(e, t, n) {
+			if (!n.isPrimary) return;
+			F.value?.hide();
+			let { x: r, y: i } = wn(n);
+			V.value = e, Tn(n, {
+				mode: "resize",
+				index: e,
+				corner: t,
+				startX: r,
+				startY: i,
+				origin: { ...R.value[e] }
+			});
+		}
+		function kn(e) {
+			e.touches.length > 1 && z.value && (z.value = null, B.value = null, H.value = null), Je(e);
+		}
+		function An(e) {
+			let t = z.value;
+			if (!t) return;
+			let { x: n, y: r } = wn(e), i = e.pointerType === "touch" ? mn : pn;
+			if (Math.hypot(e.clientX - t.clientX, e.clientY - t.clientY) > i && (t.moved = !0), t.mode === "draw") {
+				if (t.moved) {
+					let e = Rn(t.startX, t.startY, n, r);
+					B.value = e.width >= fn && e.height >= fn ? {
+						label: Ae.value,
+						source: "drawn",
+						...e
+					} : null;
+				}
+			} else if (t.mode === "move") {
+				if (t.moved) {
+					let e = R.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)));
+				}
+			} else {
+				let e = t.corner === "nw" || t.corner === "sw" ? t.origin.x + t.origin.width : t.origin.x, i = t.corner === "nw" || t.corner === "ne" ? t.origin.y + t.origin.height : t.origin.y;
+				Object.assign(R.value[t.index], Rn(e, i, n, r));
+			}
+			e.pointerType === "touch" && t.moved && (Mn(t) ? Pn(e, Nn(t, n, r)) : H.value = null);
+		}
+		function jn(e) {
+			let t = z.value;
+			z.value = null, H.value = null, t && (t.mode === "draw" ? (B.value && B.value.width >= fn && B.value.height >= fn ? (R.value.push({ ...B.value }), V.value = R.value.length - 1) : t.moved || (V.value = -1), B.value = null) : t.mode === "move" && !t.moved && zn(t.index, e));
+		}
+		function Mn(e) {
+			let t = L.value?.getBoundingClientRect();
+			if (!t || t.width === 0) return !1;
+			let n = e.mode === "draw" ? B.value : R.value[e.index];
+			return !n || Math.max(n.width * t.width, n.height * t.height) <= xn;
+		}
+		function Nn(e, t, n) {
+			let r = e.mode === "move" ? R.value[e.index] : void 0;
+			return r ? {
+				x: r.x + r.width / 2,
+				y: r.y + r.height / 2
+			} : {
+				x: t,
+				y: n
+			};
+		}
+		function Pn(e, t) {
+			let n = be.value?.getBoundingClientRect(), r = I.value?.getBoundingClientRect();
+			if (!n || !r || n.width === 0 || n.height === 0) {
+				H.value = null;
+				return;
+			}
+			let i = vn / 2, a = Math.min(Math.max(e.clientX - r.left, 59), r.width - i - 4), o = e.clientY - r.top - bn;
+			o - i < 4 && (o = e.clientY - r.top + bn), H.value = {
+				x: a,
+				y: o,
+				frameW: n.width,
+				frameH: n.height,
+				tx: i - t.x * n.width * yn,
+				ty: i - t.y * n.height * yn
+			};
+		}
+		function Fn(e) {
+			let t = e instanceof HTMLElement || e instanceof SVGElement ? e : null;
+			if (!t || I.value?.contains(t) || t.closest(".p-dialog-header") || t.closest("button")) return !1;
+			let n = P.value?.closest(".p-dialog-content")?.lastElementChild;
+			return !(n && n !== P.value && n.contains(t));
+		}
+		function In(e) {
+			if (Oe = null, e.touches.length !== 1 || !Fn(e.target)) return;
+			let t = e.touches[0];
+			Oe = {
+				x: t.clientX,
+				y: t.clientY,
+				at: Date.now()
+			};
+		}
+		function Ln(e) {
+			let t = Oe;
+			if (Oe = 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 <= _n && Math.abs(r) >= gn && Math.abs(r) > 2 * Math.abs(i) && $(r < 0 ? 1 : -1);
+		}
+		function Rn(e, t, n, r) {
+			return {
+				x: Math.min(e, n),
+				y: Math.min(t, r),
+				width: Math.abs(n - e),
+				height: Math.abs(r - t)
+			};
+		}
+		function zn(e, t) {
+			U.value = e;
+			let n = be.value?.querySelector(`[data-box-label="${e}"]`), r = { currentTarget: be.value ?? t.currentTarget };
+			F.value?.toggleMenu(r, n ?? void 0);
+		}
+		function Bn(e) {
+			let t = R.value[U.value];
+			t && (t.label = e, Ae.value = e);
+		}
+		function Vn(e) {
+			let t = R.value[V.value];
+			t && (t.text = (e ?? "").toUpperCase().replace(/[^A-Z0-9ÄÖÜ\- ]/g, "") || void 0);
+		}
+		function Hn() {
+			G.value = !G.value, G.value && (z.value = null, B.value = null, H.value = null, V.value = -1, U.value = -1, F.value?.hide());
+		}
+		function Un(e) {
+			e < 0 || e >= R.value.length || (R.value.splice(e, 1), V.value = -1, U.value = -1, F.value?.hide());
+		}
+		function Wn(e, t = !0) {
+			e < 0 || e >= D.candidates.length || (t && de.set(K.value.id, R.value.map((e) => ({ ...e }))), R.value.length && _e.set(K.value.cameraId, R.value.map((e) => ({ ...e }))), W.value = e, R.value = (de.get(K.value.id) ?? K.value.boxes).map((e) => ({ ...e })), G.value = !1, B.value = null, z.value = null, H.value = null, V.value = -1, U.value = -1, M.clear(), F.value?.hide(), Xe(), Le = Date.now());
+		}
+		async function Gn(e) {
+			let t = Date.now() - Le;
+			return await D.onSave(K.value.id, R.value.map((e) => ({ ...e })), e, t), Le = Date.now(), de.set(K.value.id, R.value.map((e) => ({ ...e }))), e === "verified" && fe.add(K.value.id), $(1, !1) ? null : void 0;
+		}
+		function $(e, t = !0) {
+			let n = W.value + e;
+			for (; n >= 0 && n < D.candidates.length && j.has(D.candidates[n].id);) n += e;
+			return n < 0 || n >= D.candidates.length ? !1 : (Wn(n, t), !0);
+		}
+		async function Kn() {
+			let e = K.value.id;
+			j.add(e);
+			try {
+				await D.onDelete(e);
+			} catch (t) {
+				throw j.delete(e), t;
+			}
+			return de.delete(e), $(1, !1) || $(-1, !1) ? null : void 0;
+		}
+		function qn(e) {
+			let t = !1;
+			for (let n of e) !j.has(n) && D.candidates.some((e) => e.id === n) && (j.add(n), de.delete(n), n === K.value.id && (t = !0));
+			t && (oe.add({
+				severity: "warn",
+				detail: ae("components.training_editor.removed_meanwhile"),
+				life: 4e3
+			}), !$(1, !1) && !$(-1, !1) && ne.value.close({ status: "cancel" }));
+		}
+		function Jn() {
+			for (let e of [1, -1]) {
+				let t = W.value + e;
+				for (; t >= 0 && t < D.candidates.length && j.has(D.candidates[t].id);) t += e;
+				let n = D.candidates[t];
+				n && (new Image().src = D.imageUrl(n.id));
+			}
+		}
+		function Yn(e) {
+			R.value.length && (V.value = (V.value + e + R.value.length) % R.value.length);
+		}
+		function Xn(e) {
+			let t = R.value[V.value];
+			if (!t) return;
+			let n = pt, r = n[(n.indexOf(t.label) + e + n.length) % n.length];
+			t.label = r, Ae.value = r;
+		}
+		function Zn(e, t, n) {
+			let r = R.value[V.value];
+			r && (n ? (r.width = Math.min(1 - r.x, Math.max(fn, r.width + e)), r.height = Math.min(1 - r.y, Math.max(fn, 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))));
+		}
+		async function Qn() {
+			if (!we.value) {
+				we.value = !0;
+				try {
+					let e = await Gn("verified");
+					e !== null && ne.value.close({
+						status: "confirm",
+						data: e
+					});
+				} finally {
+					we.value = !1;
+				}
+			}
+		}
+		te(W, Jn, { immediate: !0 }), te(st, (e, t) => {
+			t && t !== e && R.value.includes(t) && M.set(r(t), --N);
+		}), je(window, "keydown", (e) => {
+			if (e.target?.closest?.("input, textarea")) return;
+			let t = {
+				ArrowLeft: [-.003, 0],
+				ArrowRight: [Sn, 0],
+				ArrowUp: [0, -.003],
+				ArrowDown: [0, Sn]
+			};
+			if (t[e.key]) {
+				if (V.value >= 0) {
+					e.preventDefault();
+					let [n, r] = t[e.key];
+					Zn(n, r, e.shiftKey);
+				} else !e.repeat && e.key === "ArrowLeft" ? $(-1) : !e.repeat && e.key === "ArrowRight" && $(1);
+			} else e.repeat || ((e.key === "h" || e.key === "H") && !e.metaKey && !e.ctrlKey ? Hn() : G.value && e.key !== " " || (e.key === "Tab" ? (e.preventDefault(), Yn(e.shiftKey ? -1 : 1)) : e.key === "Escape" ? (V.value = -1, F.value?.hide()) : (e.key === "Delete" || e.key === "Backspace") && V.value >= 0 ? Un(V.value) : e.key === "v" || e.key === "V" ? e.shiftKey ? Et() : rt.value.length > 0 && (Fe.value = !Fe.value) : e.key === "s" || e.key === "S" ? Xn(e.shiftKey ? -1 : 1) : e.key === " " && !F.value?.isOpen && (e.preventDefault(), Qn())));
+		}), je(() => P.value?.closest(".p-dialog-content") ?? void 0, "touchstart", In, { passive: !0 }), je(() => P.value?.closest(".p-dialog-content") ?? void 0, "touchend", Ln, { passive: !0 }), le.connect();
+		let $n = le.onCandidatesChanged((e) => {
+			e.removed?.length && qn(e.removed);
+		});
+		return o(() => {
+			$n();
+		}), E({
+			isLoading: we,
+			onConfirm: () => Gn("verified"),
+			onCancel: () => Kn()
+		}), (t, n) => {
+			let r = re, o = ge, c = he, f = Pe, v = ft, te = Ue, S = me, E = ce, D = Ie, ne = Ke, k = ee("tooltip");
+			return a(), b("div", {
+				ref_key: "rootRef",
+				ref: P,
+				class: "flex flex-col gap-3 h-full min-h-0"
+			}, [
+				C("div", At, [C("div", jt, [
+					O(r, {
+						severity: _(nt) === "verified" ? "success" : "info",
+						value: t.$t(`views.training.status_${_(nt)}`),
+						class: "shrink-0"
+					}, null, 8, ["severity", "value"]),
+					C("span", Mt, l(h.cameraName(_(K).cameraId)), 1),
+					C("span", Nt, l(_(Te)(_(K).createdAt)), 1)
+				]), C("div", Pt, [
+					_(dt) || _(G) ? w((a(), p(f, {
+						key: 0,
+						severity: _(G) ? "primary" : "secondary",
+						text: "",
+						rounded: "",
+						class: "cui-icon-sm",
+						onClick: Hn
+					}, {
+						icon: y(() => [_(G) ? (a(), p(o, {
+							key: 0,
+							class: "w-4 h-4"
+						})) : (a(), p(c, {
+							key: 1,
+							class: "w-4 h-4"
+						}))]),
+						_: 1
+					}, 8, ["severity"])), [[
+						k,
+						t.$t(_(G) ? "components.training_editor.boxes_show" : "components.training_editor.boxes_hide"),
+						void 0,
+						{ bottom: !0 }
+					]]) : m("", !0),
+					_(rt).length > 0 ? w((a(), p(f, {
+						key: 1,
+						severity: _(Fe) ? "primary" : "secondary",
+						text: "",
+						rounded: "",
+						class: "cui-icon-sm",
+						onClick: n[0] ||= (e) => Fe.value = !_(Fe)
+					}, {
+						icon: y(() => [O(v, { class: "w-4 h-4" })]),
+						_: 1
+					}, 8, ["severity"])), [[
+						k,
+						t.$t("components.training_editor.ghosts_toggle"),
+						void 0,
+						{ bottom: !0 }
+					]]) : m("", !0),
+					C("span", Ft, l(_(Qe)) + " / " + l(_($e)), 1)
+				])]),
+				C("div", {
+					ref_key: "stageRef",
+					ref: I,
+					class: "stage relative w-full bg-black rounded-lg shrink-0 overflow-hidden select-none"
+				}, [
+					O(_(pe), {
+						pan: _(ze),
+						"onUpdate:pan": n[13] ||= (e) => g(ze) ? ze.value = e : null,
+						zoom: _(Re),
+						"onUpdate:zoom": n[14] ||= (e) => g(Re) ? Re.value = e : null,
+						"pan-enabled": _(Re) > 1 && !_(z),
+						"enable-control-button": !1,
+						"dbl-click-enabled": !1,
+						"min-zoom": 1,
+						"max-zoom": _(5),
+						selector: `[data-stage-zoom='${_(ye)}']`,
+						"zoom-origin": "pointer",
+						class: s(["absolute inset-0 flex items-center justify-center", { "zoom-constraining": _(Be) }]),
+						onPanned: _(Ge),
+						onZoom: _(Ge),
+						onDblclick: _(qe),
+						onTouchstart: kn,
+						onTouchend: _(Ye)
+					}, {
+						default: y(() => [C("div", {
+							ref_key: "frameRef",
+							ref: be,
+							"data-stage-zoom": _(ye),
+							class: "frame relative",
+							style: d({
+								"--ar-w": _(Se).w,
+								"--ar-h": _(Se).h
+							})
+						}, [
+							C("img", {
+								src: h.imageUrl(_(K).id),
+								class: "absolute inset-0 w-full h-full",
+								draggable: "false",
+								onLoad: Ot
+							}, null, 40, Lt),
+							(a(), b("svg", {
+								ref_key: "svgRef",
+								ref: L,
+								class: s(["absolute inset-0 w-full h-full touch-none", _(Re) > 1 ? "cursor-grab" : _(G) ? "cursor-default" : "cursor-crosshair"]),
+								onPointerdown: En,
+								onPointermove: An,
+								onPointerup: jn,
+								onPointercancel: jn
+							}, [_(G) ? m("", !0) : (a(), b(x, { key: 0 }, [
+								(a(!0), b(x, null, i(_(ot), ({ box: t, i: r }) => (a(), b("g", { key: r }, [C("rect", {
+									x: Q(t.x),
+									y: Q(t.y),
+									width: Q(t.width),
+									height: Q(t.height),
+									stroke: Z(t.label).color,
+									fill: Z(t.label).color,
+									"fill-opacity": Y(r) ? .03 : r === _(V) ? .22 : .12,
+									"stroke-opacity": Y(r) ? .35 : 1,
+									"stroke-width": r === _(V) ? 3.5 : 2,
+									"vector-effect": "non-scaling-stroke",
+									class: "cursor-move",
+									onPointerdown: e((e) => Dn(r, e), ["stop"]),
+									onTouchstart: n[1] ||= e(() => {}, ["stop"]),
+									onMousedown: n[2] ||= e(() => {}, ["stop"])
+								}, null, 40, Rt), Y(r) ? m("", !0) : (a(), b(x, { key: 0 }, i(ue, (i) => C("g", {
+									key: i,
+									class: "cursor-nwse-resize",
+									onPointerdown: e((e) => On(r, i, e), ["stop"]),
+									onTouchstart: n[3] ||= e(() => {}, ["stop"]),
+									onMousedown: n[4] ||= e(() => {}, ["stop"])
+								}, [C("circle", {
+									cx: vt(t, i),
+									cy: yt(t, i),
+									r: "14",
+									fill: "transparent"
+								}, null, 8, Bt), C("circle", {
+									cx: vt(t, i),
+									cy: yt(t, i),
+									r: "4.5",
+									fill: Z(t.label).color
+								}, null, 8, Vt)], 40, zt)), 64))]))), 128)),
+								(a(!0), b(x, null, i(_(ut), (e, t) => (a(), b("rect", {
+									key: `ghost-${t}`,
+									x: Q(e.x),
+									y: Q(e.y),
+									width: Q(e.width),
+									height: Q(e.height),
+									stroke: Z(e.label).color,
+									fill: "none",
+									"stroke-opacity": _(it) ? .3 : .75,
+									"stroke-dasharray": "3 5",
+									"stroke-width": "1.5",
+									"vector-effect": "non-scaling-stroke",
+									class: "pointer-events-none"
+								}, null, 8, Ht))), 128)),
+								(a(!0), b(x, null, i(_(J), (e) => (a(), b("rect", {
+									key: `suggestion-${e.proposal}`,
+									x: Q(e.x),
+									y: Q(e.y),
+									width: Q(e.width),
+									height: Q(e.height),
+									stroke: Z(e.label).color,
+									fill: "none",
+									"stroke-opacity": _(it) ? .3 : 1,
+									"stroke-dasharray": "1 4",
+									"stroke-linecap": "round",
+									"stroke-width": "2",
+									"vector-effect": "non-scaling-stroke",
+									class: "pointer-events-none"
+								}, null, 8, Ut))), 128))
+							], 64)), _(B) ? (a(), b("rect", {
+								key: 1,
+								x: Q(_(B).x),
+								y: Q(_(B).y),
+								width: Q(_(B).width),
+								height: Q(_(B).height),
+								stroke: Z(_(B).label).color,
+								fill: Z(_(B).label).color,
+								"fill-opacity": "0.1",
+								"stroke-dasharray": "6 4",
+								"stroke-width": "2",
+								"vector-effect": "non-scaling-stroke"
+							}, null, 8, Wt)) : m("", !0)], 34)),
+							_(G) ? m("", !0) : (a(), b(x, { key: 0 }, [
+								(a(!0), b(x, null, i(_(ut), (r, i) => w((a(), b("button", {
+									key: `ghost-chip-${i}`,
+									type: "button",
+									class: s(["ghost-chip", { faded: _(it) }]),
+									style: d(Ct(r)),
+									onPointerdown: n[5] ||= e(() => {}, ["stop"]),
+									onTouchstart: n[6] ||= e(() => {}, ["stop"]),
+									onMousedown: n[7] ||= e(() => {}, ["stop"]),
+									onClick: e((e) => Tt(r), ["stop"])
+								}, [O(te, { class: "w-3.5 h-3.5 shrink-0" }), (a(), p(u(Z(r.label).icon), { class: "bbox-label-icon" }))], 46, Gt)), [[
+									k,
+									t.$t("components.training_editor.ghost_take"),
+									void 0,
+									{ top: !0 }
+								]])), 128)),
+								(a(!0), b(x, null, i(_(J), (r) => w((a(), b("button", {
+									key: `suggestion-chip-${r.proposal}`,
+									type: "button",
+									class: s(["ghost-chip", { faded: _(it) }]),
+									style: d(Ct(r)),
+									onPointerdown: n[8] ||= e(() => {}, ["stop"]),
+									onTouchstart: n[9] ||= e(() => {}, ["stop"]),
+									onMousedown: n[10] ||= e(() => {}, ["stop"]),
+									onClick: e((e) => Dt(r), ["stop"])
+								}, [
+									O(te, { class: "w-3.5 h-3.5 shrink-0" }),
+									(a(), p(u(Z(r.label).icon), { class: "bbox-label-icon" })),
+									C("span", qt, l(Math.round((r.score ?? 0) * 100)) + "%", 1)
+								], 46, Kt)), [[
+									k,
+									t.$t("components.training_editor.suggestion_take"),
+									void 0,
+									{ top: !0 }
+								]])), 128)),
+								(a(!0), b(x, null, i(_(R), (t, r) => (a(), b("div", {
+									key: `label-${r}`,
+									class: s(["bbox-label cursor-move", {
+										"label-bottom": _(ht)(t) === "below",
+										"label-inside": _(ht)(t) === "inside",
+										"label-right": _(gt)(t),
+										faded: Y(r)
+									}]),
+									"data-box-label": r,
+									onPointerdown: e((e) => Dn(r, e), ["stop"]),
+									onPointermove: An,
+									onPointerup: jn,
+									onPointercancel: jn,
+									onTouchstart: n[11] ||= e(() => {}, ["stop"]),
+									onMousedown: n[12] ||= e(() => {}, ["stop"]),
+									style: d([bt(t), { zIndex: _(q).get(r) }])
+								}, [
+									(a(), p(u(Z(t.label).icon), { class: "bbox-label-icon" })),
+									C("span", Yt, l(X(t.label)), 1),
+									t.text ? (a(), b("span", Xt, l(t.text), 1)) : t.score === void 0 ? m("", !0) : (a(), b("span", Zt, l(Math.round(t.score * 100)) + "%", 1))
+								], 46, Jt))), 128))
+							], 64))
+						], 12, It)]),
+						_: 1
+					}, 8, [
+						"pan",
+						"zoom",
+						"pan-enabled",
+						"max-zoom",
+						"selector",
+						"class",
+						"onPanned",
+						"onZoom",
+						"onDblclick",
+						"onTouchend"
+					]),
+					_(Ve) ? (a(), b("div", {
+						key: 0,
+						class: "zoom-minimap",
+						style: d(_(He) ?? void 0)
+					}, [C("div", {
+						class: "zoom-minimap-viewport",
+						style: d(_(Ve))
+					}, null, 4)], 4)) : m("", !0),
+					_(H) ? (a(), b("div", {
+						key: 1,
+						class: "loupe",
+						style: d({
+							left: `${_(H).x}px`,
+							top: `${_(H).y}px`
+						})
+					}, [C("div", {
+						class: "loupe-content",
+						style: d({
+							width: `${_(H).frameW}px`,
+							height: `${_(H).frameH}px`,
+							transform: `translate(${_(H).tx}px, ${_(H).ty}px) scale(${yn})`
+						})
+					}, [C("img", {
+						src: h.imageUrl(_(K).id),
+						class: "absolute inset-0 w-full h-full",
+						draggable: "false"
+					}, null, 8, Qt), (a(), b("svg", $t, [(a(!0), b(x, null, i(_(R), (e, t) => (a(), b("rect", {
+						key: t,
+						x: Q(e.x),
+						y: Q(e.y),
+						width: Q(e.width),
+						height: Q(e.height),
+						stroke: Z(e.label).color,
+						fill: Z(e.label).color,
+						"fill-opacity": Y(t) ? .03 : .1,
+						"stroke-opacity": Y(t) ? .35 : 1,
+						"stroke-width": "1.5"
+					}, null, 8, en))), 128)), _(B) ? (a(), b("rect", {
+						key: 0,
+						x: Q(_(B).x),
+						y: Q(_(B).y),
+						width: Q(_(B).width),
+						height: Q(_(B).height),
+						stroke: Z(_(B).label).color,
+						fill: Z(_(B).label).color,
+						"fill-opacity": "0.1",
+						"stroke-dasharray": "4 3",
+						"stroke-width": "1.5"
+					}, null, 8, tn)) : m("", !0)]))], 4), n[18] ||= C("div", { class: "loupe-crosshair" }, null, -1)], 4)) : m("", !0),
+					_(et) ? (a(), b("div", nn, [O(f, {
+						severity: "secondary",
+						rounded: "",
+						class: "cui-icon-md opacity-60 hover:opacity-100",
+						onClick: n[15] ||= e((e) => $(-1), ["stop"])
+					}, {
+						icon: y(() => [O(S, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})])) : m("", !0),
+					_(tt) ? (a(), b("div", rn, [O(f, {
+						severity: "secondary",
+						rounded: "",
+						class: "cui-icon-md opacity-60 hover:opacity-100",
+						onClick: n[16] ||= e((e) => $(1), ["stop"])
+					}, {
+						icon: y(() => [O(E, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})])) : m("", !0)
+				], 512),
+				_(ct) ? (a(), b("div", an, [C("label", on, l(t.$t("components.training_editor.plate_text")), 1), O(D, {
+					id: "plate-text",
+					"model-value": _(ct).text ?? "",
+					size: "small",
+					maxlength: "12",
+					class: "w-40 uppercase",
+					placeholder: "ABC 1234",
+					"onUpdate:modelValue": Vn
+				}, null, 8, ["model-value"])])) : m("", !0),
+				C("div", sn, [C("div", cn, [C("span", ln, l(t.$t("components.training_editor.hint")), 1), _(Ee) ? (a(), p(f, {
+					key: 0,
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-sm shrink-0",
+					onClick: n[17] ||= (e) => Ce.value = !_(Ce)
+				}, {
+					icon: y(() => [O(ne, { class: "w-4 h-4" })]),
+					_: 1
+				})) : m("", !0)]), C("span", un, l(t.$t("components.training_editor.hint_wrong")), 1)]),
+				_(Ee) && _(Ce) ? (a(), b("div", dn, [
+					n[19] ||= C("span", null, [C("kbd", null, "Tab")], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_select")), 1),
+					n[20] ||= T(),
+					n[21] ||= C("span", null, [C("kbd", null, "←↑→↓")], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_move")), 1),
+					n[22] ||= T(),
+					n[23] ||= C("span", null, [
+						C("kbd", null, "Shift"),
+						T(" + "),
+						C("kbd", null, "←↑→↓")
+					], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_resize")), 1),
+					n[24] ||= T(),
+					n[25] ||= C("span", null, [C("kbd", null, "S")], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_label")), 1),
+					n[26] ||= T(),
+					n[27] ||= C("span", null, [C("kbd", null, "Del")], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_delete")), 1),
+					n[28] ||= T(),
+					n[29] ||= C("span", null, [C("kbd", null, "V")], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_ghosts")), 1),
+					n[30] ||= T(),
+					n[31] ||= C("span", null, [
+						C("kbd", null, "Shift"),
+						T(" + "),
+						C("kbd", null, "V")
+					], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_ghosts_all")), 1),
+					n[32] ||= T(),
+					n[33] ||= C("span", null, [C("kbd", null, "H")], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_hide")), 1),
+					n[34] ||= T(),
+					n[35] ||= C("span", null, [C("kbd", null, "Esc")], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_deselect")), 1),
+					n[36] ||= T(),
+					n[37] ||= C("span", null, [C("kbd", null, "Space")], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_verify")), 1),
+					n[38] ||= T(),
+					n[39] ||= C("span", null, [
+						C("kbd", null, "←"),
+						T(" / "),
+						C("kbd", null, "→")
+					], -1),
+					C("span", null, l(t.$t("components.training_editor.sc_nav")), 1)
+				])) : m("", !0),
+				O(xe, {
+					ref_key: "labelMenuRef",
+					ref: F,
+					items: _(mt),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"])
+			], 512);
+		};
+	}
+}), [["__scopeId", "data-v-e6d47dd1"]]), Tn = { class: "flex flex-col gap-3" }, En = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, Dn = {
+	key: 1,
+	class: "flex flex-col items-center gap-3 py-10"
+}, On = { class: "text-muted text-sm text-center max-w-sm" }, kn = {
+	key: 2,
+	class: "flex flex-col items-center gap-3 py-10"
+}, An = { class: "text-muted text-sm text-center max-w-sm" }, jn = { class: "text-muted text-sm" }, Mn = { class: "w-24 aspect-video rounded-lg overflow-hidden bg-black/5 dark:bg-black/30 shrink-0" }, Nn = { class: "flex-1 min-w-0" }, Pn = { class: "flex flex-wrap items-center gap-1" }, Fn = { class: "text-xs text-muted mt-1" }, In = {
+	key: 0,
+	class: "flex justify-center py-2"
+}, Ln = /* @__PURE__ */ D({
+	__name: "TrainingSubmissions",
+	setup(e) {
+		let t = new lt(), { t: n, te: r } = Ne(), s = k(), u = kt(), f = t.deleteSubmissionMutation(), h = c(""), g = c([]), v = c(0), T = c(), E = c(!0), D = c(!1), ne = c(!1), ae = S("loadMoreRef");
+		function A(e) {
+			let t = {};
+			for (let n of e.labels) t[n.label] = (t[n.label] ?? 0) + 1;
+			return t;
+		}
+		function oe(e) {
+			let t = `components.training_editor.labels.${e}`;
+			return r(t) ? n(t) : e;
+		}
+		async function se() {
+			E.value = g.value.length === 0;
+			try {
+				let e = await q();
+				g.value = e.items, v.value = e.total ?? e.items.length, T.value = e.nextCursor, ne.value = !1;
+			} catch {
+				ne.value = !0;
+			} finally {
+				E.value = !1;
+			}
+		}
+		async function ce() {
+			let e = T.value;
+			if (e && !D.value) {
+				D.value = !0;
+				try {
+					let t = await q({ cursor: e }), n = new Set(g.value.map((e) => e.id));
+					g.value.push(...t.items.filter((e) => !n.has(e.id))), T.value = t.nextCursor;
+				} catch (e) {
+					s.add({
+						severity: "error",
+						detail: e?.message ?? String(e),
+						life: 5e3
+					});
+				} finally {
+					D.value = !1;
+				}
+			}
+		}
+		async function le(e) {
+			h.value = e;
+			try {
+				await f.mutateAsync(e), g.value = g.value.filter((t) => t.id !== e), v.value = Math.max(0, v.value - 1);
+			} catch (e) {
+				s.add({
+					severity: "error",
+					detail: e?.message ?? String(e),
+					life: 5e3
+				});
+			} finally {
+				h.value = "";
+			}
+		}
+		Oe(ae, ([e]) => {
+			e?.isIntersecting && ce();
+		}), te(() => u.submitProgress.value?.active, (e, t) => {
+			t && !e && se();
+		});
+		let ue = u.onResync(() => {
+			se();
+		});
+		return o(() => {
+			ue();
+		}), se(), (e, t) => {
+			let n = de, r = Ve, o = ye, s = B, c = re, u = We, te = Pe, S = F, k = ee("tooltip");
+			return a(), b("div", Tn, [_(E) ? (a(), b("div", En, [(a(), b(x, null, i(4, (e) => O(n, {
+				key: e,
+				height: "72px",
+				"border-radius": "12px"
+			})), 64))])) : _(ne) ? (a(), b("div", Dn, [O(r, { class: "w-10 h-10 text-muted" }), C("span", On, l(e.$t("components.training_submissions.load_failed")), 1)])) : _(g).length ? (a(), b(x, { key: 3 }, [
+				C("span", jn, l(e.$t("components.training_submissions.count", _(v))), 1),
+				(a(!0), b(x, null, i(_(g), (t) => (a(), b("div", {
+					key: t.id,
+					class: "cui-card h-auto! shrink-0 p-2 flex items-center gap-3"
+				}, [
+					C("div", Mn, [O(s, {
+						src: t.imageUrl,
+						"image-container-class": "w-full h-full",
+						"image-style": { objectFit: "cover" }
+					}, null, 8, ["src"])]),
+					C("div", Nn, [C("div", Pn, [(a(!0), b(x, null, i(A(t), (e, t) => (a(), b("span", {
+						key: t,
+						class: "px-1.5 py-0.5 rounded text-xs font-medium text-white",
+						style: d({ backgroundColor: _(ie)(String(t)).color })
+					}, l(oe(String(t))) + " ×" + l(e), 5))), 128))]), C("div", Fn, l(_(Te)(new Date(t.createdAt).getTime())), 1)]),
+					O(c, {
+						severity: t.usedInWave ? "success" : "info",
+						value: t.usedInWave ? e.$t("components.training_submissions.status_trained") : e.$t("components.training_submissions.status_pool"),
+						class: "shrink-0"
+					}, null, 8, ["severity", "value"]),
+					w((a(), p(te, {
+						severity: "danger",
+						text: "",
+						rounded: "",
+						class: "cui-icon-sm shrink-0",
+						loading: _(f).isPending.value && _(h) === t.id,
+						onClick: (e) => le(t.id)
+					}, {
+						icon: y(() => [O(u, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					}, 8, ["loading", "onClick"])), [[
+						k,
+						e.$t("components.training_submissions.delete"),
+						void 0,
+						{ left: !0 }
+					]])
+				]))), 128)),
+				_(D) ? (a(), b("div", In, [O(S, { class: "w-5 h-5 text-primary" })])) : _(T) ? (a(), b("div", {
+					key: 1,
+					ref_key: "loadMoreRef",
+					ref: ae,
+					class: "h-px"
+				}, null, 512)) : m("", !0)
+			], 64)) : (a(), b("div", kn, [O(o, { class: "w-10 h-10 text-muted" }), C("span", An, l(e.$t("components.training_submissions.empty")), 1)]))]);
+		};
+	}
+}), Rn = { desktop: {
+	maxWidth: "720px",
+	width: "90vw"
+} }, zn = { class: "flex flex-col h-full min-h-0" }, Bn = {
+	key: 0,
+	class: "page-title"
+}, Vn = { class: "font-semibold text-xl truncate" }, Hn = { class: "flex gap-2 mb-4" }, Un = {
+	key: 1,
+	class: "cui-card h-auto! shrink-0 px-3 py-2 mb-4 flex items-center gap-3"
+}, Wn = { class: "flex-1 min-w-0" }, Gn = { class: "text-sm" }, $ = { class: "flex-1 text-sm" }, Kn = {
+	key: 2,
+	class: "cui-card h-auto! shrink-0 px-3 py-2 mb-4 flex items-center gap-3"
+}, qn = { class: "flex-1 text-sm" }, Jn = { class: "p-3" }, Yn = {
+	key: 1,
+	class: "flex h-full flex-col items-center justify-center w-full gap-4 py-16"
+}, Xn = { class: "text-muted text-sm text-center max-w-md" }, Zn = { class: "relative flex-1 min-h-0 overflow-hidden bg-black/5 dark:bg-black/30" }, Qn = { class: "absolute top-1.5 left-1.5 flex flex-wrap gap-1" }, $n = {
+	key: 0,
+	class: "absolute bottom-1.5 left-1.5"
+}, er = {
+	key: 1,
+	class: "absolute top-1.5 right-1.5 dark-mode"
+}, tr = { class: "flex items-center justify-between gap-2" }, nr = { class: "flex items-center gap-2 min-w-0" }, rr = { class: "min-w-0" }, ir = { class: "font-medium truncate" }, ar = { class: "text-xs text-muted" }, or = 40, sr = /*#__PURE__*/ L(/* @__PURE__ */ D({
+	__name: "Training",
+	setup(t) {
+		let n = new oe(), r = new lt(), { t: u, te: f } = Ne(), h = _e(), E = k(), { smBreakpoint: D } = P(), A = r.getCandidatesQuery(), se = r.getSettingsQuery(), ce = r.patchCandidateMutation(), j = r.deleteCandidateMutation(), pe = r.patchSettingsMutation(), me = r.submitCandidatesMutation(), he = kt(), { data: ge } = n.getCamerasQuery({
+			page: 1,
+			pageSize: -1
+		}), M = c(""), N = H("cui-training-status-filter", "all"), ye = c(or), I = S("statusMenuRef"), L = S("cameraMenuRef"), De = S("settingsMenuRef"), ke = S("loadMoreRef"), je = S("scrollRef"), { y: Me } = U(je), Ue = V(Me), { registerScrollToTop: Ke } = ae(), Je = v(() => ({ gridTemplateColumns: `repeat(auto-fill, minmax(${D.value ? "220px" : "260px"}, 1fr))` })), Ye = v(() => {
+			let e = [...new Set((A.data.value ?? []).map((e) => Z(e.cameraId)))].sort((e, t) => e.localeCompare(t));
+			return [{
+				key: "all",
+				label: u("views.training.all_cameras"),
+				active: M.value === "",
+				onClick: () => {
+					M.value = "";
+				}
+			}, ...e.map((e) => ({
+				key: e,
+				label: e,
+				active: M.value === e,
+				onClick: () => {
+					M.value = e;
+				}
+			}))];
+		}), Ze = v(() => [{
+			key: "collect",
+			label: u("views.training.collection_enabled"),
+			description: u("views.training.collection_hint"),
+			toggle: !0,
+			toggleState: se.data.value?.enabled ?? !0,
+			onClick: () => {
+				Ot(!(se.data.value?.enabled ?? !0));
+			}
+		}]), K = v(() => {
+			let e = M.value.trim().toLowerCase();
+			return e ? (A.data.value ?? []).filter((t) => Z(t.cameraId).toLowerCase().includes(e)) : A.data.value ?? [];
+		}), $e = v(() => N.value === "all" ? K.value : K.value.filter((e) => e.status === N.value)), et = v(() => {
+			let e = {
+				all: K.value.length,
+				new: 0,
+				verified: 0
+			};
+			for (let t of K.value) e[t.status]++;
+			return e;
+		}), nt = v(() => [
+			"all",
+			"new",
+			"verified"
+		].map((e) => ({
+			key: e,
+			label: u(`views.training.status_${e}`),
+			badge: String(et.value[e]),
+			active: N.value === e,
+			onClick: () => {
+				N.value = e;
+			}
+		}))), rt = v(() => N.value !== "all" || M.value.trim() !== ""), it = v(() => $e.value.slice(0, ye.value)), at = v(() => $e.value.length > it.value.length), ot = v(() => (A.data.value ?? []).filter((e) => ct(e)).length), q = v(() => he.submitProgress.value ? he.submitProgress.value : ot.value > 0 ? {
+			active: !0,
+			total: ot.value,
+			done: 0,
+			failed: 0
+		} : null), st = v(() => $e.value.filter((e) => !ct(e)));
+		function ct(e) {
+			return e.upload === "queued" || e.upload === "uploading";
+		}
+		let { selectionMode: J, selectedIds: ut, allSelected: dt, bulkBusy: ft, enterSelectionMode: pt, exitSelectionMode: ht, toggleSelectAll: gt, toggleSelection: Y } = z(st, (e) => e.id), _t = v(() => [...ut.value].filter((e) => A.data.value?.find((t) => t.id === e)?.status === "verified")), X = v(() => K.value.filter((e) => e.status === "verified" && !ct(e)).map((e) => e.id));
+		Ke(() => je.value?.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		}));
+		function Z(e) {
+			return ge.value?.result?.find((t) => t._id === e)?.name ?? e;
+		}
+		function Q(e) {
+			return be(`/api/training/candidates/${e}/image`) ?? "";
+		}
+		function vt(e) {
+			let t = `components.training_editor.labels.${e}`;
+			return f(t) ? u(t) : e;
+		}
+		function yt(e) {
+			let t = {};
+			for (let n of e.boxes) t[n.label] = (t[n.label] ?? 0) + 1;
+			return t;
+		}
+		function bt(e) {
+			return e === "verified" ? "success" : "info";
+		}
+		function xt() {
+			ye.value += or;
+		}
+		function St(e) {
+			ct(e) || (J.value ? Y(e.id) : Ct(e));
+		}
+		function Ct(e) {
+			h.openComponentDialog(wn, {
+				data: {
+					title: u("views.training.title"),
+					cancelText: u("components.form.button.remove"),
+					confirmText: u("components.training_editor.verify"),
+					cancelButtonProps: { severity: "danger" },
+					contentProps: {
+						candidates: $e.value.map((e) => ({ ...e })),
+						startId: e.id,
+						cameraName: Z,
+						imageUrl: Q,
+						onSave: async (e, t, n, r) => {
+							await ce.mutateAsync({
+								id: e,
+								patch: {
+									boxes: t,
+									status: n,
+									reviewMs: Math.min(Math.round(r), 36e5)
+								}
+							});
+						},
+						onDelete: async (e) => {
+							await j.mutateAsync(e);
+						}
+					}
+				},
+				dialogSize: mt
+			});
+		}
+		function wt() {
+			h.openComponentDialog(Ln, {
+				data: {
+					title: u("views.training.submissions"),
+					hideConfirmButton: !0,
+					cancelText: u("components.form.button.close"),
+					contentProps: {}
+				},
+				dialogSize: Rn
+			});
+		}
+		function Tt(e) {
+			e.length && !me.isPending.value && h.openTextDialog({
+				data: {
+					title: u("components.dialog.title.confirm"),
+					contentText: u("views.training.submit_confirm", { count: e.length }),
+					confirmText: u("views.training.submit")
+				},
+				onConfirm: async () => {
+					try {
+						await me.mutateAsync(e), ht();
+					} catch (e) {
+						E.add({
+							severity: "error",
+							detail: e?.message ?? String(e),
+							life: 8e3
+						});
+					}
+				}
+			});
+		}
+		function Et() {
+			let e = [...ut.value];
+			e.length && !ft.value && h.openTextDialog({
+				data: {
+					title: u("components.dialog.title.confirm"),
+					contentText: u("views.training.delete_selected_confirm", { count: e.length }),
+					confirmText: u("components.form.button.remove"),
+					confirmButtonProps: { severity: "danger" }
+				},
+				onConfirm: async () => {
+					ft.value = !0;
+					try {
+						for (let t of e) await j.mutateAsync(t);
+						ht(), E.add({
+							severity: "success",
+							detail: u("views.training.delete_selected_done", { count: e.length }),
+							life: 5e3
+						});
+					} catch (e) {
+						E.add({
+							severity: "error",
+							detail: e?.message ?? String(e),
+							life: 5e3
+						});
+					} finally {
+						ft.value = !1;
+					}
+				}
+			});
+		}
+		async function Dt(e) {
+			await j.mutateAsync(e.id);
+		}
+		async function Ot(e) {
+			await pe.mutateAsync({ enabled: e });
+		}
+		te([M, N], () => {
+			ye.value = or;
+		}), Oe(ke, ([e]) => {
+			e?.isIntersecting && xt();
+		}), he.connect();
+		let At = he.onCandidatesChanged((e) => {
+			e.onlyRemoved && r.removeCandidatesFromCache(e.removed ?? []) || A.refetch();
+		});
+		return o(() => {
+			At();
+		}), (t, n) => {
+			let r = Ge, o = Pe, c = R, f = Be, h = Fe, v = Ie, te = W, S = Qe, E = le, k = ne, ae = fe, oe = Xe, se = qe, ce = F, j = Re, pe = Ve, ge = He, _e = Le, ye = ze, P = de, be = ue, z = B, V = re, H = We, Oe = G, U = Ae, Me = ve, Ne = Se, Ke = ee("tooltip");
+			return a(), b("div", zn, [
+				_(D) ? m("", !0) : (a(), b("h1", Bn, l(t.$t("views.training.title")), 1)),
+				O(c, { position: "left" }, {
+					default: y(() => [O(o, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: n[0] ||= (e) => t.$router.push("/menu")
+					}, {
+						icon: y(() => [O(r, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				O(c, { position: "center" }, {
+					default: y(() => [C("span", Vn, l(t.$t("views.training.title")), 1)]),
+					_: 1
+				}),
+				C("div", Hn, [
+					O(ae, { class: "flex-1" }, {
+						default: y(() => [
+							O(te, { class: "flex-1" }, {
+								default: y(() => [O(h, null, {
+									default: y(() => [O(f, { class: "w-4 h-4" })]),
+									_: 1
+								}), O(v, {
+									modelValue: _(M),
+									"onUpdate:modelValue": n[1] ||= (e) => g(M) ? M.value = e : null,
+									placeholder: _(u)("views.training.search"),
+									class: "w-full"
+								}, null, 8, ["modelValue", "placeholder"])]),
+								_: 1
+							}),
+							O(E, null, {
+								default: y(() => [O(o, {
+									severity: "secondary",
+									text: "",
+									class: s(_(N) === "all" ? "text-color" : "text-primary"),
+									onClick: n[2] ||= (e) => _(I)?.toggleMenu(e)
+								}, {
+									icon: y(() => [O(S, { class: "w-4 h-4" })]),
+									_: 1
+								}, 8, ["class"])]),
+								_: 1
+							}),
+							O(E, null, {
+								default: y(() => [O(o, {
+									severity: "secondary",
+									text: "",
+									class: "text-color",
+									onClick: n[3] ||= (e) => _(L)?.toggleMenu(e)
+								}, {
+									icon: y(() => [O(k, { class: s(["w-4 h-4 transform transition-transform duration-300", { "rotate-180": _(L)?.isOpen }]) }, null, 8, ["class"])]),
+									_: 1
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					}),
+					w((a(), p(o, {
+						severity: "secondary",
+						outlined: "",
+						class: "cui-button shrink-0",
+						onClick: wt
+					}, {
+						icon: y(() => [O(oe, { class: "w-4.5 h-4.5" })]),
+						_: 1
+					})), [[
+						Ke,
+						{ value: t.$t("views.training.submissions") },
+						void 0,
+						{ left: !0 }
+					]]),
+					w((a(), p(o, {
+						severity: "secondary",
+						outlined: "",
+						class: "cui-button shrink-0",
+						onClick: n[4] ||= (e) => _(De)?.toggleMenu(e)
+					}, {
+						icon: y(() => [O(se, { class: "w-4.5 h-4.5" })]),
+						_: 1
+					})), [[
+						Ke,
+						{ value: t.$t("views.training.collection") },
+						void 0,
+						{ left: !0 }
+					]])
+				]),
+				_(q) ? (a(), b("div", Un, [_(q).active ? (a(), b(x, { key: 0 }, [O(ce, { class: "w-4 h-4 text-primary shrink-0" }), C("div", Wn, [C("div", Gn, l(t.$t("views.training.upload_progress", {
+					done: _(q).done + _(q).failed,
+					total: _(q).total
+				})), 1), O(j, {
+					value: _(q).total ? Math.round((_(q).done + _(q).failed) / _(q).total * 100) : 0,
+					"show-value": !1,
+					style: { height: "6px" },
+					class: "mt-1.5"
+				}, null, 8, ["value"])])], 64)) : (a(), b(x, { key: 1 }, [
+					_(q).failed ? (a(), p(pe, {
+						key: 0,
+						class: "w-5 h-5 text-red-500 shrink-0"
+					})) : (a(), p(ge, {
+						key: 1,
+						class: "w-5 h-5 text-green-500 shrink-0"
+					})),
+					C("span", $, [T(l(t.$t("views.training.submit_done", _(q).done)), 1), _(q).failed ? (a(), b(x, { key: 0 }, [T(" · " + l(t.$t("views.training.upload_failed_summary", { count: _(q).failed })), 1)], 64)) : m("", !0)]),
+					O(o, {
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "cui-icon-sm shrink-0",
+						onClick: n[5] ||= (e) => _(he).dismissProgress()
+					}, {
+						icon: y(() => [O(_e, { class: "w-4 h-4" })]),
+						_: 1
+					})
+				], 64))])) : _(K).length && !_(X).length ? (a(), b("div", Kn, [O(ye, { class: "w-5 h-5 text-primary shrink-0" }), C("span", qn, l(t.$t("views.training.verify_hint")), 1)])) : m("", !0),
+				C("div", {
+					ref_key: "scrollRef",
+					ref: je,
+					class: "flex-1 min-h-0 overflow-y-auto overscroll-contain pb-[var(--cui-bottom-gap)]"
+				}, [_(A).isLoading.value && !_(A).data.value ? (a(), b("div", {
+					key: 0,
+					class: "grid w-full gap-3 p-px",
+					style: d(_(Je))
+				}, [(a(), b(x, null, i(8, (e) => C("div", {
+					key: e,
+					class: "cui-card overflow-hidden"
+				}, [O(P, {
+					class: "aspect-video",
+					width: "100%",
+					height: "100%"
+				}), C("div", Jn, [O(P, {
+					height: "14px",
+					width: "70%",
+					class: "mb-1"
+				}), O(P, {
+					height: "12px",
+					width: "40%"
+				})])])), 64))], 4)) : _($e).length === 0 ? (a(), b("div", Yn, [O(be, { class: "w-12 h-12 text-muted" }), C("span", Xn, l(t.$t(_(rt) ? "views.training.no_matches" : "views.training.no_candidates")), 1)])) : (a(), b(x, { key: 2 }, [C("div", {
+					class: "grid w-full gap-3 p-px",
+					style: d(_(Je))
+				}, [(a(!0), b(x, null, i(_(it), (r) => (a(), p(U, {
+					key: r.id,
+					class: "cui-card cui-training-card overflow-hidden transition-shadow cursor-pointer hover:shadow-md aspect-[1.17] flex flex-col",
+					pt: {
+						header: { class: "flex-1 min-h-0 flex" },
+						body: {
+							class: "shrink-0",
+							style: "height: auto"
+						}
+					},
+					onClick: (e) => St(r)
+				}, {
+					header: y(() => [C("div", Zn, [
+						O(z, {
+							class: "absolute inset-0",
+							src: Q(r.id),
+							alt: Z(r.cameraId),
+							"image-container-class": "w-full h-full",
+							"image-style": { objectFit: "cover" }
+						}, null, 8, ["src", "alt"]),
+						C("div", Qn, [(a(!0), b(x, null, i(yt(r), (e, t) => (a(), b("span", {
+							key: t,
+							class: "px-1.5 py-0.5 rounded text-xs font-medium text-white",
+							style: d({ backgroundColor: _(ie)(String(t)).color })
+						}, l(vt(String(t))) + " ×" + l(e), 5))), 128))]),
+						r.upload ? (a(), b("div", $n, [r.upload === "failed" ? w((a(), p(V, {
+							key: 0,
+							severity: "danger",
+							value: t.$t("views.training.upload_failed")
+						}, null, 8, ["value"])), [[
+							Ke,
+							r.uploadError,
+							void 0,
+							{ top: !0 }
+						]]) : r.upload === "uploading" ? (a(), p(V, {
+							key: 1,
+							severity: "info",
+							value: t.$t("views.training.upload_uploading")
+						}, null, 8, ["value"])) : (a(), p(V, {
+							key: 2,
+							severity: "secondary",
+							value: t.$t("views.training.upload_queued")
+						}, null, 8, ["value"]))])) : m("", !0),
+						!_(J) && !ct(r) ? (a(), b("div", er, [w((a(), p(o, {
+							severity: "secondary",
+							rounded: "",
+							size: "small",
+							class: "cui-icon-sm text-white",
+							onClick: e((e) => Dt(r), ["stop"])
+						}, {
+							icon: y(() => [O(H, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["onClick"])), [[
+							Ke,
+							t.$t("views.training.delete_candidate"),
+							void 0,
+							{ top: !0 }
+						]])])) : m("", !0)
+					])]),
+					content: y(() => [C("div", tr, [C("div", nr, [_(J) && !ct(r) ? (a(), p(Oe, {
+						key: 0,
+						"model-value": _(ut).has(r.id),
+						binary: "",
+						size: "small",
+						onClick: n[6] ||= e(() => {}, ["stop"]),
+						"onUpdate:modelValue": (e) => _(Y)(r.id)
+					}, null, 8, ["model-value", "onUpdate:modelValue"])) : m("", !0), C("div", rr, [C("div", ir, l(Z(r.cameraId)), 1), C("div", ar, l(_(Te)(r.createdAt)), 1)])]), O(V, {
+						severity: bt(r.status),
+						value: t.$t(`views.training.status_${r.status}`)
+					}, null, 8, ["severity", "value"])])]),
+					_: 2
+				}, 1032, ["onClick"]))), 128))], 4), _(at) ? (a(), b("div", {
+					key: 0,
+					ref_key: "loadMoreRef",
+					ref: ke,
+					class: "h-px"
+				}, null, 512)) : m("", !0)], 64))], 512),
+				_($e).length || _(J) ? (a(), p(Ne, {
+					key: 3,
+					"force-visible": _(J),
+					"scroll-hidden": _(Ue)
+				}, {
+					default: y(() => [_(J) ? (a(), b(x, { key: 1 }, [
+						O(Me, {
+							grouped: "",
+							"tooltip-props": { value: t.$t("components.form.tooltip.cancel_selection") },
+							"button-props": { severity: "secondary" },
+							icon: _(Le),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: _(ht)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						]),
+						O(Me, {
+							grouped: "",
+							"tooltip-props": { value: _(dt) ? t.$t("views.training.deselect_all") : t.$t("views.training.select_all") },
+							"button-props": { severity: _(dt) ? "primary" : "secondary" },
+							icon: _(Ee),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: _(gt)
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon",
+							"onClick"
+						]),
+						O(Me, {
+							grouped: "",
+							"tooltip-props": { value: t.$t("views.training.submit_selected") },
+							"button-props": { disabled: !_(_t).length || _(me).isPending.value },
+							icon: _(tt),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: n[8] ||= (e) => Tt(_(_t))
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						O(Me, {
+							grouped: "",
+							"tooltip-props": { value: t.$t("views.training.delete_selected") },
+							"button-props": {
+								severity: "danger",
+								disabled: !_(ut).size || _(ft)
+							},
+							icon: _(Ce),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Et
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])
+					], 64)) : (a(), b(x, { key: 0 }, [O(Me, {
+						grouped: "",
+						"tooltip-props": { value: t.$t("views.training.select") },
+						"button-props": { severity: "secondary" },
+						icon: _(we),
+						"icon-props": {
+							width: "100%",
+							height: "100%"
+						},
+						onClick: _(pt)
+					}, null, 8, [
+						"tooltip-props",
+						"icon",
+						"onClick"
+					]), O(Me, {
+						grouped: "",
+						"tooltip-props": { value: _(X).length ? t.$t("views.training.submit_ready", _(X).length) : t.$t("views.training.submit_disabled") },
+						"button-props": {
+							class: "text-white",
+							disabled: !_(X).length || _(me).isPending.value
+						},
+						icon: _(tt),
+						"icon-props": {
+							width: "26px",
+							height: "26px"
+						},
+						onClick: n[7] ||= (e) => Tt(_(X))
+					}, null, 8, [
+						"tooltip-props",
+						"button-props",
+						"icon"
+					])], 64))]),
+					_: 1
+				}, 8, ["force-visible", "scroll-hidden"])) : m("", !0),
+				O(xe, {
+					ref_key: "statusMenuRef",
+					ref: I,
+					items: _(nt),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"]),
+				O(xe, {
+					ref_key: "cameraMenuRef",
+					ref: L,
+					items: _(Ye),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"]),
+				O(xe, {
+					ref_key: "settingsMenuRef",
+					ref: De,
+					items: _(Ze),
+					"auto-hide": !1,
+					popover: { pt: {
+						root: { class: "w-[22rem]" },
+						content: { class: "p-0! rounded-xl! overflow-hidden!" }
+					} }
+				}, null, 8, ["items"])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-e2e876f6"]]);
+//#endregion
+export { sr as default };