@camera.ui/server 2.1.15 → 2.1.16

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

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