@camera.ui/server 2.2.8 → 2.3.0

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

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