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

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

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