@camera.ui/server 2.2.2 → 2.2.4

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

@@ -0,0 +1,1505 @@
+import { m as e } from "./ripple-B_itunQV.js";
+import { D as t, G as n, H as r, I as i, Jt as a, St as o, Tt as s, Wt as c, Y as l, _t as u, d, f, ft as p, gt as m, kt as h, l as g, lt as _, ot as v, p as y, qt as b, r as x, rt as S, u as C, ut as w, v as T, x as E, xt as D, y as O, yt as k } from "./runtime-core.esm-bundler-DCktklpY.js";
+import { t as ee } from "./tooltip-X5MY9FoG.js";
+import { t as te } from "./chevron-down-CN3LNAsG.js";
+import { t as ne } from "./tag-Bko2QYOK.js";
+import { B as re, Dt as ie, En as ae, Er as oe, Et as se, J as A, Or as ce, Ot as j, R as M, Ri as le, Tr as ue, V as de, W as fe, Zi as N, Zr as pe, ar as me, bi as he, c as ge, ca as P, d as _e, ht as F, m as ve, mn as ye, or as be, qt as I, st as xe, ui as L, vi as R, vr as z, xi as B, yr as Se, z as V } from "./api-VnpXqKYj.js";
+import { S as Ce, _ as we, b as Te, i as Ee, w as De } from "./intercomService-Dwd0bhSN.js";
+import { n as Oe } from "./vue-i18n-BBObX4QY.js";
+import { t as ke } from "./button-DJDZxmKj.js";
+import { n as Ae, t as H } from "./inputicon-BPVltPdr.js";
+import { t as je } from "./inputtext-vdcrNX6K.js";
+import { t as Me } from "./checkbox-D012nd17.js";
+import { t as Ne } from "./close-C_ajB9j7.js";
+import { t as Pe } from "./progressbar-C2663Zd7.js";
+import { t as Fe } from "./ring-resize-11TaovpK.js";
+import { t as Ie } from "./search-DMJuYUDF.js";
+import { n as Le, t as Re } from "./cloud-check-gKe6M70h.js";
+import { t as ze } from "./trash-can-outline-XdMf3dMc.js";
+import { t as Be } from "./back-filled-B-jI6Dqb.js";
+import { t as Ve } from "./help-circle-outline-Du1jH6xY.js";
+import { t as He } from "./settings-DkoB1zyf.js";
+//#region ~icons/mdi/cloud-check-outline
+var U = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ue(e, t) {
+	return r(), y("svg", U, [...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 W = u({
+	name: "mdi-cloud-check-outline",
+	render: Ue
+}), We = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ge(e, t) {
+	return r(), y("svg", We, [...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 Ke = u({
+	name: "mdi-cloud-upload-outline",
+	render: Ge
+}), G = 200;
+async function K(e = {}, { signal: t } = {}) {
+	return (await N.get("/training/candidates", {
+		params: e,
+		signal: t
+	})).data;
+}
+async function q(e, t) {
+	return (await N.patch(`/training/candidates/${e}`, t)).data;
+}
+async function J(e) {
+	await N.delete(`/training/candidates/${e}`);
+}
+async function qe(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n += G) {
+		let r = await N.post("/training/candidates/submit", { ids: e.slice(n, n + G) });
+		t += r.data.queued;
+	}
+	return { queued: t };
+}
+async function Je({ cursor: e, signal: t } = {}) {
+	return (await N.get("/training/submissions", {
+		params: e ? { cursor: e } : void 0,
+		signal: t
+	})).data;
+}
+async function Ye(e) {
+	await N.delete(`/training/submissions/${e}`);
+}
+async function Xe({ signal: e } = {}) {
+	return (await N.get("/training/settings", { signal: e })).data;
+}
+async function Ze(e) {
+	return (await N.patch("/training/settings", e)).data;
+}
+var Qe = class {
+	queryClient = le();
+	getCandidatesQuery() {
+		return R({
+			queryKey: ["training-candidates"],
+			queryFn: ({ signal: e }) => K({}, { signal: e }),
+			staleTime: 5e3
+		});
+	}
+	getSettingsQuery() {
+		return R({
+			queryKey: ["training-settings"],
+			queryFn: ({ signal: e }) => Xe({ signal: e }),
+			staleTime: 3e4
+		});
+	}
+	patchCandidateMutation() {
+		return B({
+			mutationFn: ({ id: e, patch: t }) => q(e, t),
+			onSuccess: async () => {
+				await this.queryClient.refetchQueries({
+					queryKey: ["training-candidates"],
+					exact: !0
+				});
+			}
+		});
+	}
+	deleteCandidateMutation() {
+		return B({
+			mutationFn: J,
+			onSuccess: async () => {
+				await this.queryClient.refetchQueries({
+					queryKey: ["training-candidates"],
+					exact: !0
+				});
+			}
+		});
+	}
+	deleteSubmissionMutation() {
+		return B({ mutationFn: Ye });
+	}
+	submitCandidatesMutation() {
+		return B({
+			mutationFn: qe,
+			onSuccess: async () => {
+				await this.queryClient.refetchQueries({
+					queryKey: ["training-candidates"],
+					exact: !0
+				});
+			}
+		});
+	}
+	patchSettingsMutation() {
+		return B({
+			mutationFn: Ze,
+			onSuccess: async () => {
+				await this.queryClient.refetchQueries({
+					queryKey: ["training-settings"],
+					exact: !0
+				});
+			}
+		});
+	}
+}, $e = [
+	"person",
+	"vehicle",
+	"animal",
+	"package",
+	"face",
+	"license_plate"
+], et = { desktop: {
+	maxWidth: "1280px",
+	width: "85vw"
+} }, Y = k({ progress: null }), X = null, Z = null, Q = /* @__PURE__ */ new Set(), tt = /* @__PURE__ */ new Set();
+function nt(e, t) {
+	for (let n of e) try {
+		n(t);
+	} catch {}
+}
+async function rt() {
+	if (Z?.ready.value) try {
+		let e = await Z.request("get-submit-progress");
+		e.active ? Y.progress = e : Y.progress?.active && (Y.progress = null);
+	} catch {}
+}
+function it() {
+	rt(), nt(Q, {}), nt(tt, void 0);
+}
+function at() {
+	return Z || (X = p(!0), X.run(() => {
+		let e = L("/training");
+		Z = e, e.on("candidates-changed", (e) => nt(Q, e ?? {})), e.on("submit-progress", (e) => {
+			Y.progress = e, nt(Q, {});
+		}), e.onReady(it);
+	}), Z);
+}
+function ot() {
+	function e() {
+		at();
+	}
+	function t(e) {
+		return Q.add(e), () => Q.delete(e);
+	}
+	function n(e) {
+		return tt.add(e), () => tt.delete(e);
+	}
+	function r() {
+		Y.progress = null;
+	}
+	return {
+		submitProgress: g(() => 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 st = { class: "flex items-center justify-between gap-2 text-sm" }, ct = { class: "min-w-0 flex items-center gap-2" }, lt = { class: "font-medium truncate" }, ut = { class: "text-muted shrink-0" }, dt = { class: "text-muted tabular-nums shrink-0" }, ft = ["data-stage-zoom"], pt = ["src"], mt = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"fill",
+	"fill-opacity",
+	"stroke-width",
+	"onPointerdown"
+], ht = ["onPointerdown"], gt = ["cx", "cy"], _t = [
+	"cx",
+	"cy",
+	"fill"
+], vt = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"fill"
+], yt = ["data-box-label", "onPointerdown"], bt = { class: "bbox-label-text" }, xt = {
+	key: 0,
+	class: "bbox-label-confidence"
+}, St = {
+	key: 1,
+	class: "bbox-label-confidence"
+}, Ct = ["src"], wt = { class: "absolute inset-0 w-full h-full" }, Tt = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"fill"
+], Et = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"fill"
+], Dt = {
+	key: 2,
+	class: "absolute left-2 top-1/2 -translate-y-1/2 z-[5] dark-mode"
+}, Ot = {
+	key: 3,
+	class: "absolute right-2 top-1/2 -translate-y-1/2 z-[5] dark-mode"
+}, kt = {
+	key: 0,
+	class: "flex items-center justify-center gap-2"
+}, At = {
+	class: "text-muted text-sm",
+	for: "plate-text"
+}, jt = { class: "flex items-center justify-center gap-1.5" }, Mt = { class: "text-muted text-sm text-center" }, Nt = {
+	key: 1,
+	class: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 justify-center mx-auto text-sm text-muted"
+}, Pt = .01, Ft = .006, It = 26, Lt = 60, Rt = 400, zt = 110, Bt = 2, Vt = 80, Ht = 50, Ut = .003, Wt = /*#__PURE__*/ Se(/* @__PURE__ */ E({
+	__name: "TrainingBoxEditor",
+	props: {
+		candidates: {},
+		startId: {},
+		cameraName: { type: Function },
+		imageUrl: { type: Function },
+		onSave: { type: Function },
+		onDelete: { type: Function }
+	},
+	setup(u, { expose: p }) {
+		let w = u, E = t("dialogRef"), { t: ee, te } = Oe(), re = he(), ie = ot(), oe = [
+			"nw",
+			"ne",
+			"sw",
+			"se"
+		], se = /* @__PURE__ */ new Map(), A = k(/* @__PURE__ */ new Set()), ce = k(/* @__PURE__ */ new Set()), M = o(/* @__PURE__ */ new Map()), le = 0, ue = Math.max(0, w.candidates.findIndex((e) => e.id === w.startId)), de = ve(), fe = S("rootRef"), N = S("labelMenuRef"), pe = S("stageRef"), P = S("frameRef"), _e = S("svgRef"), F = D(w.candidates[ue]?.boxes.map((e) => ({ ...e })) ?? []), I = D({
+			w: 16,
+			h: 9
+		}), L = D(null), R = D(null), z = D(-1), B = D(!1), Se = De("(any-pointer: fine)"), V = D(null), Ce = null, Ee = D(-1), Ae = D("person"), H = D(ue), { zoom: Me, pan: Ne, constraining: Pe, minimapStyle: Fe, minimapBoxStyle: Ie, onZoomPan: Le, onDoubleClick: Re, onTouchStart: Be, onTouchEnd: He, reset: U } = xe(pe, P), { height: Ue } = we(P), W = g(() => w.candidates[H.value]), We = g(() => w.candidates.slice(0, H.value + 1).filter((e) => !A.has(e.id)).length), Ge = g(() => w.candidates.filter((e) => !A.has(e.id)).length), Ke = g(() => w.candidates.slice(0, H.value).some((e) => !A.has(e.id))), G = g(() => w.candidates.slice(H.value + 1).some((e) => !A.has(e.id))), K = g(() => ce.has(W.value.id) ? "verified" : W.value.status), q = g(() => F.value.map((e, t) => ({
+			box: e,
+			i: t
+		})).sort((e, t) => Qe(e) - Qe(t))), J = g(() => new Map(q.value.map(({ i: e }, t) => [e, t + 1]))), qe = g(() => F.value[z.value]), Je = g(() => {
+			let e = F.value[z.value];
+			return e?.label === "license_plate" ? e : null;
+		}), Ye = g(() => [...$e.map((e) => ({
+			key: e,
+			label: et(e),
+			icon: ye(e).icon,
+			iconProps: { style: { color: ye(e).color } },
+			active: F.value[Ee.value]?.label === e,
+			onClick: () => nn(e)
+		})), {
+			key: "remove",
+			label: ee("components.training_editor.remove_box"),
+			icon: ze,
+			iconProps: { class: "text-red-500" },
+			labelProps: { class: "text-red-500" },
+			onClick: () => an(Ee.value)
+		}]), Xe = g(() => (e) => {
+			let t = Ue.value || 360;
+			return e.y * t >= It ? "above" : t - (e.y + e.height) * t >= It ? "below" : "inside";
+		}), Ze = g(() => (e) => e.x > .7);
+		function Qe({ box: e, i: t }) {
+			return t === z.value ? 2 ** 53 - 1 : M.get(s(e)) ?? t;
+		}
+		function et(e) {
+			let t = `components.training_editor.labels.${e}`;
+			return te(t) ? ee(t) : e;
+		}
+		function Y(e) {
+			return ye(e);
+		}
+		function X(e) {
+			return `${e * 100}%`;
+		}
+		function Z(e, t) {
+			return X(t === "nw" || t === "sw" ? e.x : e.x + e.width);
+		}
+		function Q(e, t) {
+			return X(t === "nw" || t === "ne" ? e.y : e.y + e.height);
+		}
+		function tt(e) {
+			let t = { backgroundColor: Y(e.label).color };
+			Ze.value(e) ? t.right = X(1 - e.x - e.width) : t.left = X(e.x);
+			let n = Xe.value(e);
+			return t.top = n === "above" ? X(e.y) : n === "below" ? X(e.y + e.height) : `calc(${X(e.y)} + 2px)`, t;
+		}
+		function nt(e) {
+			let t = e.target;
+			t.naturalWidth && t.naturalHeight && (I.value = {
+				w: t.naturalWidth,
+				h: t.naturalHeight
+			});
+		}
+		function rt(e) {
+			let t = _e.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 it(e, t) {
+			L.value = {
+				...t,
+				moved: !1
+			}, _e.value?.setPointerCapture(e.pointerId);
+		}
+		function at(e) {
+			if (N.value?.hide(), Me.value > 1 || !e.isPrimary) return;
+			let { x: t, y: n } = rt(e);
+			it(e, {
+				mode: "draw",
+				index: -1,
+				startX: t,
+				startY: n,
+				origin: {
+					label: Ae.value,
+					confidence: 1,
+					x: t,
+					y: n,
+					width: 0,
+					height: 0
+				}
+			});
+		}
+		function Wt(e, t) {
+			if (!t.isPrimary) return;
+			let { x: n, y: r } = rt(t);
+			z.value = e, it(t, {
+				mode: "move",
+				index: e,
+				startX: n,
+				startY: r,
+				origin: { ...F.value[e] }
+			});
+		}
+		function Gt(e, t, n) {
+			if (!n.isPrimary) return;
+			N.value?.hide();
+			let { x: r, y: i } = rt(n);
+			z.value = e, it(n, {
+				mode: "resize",
+				index: e,
+				corner: t,
+				startX: r,
+				startY: i,
+				origin: { ...F.value[e] }
+			});
+		}
+		function Kt(e) {
+			e.touches.length > 1 && L.value && (L.value = null, R.value = null, V.value = null), Be(e);
+		}
+		function qt(e) {
+			let t = L.value;
+			if (!t) return;
+			let { x: n, y: r } = rt(e);
+			if (Math.hypot(n - t.startX, r - t.startY) > Ft && (t.moved = !0), e.pointerType === "touch" && t.moved && (Yt(t) ? Xt(e) : V.value = null), t.mode === "draw") {
+				if (t.moved) {
+					let e = en(t.startX, t.startY, n, r);
+					R.value = e.width >= Pt && e.height >= Pt ? {
+						label: Ae.value,
+						confidence: 1,
+						...e
+					} : null;
+				}
+				return;
+			}
+			if (t.mode === "move") {
+				if (!t.moved) return;
+				let e = F.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(F.value[t.index], en(i, a, n, r));
+		}
+		function Jt(e) {
+			let t = L.value;
+			if (L.value = null, V.value = null, t) {
+				if (t.mode === "draw") {
+					R.value && R.value.width >= Pt && R.value.height >= Pt ? (F.value.push({ ...R.value }), z.value = F.value.length - 1) : t.moved || (z.value = -1), R.value = null;
+					return;
+				}
+				t.mode === "move" && !t.moved && tn(t.index, e);
+			}
+		}
+		function Yt(e) {
+			let t = _e.value?.getBoundingClientRect();
+			if (!t || t.width === 0) return !1;
+			let n = e.mode === "draw" ? R.value : F.value[e.index];
+			return !n || Math.max(n.width * t.width, n.height * t.height) <= Ht;
+		}
+		function Xt(e) {
+			let t = P.value?.getBoundingClientRect(), n = pe.value?.getBoundingClientRect();
+			if (!t || !n || t.width === 0 || t.height === 0) {
+				V.value = null;
+				return;
+			}
+			let r = zt / 2, i = Math.min(Math.max(e.clientX - n.left, 59), n.width - r - 4), a = e.clientY - n.top - Vt;
+			a - r < 4 && (a = e.clientY - n.top + Vt), V.value = {
+				x: i,
+				y: a,
+				frameW: t.width,
+				frameH: t.height,
+				tx: r - (e.clientX - t.left) * Bt,
+				ty: r - (e.clientY - t.top) * Bt
+			};
+		}
+		function Zt(e) {
+			let t = e instanceof HTMLElement || e instanceof SVGElement ? e : null;
+			if (!t || pe.value?.contains(t) || t.closest(".p-dialog-header") || t.closest("button")) return !1;
+			let n = fe.value?.closest(".p-dialog-content")?.lastElementChild;
+			return !(n && n !== fe.value && n.contains(t));
+		}
+		function Qt(e) {
+			if (Ce = null, e.touches.length !== 1 || !Zt(e.target)) return;
+			let t = e.touches[0];
+			Ce = {
+				x: t.clientX,
+				y: t.clientY,
+				at: Date.now()
+			};
+		}
+		function $t(e) {
+			let t = Ce;
+			if (Ce = 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 <= Rt && Math.abs(r) >= Lt && Math.abs(r) > 2 * Math.abs(i) && $(r < 0 ? 1 : -1);
+		}
+		function en(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 tn(e, t) {
+			Ee.value = e;
+			let n = P.value?.querySelector(`[data-box-label="${e}"]`), r = { currentTarget: P.value ?? t.currentTarget };
+			N.value?.toggleMenu(r, n ?? void 0);
+		}
+		function nn(e) {
+			let t = F.value[Ee.value];
+			t && (t.label = e, t.confidence = 1, Ae.value = e);
+		}
+		function rn(e) {
+			let t = F.value[z.value];
+			t && (t.text = (e ?? "").toUpperCase().replace(/[^A-Z0-9ÄÖÜ\- ]/g, "") || void 0);
+		}
+		function an(e) {
+			e < 0 || e >= F.value.length || (F.value.splice(e, 1), z.value = -1);
+		}
+		function on(e, t = !0) {
+			e < 0 || e >= w.candidates.length || (t && se.set(W.value.id, F.value.map((e) => ({ ...e }))), H.value = e, F.value = (se.get(W.value.id) ?? W.value.boxes).map((e) => ({ ...e })), R.value = null, L.value = null, V.value = null, z.value = -1, Ee.value = -1, M.clear(), N.value?.hide(), U());
+		}
+		async function sn(e) {
+			return await w.onSave(W.value.id, F.value.map((e) => ({ ...e })), e), se.set(W.value.id, F.value.map((e) => ({ ...e }))), e === "verified" && ce.add(W.value.id), $(1, !1) ? null : void 0;
+		}
+		function $(e, t = !0) {
+			let n = H.value + e;
+			for (; n >= 0 && n < w.candidates.length && A.has(w.candidates[n].id);) n += e;
+			return n < 0 || n >= w.candidates.length ? !1 : (on(n, t), !0);
+		}
+		async function cn() {
+			let e = W.value.id;
+			A.add(e);
+			try {
+				await w.onDelete(e);
+			} catch (t) {
+				throw A.delete(e), t;
+			}
+			return se.delete(e), $(1, !1) || $(-1, !1) ? null : void 0;
+		}
+		function ln(e) {
+			let t = !1;
+			for (let n of e) !A.has(n) && w.candidates.some((e) => e.id === n) && (A.add(n), se.delete(n), n === W.value.id && (t = !0));
+			t && (re.add({
+				severity: "warn",
+				detail: ee("components.training_editor.removed_meanwhile"),
+				life: 4e3
+			}), !$(1, !1) && !$(-1, !1) && E.value.close({ status: "cancel" }));
+		}
+		function un() {
+			for (let e of [1, -1]) {
+				let t = H.value + e;
+				for (; t >= 0 && t < w.candidates.length && A.has(w.candidates[t].id);) t += e;
+				let n = w.candidates[t];
+				n && (new Image().src = w.imageUrl(n.id));
+			}
+		}
+		function dn(e) {
+			F.value.length && (z.value = (z.value + e + F.value.length) % F.value.length);
+		}
+		function fn(e) {
+			let t = F.value[z.value];
+			if (!t) return;
+			let n = $e, r = n[(n.indexOf(t.label) + e + n.length) % n.length];
+			t.label = r, t.confidence = 1, Ae.value = r;
+		}
+		function pn(e, t, n) {
+			let r = F.value[z.value];
+			r && (n ? (r.width = Math.min(1 - r.x, Math.max(Pt, r.width + e)), r.height = Math.min(1 - r.y, Math.max(Pt, 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 mn() {
+			let e = await sn("verified");
+			e !== null && E.value.close({
+				status: "confirm",
+				data: e
+			});
+		}
+		v(H, un, { immediate: !0 }), v(qe, (e, t) => {
+			t && t !== e && F.value.includes(t) && M.set(s(t), --le);
+		}), Te(window, "keydown", (e) => {
+			if (e.target?.closest?.("input, textarea")) return;
+			let t = {
+				ArrowLeft: [-.003, 0],
+				ArrowRight: [Ut, 0],
+				ArrowUp: [0, -.003],
+				ArrowDown: [0, Ut]
+			};
+			if (t[e.key]) {
+				if (z.value >= 0) {
+					e.preventDefault();
+					let [n, r] = t[e.key];
+					pn(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(), dn(e.shiftKey ? -1 : 1)) : e.key === "Escape" ? (z.value = -1, N.value?.hide()) : (e.key === "Delete" || e.key === "Backspace") && z.value >= 0 ? an(z.value) : e.key === "s" || e.key === "S" ? fn(e.shiftKey ? -1 : 1) : e.key === " " && !N.value?.isOpen && (e.preventDefault(), mn()));
+		}), Te(() => fe.value?.closest(".p-dialog-content") ?? void 0, "touchstart", Qt, { passive: !0 }), Te(() => fe.value?.closest(".p-dialog-content") ?? void 0, "touchend", $t, { passive: !0 }), ie.connect();
+		let hn = ie.onCandidatesChanged((e) => {
+			e.removed?.length && ln(e.removed);
+		});
+		return i(() => {
+			hn();
+		}), p({
+			onConfirm: () => sn("verified"),
+			onCancel: () => cn()
+		}), (t, i) => {
+			let o = ne, s = me, p = ke, g = be, v = je, S = Ve;
+			return r(), y("div", {
+				ref_key: "rootRef",
+				ref: fe,
+				class: "flex flex-col gap-3 h-full min-h-0"
+			}, [
+				C("div", st, [C("div", ct, [
+					O(o, {
+						severity: h(K) === "verified" ? "success" : "info",
+						value: t.$t(`views.training.status_${h(K)}`),
+						class: "shrink-0"
+					}, null, 8, ["severity", "value"]),
+					C("span", lt, a(u.cameraName(h(W).cameraId)), 1),
+					C("span", ut, a(h(ge)(h(W).createdAt)), 1)
+				]), C("span", dt, a(h(We)) + " / " + a(h(Ge)), 1)]),
+				C("div", {
+					ref_key: "stageRef",
+					ref: pe,
+					class: "stage relative w-full bg-black rounded-lg shrink-0 overflow-hidden select-none"
+				}, [
+					O(h(j), {
+						pan: h(Ne),
+						"onUpdate:pan": i[6] ||= (e) => m(Ne) ? Ne.value = e : null,
+						zoom: h(Me),
+						"onUpdate:zoom": i[7] ||= (e) => m(Me) ? Me.value = e : null,
+						"pan-enabled": h(Me) > 1 && !h(L),
+						"enable-control-button": !1,
+						"dbl-click-enabled": !1,
+						"min-zoom": 1,
+						"max-zoom": h(5),
+						selector: `[data-stage-zoom='${h(de)}']`,
+						"zoom-origin": "pointer",
+						class: c(["absolute inset-0 flex items-center justify-center", { "zoom-constraining": h(Pe) }]),
+						onPanned: h(Le),
+						onZoom: h(Le),
+						onDblclick: h(Re),
+						onTouchstart: Kt,
+						onTouchend: h(He)
+					}, {
+						default: _(() => [C("div", {
+							ref_key: "frameRef",
+							ref: P,
+							"data-stage-zoom": h(de),
+							class: "frame relative",
+							style: b({
+								"--ar-w": h(I).w,
+								"--ar-h": h(I).h
+							})
+						}, [
+							C("img", {
+								src: u.imageUrl(h(W).id),
+								class: "absolute inset-0 w-full h-full",
+								draggable: "false",
+								onLoad: nt
+							}, null, 40, pt),
+							(r(), y("svg", {
+								ref_key: "svgRef",
+								ref: _e,
+								class: c(["absolute inset-0 w-full h-full touch-none", h(Me) > 1 ? "cursor-grab" : "cursor-crosshair"]),
+								onPointerdown: at,
+								onPointermove: qt,
+								onPointerup: Jt,
+								onPointercancel: Jt
+							}, [(r(!0), y(x, null, n(h(q), ({ box: t, i: a }) => (r(), y("g", { key: a }, [C("rect", {
+								x: X(t.x),
+								y: X(t.y),
+								width: X(t.width),
+								height: X(t.height),
+								stroke: Y(t.label).color,
+								fill: Y(t.label).color,
+								"fill-opacity": a === h(z) ? .22 : .12,
+								"stroke-width": a === h(z) ? 3.5 : 2,
+								"vector-effect": "non-scaling-stroke",
+								class: "cursor-move",
+								onPointerdown: e((e) => Wt(a, e), ["stop"]),
+								onTouchstart: i[0] ||= e(() => {}, ["stop"]),
+								onMousedown: i[1] ||= e(() => {}, ["stop"])
+							}, null, 40, mt), (r(), y(x, null, n(oe, (n) => C("g", {
+								key: n,
+								class: "cursor-nwse-resize",
+								onPointerdown: e((e) => Gt(a, n, e), ["stop"]),
+								onTouchstart: i[2] ||= e(() => {}, ["stop"]),
+								onMousedown: i[3] ||= e(() => {}, ["stop"])
+							}, [C("circle", {
+								cx: Z(t, n),
+								cy: Q(t, n),
+								r: "14",
+								fill: "transparent"
+							}, null, 8, gt), C("circle", {
+								cx: Z(t, n),
+								cy: Q(t, n),
+								r: "4.5",
+								fill: Y(t.label).color
+							}, null, 8, _t)], 40, ht)), 64))]))), 128)), h(R) ? (r(), y("rect", {
+								key: 0,
+								x: X(h(R).x),
+								y: X(h(R).y),
+								width: X(h(R).width),
+								height: X(h(R).height),
+								stroke: Y(h(R).label).color,
+								fill: Y(h(R).label).color,
+								"fill-opacity": "0.1",
+								"stroke-dasharray": "6 4",
+								"stroke-width": "2",
+								"vector-effect": "non-scaling-stroke"
+							}, null, 8, vt)) : f("", !0)], 34)),
+							(r(!0), y(x, null, n(h(F), (t, n) => (r(), y("div", {
+								key: `label-${n}`,
+								class: c(["bbox-label cursor-move", {
+									"label-bottom": h(Xe)(t) === "below",
+									"label-inside": h(Xe)(t) === "inside",
+									"label-right": h(Ze)(t)
+								}]),
+								"data-box-label": n,
+								onPointerdown: e((e) => Wt(n, e), ["stop"]),
+								onTouchstart: i[4] ||= e(() => {}, ["stop"]),
+								onMousedown: i[5] ||= e(() => {}, ["stop"]),
+								style: b([tt(t), { zIndex: h(J).get(n) }])
+							}, [
+								(r(), d(l(Y(t.label).icon), { class: "bbox-label-icon" })),
+								C("span", bt, a(et(t.label)), 1),
+								t.text ? (r(), y("span", xt, a(t.text), 1)) : t.confidence < 1 ? (r(), y("span", St, a(Math.round(t.confidence * 100)) + "%", 1)) : f("", !0)
+							], 46, yt))), 128))
+						], 12, ft)]),
+						_: 1
+					}, 8, [
+						"pan",
+						"zoom",
+						"pan-enabled",
+						"max-zoom",
+						"selector",
+						"class",
+						"onPanned",
+						"onZoom",
+						"onDblclick",
+						"onTouchend"
+					]),
+					h(Fe) ? (r(), y("div", {
+						key: 0,
+						class: "zoom-minimap",
+						style: b(h(Ie) ?? void 0)
+					}, [C("div", {
+						class: "zoom-minimap-viewport",
+						style: b(h(Fe))
+					}, null, 4)], 4)) : f("", !0),
+					h(V) ? (r(), y("div", {
+						key: 1,
+						class: "loupe",
+						style: b({
+							left: `${h(V).x}px`,
+							top: `${h(V).y}px`
+						})
+					}, [C("div", {
+						class: "loupe-content",
+						style: b({
+							width: `${h(V).frameW}px`,
+							height: `${h(V).frameH}px`,
+							transform: `translate(${h(V).tx}px, ${h(V).ty}px) scale(${Bt})`
+						})
+					}, [C("img", {
+						src: u.imageUrl(h(W).id),
+						class: "absolute inset-0 w-full h-full",
+						draggable: "false"
+					}, null, 8, Ct), (r(), y("svg", wt, [(r(!0), y(x, null, n(h(F), (e, t) => (r(), y("rect", {
+						key: t,
+						x: X(e.x),
+						y: X(e.y),
+						width: X(e.width),
+						height: X(e.height),
+						stroke: Y(e.label).color,
+						fill: Y(e.label).color,
+						"fill-opacity": "0.1",
+						"stroke-width": "1.5"
+					}, null, 8, Tt))), 128)), h(R) ? (r(), y("rect", {
+						key: 0,
+						x: X(h(R).x),
+						y: X(h(R).y),
+						width: X(h(R).width),
+						height: X(h(R).height),
+						stroke: Y(h(R).label).color,
+						fill: Y(h(R).label).color,
+						"fill-opacity": "0.1",
+						"stroke-dasharray": "4 3",
+						"stroke-width": "1.5"
+					}, null, 8, Et)) : f("", !0)]))], 4), i[11] ||= C("div", { class: "loupe-crosshair" }, null, -1)], 4)) : f("", !0),
+					h(Ke) ? (r(), y("div", Dt, [O(p, {
+						severity: "secondary",
+						rounded: "",
+						class: "cui-icon-md opacity-60 hover:opacity-100",
+						onClick: i[8] ||= e((e) => $(-1), ["stop"])
+					}, {
+						icon: _(() => [O(s, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})])) : f("", !0),
+					h(G) ? (r(), y("div", Ot, [O(p, {
+						severity: "secondary",
+						rounded: "",
+						class: "cui-icon-md opacity-60 hover:opacity-100",
+						onClick: i[9] ||= e((e) => $(1), ["stop"])
+					}, {
+						icon: _(() => [O(g, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})])) : f("", !0)
+				], 512),
+				h(Je) ? (r(), y("div", kt, [C("label", At, a(t.$t("components.training_editor.plate_text")), 1), O(v, {
+					id: "plate-text",
+					"model-value": h(Je).text ?? "",
+					size: "small",
+					maxlength: "12",
+					class: "w-40 uppercase",
+					placeholder: "ABC 1234",
+					"onUpdate:modelValue": rn
+				}, null, 8, ["model-value"])])) : f("", !0),
+				C("div", jt, [C("span", Mt, a(t.$t("components.training_editor.hint")), 1), h(Se) ? (r(), d(p, {
+					key: 0,
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-sm shrink-0",
+					onClick: i[10] ||= (e) => B.value = !h(B)
+				}, {
+					icon: _(() => [O(S, { class: "w-4 h-4" })]),
+					_: 1
+				})) : f("", !0)]),
+				h(Se) && h(B) ? (r(), y("div", Nt, [
+					i[12] ||= C("span", null, [C("kbd", null, "Tab")], -1),
+					C("span", null, a(t.$t("components.training_editor.sc_select")), 1),
+					i[13] ||= T(),
+					i[14] ||= C("span", null, [C("kbd", null, "←↑→↓")], -1),
+					C("span", null, a(t.$t("components.training_editor.sc_move")), 1),
+					i[15] ||= T(),
+					i[16] ||= C("span", null, [
+						C("kbd", null, "Shift"),
+						T(" + "),
+						C("kbd", null, "←↑→↓")
+					], -1),
+					C("span", null, a(t.$t("components.training_editor.sc_resize")), 1),
+					i[17] ||= T(),
+					i[18] ||= C("span", null, [C("kbd", null, "S")], -1),
+					C("span", null, a(t.$t("components.training_editor.sc_label")), 1),
+					i[19] ||= T(),
+					i[20] ||= C("span", null, [C("kbd", null, "Del")], -1),
+					C("span", null, a(t.$t("components.training_editor.sc_delete")), 1),
+					i[21] ||= T(),
+					i[22] ||= C("span", null, [C("kbd", null, "Esc")], -1),
+					C("span", null, a(t.$t("components.training_editor.sc_deselect")), 1),
+					i[23] ||= T(),
+					i[24] ||= C("span", null, [C("kbd", null, "Space")], -1),
+					C("span", null, a(t.$t("components.training_editor.sc_verify")), 1),
+					i[25] ||= T(),
+					i[26] ||= C("span", null, [
+						C("kbd", null, "←"),
+						T(" / "),
+						C("kbd", null, "→")
+					], -1),
+					C("span", null, a(t.$t("components.training_editor.sc_nav")), 1)
+				])) : f("", !0),
+				O(ae, {
+					ref_key: "labelMenuRef",
+					ref: N,
+					items: h(Ye),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"])
+			], 512);
+		};
+	}
+}), [["__scopeId", "data-v-4e242842"]]), Gt = { class: "flex flex-col gap-3" }, Kt = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, qt = {
+	key: 1,
+	class: "flex flex-col items-center gap-3 py-10"
+}, Jt = { class: "text-muted text-sm text-center max-w-sm" }, Yt = {
+	key: 2,
+	class: "flex flex-col items-center gap-3 py-10"
+}, Xt = { class: "text-muted text-sm text-center max-w-sm" }, Zt = { class: "text-muted text-sm" }, Qt = { class: "w-24 aspect-video rounded-lg overflow-hidden bg-black/5 dark:bg-black/30 shrink-0" }, $t = { class: "flex-1 min-w-0" }, en = { class: "flex flex-wrap items-center gap-1" }, tn = { class: "text-xs text-muted mt-1" }, nn = {
+	key: 0,
+	class: "flex justify-center py-2"
+}, rn = /* @__PURE__ */ E({
+	__name: "TrainingSubmissions",
+	setup(e) {
+		let t = new Qe(), { t: o, te: s } = Oe(), c = he(), l = ot(), u = t.deleteSubmissionMutation(), p = D(""), m = D([]), g = D(0), T = D(), E = D(!0), k = D(!1), te = D(!1), re = S("loadMoreRef");
+		function ie(e) {
+			let t = {};
+			for (let n of e.labels) t[n.label] = (t[n.label] ?? 0) + 1;
+			return t;
+		}
+		function ae(e) {
+			let t = `components.training_editor.labels.${e}`;
+			return s(t) ? o(t) : e;
+		}
+		async function oe() {
+			E.value = m.value.length === 0;
+			try {
+				let e = await Je();
+				m.value = e.items, g.value = e.total ?? e.items.length, T.value = e.nextCursor, te.value = !1;
+			} catch {
+				te.value = !0;
+			} finally {
+				E.value = !1;
+			}
+		}
+		async function se() {
+			let e = T.value;
+			if (e && !k.value) {
+				k.value = !0;
+				try {
+					let t = await Je({ cursor: e }), n = new Set(m.value.map((e) => e.id));
+					m.value.push(...t.items.filter((e) => !n.has(e.id))), T.value = t.nextCursor;
+				} catch (e) {
+					c.add({
+						severity: "error",
+						detail: e?.message ?? String(e),
+						life: 5e3
+					});
+				} finally {
+					k.value = !1;
+				}
+			}
+		}
+		async function A(e) {
+			p.value = e;
+			try {
+				await u.mutateAsync(e), m.value = m.value.filter((t) => t.id !== e), g.value = Math.max(0, g.value - 1);
+			} catch (e) {
+				c.add({
+					severity: "error",
+					detail: e?.message ?? String(e),
+					life: 5e3
+				});
+			} finally {
+				p.value = "";
+			}
+		}
+		Ce(re, ([e]) => {
+			e?.isIntersecting && se();
+		}), v(() => l.submitProgress.value?.active, (e, t) => {
+			t && !e && oe();
+		});
+		let ce = l.onResync(() => {
+			oe();
+		});
+		return i(() => {
+			ce();
+		}), oe(), (e, t) => {
+			let i = P, o = Le, s = M, c = z, l = ne, v = ze, S = ke, D = Fe, oe = ee;
+			return r(), y("div", Gt, [h(E) ? (r(), y("div", Kt, [(r(), y(x, null, n(4, (e) => O(i, {
+				key: e,
+				height: "72px",
+				"border-radius": "12px"
+			})), 64))])) : h(te) ? (r(), y("div", qt, [O(o, { class: "w-10 h-10 text-muted" }), C("span", Jt, a(e.$t("components.training_submissions.load_failed")), 1)])) : h(m).length ? (r(), y(x, { key: 3 }, [
+				C("span", Zt, a(e.$t("components.training_submissions.count", h(g))), 1),
+				(r(!0), y(x, null, n(h(m), (t) => (r(), y("div", {
+					key: t.id,
+					class: "cui-card h-auto! shrink-0 p-2 flex items-center gap-3"
+				}, [
+					C("div", Qt, [O(c, {
+						src: t.imageUrl,
+						"image-container-class": "w-full h-full",
+						"image-style": { objectFit: "cover" }
+					}, null, 8, ["src"])]),
+					C("div", $t, [C("div", en, [(r(!0), y(x, null, n(ie(t), (e, t) => (r(), y("span", {
+						key: t,
+						class: "px-1.5 py-0.5 rounded text-xs font-medium text-white",
+						style: b({ backgroundColor: h(ye)(String(t)).color })
+					}, a(ae(String(t))) + " ×" + a(e), 5))), 128))]), C("div", tn, a(h(ge)(new Date(t.createdAt).getTime())), 1)]),
+					O(l, {
+						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((r(), d(S, {
+						severity: "danger",
+						text: "",
+						rounded: "",
+						class: "cui-icon-sm shrink-0",
+						loading: h(u).isPending.value && h(p) === t.id,
+						onClick: (e) => A(t.id)
+					}, {
+						icon: _(() => [O(v, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					}, 8, ["loading", "onClick"])), [[
+						oe,
+						e.$t("components.training_submissions.delete"),
+						void 0,
+						{ left: !0 }
+					]])
+				]))), 128)),
+				h(k) ? (r(), y("div", nn, [O(D, { class: "w-5 h-5 text-primary" })])) : h(T) ? (r(), y("div", {
+					key: 1,
+					ref_key: "loadMoreRef",
+					ref: re,
+					class: "h-px"
+				}, null, 512)) : f("", !0)
+			], 64)) : (r(), y("div", Yt, [O(s, { class: "w-10 h-10 text-muted" }), C("span", Xt, a(e.$t("components.training_submissions.empty")), 1)]))]);
+		};
+	}
+}), an = { desktop: {
+	maxWidth: "720px",
+	width: "90vw"
+} }, on = { class: "flex flex-col" }, sn = {
+	key: 0,
+	class: "page-title"
+}, $ = { class: "font-semibold text-xl truncate" }, cn = { class: "flex gap-2 mb-4" }, ln = {
+	key: 1,
+	class: "cui-card h-auto! shrink-0 px-3 py-2 mb-4 flex items-center gap-3"
+}, un = { class: "flex-1 min-w-0" }, dn = { class: "text-sm" }, fn = { class: "flex-1 text-sm" }, pn = { class: "p-3" }, mn = {
+	key: 3,
+	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4 py-16"
+}, hn = { class: "text-muted text-sm text-center max-w-md" }, gn = { class: "relative flex-1 min-h-0 overflow-hidden bg-black/5 dark:bg-black/30" }, _n = { class: "absolute top-1.5 left-1.5 flex flex-wrap gap-1" }, vn = {
+	key: 0,
+	class: "absolute bottom-1.5 left-1.5"
+}, yn = {
+	key: 1,
+	class: "absolute top-1.5 right-1.5 dark-mode"
+}, bn = { class: "flex items-center justify-between gap-2" }, xn = { class: "flex items-center gap-2 min-w-0" }, Sn = { class: "min-w-0" }, Cn = { class: "font-medium truncate" }, wn = { class: "text-xs text-muted" }, Tn = 40, En = /*#__PURE__*/ Se(/* @__PURE__ */ E({
+	__name: "Training",
+	setup(t) {
+		let o = new I(), s = new Qe(), { t: l, te: u } = Oe(), p = F(), E = he(), { smBreakpoint: k } = ce(), j = s.getCandidatesQuery(), M = s.getSettingsQuery(), le = s.patchCandidateMutation(), N = s.deleteCandidateMutation(), me = s.patchSettingsMutation(), ve = s.submitCandidatesMutation(), be = ot(), { data: xe } = o.getCamerasQuery({
+			page: 1,
+			pageSize: -1
+		}), L = D(""), R = D(Tn), B = S("cameraMenuRef"), Se = S("settingsMenuRef"), we = S("loadMoreRef"), Te = g(() => ({ gridTemplateColumns: `repeat(auto-fill, minmax(${k.value ? "220px" : "260px"}, 1fr))` })), De = g(() => {
+			let e = [...new Set((j.data.value ?? []).map((e) => Z(e.cameraId)))].sort((e, t) => e.localeCompare(t));
+			return [{
+				key: "all",
+				label: l("views.training.all_cameras"),
+				active: L.value === "",
+				onClick: () => {
+					L.value = "";
+				}
+			}, ...e.map((e) => ({
+				key: e,
+				label: e,
+				active: L.value === e,
+				onClick: () => {
+					L.value = e;
+				}
+			}))];
+		}), Ve = g(() => [{
+			key: "collect",
+			label: l("views.training.collection_enabled"),
+			description: l("views.training.collection_hint"),
+			toggle: !0,
+			toggleState: M.data.value?.enabled ?? !0,
+			onClick: () => {
+				ft(!(M.data.value?.enabled ?? !0));
+			}
+		}]), U = g(() => {
+			let e = L.value.trim().toLowerCase();
+			return e ? (j.data.value ?? []).filter((t) => Z(t.cameraId).toLowerCase().includes(e)) : j.data.value ?? [];
+		}), Ue = g(() => U.value.slice(0, R.value)), We = g(() => U.value.length > Ue.value.length), Ge = g(() => (j.data.value ?? []).filter((e) => q(e)).length), G = g(() => be.submitProgress.value ? be.submitProgress.value : Ge.value > 0 ? {
+			active: !0,
+			total: Ge.value,
+			done: 0,
+			failed: 0
+		} : null), K = g(() => U.value.filter((e) => !q(e)));
+		function q(e) {
+			return e.upload === "queued" || e.upload === "uploading";
+		}
+		let { selectionMode: J, selectedIds: qe, allSelected: Je, bulkBusy: Ye, enterSelectionMode: Xe, exitSelectionMode: Ze, toggleSelectAll: $e, toggleSelection: Y } = V(K, (e) => e.id), X = g(() => [...qe.value].filter((e) => j.data.value?.find((t) => t.id === e)?.status === "verified"));
+		function Z(e) {
+			return xe.value?.result?.find((t) => t._id === e)?.name ?? e;
+		}
+		function Q(e) {
+			return _e(`/api/training/candidates/${e}/image`) ?? "";
+		}
+		function tt(e) {
+			let t = `components.training_editor.labels.${e}`;
+			return u(t) ? l(t) : e;
+		}
+		function nt(e) {
+			let t = {};
+			for (let n of e.boxes) t[n.label] = (t[n.label] ?? 0) + 1;
+			return t;
+		}
+		function rt(e) {
+			return e === "verified" ? "success" : "info";
+		}
+		function it() {
+			R.value += Tn;
+		}
+		function at(e) {
+			if (!q(e)) {
+				if (J.value) {
+					Y(e.id);
+					return;
+				}
+				st(e);
+			}
+		}
+		function st(e) {
+			p.openComponentDialog(Wt, {
+				data: {
+					title: l("views.training.title"),
+					cancelText: l("components.form.button.remove"),
+					confirmText: l("components.training_editor.verify"),
+					cancelButtonProps: { severity: "danger" },
+					contentProps: {
+						candidates: U.value.map((e) => ({ ...e })),
+						startId: e.id,
+						cameraName: Z,
+						imageUrl: Q,
+						onSave: async (e, t, n) => {
+							await le.mutateAsync({
+								id: e,
+								patch: {
+									boxes: t,
+									status: n
+								}
+							});
+						},
+						onDelete: async (e) => {
+							await N.mutateAsync(e);
+						}
+					}
+				},
+				dialogSize: et
+			});
+		}
+		function ct() {
+			p.openComponentDialog(rn, {
+				data: {
+					title: l("views.training.submissions"),
+					hideConfirmButton: !0,
+					cancelText: l("components.form.button.close"),
+					contentProps: {}
+				},
+				dialogSize: an
+			});
+		}
+		function lt() {
+			let e = X.value;
+			e.length && !ve.isPending.value && p.openTextDialog({
+				data: {
+					title: l("components.dialog.title.confirm"),
+					contentText: l("views.training.submit_confirm", { count: e.length }),
+					confirmText: l("views.training.submit")
+				},
+				onConfirm: async () => {
+					try {
+						await ve.mutateAsync(e), Ze();
+					} catch (e) {
+						E.add({
+							severity: "error",
+							detail: e?.message ?? String(e),
+							life: 8e3
+						});
+					}
+				}
+			});
+		}
+		function ut() {
+			let e = [...qe.value];
+			e.length && !Ye.value && p.openTextDialog({
+				data: {
+					title: l("components.dialog.title.confirm"),
+					contentText: l("views.training.delete_selected_confirm", { count: e.length }),
+					confirmText: l("components.form.button.remove"),
+					confirmButtonProps: { severity: "danger" }
+				},
+				onConfirm: async () => {
+					Ye.value = !0;
+					try {
+						for (let t of e) await N.mutateAsync(t);
+						Ze(), E.add({
+							severity: "success",
+							detail: l("views.training.delete_selected_done", { count: e.length }),
+							life: 5e3
+						});
+					} catch (e) {
+						E.add({
+							severity: "error",
+							detail: e?.message ?? String(e),
+							life: 5e3
+						});
+					} finally {
+						Ye.value = !1;
+					}
+				}
+			});
+		}
+		async function dt(e) {
+			await N.mutateAsync(e.id);
+		}
+		async function ft(e) {
+			await me.mutateAsync({ enabled: e });
+		}
+		v(L, () => {
+			R.value = Tn;
+		}), Ce(we, ([e]) => {
+			e?.isIntersecting && it();
+		}), be.connect();
+		let pt = be.onCandidatesChanged(() => {
+			j.refetch();
+		});
+		return i(() => {
+			pt();
+		}), (t, i) => {
+			let o = Be, s = ke, u = A, p = Ie, g = H, v = je, S = Ae, E = te, D = se, ce = ie, M = W, le = He, N = Fe, me = Pe, he = Le, _e = Re, F = Ne, I = P, xe = pe, R = z, V = ne, Ce = ze, Oe = Me, Ge = Ee, K = ue, Qe = oe, et = ee;
+			return r(), y("div", on, [
+				h(k) ? f("", !0) : (r(), y("h1", sn, a(t.$t("views.training.title")), 1)),
+				O(u, { position: "left" }, {
+					default: _(() => [O(s, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: i[0] ||= (e) => t.$router.push("/menu")
+					}, {
+						icon: _(() => [O(o, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				O(u, { position: "center" }, {
+					default: _(() => [C("span", $, a(t.$t("views.training.title")), 1)]),
+					_: 1
+				}),
+				C("div", cn, [
+					O(ce, { class: "flex-1" }, {
+						default: _(() => [O(S, { class: "flex-1" }, {
+							default: _(() => [O(g, null, {
+								default: _(() => [O(p, { class: "w-4 h-4" })]),
+								_: 1
+							}), O(v, {
+								modelValue: h(L),
+								"onUpdate:modelValue": i[1] ||= (e) => m(L) ? L.value = e : null,
+								placeholder: h(l)("views.training.search"),
+								class: "w-full"
+							}, null, 8, ["modelValue", "placeholder"])]),
+							_: 1
+						}), O(D, null, {
+							default: _(() => [O(s, {
+								severity: "secondary",
+								text: "",
+								class: "text-color",
+								onClick: i[2] ||= (e) => h(B)?.toggleMenu(e)
+							}, {
+								icon: _(() => [O(E, { class: c(["w-4 h-4 transform transition-transform duration-300", { "rotate-180": h(B)?.isOpen }]) }, null, 8, ["class"])]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					w((r(), d(s, {
+						severity: "secondary",
+						outlined: "",
+						class: "cui-button shrink-0",
+						onClick: ct
+					}, {
+						icon: _(() => [O(M, { class: "w-4.5 h-4.5" })]),
+						_: 1
+					})), [[
+						et,
+						{ value: t.$t("views.training.submissions") },
+						void 0,
+						{ left: !0 }
+					]]),
+					w((r(), d(s, {
+						severity: "secondary",
+						outlined: "",
+						class: "cui-button shrink-0",
+						onClick: i[3] ||= (e) => h(Se)?.toggleMenu(e)
+					}, {
+						icon: _(() => [O(le, { class: "w-4.5 h-4.5" })]),
+						_: 1
+					})), [[
+						et,
+						{ value: t.$t("views.training.collection") },
+						void 0,
+						{ left: !0 }
+					]])
+				]),
+				h(G) ? (r(), y("div", ln, [h(G).active ? (r(), y(x, { key: 0 }, [O(N, { class: "w-4 h-4 text-primary shrink-0" }), C("div", un, [C("div", dn, a(t.$t("views.training.upload_progress", {
+					done: h(G).done + h(G).failed,
+					total: h(G).total
+				})), 1), O(me, {
+					value: h(G).total ? Math.round((h(G).done + h(G).failed) / h(G).total * 100) : 0,
+					"show-value": !1,
+					style: { height: "6px" },
+					class: "mt-1.5"
+				}, null, 8, ["value"])])], 64)) : (r(), y(x, { key: 1 }, [
+					h(G).failed ? (r(), d(he, {
+						key: 0,
+						class: "w-5 h-5 text-red-500 shrink-0"
+					})) : (r(), d(_e, {
+						key: 1,
+						class: "w-5 h-5 text-green-500 shrink-0"
+					})),
+					C("span", fn, [T(a(t.$t("views.training.submit_done", h(G).done)), 1), h(G).failed ? (r(), y(x, { key: 0 }, [T(" · " + a(t.$t("views.training.upload_failed_summary", { count: h(G).failed })), 1)], 64)) : f("", !0)]),
+					O(s, {
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "cui-icon-sm shrink-0",
+						onClick: i[4] ||= (e) => h(be).dismissProgress()
+					}, {
+						icon: _(() => [O(F, { class: "w-4 h-4" })]),
+						_: 1
+					})
+				], 64))])) : f("", !0),
+				h(j).isLoading.value && !h(j).data.value ? (r(), y("div", {
+					key: 2,
+					class: "grid w-full gap-3 p-px",
+					style: b(h(Te))
+				}, [(r(), y(x, null, n(8, (e) => C("div", {
+					key: e,
+					class: "cui-card overflow-hidden"
+				}, [O(I, {
+					class: "aspect-video",
+					width: "100%",
+					height: "100%"
+				}), C("div", pn, [O(I, {
+					height: "14px",
+					width: "70%",
+					class: "mb-1"
+				}), O(I, {
+					height: "12px",
+					width: "40%"
+				})])])), 64))], 4)) : h(U).length === 0 ? (r(), y("div", mn, [O(xe, { class: "w-12 h-12 text-muted" }), C("span", hn, a(t.$t("views.training.no_candidates")), 1)])) : (r(), y(x, { key: 4 }, [C("div", {
+					class: "grid w-full gap-3 p-px",
+					style: b(h(Te))
+				}, [(r(!0), y(x, null, n(h(Ue), (o) => (r(), d(Ge, {
+					key: o.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) => at(o)
+				}, {
+					header: _(() => [C("div", gn, [
+						O(R, {
+							class: "absolute inset-0",
+							src: Q(o.id),
+							alt: Z(o.cameraId),
+							"image-container-class": "w-full h-full",
+							"image-style": { objectFit: "cover" }
+						}, null, 8, ["src", "alt"]),
+						C("div", _n, [(r(!0), y(x, null, n(nt(o), (e, t) => (r(), y("span", {
+							key: t,
+							class: "px-1.5 py-0.5 rounded text-xs font-medium text-white",
+							style: b({ backgroundColor: h(ye)(String(t)).color })
+						}, a(tt(String(t))) + " ×" + a(e), 5))), 128))]),
+						o.upload ? (r(), y("div", vn, [o.upload === "failed" ? w((r(), d(V, {
+							key: 0,
+							severity: "danger",
+							value: t.$t("views.training.upload_failed")
+						}, null, 8, ["value"])), [[
+							et,
+							o.uploadError,
+							void 0,
+							{ top: !0 }
+						]]) : o.upload === "uploading" ? (r(), d(V, {
+							key: 1,
+							severity: "info",
+							value: t.$t("views.training.upload_uploading")
+						}, null, 8, ["value"])) : (r(), d(V, {
+							key: 2,
+							severity: "secondary",
+							value: t.$t("views.training.upload_queued")
+						}, null, 8, ["value"]))])) : f("", !0),
+						!h(J) && !q(o) ? (r(), y("div", yn, [w((r(), d(s, {
+							severity: "secondary",
+							rounded: "",
+							size: "small",
+							class: "cui-icon-sm text-white",
+							onClick: e((e) => dt(o), ["stop"])
+						}, {
+							icon: _(() => [O(Ce, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["onClick"])), [[
+							et,
+							t.$t("views.training.delete_candidate"),
+							void 0,
+							{ top: !0 }
+						]])])) : f("", !0)
+					])]),
+					content: _(() => [C("div", bn, [C("div", xn, [h(J) && !q(o) ? (r(), d(Oe, {
+						key: 0,
+						"model-value": h(qe).has(o.id),
+						binary: "",
+						size: "small",
+						onClick: i[5] ||= e(() => {}, ["stop"]),
+						"onUpdate:modelValue": (e) => h(Y)(o.id)
+					}, null, 8, ["model-value", "onUpdate:modelValue"])) : f("", !0), C("div", Sn, [C("div", Cn, a(Z(o.cameraId)), 1), C("div", wn, a(h(ge)(o.createdAt)), 1)])]), O(V, {
+						severity: rt(o.status),
+						value: t.$t(`views.training.status_${o.status}`)
+					}, null, 8, ["severity", "value"])])]),
+					_: 2
+				}, 1032, ["onClick"]))), 128))], 4), h(We) ? (r(), y("div", {
+					key: 0,
+					ref_key: "loadMoreRef",
+					ref: we,
+					class: "h-px"
+				}, null, 512)) : f("", !0)], 64)),
+				h(U).length || h(J) ? (r(), d(Qe, {
+					key: 5,
+					"force-visible": h(J)
+				}, {
+					default: _(() => [h(J) ? (r(), y(x, { key: 1 }, [
+						O(K, {
+							grouped: "",
+							"tooltip-props": { value: t.$t("components.form.tooltip.cancel_selection") },
+							"button-props": { severity: "secondary" },
+							icon: h(Ne),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: h(Ze)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						]),
+						O(K, {
+							grouped: "",
+							"tooltip-props": { value: h(Je) ? t.$t("views.training.deselect_all") : t.$t("views.training.select_all") },
+							"button-props": { severity: h(Je) ? "primary" : "secondary" },
+							icon: h(fe),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: h($e)
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon",
+							"onClick"
+						]),
+						O(K, {
+							grouped: "",
+							"tooltip-props": { value: t.$t("views.training.submit_selected") },
+							"button-props": { disabled: !h(X).length || h(ve).isPending.value },
+							icon: h(Ke),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: lt
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						O(K, {
+							grouped: "",
+							"tooltip-props": { value: t.$t("views.training.delete_selected") },
+							"button-props": {
+								severity: "danger",
+								disabled: !h(qe).size || h(Ye)
+							},
+							icon: h(de),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: ut
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])
+					], 64)) : (r(), d(K, {
+						key: 0,
+						grouped: "",
+						"tooltip-props": { value: t.$t("views.training.select") },
+						"button-props": { severity: "secondary" },
+						icon: h(re),
+						"icon-props": {
+							width: "100%",
+							height: "100%"
+						},
+						onClick: h(Xe)
+					}, null, 8, [
+						"tooltip-props",
+						"icon",
+						"onClick"
+					]))]),
+					_: 1
+				}, 8, ["force-visible"])) : f("", !0),
+				O(ae, {
+					ref_key: "cameraMenuRef",
+					ref: B,
+					items: h(De),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"]),
+				O(ae, {
+					ref_key: "settingsMenuRef",
+					ref: Se,
+					items: h(Ve),
+					"auto-hide": !1,
+					popover: { pt: {
+						root: { class: "w-[22rem]" },
+						content: { class: "p-0! rounded-xl! overflow-hidden!" }
+					} }
+				}, null, 8, ["items"])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-84e470e7"]]);
+//#endregion
+export { En as default };