@camstack/addon-training 0.1.97 → 0.1.99

package/dist/_stub.js

@@ -1,9 +1,9 @@
 import "./virtualExposes-0m8NqEDE.mjs";
-import { a as e, i as t, o as n, r } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_training_page__remoteEntry_js-CUYOexzU.mjs";
+import { a as e, i as t, o as n, r } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_training_page__remoteEntry_js-aLdhRRQr.mjs";
 import { C as i, S as a, _ as o, a as s, b as c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, p as _, r as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react__loadShare__.js-CEvdvp1T.mjs";
 import { i as T, n as E, r as D, t as O } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DnrbBvrw.mjs";
-import { n as k, r as A, t as ee } from "./ui-text-CqJgUCKX.mjs";
-import { $ as j, A as M, B as N, C as P, D as F, E as te, F as I, G as L, H as ne, I as re, J as ie, K as ae, L as oe, M as R, N as se, O as ce, P as le, Q as ue, R as de, S as fe, U as pe, V as me, W as he, X as ge, Y as _e, Z as ve, _ as ye, a as be, at as xe, b as Se, c as Ce, ct as we, d as Te, et as Ee, f as De, g as Oe, h as ke, i as Ae, it as je, j as Me, k as Ne, l as Pe, lt as Fe, m as Ie, n as Le, nt as Re, o as ze, ot as Be, p as Ve, q as He, r as Ue, rt as z, s as We, t as Ge, tt as Ke, u as qe, ut as Je, v as Ye, w as Xe, x as Ze, y as Qe, z as $e } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-CZqyUznl.mjs";
+import { n as k, r as A, t as j } from "./ui-text-CqJgUCKX.mjs";
+import { $ as M, A as N, B as P, C as F, D as I, E as ee, F as L, G as R, H as te, I as ne, J as re, K as ie, L as ae, M as oe, N as se, O as ce, P as le, Q as ue, R as de, S as fe, U as pe, V as me, W as he, X as ge, Y as _e, Z as ve, _ as ye, a as be, at as xe, b as Se, c as Ce, ct as we, d as Te, et as Ee, f as De, g as Oe, h as ke, i as Ae, it as je, j as Me, k as Ne, l as Pe, lt as Fe, m as Ie, n as Le, nt as Re, o as ze, ot as Be, p as Ve, q as He, r as Ue, rt as z, s as We, t as Ge, tt as Ke, u as qe, ut as Je, v as Ye, w as Xe, x as Ze, y as Qe, z as $e } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-4mdhpGoW.mjs";
 import { $ as et, $n as tt, $t as nt, A as rt, An as it, At as at, B as ot, Bn as st, Bt as ct, C as lt, Cn as ut, Ct as dt, D as ft, Dn as pt, Dt as mt, E as ht, En as gt, Et as _t, F as vt, Fn as yt, Ft as bt, G as xt, Gn as St, Gt as Ct, H as wt, Hn as Tt, Ht as Et, I as Dt, In as Ot, It as kt, J as At, Jn as jt, Jt as Mt, K as Nt, Kn as Pt, Kt as Ft, L as It, Ln as Lt, Lt as Rt, M as zt, Mn as Bt, Mt as Vt, Nn as Ht, Nt as Ut, O as Wt, On as Gt, Ot as Kt, P as qt, Pn as Jt, Pt as Yt, Q as Xt, Qn as Zt, Qt, R as $t, Rn as en, Rt as tn, S as nn, Sn as rn, St as an, T as on, Tn as sn, Tt as cn, U as ln, Un as un, Ut as dn, V as fn, Vn as pn, Vt as mn, W as hn, Wn as gn, Wt as _n, X as vn, Xn as yn, Xt as bn, Y as xn, Yn as Sn, Yt as Cn, Z as wn, Zn as Tn, Zt as En, _ as Dn, _n as On, _t as kn, a as An, an as jn, ar as Mn, at as Nn, b as Pn, bn as Fn, bt as In, c as Ln, cn as Rn, cr as zn, ct as Bn, d as Vn, dn as Hn, dr as Un, dt as Wn, en as Gn, er as Kn, f as qn, fn as Jn, fr as Yn, ft as Xn, g as Zn, gn as Qn, gt as $n, h as er, hn as tr, hr as nr, ht as rr, i as ir, in as ar, ir as or, it as sr, j as cr, jn as lr, jt as ur, k as dr, kn as fr, kt as pr, l as mr, ln as hr, lr as gr, lt as _r, m as vr, mn as yr, mr as br, mt as xr, n as Sr, nn as Cr, nr as wr, nt as Tr, o as Er, on as Dr, or as Or, ot as kr, p as Ar, pn as jr, pr as Mr, pt as Nr, q as Pr, qn as Fr, qt as Ir, r as Lr, rn as Rr, rr as zr, rt as Br, s as Vr, sn as Hr, sr as Ur, st as Wr, t as Gr, tn as Kr, tr as qr, tt as Jr, u as Yr, un as Xr, ur as Zr, ut as Qr, v as $r, vn as ei, vt as ti, w as ni, wn as ri, wt as ii, x as ai, xn as oi, xt as si, y as ci, yn as li, yt as ui, z as di, zn as fi, zt as pi } from "./zoom-out-YWRm0VbK.mjs";
 import { n as mi, r as hi, t as gi } from "./rotate-ccw-Cu6tGrgG.mjs";
 import { n as _i, t as vi } from "./chevron-right-cA8Hucbi.mjs";
@@ -11,13 +11,13 @@ import { r as yi, t as bi } from "./square-ZPUterXM.mjs";
 import { t as xi } from "./grid-2x2-CHuMzRxF.mjs";
 import { t as Si } from "./trash-2-BKfuhsgY.mjs";
 import { n as Ci, t as wi } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_trpc_mf_1_react_mf_2_query__loadShare__.js-BkvDudqY.mjs";
-import { a as Ti, c as Ei, d as Di, f as Oi, g as ki, h as Ai, i as ji, l as Mi, m as Ni, n as Pi, o as Fi, p as Ii, r as Li, s as Ri, t as zi, u as Bi } from "./responsive-BMmksqWC.mjs";
+import { a as Ti, c as Ei, d as Di, f as Oi, g as ki, h as Ai, i as ji, l as Mi, m as Ni, n as Pi, o as Fi, p as Ii, r as Li, s as Ri, t as zi, u as Bi } from "./responsive-D9ViDal5.mjs";
 import { n as Vi, t as Hi } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_2_dom__loadShare__.js-DAZkHxxU.mjs";
-import { c as Ui, l as Wi, s as Gi, u as Ki } from "./scene-monitor-copy-DI_VlaFk.mjs";
+import { c as Ui, l as Wi, s as Gi, u as Ki } from "./scene-monitor-copy-B7FtvYkD.mjs";
 import { n as qi, r as Ji, t as Yi } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-DpjirGmB.mjs";
 import { t as Xi } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_2_dom_mf_1_client__loadShare__.js-CHqN9NLt.mjs";
 import { t as Zi } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_trpc_mf_1_client__loadShare__.js-CFCVuRAs.mjs";
-import { n as Qi, r as $i } from "./player-overlays-DUpkeoN0.mjs";
+import { n as Qi, r as $i } from "./player-overlays-aX4eEmgd.mjs";
 import "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_camstack_mf_1_sdk__loadShare__.js-ZeT4eUYy.mjs";
 //#region ../ui-library/src/trpc-react.ts
 S();
@@ -1013,14 +1013,14 @@ var Aa = (e, t) => {
 		"baseline",
 		"center-safe",
 		"end-safe"
-	], ee = () => [
+	], j = () => [
 		"start",
 		"end",
 		"center",
 		"stretch",
 		"center-safe",
 		"end-safe"
-	], j = () => ["auto", ...w()], M = () => [
+	], M = () => ["auto", ...w()], N = () => [
 		yo,
 		"auto",
 		"full",
@@ -1034,7 +1034,7 @@ var Aa = (e, t) => {
 		"max",
 		"fit",
 		...w()
-	], N = () => [
+	], P = () => [
 		yo,
 		"screen",
 		"full",
@@ -1045,7 +1045,7 @@ var Aa = (e, t) => {
 		"max",
 		"fit",
 		...w()
-	], P = () => [
+	], F = () => [
 		yo,
 		"screen",
 		"full",
@@ -1057,50 +1057,50 @@ var Aa = (e, t) => {
 		"max",
 		"fit",
 		...w()
-	], F = () => [
+	], I = () => [
 		e,
 		H,
 		V
-	], te = () => [
+	], ee = () => [
 		...b(),
 		Vo,
 		Io,
 		{ position: [H, V] }
-	], I = () => ["no-repeat", { repeat: [
+	], L = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
 		"space",
 		"round"
-	] }], L = () => [
+	] }], R = () => [
 		"auto",
 		"cover",
 		"contain",
 		Ho,
 		jo,
 		{ size: [H, V] }
-	], ne = () => [
+	], te = () => [
 		So,
 		zo,
 		Mo
-	], re = () => [
+	], ne = () => [
 		"",
 		"none",
 		"full",
 		l,
 		H,
 		V
-	], ie = () => [
+	], re = () => [
 		"",
 		bo,
 		zo,
 		Mo
-	], ae = () => [
+	], ie = () => [
 		"solid",
 		"dashed",
 		"dotted",
 		"double"
-	], oe = () => [
+	], ae = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -1117,7 +1117,7 @@ var Aa = (e, t) => {
 		"saturation",
 		"color",
 		"luminosity"
-	], R = () => [
+	], oe = () => [
 		bo,
 		So,
 		Vo,
@@ -1400,18 +1400,18 @@ var Aa = (e, t) => {
 			"gap-x": [{ "gap-x": w() }],
 			"gap-y": [{ "gap-y": w() }],
 			"justify-content": [{ justify: [...A(), "normal"] }],
-			"justify-items": [{ "justify-items": [...ee(), "normal"] }],
-			"justify-self": [{ "justify-self": ["auto", ...ee()] }],
+			"justify-items": [{ "justify-items": [...j(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...j()] }],
 			"align-content": [{ content: ["normal", ...A()] }],
-			"align-items": [{ items: [...ee(), { baseline: ["", "last"] }] }],
+			"align-items": [{ items: [...j(), { baseline: ["", "last"] }] }],
 			"align-self": [{ self: [
 				"auto",
-				...ee(),
+				...j(),
 				{ baseline: ["", "last"] }
 			] }],
 			"place-content": [{ "place-content": A() }],
-			"place-items": [{ "place-items": [...ee(), "baseline"] }],
-			"place-self": [{ "place-self": ["auto", ...ee()] }],
+			"place-items": [{ "place-items": [...j(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...j()] }],
 			p: [{ p: w() }],
 			px: [{ px: w() }],
 			py: [{ py: w() }],
@@ -1423,38 +1423,38 @@ var Aa = (e, t) => {
 			pr: [{ pr: w() }],
 			pb: [{ pb: w() }],
 			pl: [{ pl: w() }],
-			m: [{ m: j() }],
-			mx: [{ mx: j() }],
-			my: [{ my: j() }],
-			ms: [{ ms: j() }],
-			me: [{ me: j() }],
-			mbs: [{ mbs: j() }],
-			mbe: [{ mbe: j() }],
-			mt: [{ mt: j() }],
-			mr: [{ mr: j() }],
-			mb: [{ mb: j() }],
-			ml: [{ ml: j() }],
+			m: [{ m: M() }],
+			mx: [{ mx: M() }],
+			my: [{ my: M() }],
+			ms: [{ ms: M() }],
+			me: [{ me: M() }],
+			mbs: [{ mbs: M() }],
+			mbe: [{ mbe: M() }],
+			mt: [{ mt: M() }],
+			mr: [{ mr: M() }],
+			mb: [{ mb: M() }],
+			ml: [{ ml: M() }],
 			"space-x": [{ "space-x": w() }],
 			"space-x-reverse": ["space-x-reverse"],
 			"space-y": [{ "space-y": w() }],
 			"space-y-reverse": ["space-y-reverse"],
-			size: [{ size: M() }],
-			"inline-size": [{ inline: ["auto", ...N()] }],
-			"min-inline-size": [{ "min-inline": ["auto", ...N()] }],
-			"max-inline-size": [{ "max-inline": ["none", ...N()] }],
-			"block-size": [{ block: ["auto", ...P()] }],
-			"min-block-size": [{ "min-block": ["auto", ...P()] }],
-			"max-block-size": [{ "max-block": ["none", ...P()] }],
+			size: [{ size: N() }],
+			"inline-size": [{ inline: ["auto", ...P()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...P()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...P()] }],
+			"block-size": [{ block: ["auto", ...F()] }],
+			"min-block-size": [{ "min-block": ["auto", ...F()] }],
+			"max-block-size": [{ "max-block": ["none", ...F()] }],
 			w: [{ w: [
 				s,
 				"screen",
-				...M()
+				...N()
 			] }],
 			"min-w": [{ "min-w": [
 				s,
 				"screen",
 				"none",
-				...M()
+				...N()
 			] }],
 			"max-w": [{ "max-w": [
 				s,
@@ -1462,23 +1462,23 @@ var Aa = (e, t) => {
 				"none",
 				"prose",
 				{ screen: [o] },
-				...M()
+				...N()
 			] }],
 			h: [{ h: [
 				"screen",
 				"lh",
-				...M()
+				...N()
 			] }],
 			"min-h": [{ "min-h": [
 				"screen",
 				"lh",
 				"none",
-				...M()
+				...N()
 			] }],
 			"max-h": [{ "max-h": [
 				"screen",
 				"lh",
-				...M()
+				...N()
 			] }],
 			"font-size": [{ text: [
 				"base",
@@ -1551,15 +1551,15 @@ var Aa = (e, t) => {
 				"start",
 				"end"
 			] }],
-			"placeholder-color": [{ placeholder: F() }],
-			"text-color": [{ text: F() }],
+			"placeholder-color": [{ placeholder: I() }],
+			"text-color": [{ text: I() }],
 			"text-decoration": [
 				"underline",
 				"overline",
 				"line-through",
 				"no-underline"
 			],
-			"text-decoration-style": [{ decoration: [...ae(), "wavy"] }],
+			"text-decoration-style": [{ decoration: [...ie(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
 				bo,
 				"from-font",
@@ -1567,7 +1567,7 @@ var Aa = (e, t) => {
 				H,
 				Mo
 			] }],
-			"text-decoration-color": [{ decoration: F() }],
+			"text-decoration-color": [{ decoration: I() }],
 			"underline-offset": [{ "underline-offset": [
 				bo,
 				"auto",
@@ -1654,9 +1654,9 @@ var Aa = (e, t) => {
 				"padding",
 				"content"
 			] }],
-			"bg-position": [{ bg: te() }],
-			"bg-repeat": [{ bg: I() }],
-			"bg-size": [{ bg: L() }],
+			"bg-position": [{ bg: ee() }],
+			"bg-repeat": [{ bg: L() }],
+			"bg-size": [{ bg: R() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -1689,67 +1689,67 @@ var Aa = (e, t) => {
 				Uo,
 				Lo
 			] }],
-			"bg-color": [{ bg: F() }],
-			"gradient-from-pos": [{ from: ne() }],
-			"gradient-via-pos": [{ via: ne() }],
-			"gradient-to-pos": [{ to: ne() }],
-			"gradient-from": [{ from: F() }],
-			"gradient-via": [{ via: F() }],
-			"gradient-to": [{ to: F() }],
-			rounded: [{ rounded: re() }],
-			"rounded-s": [{ "rounded-s": re() }],
-			"rounded-e": [{ "rounded-e": re() }],
-			"rounded-t": [{ "rounded-t": re() }],
-			"rounded-r": [{ "rounded-r": re() }],
-			"rounded-b": [{ "rounded-b": re() }],
-			"rounded-l": [{ "rounded-l": re() }],
-			"rounded-ss": [{ "rounded-ss": re() }],
-			"rounded-se": [{ "rounded-se": re() }],
-			"rounded-ee": [{ "rounded-ee": re() }],
-			"rounded-es": [{ "rounded-es": re() }],
-			"rounded-tl": [{ "rounded-tl": re() }],
-			"rounded-tr": [{ "rounded-tr": re() }],
-			"rounded-br": [{ "rounded-br": re() }],
-			"rounded-bl": [{ "rounded-bl": re() }],
-			"border-w": [{ border: ie() }],
-			"border-w-x": [{ "border-x": ie() }],
-			"border-w-y": [{ "border-y": ie() }],
-			"border-w-s": [{ "border-s": ie() }],
-			"border-w-e": [{ "border-e": ie() }],
-			"border-w-bs": [{ "border-bs": ie() }],
-			"border-w-be": [{ "border-be": ie() }],
-			"border-w-t": [{ "border-t": ie() }],
-			"border-w-r": [{ "border-r": ie() }],
-			"border-w-b": [{ "border-b": ie() }],
-			"border-w-l": [{ "border-l": ie() }],
-			"divide-x": [{ "divide-x": ie() }],
+			"bg-color": [{ bg: I() }],
+			"gradient-from-pos": [{ from: te() }],
+			"gradient-via-pos": [{ via: te() }],
+			"gradient-to-pos": [{ to: te() }],
+			"gradient-from": [{ from: I() }],
+			"gradient-via": [{ via: I() }],
+			"gradient-to": [{ to: I() }],
+			rounded: [{ rounded: ne() }],
+			"rounded-s": [{ "rounded-s": ne() }],
+			"rounded-e": [{ "rounded-e": ne() }],
+			"rounded-t": [{ "rounded-t": ne() }],
+			"rounded-r": [{ "rounded-r": ne() }],
+			"rounded-b": [{ "rounded-b": ne() }],
+			"rounded-l": [{ "rounded-l": ne() }],
+			"rounded-ss": [{ "rounded-ss": ne() }],
+			"rounded-se": [{ "rounded-se": ne() }],
+			"rounded-ee": [{ "rounded-ee": ne() }],
+			"rounded-es": [{ "rounded-es": ne() }],
+			"rounded-tl": [{ "rounded-tl": ne() }],
+			"rounded-tr": [{ "rounded-tr": ne() }],
+			"rounded-br": [{ "rounded-br": ne() }],
+			"rounded-bl": [{ "rounded-bl": ne() }],
+			"border-w": [{ border: re() }],
+			"border-w-x": [{ "border-x": re() }],
+			"border-w-y": [{ "border-y": re() }],
+			"border-w-s": [{ "border-s": re() }],
+			"border-w-e": [{ "border-e": re() }],
+			"border-w-bs": [{ "border-bs": re() }],
+			"border-w-be": [{ "border-be": re() }],
+			"border-w-t": [{ "border-t": re() }],
+			"border-w-r": [{ "border-r": re() }],
+			"border-w-b": [{ "border-b": re() }],
+			"border-w-l": [{ "border-l": re() }],
+			"divide-x": [{ "divide-x": re() }],
 			"divide-x-reverse": ["divide-x-reverse"],
-			"divide-y": [{ "divide-y": ie() }],
+			"divide-y": [{ "divide-y": re() }],
 			"divide-y-reverse": ["divide-y-reverse"],
 			"border-style": [{ border: [
-				...ae(),
+				...ie(),
 				"hidden",
 				"none"
 			] }],
 			"divide-style": [{ divide: [
-				...ae(),
+				...ie(),
 				"hidden",
 				"none"
 			] }],
-			"border-color": [{ border: F() }],
-			"border-color-x": [{ "border-x": F() }],
-			"border-color-y": [{ "border-y": F() }],
-			"border-color-s": [{ "border-s": F() }],
-			"border-color-e": [{ "border-e": F() }],
-			"border-color-bs": [{ "border-bs": F() }],
-			"border-color-be": [{ "border-be": F() }],
-			"border-color-t": [{ "border-t": F() }],
-			"border-color-r": [{ "border-r": F() }],
-			"border-color-b": [{ "border-b": F() }],
-			"border-color-l": [{ "border-l": F() }],
-			"divide-color": [{ divide: F() }],
+			"border-color": [{ border: I() }],
+			"border-color-x": [{ "border-x": I() }],
+			"border-color-y": [{ "border-y": I() }],
+			"border-color-s": [{ "border-s": I() }],
+			"border-color-e": [{ "border-e": I() }],
+			"border-color-bs": [{ "border-bs": I() }],
+			"border-color-be": [{ "border-be": I() }],
+			"border-color-t": [{ "border-t": I() }],
+			"border-color-r": [{ "border-r": I() }],
+			"border-color-b": [{ "border-b": I() }],
+			"border-color-l": [{ "border-l": I() }],
+			"divide-color": [{ divide: I() }],
 			"outline-style": [{ outline: [
-				...ae(),
+				...ie(),
 				"none",
 				"hidden"
 			] }],
@@ -1764,7 +1764,7 @@ var Aa = (e, t) => {
 				zo,
 				Mo
 			] }],
-			"outline-color": [{ outline: F() }],
+			"outline-color": [{ outline: I() }],
 			shadow: [{ shadow: [
 				"",
 				"none",
@@ -1772,39 +1772,39 @@ var Aa = (e, t) => {
 				Wo,
 				Ro
 			] }],
-			"shadow-color": [{ shadow: F() }],
+			"shadow-color": [{ shadow: I() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
 				d,
 				Wo,
 				Ro
 			] }],
-			"inset-shadow-color": [{ "inset-shadow": F() }],
-			"ring-w": [{ ring: ie() }],
+			"inset-shadow-color": [{ "inset-shadow": I() }],
+			"ring-w": [{ ring: re() }],
 			"ring-w-inset": ["ring-inset"],
-			"ring-color": [{ ring: F() }],
+			"ring-color": [{ ring: I() }],
 			"ring-offset-w": [{ "ring-offset": [bo, Mo] }],
-			"ring-offset-color": [{ "ring-offset": F() }],
-			"inset-ring-w": [{ "inset-ring": ie() }],
-			"inset-ring-color": [{ "inset-ring": F() }],
+			"ring-offset-color": [{ "ring-offset": I() }],
+			"inset-ring-w": [{ "inset-ring": re() }],
+			"inset-ring-color": [{ "inset-ring": I() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
 				f,
 				Wo,
 				Ro
 			] }],
-			"text-shadow-color": [{ "text-shadow": F() }],
+			"text-shadow-color": [{ "text-shadow": I() }],
 			opacity: [{ opacity: [
 				bo,
 				H,
 				V
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...oe(),
+				...ae(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": oe() }],
+			"bg-blend": [{ "bg-blend": ae() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -1820,39 +1820,39 @@ var Aa = (e, t) => {
 				"exclude"
 			] }],
 			"mask-image-linear-pos": [{ "mask-linear": [bo] }],
-			"mask-image-linear-from-pos": [{ "mask-linear-from": R() }],
-			"mask-image-linear-to-pos": [{ "mask-linear-to": R() }],
-			"mask-image-linear-from-color": [{ "mask-linear-from": F() }],
-			"mask-image-linear-to-color": [{ "mask-linear-to": F() }],
-			"mask-image-t-from-pos": [{ "mask-t-from": R() }],
-			"mask-image-t-to-pos": [{ "mask-t-to": R() }],
-			"mask-image-t-from-color": [{ "mask-t-from": F() }],
-			"mask-image-t-to-color": [{ "mask-t-to": F() }],
-			"mask-image-r-from-pos": [{ "mask-r-from": R() }],
-			"mask-image-r-to-pos": [{ "mask-r-to": R() }],
-			"mask-image-r-from-color": [{ "mask-r-from": F() }],
-			"mask-image-r-to-color": [{ "mask-r-to": F() }],
-			"mask-image-b-from-pos": [{ "mask-b-from": R() }],
-			"mask-image-b-to-pos": [{ "mask-b-to": R() }],
-			"mask-image-b-from-color": [{ "mask-b-from": F() }],
-			"mask-image-b-to-color": [{ "mask-b-to": F() }],
-			"mask-image-l-from-pos": [{ "mask-l-from": R() }],
-			"mask-image-l-to-pos": [{ "mask-l-to": R() }],
-			"mask-image-l-from-color": [{ "mask-l-from": F() }],
-			"mask-image-l-to-color": [{ "mask-l-to": F() }],
-			"mask-image-x-from-pos": [{ "mask-x-from": R() }],
-			"mask-image-x-to-pos": [{ "mask-x-to": R() }],
-			"mask-image-x-from-color": [{ "mask-x-from": F() }],
-			"mask-image-x-to-color": [{ "mask-x-to": F() }],
-			"mask-image-y-from-pos": [{ "mask-y-from": R() }],
-			"mask-image-y-to-pos": [{ "mask-y-to": R() }],
-			"mask-image-y-from-color": [{ "mask-y-from": F() }],
-			"mask-image-y-to-color": [{ "mask-y-to": F() }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": oe() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": oe() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": I() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": I() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": oe() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": oe() }],
+			"mask-image-t-from-color": [{ "mask-t-from": I() }],
+			"mask-image-t-to-color": [{ "mask-t-to": I() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": oe() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": oe() }],
+			"mask-image-r-from-color": [{ "mask-r-from": I() }],
+			"mask-image-r-to-color": [{ "mask-r-to": I() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": oe() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": oe() }],
+			"mask-image-b-from-color": [{ "mask-b-from": I() }],
+			"mask-image-b-to-color": [{ "mask-b-to": I() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": oe() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": oe() }],
+			"mask-image-l-from-color": [{ "mask-l-from": I() }],
+			"mask-image-l-to-color": [{ "mask-l-to": I() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": oe() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": oe() }],
+			"mask-image-x-from-color": [{ "mask-x-from": I() }],
+			"mask-image-x-to-color": [{ "mask-x-to": I() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": oe() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": oe() }],
+			"mask-image-y-from-color": [{ "mask-y-from": I() }],
+			"mask-image-y-to-color": [{ "mask-y-to": I() }],
 			"mask-image-radial": [{ "mask-radial": [H, V] }],
-			"mask-image-radial-from-pos": [{ "mask-radial-from": R() }],
-			"mask-image-radial-to-pos": [{ "mask-radial-to": R() }],
-			"mask-image-radial-from-color": [{ "mask-radial-from": F() }],
-			"mask-image-radial-to-color": [{ "mask-radial-to": F() }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": oe() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": oe() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": I() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": I() }],
 			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
 			"mask-image-radial-size": [{ "mask-radial": [{
 				closest: ["side", "corner"],
@@ -1860,10 +1860,10 @@ var Aa = (e, t) => {
 			}] }],
 			"mask-image-radial-pos": [{ "mask-radial-at": b() }],
 			"mask-image-conic-pos": [{ "mask-conic": [bo] }],
-			"mask-image-conic-from-pos": [{ "mask-conic-from": R() }],
-			"mask-image-conic-to-pos": [{ "mask-conic-to": R() }],
-			"mask-image-conic-from-color": [{ "mask-conic-from": F() }],
-			"mask-image-conic-to-color": [{ "mask-conic-to": F() }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": oe() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": oe() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": I() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": I() }],
 			"mask-mode": [{ mask: [
 				"alpha",
 				"luminance",
@@ -1877,9 +1877,9 @@ var Aa = (e, t) => {
 				"stroke",
 				"view"
 			] }],
-			"mask-position": [{ mask: te() }],
-			"mask-repeat": [{ mask: I() }],
-			"mask-size": [{ mask: L() }],
+			"mask-position": [{ mask: ee() }],
+			"mask-repeat": [{ mask: L() }],
+			"mask-size": [{ mask: R() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
@@ -1910,7 +1910,7 @@ var Aa = (e, t) => {
 				Wo,
 				Ro
 			] }],
-			"drop-shadow-color": [{ "drop-shadow": F() }],
+			"drop-shadow-color": [{ "drop-shadow": I() }],
 			grayscale: [{ grayscale: [
 				"",
 				bo,
@@ -2070,9 +2070,9 @@ var Aa = (e, t) => {
 				H,
 				V
 			] }],
-			accent: [{ accent: F() }],
+			accent: [{ accent: I() }],
 			appearance: [{ appearance: ["none", "auto"] }],
-			"caret-color": [{ caret: F() }],
+			"caret-color": [{ caret: I() }],
 			"color-scheme": [{ scheme: [
 				"normal",
 				"dark",
@@ -2130,8 +2130,8 @@ var Aa = (e, t) => {
 				"x"
 			] }],
 			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
-			"scrollbar-thumb-color": [{ "scrollbar-thumb": F() }],
-			"scrollbar-track-color": [{ "scrollbar-track": F() }],
+			"scrollbar-thumb-color": [{ "scrollbar-thumb": I() }],
+			"scrollbar-track-color": [{ "scrollbar-track": I() }],
 			"scrollbar-gutter": [{ "scrollbar-gutter": [
 				"auto",
 				"stable",
@@ -2208,14 +2208,14 @@ var Aa = (e, t) => {
 				H,
 				V
 			] }],
-			fill: [{ fill: ["none", ...F()] }],
+			fill: [{ fill: ["none", ...I()] }],
 			"stroke-w": [{ stroke: [
 				bo,
 				zo,
 				Mo,
 				No
 			] }],
-			stroke: [{ stroke: ["none", ...F()] }],
+			stroke: [{ stroke: ["none", ...I()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
 		},
 		conflictingClassGroups: {
@@ -2612,12 +2612,12 @@ function Cs(e) {
 	return e.kind === "header" ? vs : ys;
 }
 function ws(e, t) {
-	return e.trim().length > 0 ? Ss(ie(e, t).map((e) => e.entry.key)).map((e, t) => ({
+	return e.trim().length > 0 ? Ss(re(e, t).map((e) => e.entry.key)).map((e, t) => ({
 		kind: "tiles",
 		id: `r${t}`,
 		keys: e
 	})) : Fe.flatMap((e) => {
-		let t = le(e).map((e) => e.key);
+		let t = L(e).map((e) => e.key);
 		return [{
 			kind: "header",
 			id: `h-${e}`,
@@ -2659,14 +2659,14 @@ function Es({ value: e, onPick: t, fallbackGlyph: n, labels: r, extraWords: i, c
 		h
 	]), O = (e === null ? void 0 : v(e)) ?? n, k = a ?? n, A = (e) => {
 		m(e), g(0), _.current !== null && (_.current.scrollTop = 0);
-	}, ee = async (e) => {
-		j(!1), await t(e);
-	}, j = (e) => {
+	}, j = async (e) => {
+		M(!1), await t(e);
+	}, M = (e) => {
 		f(e), e || A("");
 	};
 	return /* @__PURE__ */ D(fs, {
 		open: u,
-		onOpenChange: j,
+		onOpenChange: M,
 		children: [/* @__PURE__ */ E(ps, {
 			disabled: c,
 			"aria-label": r.trigger,
@@ -2691,7 +2691,7 @@ function Es({ value: e, onPick: t, fallbackGlyph: n, labels: r, extraWords: i, c
 					}),
 					/* @__PURE__ */ D("button", {
 						type: "button",
-						onClick: () => void ee(null),
+						onClick: () => void j(null),
 						"aria-pressed": e === null,
 						className: "mb-2 flex w-full items-center gap-1.5 rounded px-1.5 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover",
 						children: [/* @__PURE__ */ E(k, { className: "h-3.5 w-3.5" }), r.clear]
@@ -2719,7 +2719,7 @@ function Es({ value: e, onPick: t, fallbackGlyph: n, labels: r, extraWords: i, c
 									let n = y === e;
 									return /* @__PURE__ */ E("button", {
 										type: "button",
-										onClick: () => void ee(e),
+										onClick: () => void j(e),
 										"aria-pressed": n,
 										"aria-label": o?.(e) ?? e,
 										title: o?.(e) ?? e,
@@ -2747,7 +2747,7 @@ function Ds(e) {
 	};
 }
 function Os({ label: e, value: t, defaultKey: n, disabled: r, onChange: i }) {
-	let a = Da(), o = ae(t, n), s = a(n) ?? At;
+	let a = Da(), o = ie(t, n), s = a(n) ?? At;
 	return /* @__PURE__ */ D("div", {
 		className: "flex items-center gap-2",
 		children: [/* @__PURE__ */ E(Es, {
@@ -3143,15 +3143,17 @@ function Wc() {
 	if (!e) throw Error("Dropdown compound components must be used within <Dropdown>");
 	return e;
 }
-function Gc({ children: e }) {
-	let [t, n] = w(!1), r = _(), i = _(), a = x(null);
+function Gc({ children: e, open: t, onOpenChange: n }) {
+	let [r, i] = w(!1), a = t !== void 0 && n !== void 0, o = a ? t : r, s = m((e) => {
+		a ? n(e) : i(e);
+	}, [a, n]), c = _(), l = _(), u = x(null);
 	return /* @__PURE__ */ E(Uc.Provider, {
 		value: {
-			open: t,
-			setOpen: n,
-			triggerId: r,
-			contentId: i,
-			triggerRef: a
+			open: o,
+			setOpen: s,
+			triggerId: c,
+			contentId: l,
+			triggerRef: u
 		},
 		children: /* @__PURE__ */ E("div", {
 			className: "relative inline-block",
@@ -3281,7 +3283,7 @@ function rl(e, t) {
 	return e.location === t;
 }
 function il(e, t) {
-	let n = L(t.map((e) => ({
+	let n = R(t.map((e) => ({
 		id: e.id,
 		stableId: e.stableId,
 		type: e.type,
@@ -3461,35 +3463,35 @@ function bl({ field: e, value: t, onChange: n, disabled: r, translationFn: i })
 		u,
 		c,
 		s
-	]), m = d(() => Qc(p, e.deviceFilter), [p, e.deviceFilter]), h = Array.isArray(t) ? t.map(String) : [], g = r === !0 || e.disabled === !0, _ = e.maxItems !== void 0 && h.length >= e.maxItems, [v, y] = w(""), [b, S] = w(!1), [C, T] = w(0), O = x(null), k = x(null), ee = d(() => sl(m, h), [m, h]), j = d(() => ol(m, v), [m, v]), M = d(() => al(u, s ? e.suggestLocation : null), [
+	]), m = d(() => Qc(p, e.deviceFilter), [p, e.deviceFilter]), h = Array.isArray(t) ? t.map(String) : [], g = r === !0 || e.disabled === !0, _ = e.maxItems !== void 0 && h.length >= e.maxItems, [v, y] = w(""), [b, S] = w(!1), [C, T] = w(0), O = x(null), k = x(null), j = d(() => sl(m, h), [m, h]), M = d(() => ol(m, v), [m, v]), N = d(() => al(u, s ? e.suggestLocation : null), [
 		u,
 		s,
 		e.suggestLocation
-	]), N = d(() => nl(j, M, (e) => Number(e.value)), [j, M]), P = d(() => [...N.suggested, ...N.others], [N]), F = (t) => {
+	]), P = d(() => nl(M, N, (e) => Number(e.value)), [M, N]), F = d(() => [...P.suggested, ...P.others], [P]), I = (t) => {
 		if (!g) if (h.includes(t)) n(h.filter((e) => e !== t));
 		else {
 			if (e.maxItems !== void 0 && h.length >= e.maxItems) return;
 			n([...h, t]);
 		}
-	}, te = (e) => {
-		if (e.key === "ArrowDown") e.preventDefault(), S(!0), T((e) => P.length === 0 ? 0 : (e + 1) % P.length);
-		else if (e.key === "ArrowUp") e.preventDefault(), S(!0), T((e) => P.length === 0 ? 0 : (e - 1 + P.length) % P.length);
+	}, ee = (e) => {
+		if (e.key === "ArrowDown") e.preventDefault(), S(!0), T((e) => F.length === 0 ? 0 : (e + 1) % F.length);
+		else if (e.key === "ArrowUp") e.preventDefault(), S(!0), T((e) => F.length === 0 ? 0 : (e - 1 + F.length) % F.length);
 		else if (e.key === "Enter") {
 			e.preventDefault();
-			let t = P[C];
-			t && F(t.value);
+			let t = F[C];
+			t && I(t.value);
 		} else e.key === "Escape" ? S(!1) : e.key === "Backspace" && v === "" && h.length > 0 && n(h.slice(0, -1));
-	}, I = ij(e.label, i), L = ij(e.description, i);
+	}, L = ij(e.label, i), R = ij(e.description, i);
 	return /* @__PURE__ */ D("div", {
 		className: "min-w-0",
 		children: [
-			I !== void 0 && I !== "" && /* @__PURE__ */ E("label", {
+			L !== void 0 && L !== "" && /* @__PURE__ */ E("label", {
 				className: ul,
-				children: I
+				children: L
 			}),
-			ee.length > 0 && /* @__PURE__ */ E("div", {
+			j.length > 0 && /* @__PURE__ */ E("div", {
 				className: "flex flex-wrap gap-1 mb-1.5",
-				children: ee.map((e) => /* @__PURE__ */ D("span", {
+				children: j.map((e) => /* @__PURE__ */ D("span", {
 					className: "inline-flex items-center gap-1 rounded-md bg-primary/10 px-1.5 py-0.5 text-[11px] text-primary max-w-full",
 					children: [/* @__PURE__ */ E("span", {
 						className: "truncate",
@@ -3498,7 +3500,7 @@ function bl({ field: e, value: t, onChange: n, disabled: r, translationFn: i })
 						type: "button",
 						className: "shrink-0 hover:text-danger",
 						"aria-label": a("uiLibrary.deviceSelectField.remove", "Remove {{label}}", { label: e.label }),
-						onClick: () => F(e.value),
+						onClick: () => I(e.value),
 						children: /* @__PURE__ */ E(ir, { className: "h-2.5 w-2.5" })
 					})]
 				}, e.value))
@@ -3545,7 +3547,7 @@ function bl({ field: e, value: t, onChange: n, disabled: r, translationFn: i })
 						onBlur: () => {
 							k.current = setTimeout(() => S(!1), 120);
 						},
-						onKeyDown: te
+						onKeyDown: ee
 					}),
 					/* @__PURE__ */ E(_i, {
 						className: "h-3.5 w-3.5 shrink-0 cursor-pointer text-foreground-subtle",
@@ -3562,11 +3564,11 @@ function bl({ field: e, value: t, onChange: n, disabled: r, translationFn: i })
 				onMouseDown: (e) => {
 					e.preventDefault();
 				},
-				children: P.length === 0 ? /* @__PURE__ */ E("div", {
+				children: F.length === 0 ? /* @__PURE__ */ E("div", {
 					className: "px-2.5 py-2 text-[11px] text-foreground-subtle italic",
 					children: m.length === 0 ? a("uiLibrary.deviceSelectField.noDevices", "No matching devices") : a("uiLibrary.deviceSelectField.noMatches", "No matches for “{{query}}”", { query: v })
-				}) : P.map((t, n) => {
-					let r = h.includes(t.value), i = !r && _, a = N.suggested.length, o = s ? n === 0 && a > 0 ? `Suggested · ${e.suggestLocation ?? ""}` : n === a && a > 0 ? "Other devices" : null : null;
+				}) : F.map((t, n) => {
+					let r = h.includes(t.value), i = !r && _, a = P.suggested.length, o = s ? n === 0 && a > 0 ? `Suggested · ${e.suggestLocation ?? ""}` : n === a && a > 0 ? "Other devices" : null : null;
 					return /* @__PURE__ */ D("div", { children: [o !== null && /* @__PURE__ */ E("div", {
 						className: ml,
 						children: o
@@ -3581,7 +3583,7 @@ function bl({ field: e, value: t, onChange: n, disabled: r, translationFn: i })
 							i ? "opacity-40 cursor-not-allowed" : "cursor-pointer"
 						].join(" "),
 						onMouseEnter: () => T(n),
-						onClick: () => F(t.value),
+						onClick: () => I(t.value),
 						children: [/* @__PURE__ */ E("span", {
 							className: ["flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border", r ? "border-primary bg-primary text-white" : "border-border"].join(" "),
 							children: r && /* @__PURE__ */ E(gn, { className: "h-2.5 w-2.5" })
@@ -3598,9 +3600,9 @@ function bl({ field: e, value: t, onChange: n, disabled: r, translationFn: i })
 					})] }, t.value);
 				})
 			}),
-			L && /* @__PURE__ */ E("p", {
+			R && /* @__PURE__ */ E("p", {
 				className: dl,
-				children: L
+				children: R
 			})
 		]
 	});
@@ -3862,8 +3864,8 @@ function Vl({ opt: e }) {
 	});
 }
 function Hl(e) {
-	let t = A(), { mode: n, options: r, placeholder: i = "Select…", disabled: a = !1, emptyMessage: o = "No options available.", creatable: s = !1, createLabel: c = "Add new…", onCreateRequest: u, label: p, description: m, testId: h, optionTestIdPrefix: g, listboxId: _ } = e, v = a, y = jl(r.length, s, e.searchable), b = _ ?? h ?? "option-select-listbox", S = n === "single" ? e.value.length > 0 ? [e.value] : [] : e.value, C = n === "multi" ? e.maxItems : void 0, T = n === "multi" && C !== void 0 && S.length >= C, [k, ee] = w(""), [j, M] = w(!1), [N, P] = w(0), [F, te] = w(null), I = x(null), L = x(null), ne = x(null), re = x(null), ie = () => {
-		let e = L.current;
+	let t = A(), { mode: n, options: r, placeholder: i = "Select…", disabled: a = !1, emptyMessage: o = "No options available.", creatable: s = !1, createLabel: c = "Add new…", onCreateRequest: p, label: m, description: h, testId: g, optionTestIdPrefix: _, listboxId: v } = e, y = a, b = jl(r.length, s, e.searchable), S = v ?? g ?? "option-select-listbox", C = n === "single" ? e.value.length > 0 ? [e.value] : [] : e.value, T = n === "multi" ? e.maxItems : void 0, k = n === "multi" && T !== void 0 && C.length >= T, [j, M] = w(""), [N, P] = w(!1), [F, I] = w(0), [ee, L] = w(null), R = x(null), te = x(null), ne = x(null), re = x(null), ie = () => {
+		let e = te.current;
 		if (e === null) return null;
 		let t = e.getBoundingClientRect(), n = window.innerHeight - t.bottom - Rl, r = t.top - Rl, i = n >= Math.min(Ll, r) || n >= 120, a = Math.max(96, Math.min(Ll, i ? n : r)), o = Math.max(Rl, Math.min(t.left, window.innerWidth - t.width - Rl));
 		return i ? {
@@ -3879,14 +3881,14 @@ function Hl(e) {
 			maxHeight: a,
 			placement: "above"
 		};
-	}, { selectedOptions: ae } = d(() => Al(r, S), [r, S]), oe = d(() => kl(r, k), [r, k]), R = Fl(s, k, r), se = Pl(s, u !== void 0), ce = d(() => {
+	}, { selectedOptions: ae } = d(() => Al(r, C), [r, C]), oe = d(() => kl(r, j), [r, j]), se = Fl(s, j, r), ce = Pl(s, p !== void 0), le = d(() => {
 		let e = oe.map((e, t) => ({
 			kind: "option",
 			opt: e,
 			index: t
 		}));
-		if (R) {
-			let t = Ml(k);
+		if (se) {
+			let t = Ml(j);
 			t !== null && e.push({
 				kind: "use-query",
 				draft: t
@@ -3895,125 +3897,129 @@ function Hl(e) {
 		return e;
 	}, [
 		oe,
-		R,
-		k
+		se,
+		j
 	]);
 	f(() => {
-		if (!j || v) {
-			te(null);
+		if (!N || y) {
+			L(null);
 			return;
 		}
 		let e = () => {
-			te(ie());
+			L(ie());
 		};
 		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
+		N,
+		y,
+		C.length,
 		j,
-		v,
-		S.length,
-		k,
-		ce.length
+		le.length
 	]), l(() => {
-		if (!j) return;
+		if (!N) return;
 		let e = (e) => {
 			let t = e.target;
-			ne.current?.contains(t) || L.current?.contains(t) || M(!1);
+			ne.current?.contains(t) || te.current?.contains(t) || P(!1);
 		};
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [j]);
-	let le = (t) => {
+	}, [N]);
+	let ue = (t) => {
 		let r = t.trim();
 		if (r.length !== 0) {
-			if (u !== void 0) {
-				u(r), ee(""), M(!1);
+			if (p !== void 0) {
+				p(r), M(""), P(!1);
 				return;
 			}
 			if (n === "single") {
-				e.onChange(r), ee(""), M(!1);
+				e.onChange(r), M(""), P(!1);
 				return;
 			}
-			e.value.includes(r) || C !== void 0 && e.value.length >= C || (e.onChange([...e.value, r]), ee(""));
+			e.value.includes(r) || T !== void 0 && e.value.length >= T || (e.onChange([...e.value, r]), M(""));
 		}
-	}, ue = (t) => {
-		if (!(n !== "multi" || v)) if (e.value.includes(t)) e.onChange(e.value.filter((e) => e !== t));
+	}, de = (t) => {
+		if (!(n !== "multi" || y)) if (e.value.includes(t)) e.onChange(e.value.filter((e) => e !== t));
 		else {
-			if (C !== void 0 && e.value.length >= C) return;
+			if (T !== void 0 && e.value.length >= T) return;
 			e.onChange([...e.value, t]);
 		}
-	}, de = (t) => {
-		n !== "single" || v || (e.onChange(t), ee(""), M(!1));
-	}, fe = (e) => {
+	}, fe = (t) => {
+		n !== "single" || y || (e.onChange(t), M(""), P(!1));
+	}, pe = (e) => {
 		if (e.kind === "option") {
 			if (e.opt.disabled === !0) return;
-			n === "single" ? de(e.opt.value) : ue(e.opt.value);
-		} else e.kind === "use-query" && le(e.draft);
-	}, pe = ce.length + (se && !R ? 1 : 0), me = (t) => {
-		if (t.key === "ArrowDown") t.preventDefault(), M(!0), P((e) => pe === 0 ? 0 : (e + 1) % pe);
-		else if (t.key === "ArrowUp") t.preventDefault(), M(!0), P((e) => pe === 0 ? 0 : (e - 1 + pe) % pe);
+			n === "single" ? fe(e.opt.value) : de(e.opt.value);
+		} else e.kind === "use-query" && ue(e.draft);
+	}, me = le.length + (ce && !se ? 1 : 0), he = (t) => {
+		if (t.key === "ArrowDown") t.preventDefault(), P(!0), I((e) => me === 0 ? 0 : (e + 1) % me);
+		else if (t.key === "ArrowUp") t.preventDefault(), P(!0), I((e) => me === 0 ? 0 : (e - 1 + me) % me);
 		else if (t.key === "Enter") {
-			if (t.preventDefault(), R && N === ce.length) {
-				let e = Ml(k);
-				e !== null && le(e);
+			if (t.preventDefault(), se && F === le.length) {
+				let e = Ml(j);
+				e !== null && ue(e);
 				return;
 			}
-			if (se && !R && N === ce.length) {
-				I.current?.focus();
+			if (ce && !se && F === le.length) {
+				R.current?.focus();
 				return;
 			}
-			let e = ce[N];
-			if (e) fe(e);
+			let e = le[F];
+			if (e) pe(e);
 			else if (s) {
-				let e = Ml(k);
-				e !== null && le(e);
+				let e = Ml(j);
+				e !== null && ue(e);
 			}
-		} else t.key === "Escape" ? M(!1) : t.key === "Backspace" && k === "" && n === "multi" && e.value.length > 0 && e.onChange(e.value.slice(0, -1));
-	}, he = (e) => {
-		e.key === "Enter" || e.key === " " ? (e.preventDefault(), M((e) => !e)) : e.key === "Escape" && M(!1);
-	}, ge = (t) => {
+		} else t.key === "Escape" ? P(!1) : t.key === "Backspace" && j === "" && n === "multi" && e.value.length > 0 && e.onChange(e.value.slice(0, -1));
+	}, ge = (e) => {
+		e.key === "Enter" || e.key === " " ? (e.preventDefault(), P((e) => !e)) : e.key === "Escape" && P(!1);
+	}, _e = (t) => {
 		n === "single" ? e.onChange("") : e.onChange(e.value.filter((e) => e !== t));
-	}, _e = T === !0 ? `Max ${C} selected` : i, ve = r.length === 0 && !R && ce.length === 0 && j, ye;
-	ye = ve ? /* @__PURE__ */ E("div", {
+	}, ve = k === !0 ? `Max ${T} selected` : i, ye = r.length === 0 && !se && le.length === 0 && N, be;
+	be = ye ? /* @__PURE__ */ E("div", {
 		className: "px-2.5 py-2 text-[11px] text-foreground-subtle",
 		children: o
-	}) : ce.length === 0 && !s ? /* @__PURE__ */ E("div", {
+	}) : le.length === 0 && !s ? /* @__PURE__ */ E("div", {
 		className: "px-2.5 py-2 text-[11px] text-foreground-subtle italic",
-		children: t("uiLibrary.optionSelect.noMatches", "No matches for “{{query}}”", { query: k })
-	}) : /* @__PURE__ */ E(O, { children: ce.map((r, i) => {
+		children: t("uiLibrary.optionSelect.noMatches", "No matches for “{{query}}”", { query: j })
+	}) : /* @__PURE__ */ E(O, { children: le.map((r, i) => {
 		if (r.kind === "use-query") return /* @__PURE__ */ D("button", {
 			type: "button",
 			role: "option",
 			"aria-selected": !1,
 			className: [
 				"flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-xs transition-colors",
-				i === N ? "bg-primary/10" : "hover:bg-surface-hover",
+				i === F ? "bg-primary/10" : "hover:bg-surface-hover",
 				"cursor-pointer"
 			].join(" "),
-			onMouseEnter: () => P(i),
-			onClick: () => le(r.draft),
+			onMouseEnter: () => I(i),
+			onClick: () => ue(r.draft),
 			children: [/* @__PURE__ */ E(xr, { className: "h-3.5 w-3.5 shrink-0 text-primary" }), /* @__PURE__ */ E("span", {
 				className: "truncate text-foreground",
 				children: t("uiLibrary.optionSelect.use", "Use “{{value}}”", { value: r.draft })
 			})]
 		}, "__use-query__");
 		if (r.kind !== "option") return null;
-		let { opt: a } = r, o = n === "single" ? e.value === a.value : e.value.includes(a.value), s = n === "multi" && !o && T === !0, c = a.disabled === !0 || s;
-		return /* @__PURE__ */ D("button", {
+		let { opt: a } = r, o = n === "single" ? e.value === a.value : e.value.includes(a.value), s = n === "multi" && !o && k === !0, c = a.disabled === !0 || s, l = le[i - 1], d = l !== void 0 && l.kind === "option" ? l.opt.group : void 0;
+		return /* @__PURE__ */ D(u, { children: [a.group !== void 0 && a.group !== d ? /* @__PURE__ */ E("div", {
+			role: "presentation",
+			className: "px-2.5 pb-0.5 pt-1.5 text-[10px] font-medium uppercase tracking-wide text-foreground-subtle",
+			children: a.group
+		}) : null, /* @__PURE__ */ D("button", {
 			type: "button",
 			role: "option",
 			"aria-selected": o,
 			disabled: c,
-			"data-testid": g === void 0 ? void 0 : `${g}-${a.value}`,
+			"data-testid": _ === void 0 ? void 0 : `${_}-${a.value}`,
 			className: [
 				"flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-xs transition-colors",
-				i === N ? "bg-primary/10" : "hover:bg-surface-hover",
+				i === F ? "bg-primary/10" : "hover:bg-surface-hover",
 				c ? "opacity-40 cursor-not-allowed" : "cursor-pointer"
 			].join(" "),
-			onMouseEnter: () => P(i),
-			onClick: () => fe(r),
+			onMouseEnter: () => I(i),
+			onClick: () => pe(r),
 			children: [
 				/* @__PURE__ */ E("span", {
 					className: ["flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border", o ? "border-primary bg-primary text-white" : "border-border"].join(" "),
@@ -4029,16 +4035,16 @@ function Hl(e) {
 					children: a.badge
 				}) : null
 			]
-		}, a.value);
+		})] }, a.value);
 	}) });
-	let be = ce.length, xe = n === "single" && e.singleDisplay === "field" && ae.length > 0;
+	let xe = le.length, Se = n === "single" && e.singleDisplay === "field" && ae.length > 0;
 	return /* @__PURE__ */ D("div", {
 		className: "min-w-0 space-y-1",
-		"data-testid": h,
+		"data-testid": g,
 		children: [
-			p !== void 0 && p.length > 0 && /* @__PURE__ */ E("label", {
+			m !== void 0 && m.length > 0 && /* @__PURE__ */ E("label", {
 				className: zl,
-				children: p
+				children: m
 			}),
 			n === "multi" && ae.length > 0 && /* @__PURE__ */ E("div", {
 				className: "flex flex-wrap gap-1 mb-1.5",
@@ -4046,8 +4052,8 @@ function Hl(e) {
 					label: e.label,
 					...e.iconUrl === void 0 ? {} : { iconUrl: e.iconUrl },
 					...e.iconId === void 0 ? {} : { iconId: e.iconId },
-					...v ? {} : { onRemove: () => ge(e.value) },
-					...g === void 0 ? {} : { testId: `${g}-chip-${e.value}` }
+					...y ? {} : { onRemove: () => _e(e.value) },
+					..._ === void 0 ? {} : { testId: `${_}-chip-${e.value}` }
 				}, e.value))
 			}),
 			n === "single" && e.singleDisplay !== "field" && ae.length > 0 && /* @__PURE__ */ E("div", {
@@ -4056,104 +4062,104 @@ function Hl(e) {
 					label: e.label,
 					...e.iconUrl === void 0 ? {} : { iconUrl: e.iconUrl },
 					...e.iconId === void 0 ? {} : { iconId: e.iconId },
-					...v ? {} : { onRemove: () => ge(e.value) }
+					...y ? {} : { onRemove: () => _e(e.value) }
 				}, e.value))
 			}),
-			y ? /* @__PURE__ */ D("div", {
+			b ? /* @__PURE__ */ D("div", {
 				ref: (e) => {
-					L.current = e;
+					te.current = e;
 				},
-				className: El + (v ? " opacity-50" : ""),
+				className: El + (y ? " opacity-50" : ""),
 				children: [
 					/* @__PURE__ */ E(Xt, { className: "h-3.5 w-3.5 shrink-0 text-foreground-subtle" }),
 					/* @__PURE__ */ E("input", {
-						ref: I,
+						ref: R,
 						type: "text",
 						role: "combobox",
-						"aria-expanded": j,
-						"aria-controls": b,
+						"aria-expanded": N,
+						"aria-controls": S,
 						className: "min-w-0 flex-1 bg-transparent text-xs text-foreground outline-none placeholder:text-foreground-disabled",
-						value: xe && !j && k === "" ? ae[0]?.label ?? "" : k,
-						placeholder: xe ? ae[0]?.label ?? "" : _e,
-						disabled: v,
+						value: Se && !N && j === "" ? ae[0]?.label ?? "" : j,
+						placeholder: Se ? ae[0]?.label ?? "" : ve,
+						disabled: y,
 						onChange: (e) => {
-							ee(e.target.value), M(!0), P(0);
+							M(e.target.value), P(!0), I(0);
 						},
-						onFocus: () => M(!0),
+						onFocus: () => P(!0),
 						onBlur: () => {
 							re.current = setTimeout(() => {
 								let e = document.activeElement;
-								ne.current?.contains(e) || M(!1);
+								ne.current?.contains(e) || P(!1);
 							}, 120);
 						},
-						onKeyDown: me
+						onKeyDown: he
 					}),
 					/* @__PURE__ */ E(_i, {
 						className: "h-3.5 w-3.5 shrink-0 cursor-pointer text-foreground-subtle",
 						onMouseDown: (e) => {
-							e.preventDefault(), re.current && clearTimeout(re.current), M((e) => !e), I.current?.focus();
+							e.preventDefault(), re.current && clearTimeout(re.current), P((e) => !e), R.current?.focus();
 						}
 					})
 				]
 			}) : /* @__PURE__ */ D("button", {
 				ref: (e) => {
-					L.current = e;
+					te.current = e;
 				},
 				type: "button",
 				role: "combobox",
-				"aria-expanded": j,
-				"aria-controls": b,
-				disabled: v,
+				"aria-expanded": N,
+				"aria-controls": S,
+				disabled: y,
 				className: [
 					El,
 					"w-full justify-between text-xs text-foreground",
-					v ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+					y ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
 				].join(" "),
-				onClick: () => !v && M((e) => !e),
-				onKeyDown: he,
+				onClick: () => !y && P((e) => !e),
+				onKeyDown: ge,
 				children: [/* @__PURE__ */ E("span", {
 					className: "truncate text-foreground-subtle",
-					children: ae[0]?.label ?? _e
+					children: ae[0]?.label ?? ve
 				}), /* @__PURE__ */ E(_i, { className: "h-3.5 w-3.5 shrink-0 text-foreground-subtle" })]
 			}),
-			j && !v && F !== null && typeof document < "u" && Hi(/* @__PURE__ */ D("div", {
+			N && !y && ee !== null && typeof document < "u" && Hi(/* @__PURE__ */ D("div", {
 				ref: ne,
-				id: b,
+				id: S,
 				role: "listbox",
 				style: {
 					position: "fixed",
-					top: F.top,
-					left: F.left,
-					width: F.width,
-					maxHeight: F.maxHeight,
+					top: ee.top,
+					left: ee.left,
+					width: ee.width,
+					maxHeight: ee.maxHeight,
 					zIndex: 9999
 				},
 				className: "overflow-y-auto rounded-md border border-border bg-surface shadow-lg",
 				onMouseDown: (e) => {
 					e.preventDefault(), re.current && clearTimeout(re.current);
 				},
-				children: [ye, se && /* @__PURE__ */ D("button", {
+				children: [be, ce && /* @__PURE__ */ D("button", {
 					type: "button",
 					className: [
 						"flex w-full items-center gap-2 border-t border-border px-2.5 py-1.5 text-left text-xs transition-colors",
-						be === N ? "bg-primary/10" : "hover:bg-surface-hover",
+						xe === F ? "bg-primary/10" : "hover:bg-surface-hover",
 						"cursor-pointer text-primary"
 					].join(" "),
-					onMouseEnter: () => P(be),
+					onMouseEnter: () => I(xe),
 					onClick: () => {
-						let e = Ml(k);
+						let e = Ml(j);
 						if (e !== null) {
-							u?.(e), ee(""), M(!1);
+							p?.(e), M(""), P(!1);
 							return;
 						}
-						I.current?.focus();
+						R.current?.focus();
 					},
 					children: [/* @__PURE__ */ E(xr, { className: "h-3.5 w-3.5 shrink-0" }), c]
 				})]
 			}), document.body),
-			m !== void 0 && m.length > 0 && /* @__PURE__ */ E("p", {
+			h !== void 0 && h.length > 0 && /* @__PURE__ */ E("p", {
 				className: Bl,
-				children: m
+				children: h
 			})
 		]
 	});
@@ -4380,7 +4386,7 @@ function iu(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
 function au(e) {
-	return typeof e == "string" ? e.trim().length > 0 : !!($e(e) || N(e));
+	return typeof e == "string" ? e.trim().length > 0 : !!($e(e) || P(e));
 }
 function ou(e) {
 	return typeof e == "string" && e.trim().length > 0 ? e.trim() : "";
@@ -4421,7 +4427,7 @@ function fu(e) {
 	return t.length === 0 ? !1 : t.includes("code=") || t.includes("://") || t.includes("error=") ? !0 : ru.test(t);
 }
 function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i }) {
-	let a = A(), [o, s] = w("idle"), [c, u] = w(null), [d, f] = w(null), [p, m] = w(""), [h, g] = w(null), [_, v] = w(!1), [y, b] = w([]), S = x(!1), C = ou(t[e.accountKey]), T = e.secretKeys.some((e) => au(t[e])), O = C.length > 0 || T, k = (e.countKey === void 0 ? null : su(t[e.countKey])) ?? (e.countFromKey === void 0 ? null : su(t[e.countFromKey])), ee = o === "pasting" || !O && c !== null, j = (t) => {
+	let a = A(), [o, s] = w("idle"), [c, u] = w(null), [d, f] = w(null), [p, m] = w(""), [h, g] = w(null), [_, v] = w(!1), [y, b] = w([]), S = x(!1), C = ou(t[e.accountKey]), T = e.secretKeys.some((e) => au(t[e])), O = C.length > 0 || T, k = (e.countKey === void 0 ? null : su(t[e.countKey])) ?? (e.countFromKey === void 0 ? null : su(t[e.countFromKey])), j = o === "pasting" || !O && c !== null, M = (t) => {
 		let n = {};
 		for (let [r, i] of Object.entries(e.assignResult ?? {})) {
 			let e = t[i];
@@ -4432,12 +4438,12 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 		b(r.length > 1 ? r : []);
 		let a = typeof t.gatewayId == "string" && t.gatewayId.length > 0, o = typeof t.summary == "string" ? t.summary : null;
 		o !== null && !a && r.length < 2 && g(o), s("idle"), m(""), u(null), f(null);
-	}, M = e.claimAction;
+	}, N = e.claimAction;
 	l(() => {
-		if (M === void 0 || c === null || o !== "pasting" || !r) return;
+		if (N === void 0 || c === null || o !== "pasting" || !r) return;
 		let t = !1, n = setInterval(() => {
-			S.current || r(M, e.key, { attemptId: c }).then((e) => {
-				t || !iu(e) || e.pending === !0 || (t = !0, j(e));
+			S.current || r(N, e.key, { attemptId: c }).then((e) => {
+				t || !iu(e) || e.pending === !0 || (t = !0, M(e));
 			}).catch((e) => {
 				t || (t = !0, g(e instanceof Error ? e.message : String(e)));
 			});
@@ -4446,13 +4452,13 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 			t = !0, clearInterval(n);
 		};
 	}, [
-		M,
+		N,
 		c,
 		o,
 		r,
 		e.key
 	]);
-	let N = async () => {
+	let P = async () => {
 		if (!(!r || _)) {
 			v(!0), g(null);
 			try {
@@ -4472,7 +4478,7 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 				v(!1);
 			}
 		}
-	}, P = async (t) => {
+	}, F = async (t) => {
 		if (!(!r || c === null || S.current)) {
 			S.current = !0, v(!0), g(null);
 			try {
@@ -4484,14 +4490,14 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 					g(a("uiLibrary.accountSignIn.rejected", "The sign-in was not accepted. Start again."));
 					return;
 				}
-				j(n);
+				M(n);
 			} catch (e) {
 				g(e instanceof Error ? e.message : String(e));
 			} finally {
 				S.current = !1, v(!1);
 			}
 		}
-	}, F = async () => {
+	}, I = async () => {
 		if (!(!r || _)) {
 			v(!0), g(null);
 			try {
@@ -4506,13 +4512,13 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 				v(!1);
 			}
 		}
-	}, te = (t) => {
+	}, ee = (t) => {
 		let n = y.find((e) => e.value === t);
 		if (n === void 0 || e.choiceKey === void 0) return;
 		let r = { [e.choiceKey]: n.value };
 		n.brand !== void 0 && (r.brand = n.brand), n.region !== void 0 && (r.region = n.region), i?.(r);
-	}, I = C.length > 0 ? C : a("uiLibrary.accountSignIn.yourAccount", "your account"), L = k === null ? a("uiLibrary.accountSignIn.signedIn", "Signed in as {{account}}", { account: I }) : a("uiLibrary.accountSignIn.signedInCount", "Signed in as {{account}} · {{detail}}", {
-		account: I,
+	}, L = C.length > 0 ? C : a("uiLibrary.accountSignIn.yourAccount", "your account"), R = k === null ? a("uiLibrary.accountSignIn.signedIn", "Signed in as {{account}}", { account: L }) : a("uiLibrary.accountSignIn.signedInCount", "Signed in as {{account}} · {{detail}}", {
+		account: L,
 		detail: e.countNoun === void 0 ? String(k) : `${k} ${cu(k, e.countNoun)}`
 	});
 	return /* @__PURE__ */ D("div", {
@@ -4523,7 +4529,7 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 				children: [
 					/* @__PURE__ */ E("p", {
 						className: "text-xs text-foreground",
-						children: L
+						children: R
 					}),
 					y.length > 1 && e.choiceKey !== void 0 && /* @__PURE__ */ E(Gs, {
 						"aria-label": e.choiceLabel ?? a("uiLibrary.accountSignIn.choose", "Choose"),
@@ -4532,7 +4538,7 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 							label: e.label
 						})),
 						value: uu(t[e.choiceKey]),
-						onChange: (e) => te(e.target.value),
+						onChange: (e) => ee(e.target.value),
 						disabled: n || _
 					}),
 					/* @__PURE__ */ D("div", {
@@ -4542,14 +4548,14 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 							variant: "outline",
 							size: "sm",
 							disabled: n || _,
-							onClick: () => void N(),
+							onClick: () => void P(),
 							children: a("uiLibrary.accountSignIn.again", "Sign in again")
 						}), /* @__PURE__ */ E(W, {
 							type: "button",
 							variant: "ghost",
 							size: "sm",
 							disabled: n || _,
-							onClick: () => void F(),
+							onClick: () => void I(),
 							children: a("uiLibrary.accountSignIn.signOut", "Sign out")
 						})]
 					})
@@ -4559,10 +4565,10 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 				variant: "primary",
 				size: "sm",
 				disabled: n || _,
-				onClick: () => void N(),
+				onClick: () => void P(),
 				children: _ && o !== "pasting" ? a("uiLibrary.accountSignIn.working", "Working…") : a("uiLibrary.accountSignIn.signInWith", "Sign in with {{provider}}", { provider: e.providerLabel })
 			}),
-			ee && /* @__PURE__ */ D("div", {
+			j && /* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-1.5",
 				children: [
 					d !== null && /* @__PURE__ */ E("a", {
@@ -4572,7 +4578,7 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 						rel: "noopener noreferrer",
 						children: a("uiLibrary.accountSignIn.open", "Open the sign-in page")
 					}),
-					M !== void 0 && /* @__PURE__ */ E("p", {
+					N !== void 0 && /* @__PURE__ */ E("p", {
 						className: "text-[11px] text-muted-foreground",
 						children: a("uiLibrary.accountSignIn.pasteFallback", "If the page does not finish, paste the address it stops on here.")
 					}),
@@ -4584,7 +4590,7 @@ function pu({ field: e, values: t, disabled: n, onAction: r, onChangeMany: i })
 						disabled: n || _,
 						onChange: (e) => {
 							let t = e.target.value;
-							m(t), fu(t) && P(t);
+							m(t), fu(t) && F(t);
 						}
 					})
 				]
@@ -30120,7 +30126,7 @@ function yw(e, t) {
 		one: "{{count}} cycle",
 		other: "{{count}} cycles"
 	}, { count: t.value });
-	let n = R({
+	let n = oe({
 		value: t.value,
 		quantity: "duration",
 		precision: 0
@@ -30146,7 +30152,7 @@ function Sw(e) {
 }
 function Cw({ item: e, warn: t, children: n }) {
 	return /* @__PURE__ */ E("div", {
-		"data-form": P(e),
+		"data-form": F(e),
 		className: `flex gap-2.5 rounded-md border p-3 ${t ? "border-warning/40 bg-warning/5" : "border-border-subtle"}`,
 		children: n
 	});
@@ -30282,7 +30288,7 @@ function Aw({ item: e }) {
 	});
 }
 function jw(e) {
-	switch (P(e.item)) {
+	switch (F(e.item)) {
 		case "part": return /* @__PURE__ */ E(Tw, { ...e });
 		case "tank":
 		case "bin": return /* @__PURE__ */ E(Ew, { item: e.item });
@@ -31273,7 +31279,7 @@ function mE(e, t) {
 function hE(e) {
 	if (e == null || e.length === 0) return;
 	let t;
-	for (let n of Object.keys(We)) if (!(!oe(n) || tE.has(n)) && We[n] === e) {
+	for (let n of Object.keys(We)) if (!(!ae(n) || tE.has(n)) && We[n] === e) {
 		if (t !== void 0) return;
 		t = n;
 	}
@@ -31287,7 +31293,7 @@ function _E(e) {
 	if (e.value === null || !Number.isFinite(e.value)) return t;
 	let n = e.quantity === "device" ? void 0 : e.quantity ?? hE(e.unit);
 	if (n === void 0) return YT(e.value, e.unit ?? null);
-	let r = R({
+	let r = oe({
 		value: e.value,
 		quantity: n,
 		preference: e.preference,
@@ -31702,12 +31708,12 @@ function LE({ optionsKey: e, buildOptions: t, data: n, height: r, onInstance: i,
 //#endregion
 //#region ../ui-library/src/composites/charts/BarSeries.tsx
 S();
-function RE({ title: e, layers: t, buckets: n, bucketMs: r, range: i, unit: a = null, formatValue: o, displayPreference: s, height: c, stacked: l, showTotal: u = !1, syncKey: f, pending: p = !1, emptyMessage: h, actions: g, footer: _, windowToggle: v, compact: y = !1, minBarFraction: b = 0, selectedIndex: S = null, onSelect: C, bucketLabel: T, bucketTestId: k, className: ee }) {
-	let j = A(), M = c ?? (y ? 24 : 100), N = l ?? t.length > 1, P = m((e) => (o ?? YT)(e, a), [o, a]), F = d(() => N ? ZT(n, t.length) : t.map((e, t) => n.map((e) => e.values[t] ?? null)), [
+function RE({ title: e, layers: t, buckets: n, bucketMs: r, range: i, unit: a = null, formatValue: o, displayPreference: s, height: c, stacked: l, showTotal: u = !1, syncKey: f, pending: p = !1, emptyMessage: h, actions: g, footer: _, windowToggle: v, compact: y = !1, minBarFraction: b = 0, selectedIndex: S = null, onSelect: C, bucketLabel: T, bucketTestId: k, className: j }) {
+	let M = A(), N = c ?? (y ? 24 : 100), P = l ?? t.length > 1, F = m((e) => (o ?? YT)(e, a), [o, a]), I = d(() => P ? ZT(n, t.length) : t.map((e, t) => n.map((e) => e.values[t] ?? null)), [
 		n,
 		t,
-		N
-	]), te = d(() => QT(n, t.length), [n, t.length]), [I, L] = w(null), ne = d(() => ({
+		P
+	]), ee = d(() => QT(n, t.length), [n, t.length]), [L, R] = w(null), te = d(() => ({
 		xMin: i.from,
 		xMax: i.to,
 		stops: n.map((e) => e.t),
@@ -31727,7 +31733,7 @@ function RE({ title: e, layers: t, buckets: n, bucketMs: r, range: i, unit: a =
 			});
 		},
 		onDataX: (e) => {
-			L(e === null ? null : oE(n, r, e));
+			R(e === null ? null : oE(n, r, e));
 		}
 	}), [
 		n,
@@ -31736,33 +31742,33 @@ function RE({ title: e, layers: t, buckets: n, bucketMs: r, range: i, unit: a =
 		t,
 		a,
 		s
-	]), re = x({
+	]), ne = x({
 		buckets: n,
-		tops: F,
+		tops: I,
 		range: i,
 		selectedIndex: S,
 		onSelect: C,
 		bucketLabel: T,
-		fmt: P
+		fmt: F
 	});
-	re.current = {
+	ne.current = {
 		buckets: n,
-		tops: F,
+		tops: I,
 		range: i,
 		selectedIndex: S,
 		onSelect: C,
 		bucketLabel: T,
-		fmt: P
+		fmt: F
 	};
-	let ie = `${t.map((e) => `${e.id}:${e.colorIndex}`).join(",")}#${y ? "C" : ""}#${N ? "S" : ""}#${f ?? ""}#${String(r)}`, ae = d(() => {
-		let e = F.at(-1) ?? [], t = N ? e : n.map((e, t) => Math.max(...F.map((e) => e[t] ?? 0)));
+	let re = `${t.map((e) => `${e.id}:${e.colorIndex}`).join(",")}#${y ? "C" : ""}#${P ? "S" : ""}#${f ?? ""}#${String(r)}`, ie = d(() => {
+		let e = I.at(-1) ?? [], t = P ? e : n.map((e, t) => Math.max(...I.map((e) => e[t] ?? 0)));
 		return [n.map((e) => e.t), t.map((e) => e ?? null)];
 	}, [
 		n,
-		F,
-		N,
+		I,
+		P,
 		S
-	]), oe = m(() => {
+	]), ae = m(() => {
 		let e = { floor: 0 };
 		return {
 			ms: 1,
@@ -31781,7 +31787,7 @@ function RE({ title: e, layers: t, buckets: n, bucketMs: r, range: i, unit: a =
 			scales: {
 				x: {
 					time: !0,
-					range: () => [re.current.range.from, re.current.range.to]
+					range: () => [ne.current.range.from, ne.current.range.to]
 				},
 				y: { range: (t) => {
 					let n = zT([...t.data[1] ?? []], e);
@@ -31794,8 +31800,8 @@ function RE({ title: e, layers: t, buckets: n, bucketMs: r, range: i, unit: a =
 			}, {
 				show: !1,
 				scale: "y"
-			}] : [RT(() => re.current.range.to - re.current.range.from), {
-				...HT("y", 3, (e) => re.current.fmt(e), !0),
+			}] : [RT(() => ne.current.range.to - ne.current.range.from), {
+				...HT("y", 3, (e) => ne.current.fmt(e), !0),
 				splits: (t, n, r, i) => VT([r, i], e)
 			}],
 			series: [{}, {
@@ -31810,48 +31816,48 @@ function RE({ title: e, layers: t, buckets: n, bucketMs: r, range: i, unit: a =
 			},
 			hooks: {
 				draw: [(e) => {
-					let { buckets: n, tops: i, selectedIndex: a } = re.current, o = e.ctx, s = e.valToPos(0, "y", !0), c = b * e.bbox.height, l = Math.max(1, Math.round(devicePixelRatio));
+					let { buckets: n, tops: i, selectedIndex: a } = ne.current, o = e.ctx, s = e.valToPos(0, "y", !0), c = b * e.bbox.height, l = Math.max(1, Math.round(devicePixelRatio));
 					o.save(), n.forEach((n, u) => {
 						let d = e.valToPos(n.t, "x", !0), f = e.valToPos(n.t + r, "x", !0), p = Math.max(1, f - d - l), m = s;
 						t.forEach((n, r) => {
 							let a = i[r]?.[u];
-							if (a == null || !(a > (N && r > 0 ? i[r - 1]?.[u] ?? 0 : 0))) return;
-							let f = e.valToPos(a, "y", !0), h = N ? m : s;
+							if (a == null || !(a > (P && r > 0 ? i[r - 1]?.[u] ?? 0 : 0))) return;
+							let f = e.valToPos(a, "y", !0), h = P ? m : s;
 							r === t.length - 1 && s - f < c && (f = s - c), o.fillStyle = dT(oT(n.colorIndex).token);
-							let g = Math.max(1, h - f - (N && r > 0 ? l : 0));
+							let g = Math.max(1, h - f - (P && r > 0 ? l : 0));
 							o.fillRect(d, f, p, g), m = f;
 						}), a === u && (o.strokeStyle = dT("primary"), o.lineWidth = l * 1.5, o.strokeRect(d, e.bbox.top + l, p, e.bbox.height - 2 * l));
 					}), o.restore();
 				}],
 				setCursor: [(e) => {
-					let t = e.cursor.left ?? -1, n = t < 0 ? null : $T(re.current.buckets, r, e.posToVal(t, "x"));
-					L(n);
-					let i = n === null ? void 0 : re.current.buckets[n], a = i === void 0 || n === null ? "" : re.current.bucketLabel?.(i, n) ?? "";
+					let t = e.cursor.left ?? -1, n = t < 0 ? null : $T(ne.current.buckets, r, e.posToVal(t, "x"));
+					R(n);
+					let i = n === null ? void 0 : ne.current.buckets[n], a = i === void 0 || n === null ? "" : ne.current.bucketLabel?.(i, n) ?? "";
 					e.over.title = a;
 				}],
 				ready: [(e) => {
 					e.over.addEventListener("click", () => {
 						let t = e.cursor.left ?? -1;
 						if (t < 0) return;
-						let n = $T(re.current.buckets, r, e.posToVal(t, "x"));
-						n !== null && re.current.onSelect?.(n);
+						let n = $T(ne.current.buckets, r, e.posToVal(t, "x"));
+						n !== null && ne.current.onSelect?.(n);
 					});
 				}]
 			}
 		};
-	}, [ie, b]), R = i.to - i.from, se = I === null ? void 0 : n[I], ce = t.map((e, t) => {
-		let n = se ? se.values[t] : te.known ? te.perLayer[t] : void 0;
+	}, [re, b]), oe = i.to - i.from, se = L === null ? void 0 : n[L], ce = t.map((e, t) => {
+		let n = se ? se.values[t] : ee.known ? ee.perLayer[t] : void 0;
 		return {
 			id: e.id,
 			label: e.label,
 			token: oT(e.colorIndex).token,
-			value: n == null ? se ? "—" : void 0 : P(n)
+			value: n == null ? se ? "—" : void 0 : F(n)
 		};
-	}), le = j("uiLibrary.charts.barSummary", "{{title}}, {{from}} to {{to}}: total {{total}}", {
+	}), le = M("uiLibrary.charts.barSummary", "{{title}}, {{from}} to {{to}}: total {{total}}", {
 		title: e,
-		from: TT(i.from, R),
-		to: TT(i.to, R),
-		total: te.known ? P(te.total) : j("uiLibrary.charts.unknown", "unknown")
+		from: TT(i.from, oe),
+		to: TT(i.to, oe),
+		total: ee.known ? F(ee.total) : M("uiLibrary.charts.unknown", "unknown")
 	}), ue = C === void 0 ? null : /* @__PURE__ */ E("div", {
 		className: "sr-only",
 		children: n.map((e, t) => {
@@ -31861,27 +31867,27 @@ function RE({ title: e, layers: t, buckets: n, bucketMs: r, range: i, unit: a =
 				"data-testid": k,
 				"aria-pressed": S === t,
 				onClick: () => C(t),
-				children: T?.(e, t) ?? `${TT(e.t, R)} ${P(n)}`
+				children: T?.(e, t) ?? `${TT(e.t, oe)} ${F(n)}`
 			}, e.t);
 		})
 	}), de = /* @__PURE__ */ E(LE, {
-		optionsKey: ie,
-		buildOptions: oe,
-		data: ae,
-		height: M,
-		tooltip: ne,
+		optionsKey: re,
+		buildOptions: ae,
+		data: ie,
+		height: N,
+		tooltip: te,
 		kind: "bars",
 		label: e
 	});
 	if (y) return /* @__PURE__ */ D("div", {
-		className: U("relative min-w-0", ee),
+		className: U("relative min-w-0", j),
 		children: [/* @__PURE__ */ E("div", {
 			role: "img",
 			"aria-label": le,
 			children: de
 		}), ue]
 	});
-	let fe = u && te.known ? j("uiLibrary.charts.total", "Total {{value}}", { value: P(te.total) }) : null, pe = !te.known, me = M <= 64 ? "sm" : M <= 120 ? "md" : "lg";
+	let fe = u && ee.known ? M("uiLibrary.charts.total", "Total {{value}}", { value: F(ee.total) }) : null, pe = !ee.known, me = N <= 64 ? "sm" : N <= 120 ? "md" : "lg";
 	return /* @__PURE__ */ E(mT, {
 		title: e,
 		actions: /* @__PURE__ */ D(O, { children: [
@@ -31892,19 +31898,19 @@ function RE({ title: e, layers: t, buckets: n, bucketMs: r, range: i, unit: a =
 			v && /* @__PURE__ */ E(XT, { ...v }),
 			g
 		] }),
-		readoutTime: se ? ET(se.t, R) : null,
+		readoutTime: se ? ET(se.t, oe) : null,
 		legend: t.length > 1 || se ? ce : [],
 		summary: le,
 		footer: _,
 		placeholder: p ? /* @__PURE__ */ E(vT, {
-			message: j("uiLibrary.charts.loading", "Loading…"),
+			message: M("uiLibrary.charts.loading", "Loading…"),
 			height: me
 		}) : pe ? /* @__PURE__ */ E(vT, {
-			message: h ?? j("uiLibrary.charts.empty", "Nothing was recorded in this window."),
+			message: h ?? M("uiLibrary.charts.empty", "Nothing was recorded in this window."),
 			height: me
 		}) : void 0,
 		controls: ue,
-		className: ee,
+		className: j,
 		children: de
 	});
 }
@@ -32193,7 +32199,7 @@ function eD({ deviceId: e, clip: t, profile: n, onProfileChange: r }) {
 				className: "space-y-2",
 				children: [s.served === void 0 || s.served === n ? null : /* @__PURE__ */ E(rT, {
 					variant: "warning",
-					message: /* @__PURE__ */ E(ee, {
+					message: /* @__PURE__ */ E(j, {
 						uiKey: "uiLibrary.clipPanel.servedFallback",
 						fallback: "Served the <0>{{served}}</0> stream — this clip has no {{profile}} twin.",
 						components: [/* @__PURE__ */ E("strong", {}, "served")],
@@ -32293,8 +32299,8 @@ function cD(e, t) {
 	let n = e.headers.get("retry-after"), r = n === null ? NaN : Number(n);
 	return {
 		code: e.headers.get(ce) ?? void 0,
-		reason: e.headers.get(M) ?? t("uiLibrary.clipThumbnail.noReason", "no reason given"),
-		disposition: e.headers.get(F) ?? void 0,
+		reason: e.headers.get(N) ?? t("uiLibrary.clipThumbnail.noReason", "no reason given"),
+		disposition: e.headers.get(I) ?? void 0,
 		retryAfterMs: Number.isFinite(r) && r > 0 ? r * 1e3 : null
 	};
 }
@@ -32622,24 +32628,24 @@ function PD({ deviceId: e }) {
 	]), C = o === null ? void 0 : S.find((e) => e.index === o), T = d(() => TD(i, C === void 0 ? null : {
 		startMs: C.startMs,
 		endMs: C.endMs
-	}), [i, C]), k = wD(T), ee = Vc({ deviceId: e }), j = ee.data ?? [], M = d(() => c === "" ? j.find((e) => e.addonId !== void 0)?.addonId ?? "" : c, [c, j]), N = Bc({
+	}), [i, C]), k = wD(T), j = Vc({ deviceId: e }), M = j.data ?? [], N = d(() => c === "" ? M.find((e) => e.addonId !== void 0)?.addonId ?? "" : c, [c, M]), P = Bc({
 		deviceId: e,
 		since: T.fromMs,
 		until: T.toMs,
 		limit: jD,
-		provider: M
-	}, { enabled: k.kind === "askable" && M !== "" }), P = AD({
+		provider: N
+	}, { enabled: k.kind === "askable" && N !== "" }), F = AD({
 		plan: k,
-		provider: M === "" ? null : M,
-		clipsStatus: N.status,
-		clips: N.data ?? [],
-		sourcesStatus: ee.status,
-		sources: j,
-		...N.error ? { clipsError: N.error.message } : {},
-		...ee.error ? { sourcesError: ee.error.message } : {}
-	}, t), F = d(() => {
+		provider: N === "" ? null : N,
+		clipsStatus: P.status,
+		clips: P.data ?? [],
+		sourcesStatus: j.status,
+		sources: M,
+		...P.error ? { clipsError: P.error.message } : {},
+		...j.error ? { sourcesError: j.error.message } : {}
+	}, t), I = d(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of j) {
+		for (let t of M) {
 			let n = t.addonId;
 			if (n === void 0) continue;
 			let r = e.get(n);
@@ -32649,17 +32655,17 @@ function PD({ deviceId: e }) {
 			value: e,
 			label: t.join(" · ")
 		}));
-	}, [j]);
+	}, [M]);
 	l(() => {
 		p(1);
 	}, [T.fromMs, T.toMs]);
-	let te = (e) => {
+	let ee = (e) => {
 		r(e), a(Gw(e, Date.now())), s(null);
-	}, I = (e) => {
-		a(e), s(null);
 	}, L = (e) => {
+		a(e), s(null);
+	}, R = (e) => {
 		s((t) => t === e ? null : e);
-	}, ne = (e) => {
+	}, te = (e) => {
 		u(e), p(1);
 	};
 	if (v === "pending") return /* @__PURE__ */ D("div", {
@@ -32683,7 +32689,7 @@ function PD({ deviceId: e }) {
 			description: t("uiLibrary.clipsSection.absentDescription", "Nothing is installed that could list a camera's stored clips.")
 		})
 	});
-	let re = P.kind === "listed" ? P.clips : [], ie = re.slice((f - 1) * MD, f * MD);
+	let ne = F.kind === "listed" ? F.clips : [], re = ne.slice((f - 1) * MD, f * MD);
 	return /* @__PURE__ */ D("div", {
 		className: "space-y-3",
 		children: [
@@ -32713,13 +32719,13 @@ function PD({ deviceId: e }) {
 						className: "w-60",
 						children: /* @__PURE__ */ E(Gs, {
 							id: "clips-provider",
-							options: F,
-							value: M,
-							disabled: F.length < 2,
-							onChange: (e) => ne(e.target.value)
+							options: I,
+							value: N,
+							disabled: I.length < 2,
+							onChange: (e) => te(e.target.value)
 						})
 					}),
-					F.length < 2 ? /* @__PURE__ */ E("span", {
+					I.length < 2 ? /* @__PURE__ */ E("span", {
 						className: "text-[11px] text-foreground-subtle",
 						children: t("uiLibrary.clipsSection.oneProvider", "This camera is bound to one clip provider today.")
 					}) : null,
@@ -32738,45 +32744,45 @@ function PD({ deviceId: e }) {
 			}),
 			/* @__PURE__ */ E(JE, {
 				day: n,
-				onDayChange: te,
+				onDayChange: ee,
 				view: i,
 				dayBounds: y,
-				onViewChange: I,
+				onViewChange: L,
 				buckets: S,
 				selectedBucketIndex: o,
-				onSelectBucket: L,
+				onSelectBucket: R,
 				densityLoading: x.status === "pending"
 			}),
 			/* @__PURE__ */ E("section", {
 				"aria-label": t("uiLibrary.clipsSection.clips", "Clips"),
 				className: "space-y-2",
-				children: P.kind === "refused" ? /* @__PURE__ */ E(rT, {
+				children: F.kind === "refused" ? /* @__PURE__ */ E(rT, {
 					variant: "warning",
 					title: t("uiLibrary.clipsSection.tooWideTitle", "That period is too wide to list"),
 					message: t("uiLibrary.clipsSection.tooWideMessage", "{{band}} covers {{days}} local days, and a clip listing is asked one local day at a time — at most {{max}}. Nothing was asked for; narrow the band and the list follows it.", {
-						band: DD(P.band),
-						days: P.localDays,
-						max: P.maxLocalDays
+						band: DD(F.band),
+						days: F.localDays,
+						max: F.maxLocalDays
 					})
-				}) : P.kind === "loading" ? /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("div", {
+				}) : F.kind === "loading" ? /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("div", {
 					role: "status",
 					className: "text-xs text-foreground-subtle",
 					children: t("uiLibrary.clipsSection.loadingFor", "Loading clips for {{band}}…", { band: DD(T) })
-				}), /* @__PURE__ */ E(vw, { className: "h-24 w-full" })] }) : P.kind === "failed" ? /* @__PURE__ */ E(rT, {
+				}), /* @__PURE__ */ E(vw, { className: "h-24 w-full" })] }) : F.kind === "failed" ? /* @__PURE__ */ E(rT, {
 					title: t("uiLibrary.clipsSection.listFailed", "The clip list could not be read"),
-					message: P.message
-				}) : P.kind === "empty" ? /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("div", {
+					message: F.message
+				}) : F.kind === "empty" ? /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("div", {
 					role: "status",
 					children: /* @__PURE__ */ E(tT, {
 						icon: jr,
-						title: P.nobodyAnswered ? t("uiLibrary.clipsSection.noSourceAnswered", "No source could answer for {{band}}", { band: DD(P.band) }) : t("uiLibrary.clipsSection.noClips", "No clips in {{band}}", { band: DD(P.band) }),
-						...P.nobodyAnswered ? {} : { description: t("uiLibrary.clipsSection.asked", "Asked {{sources}}.", { sources: P.answered.map((e) => e.label).join(", ") }) }
+						title: F.nobodyAnswered ? t("uiLibrary.clipsSection.noSourceAnswered", "No source could answer for {{band}}", { band: DD(F.band) }) : t("uiLibrary.clipsSection.noClips", "No clips in {{band}}", { band: DD(F.band) }),
+						...F.nobodyAnswered ? {} : { description: t("uiLibrary.clipsSection.asked", "Asked {{sources}}.", { sources: F.answered.map((e) => e.label).join(", ") }) }
 					})
-				}), /* @__PURE__ */ E(ND, { silent: P.silent })] }) : /* @__PURE__ */ D(O, { children: [
-					/* @__PURE__ */ E(ND, { silent: P.silent }),
+				}), /* @__PURE__ */ E(ND, { silent: F.silent })] }) : /* @__PURE__ */ D(O, { children: [
+					/* @__PURE__ */ E(ND, { silent: F.silent }),
 					/* @__PURE__ */ E("ul", {
 						className: "grid grid-cols-1 gap-2 sm:grid-cols-2 xl:grid-cols-3",
-						children: ie.map((e) => /* @__PURE__ */ E(gD, {
+						children: re.map((e) => /* @__PURE__ */ E(gD, {
 							clip: e,
 							selected: m?.id === e.id,
 							onSelect: h
@@ -32784,7 +32790,7 @@ function PD({ deviceId: e }) {
 					}),
 					/* @__PURE__ */ E(eT, {
 						currentPage: f,
-						totalItems: re.length,
+						totalItems: ne.length,
 						pageSize: MD,
 						onPageChange: p,
 						itemNoun: t("uiLibrary.clipsSection.itemNoun", "clips")
@@ -33003,7 +33009,7 @@ function eO({ deviceId: e, row: t, onSaved: n, readOnly: r = !1 }) {
 		m(LD(p, e, a.cardinality)), g(GD(h, e, l));
 	}, k = () => {
 		m(o), g(s ?? []), b(null), f(!0);
-	}, ee = async () => {
+	}, j = async () => {
 		b(null);
 		try {
 			await S.mutateAsync({
@@ -33158,7 +33164,7 @@ function eO({ deviceId: e, row: t, onSaved: n, readOnly: r = !1 }) {
 						}), /* @__PURE__ */ E(W, {
 							size: "sm",
 							disabled: !(BD(o, p) || s !== void 0 && UD(s, h)) || S.isPending,
-							onClick: () => void ee(),
+							onClick: () => void j(),
 							children: i("uiLibrary.associationSlotCard.save", "Save")
 						})]
 					})
@@ -33910,13 +33916,13 @@ function _O({ direction: e, icon: t, disabled: n, className: r, variant: i, onMo
 	});
 }
 function vO({ controls: e, mode: t = "overlay", showPresets: n, showZoom: r = !0, showHome: i = !0, className: a }) {
-	let o = A(), { move: s, startContinuous: c, stopContinuous: u, zoom: d, goHome: p, homePreset: h, goToPreset: g, savePreset: _, updatePreset: v, deletePreset: y, presets: b, options: S, busy: C, error: T } = e, k = Wi(), [ee, j] = w(!1), [M, N] = w(""), P = x(null), F = x(null), [te, I] = w(null), L = t === "panel", ne = r && (S?.hasZoom ?? !0), re = S?.supportsPresets ?? b.length > 0, ie = (n ?? re) && re, ae = L && (S?.supportsPresets ?? !1), oe = S?.maxPresets !== void 0 && b.length >= S.maxPresets, R = m(async () => {
-		let e = M.trim();
-		!e || C || oe || await _(e) !== void 0 && N("");
+	let o = A(), { move: s, startContinuous: c, stopContinuous: u, zoom: d, goHome: p, homePreset: h, goToPreset: g, savePreset: _, updatePreset: v, deletePreset: y, presets: b, options: S, busy: C, error: T } = e, k = Wi(), [j, M] = w(!1), [N, P] = w(""), F = x(null), I = x(null), [ee, L] = w(null), R = t === "panel", te = r && (S?.hasZoom ?? !0), ne = S?.supportsPresets ?? b.length > 0, re = (n ?? ne) && ne, ie = R && (S?.supportsPresets ?? !1), ae = S?.maxPresets !== void 0 && b.length >= S.maxPresets, oe = m(async () => {
+		let e = N.trim();
+		!e || C || ae || await _(e) !== void 0 && P("");
 	}, [
-		M,
+		N,
 		C,
-		oe,
+		ae,
 		_
 	]), se = m(async (e, t) => {
 		await k({
@@ -33941,13 +33947,13 @@ function vO({ controls: e, mode: t = "overlay", showPresets: n, showZoom: r = !0
 		o
 	]);
 	f(() => {
-		if (!ee) {
-			I(null);
+		if (!j) {
+			L(null);
 			return;
 		}
 		let e = () => {
-			let e = P.current?.getBoundingClientRect();
-			e && I({
+			let e = F.current?.getBoundingClientRect();
+			e && L({
 				top: e.bottom + 4,
 				right: window.innerWidth - e.right
 			});
@@ -33955,33 +33961,33 @@ function vO({ controls: e, mode: t = "overlay", showPresets: n, showZoom: r = !0
 		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
-	}, [ee]), l(() => {
-		if (!ee) return;
+	}, [j]), l(() => {
+		if (!j) return;
 		let e = (e) => {
 			let t = e.target;
-			F.current?.contains(t) || P.current?.contains(t) || j(!1);
+			I.current?.contains(t) || F.current?.contains(t) || M(!1);
 		}, t = (e) => {
-			e.key === "Escape" && j(!1);
+			e.key === "Escape" && M(!1);
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [ee]);
-	let le = L ? "flex flex-col items-stretch gap-2 w-full h-full p-3" : "pointer-events-auto absolute top-3 right-3 z-10 flex flex-col items-end gap-2", ue = U(L ? "flex items-center gap-3 rounded-lg p-2" : "flex items-center gap-2 rounded-lg border border-white/30 bg-zinc-900/90 backdrop-blur-md p-2 shadow-lg shadow-black/40", C && "ring-1 ring-primary/40"), de = L ? "h-9 w-9" : "h-7 w-7", fe = L ? "h-4 w-4" : "h-3.5 w-3.5", pe = L ? "text-foreground hover:bg-surface-hover" : "text-white hover:bg-white/15", me = L ? "h-12 w-px bg-border mx-1" : "h-12 w-px bg-white/15 mx-1";
+	}, [j]);
+	let le = R ? "flex flex-col items-stretch gap-2 w-full h-full p-3" : "pointer-events-auto absolute top-3 right-3 z-10 flex flex-col items-end gap-2", ue = U(R ? "flex items-center gap-3 rounded-lg p-2" : "flex items-center gap-2 rounded-lg border border-white/30 bg-zinc-900/90 backdrop-blur-md p-2 shadow-lg shadow-black/40", C && "ring-1 ring-primary/40"), de = R ? "h-9 w-9" : "h-7 w-7", fe = R ? "h-4 w-4" : "h-3.5 w-3.5", pe = R ? "text-foreground hover:bg-surface-hover" : "text-white hover:bg-white/15", me = R ? "h-12 w-px bg-border mx-1" : "h-12 w-px bg-white/15 mx-1";
 	return /* @__PURE__ */ D("div", {
 		className: U(le, a),
 		children: [T && /* @__PURE__ */ E("div", {
 			className: "rounded bg-danger/90 px-2 py-1 text-[10px] font-medium text-white shadow-lg max-w-[200px] self-center",
 			children: o("uiLibrary.ptzOverlay.error", "PTZ: {{error}}", { error: T })
 		}), /* @__PURE__ */ D("div", {
-			className: U(ue, L && "justify-center"),
+			className: U(ue, R && "justify-center"),
 			children: [
 				/* @__PURE__ */ D("div", {
 					className: "grid grid-cols-3 gap-0.5",
 					children: [
 						/* @__PURE__ */ E("span", {
 							"aria-hidden": !0,
-							className: L ? "h-9 w-9" : "h-7 w-7"
+							className: R ? "h-9 w-9" : "h-7 w-7"
 						}),
 						/* @__PURE__ */ E(_O, {
 							direction: "up",
@@ -33993,7 +33999,7 @@ function vO({ controls: e, mode: t = "overlay", showPresets: n, showZoom: r = !0
 						}),
 						/* @__PURE__ */ E("span", {
 							"aria-hidden": !0,
-							className: L ? "h-9 w-9" : "h-7 w-7"
+							className: R ? "h-9 w-9" : "h-7 w-7"
 						}),
 						/* @__PURE__ */ E(_O, {
 							direction: "left",
@@ -34005,7 +34011,7 @@ function vO({ controls: e, mode: t = "overlay", showPresets: n, showZoom: r = !0
 						}),
 						/* @__PURE__ */ E("span", {
 							"aria-hidden": !0,
-							className: L ? "h-9 w-9" : "h-7 w-7"
+							className: R ? "h-9 w-9" : "h-7 w-7"
 						}),
 						/* @__PURE__ */ E(_O, {
 							direction: "right",
@@ -34017,7 +34023,7 @@ function vO({ controls: e, mode: t = "overlay", showPresets: n, showZoom: r = !0
 						}),
 						/* @__PURE__ */ E("span", {
 							"aria-hidden": !0,
-							className: L ? "h-9 w-9" : "h-7 w-7"
+							className: R ? "h-9 w-9" : "h-7 w-7"
 						}),
 						/* @__PURE__ */ E(_O, {
 							direction: "down",
@@ -34029,14 +34035,14 @@ function vO({ controls: e, mode: t = "overlay", showPresets: n, showZoom: r = !0
 						}),
 						/* @__PURE__ */ E("span", {
 							"aria-hidden": !0,
-							className: L ? "h-9 w-9" : "h-7 w-7"
+							className: R ? "h-9 w-9" : "h-7 w-7"
 						})
 					]
 				}),
-				(ne || i) && /* @__PURE__ */ E("div", { className: me }),
+				(te || i) && /* @__PURE__ */ E("div", { className: me }),
 				/* @__PURE__ */ D("div", {
 					className: "flex flex-col gap-0.5",
-					children: [ne && /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("button", {
+					children: [te && /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("button", {
 						type: "button",
 						onClick: () => d("in"),
 						disabled: C,
@@ -34059,41 +34065,41 @@ function vO({ controls: e, mode: t = "overlay", showPresets: n, showZoom: r = !0
 						children: /* @__PURE__ */ E(Kr, { className: fe })
 					})]
 				}),
-				ie && /* @__PURE__ */ D("div", {
+				re && /* @__PURE__ */ D("div", {
 					className: "relative",
 					children: [/* @__PURE__ */ D("button", {
-						ref: P,
+						ref: F,
 						type: "button",
-						onClick: () => j((e) => !e),
+						onClick: () => M((e) => !e),
 						disabled: C,
-						className: U("flex items-center gap-1 rounded px-2 text-[10px] disabled:opacity-40", L ? "h-9 text-foreground hover:bg-surface-hover" : "h-7 text-white hover:bg-white/15"),
+						className: U("flex items-center gap-1 rounded px-2 text-[10px] disabled:opacity-40", R ? "h-9 text-foreground hover:bg-surface-hover" : "h-7 text-white hover:bg-white/15"),
 						title: o("uiLibrary.ptzOverlay.presets", "Presets"),
-						children: [o("uiLibrary.ptzOverlay.presets", "Presets"), /* @__PURE__ */ E(_i, { className: U("h-3 w-3 transition-transform", ee && "rotate-180") })]
-					}), ee && te && Hi(/* @__PURE__ */ D("div", {
-						ref: F,
+						children: [o("uiLibrary.ptzOverlay.presets", "Presets"), /* @__PURE__ */ E(_i, { className: U("h-3 w-3 transition-transform", j && "rotate-180") })]
+					}), j && ee && Hi(/* @__PURE__ */ D("div", {
+						ref: I,
 						style: {
 							position: "fixed",
-							top: te.top,
-							right: te.right,
+							top: ee.top,
+							right: ee.right,
 							zIndex: 60
 						},
-						className: U("rounded-lg shadow-xl py-1", ae ? "min-w-[220px]" : "min-w-[140px]", L ? "bg-surface border border-border" : "border border-white/30 bg-zinc-900/95 backdrop-blur-md"),
+						className: U("rounded-lg shadow-xl py-1", ie ? "min-w-[220px]" : "min-w-[140px]", R ? "bg-surface border border-border" : "border border-white/30 bg-zinc-900/95 backdrop-blur-md"),
 						children: [
 							b.length === 0 && /* @__PURE__ */ E("div", {
-								className: U("px-3 py-1.5 text-[10px]", L ? "text-foreground-subtle" : "text-white/60"),
+								className: U("px-3 py-1.5 text-[10px]", R ? "text-foreground-subtle" : "text-white/60"),
 								children: o("uiLibrary.ptzOverlay.noPresets", "No presets yet")
 							}),
 							b.map((e) => /* @__PURE__ */ D("div", {
-								className: U("group flex items-center", L ? "hover:bg-surface-hover" : "hover:bg-white/15"),
+								className: U("group flex items-center", R ? "hover:bg-surface-hover" : "hover:bg-white/15"),
 								children: [/* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: () => {
-										g(e.id), j(!1);
+										g(e.id), M(!1);
 									},
 									disabled: C,
-									className: U("flex-1 px-3 py-1.5 text-left text-[10px] disabled:opacity-40", L ? "text-foreground" : "text-white"),
+									className: U("flex-1 px-3 py-1.5 text-left text-[10px] disabled:opacity-40", R ? "text-foreground" : "text-white"),
 									children: e.name || e.id
-								}), ae && e.writable && /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("button", {
+								}), ie && e.writable && /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: () => void ce(e.id, e.name || e.id),
 									disabled: C,
@@ -34109,32 +34115,32 @@ function vO({ controls: e, mode: t = "overlay", showPresets: n, showZoom: r = !0
 									children: /* @__PURE__ */ E(ir, { className: "h-3 w-3" })
 								})] })]
 							}, e.id)),
-							ae && /* @__PURE__ */ D(O, { children: [
-								b.length > 0 && /* @__PURE__ */ E("div", { className: U("my-1 h-px", L ? "bg-border" : "bg-white/15") }),
+							ie && /* @__PURE__ */ D(O, { children: [
+								b.length > 0 && /* @__PURE__ */ E("div", { className: U("my-1 h-px", R ? "bg-border" : "bg-white/15") }),
 								/* @__PURE__ */ D("div", {
 									className: "flex items-center gap-1 px-2 py-1",
 									children: [/* @__PURE__ */ E("input", {
 										type: "text",
-										value: M,
-										onChange: (e) => N(e.target.value),
+										value: N,
+										onChange: (e) => P(e.target.value),
 										onKeyDown: (e) => {
-											e.key === "Enter" && R();
+											e.key === "Enter" && oe();
 										},
-										disabled: C || oe,
+										disabled: C || ae,
 										placeholder: o("uiLibrary.ptzOverlay.newPreset", "New preset name"),
 										maxLength: 64,
-										className: U("min-w-0 flex-1 rounded border px-2 py-1 text-[11px]", "focus:outline-none focus:ring-1 focus:ring-primary/50 disabled:opacity-40", L ? "border-border bg-surface text-foreground placeholder:text-foreground-subtle" : "border-white/30 bg-zinc-800 text-white placeholder:text-white/40")
+										className: U("min-w-0 flex-1 rounded border px-2 py-1 text-[11px]", "focus:outline-none focus:ring-1 focus:ring-primary/50 disabled:opacity-40", R ? "border-border bg-surface text-foreground placeholder:text-foreground-subtle" : "border-white/30 bg-zinc-800 text-white placeholder:text-white/40")
 									}), /* @__PURE__ */ E("button", {
 										type: "button",
-										onClick: () => void R(),
-										disabled: C || oe || M.trim().length === 0,
-										title: oe ? o("uiLibrary.ptzOverlay.limitTitle", "Camera preset limit reached ({{max}})", { max: S?.maxPresets }) : o("uiLibrary.ptzOverlay.saveTitle", "Save current position as a new preset"),
+										onClick: () => void oe(),
+										disabled: C || ae || N.trim().length === 0,
+										title: ae ? o("uiLibrary.ptzOverlay.limitTitle", "Camera preset limit reached ({{max}})", { max: S?.maxPresets }) : o("uiLibrary.ptzOverlay.saveTitle", "Save current position as a new preset"),
 										className: U("flex h-7 w-7 shrink-0 items-center justify-center rounded", "bg-primary/15 text-primary hover:bg-primary/25 disabled:opacity-40"),
 										children: /* @__PURE__ */ E(xr, { className: "h-3.5 w-3.5" })
 									})]
 								}),
-								oe && /* @__PURE__ */ E("span", {
-									className: U("block px-2 pb-1 text-[10px]", L ? "text-foreground-subtle" : "text-white/60"),
+								ae && /* @__PURE__ */ E("span", {
+									className: U("block px-2 pb-1 text-[10px]", R ? "text-foreground-subtle" : "text-white/60"),
 									children: o("uiLibrary.ptzOverlay.limit", "Preset limit reached ({{max}}).", { max: S?.maxPresets })
 								})
 							] })
@@ -34462,7 +34468,7 @@ function IO({ band: e, onChange: t, onRemove: n, sensorContext: r }) {
 									type: "number",
 									min: 0,
 									value: e.postBufferSec ?? "",
-									placeholder: String(j.postBufferSec),
+									placeholder: String(M.postBufferSec),
 									onChange: (e) => t({ postBufferSec: FO(e.target.value) }),
 									className: "w-16 rounded-md border border-border bg-background px-1 py-1 text-xs"
 								}),
@@ -34514,7 +34520,7 @@ function zO({ initial: e, availableProfiles: t, saving: n, onSave: r, sensorCont
 			...f,
 			...e
 		}
-	}), m = (e) => e === "" ? void 0 : Number(e), h = te({
+	}), m = (e) => e === "" ? void 0 : Number(e), h = ee({
 		enabled: c || o.length > 0,
 		bands: o,
 		deviceDecision: c
@@ -35337,35 +35343,35 @@ function wk({ deviceId: e }) {
 		}
 	}), [g]), O = x(_);
 	O.current = _;
-	let { state: k, beginScrub: ee, updateScrub: j, endScrub: M, seek: N, setPlayhead: P, reset: F } = JO(T, m(() => O.current === "live", []));
+	let { state: k, beginScrub: j, updateScrub: M, endScrub: N, seek: P, setPlayhead: F, reset: I } = JO(T, m(() => O.current === "live", []));
 	l(() => {
-		v !== null && P(v);
-	}, [v, P]), l(() => {
-		(!h.channelOpen || _ === "live") && F();
+		v !== null && F(v);
+	}, [v, F]), l(() => {
+		(!h.channelOpen || _ === "live") && I();
 	}, [
 		h.channelOpen,
 		_,
-		F
+		I
 	]);
-	let te = m(() => {
-		g({ t: "goLive" }), F();
-	}, [g, F]), I = m(() => {
+	let ee = m(() => {
+		g({ t: "goLive" }), I();
+	}, [g, I]), L = m(() => {
 		g({
 			t: "setRate",
 			rate: +(O.current === "paused")
 		});
-	}, [g]), [L, ne] = w(() => new Set(_k)), re = m((e) => {
-		ne((t) => {
+	}, [g]), [R, te] = w(() => new Set(_k)), ne = m((e) => {
+		te((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), [ie, ae] = w(vk), oe = m(() => {
-		ae((e) => e + vk);
+	}, []), [re, ie] = w(vk), ae = m(() => {
+		ie((e) => e + vk);
 	}, []);
 	l(() => {
-		ae(vk);
+		ie(vk);
 	}, [i]);
-	let [R, se] = w(() => /* @__PURE__ */ new Date()), [ce, le] = w(() => Gw(/* @__PURE__ */ new Date(), Date.now())), ue = d(() => Gw(R, Date.now()), [R]), de = m((e) => {
+	let [oe, se] = w(() => /* @__PURE__ */ new Date()), [ce, le] = w(() => Gw(/* @__PURE__ */ new Date(), Date.now())), ue = d(() => Gw(oe, Date.now()), [oe]), de = m((e) => {
 		se(e), le(Gw(e, Date.now())), a(null);
 	}, []), fe = m((e) => {
 		le(e), a(null);
@@ -35393,38 +35399,38 @@ function wk({ deviceId: e }) {
 		deviceId: e,
 		since: we,
 		until: Te,
-		limit: ie,
+		limit: re,
 		projection: "slim"
-	}, { enabled: Ce && L.has("object") }), De = uc({
+	}, { enabled: Ce && R.has("object") }), De = uc({
 		deviceId: e,
 		since: we,
 		until: Te,
-		limit: ie,
+		limit: re,
 		projection: "slim"
-	}, { enabled: Ce && L.has("motion") }), Oe = fc({
+	}, { enabled: Ce && R.has("motion") }), Oe = fc({
 		deviceId: e,
 		since: we,
 		until: Te,
-		limit: ie,
+		limit: re,
 		projection: "slim"
-	}, { enabled: Ce && L.has("audio") }), ke = d(() => {
+	}, { enabled: Ce && R.has("audio") }), ke = d(() => {
 		if (!Se) return [];
 		let e = [];
-		if (L.has("object")) for (let t of Ee.data ?? []) e.push({
+		if (R.has("object")) for (let t of Ee.data ?? []) e.push({
 			id: String(t.id),
 			timestamp: t.timestamp,
 			kind: "object",
 			label: t.label ?? t.className,
 			mediaUrl: t.mediaUrl
 		});
-		if (L.has("motion")) for (let n of De.data ?? []) e.push({
+		if (R.has("motion")) for (let n of De.data ?? []) e.push({
 			id: String(n.id),
 			timestamp: n.timestamp,
 			kind: "motion",
 			label: t("uiLibrary.recordingTimeline.motionClip", "Motion ({{count}})", { count: n.regionCount }),
 			mediaUrl: n.mediaUrl
 		});
-		if (L.has("audio")) for (let n of Oe.data ?? []) e.push({
+		if (R.has("audio")) for (let n of Oe.data ?? []) e.push({
 			id: String(n.id),
 			timestamp: n.timestamp,
 			kind: "audio",
@@ -35434,17 +35440,17 @@ function wk({ deviceId: e }) {
 		return e.toSorted((e, t) => t.timestamp - e.timestamp);
 	}, [
 		Se,
-		L,
+		R,
 		Ee.data,
 		De.data,
 		Oe.data,
 		t
-	]), Ae = d(() => !!(L.has("object") && (Ee.data?.length ?? 0) === ie || L.has("motion") && (De.data?.length ?? 0) === ie || L.has("audio") && (Oe.data?.length ?? 0) === ie), [
-		L,
+	]), Ae = d(() => !!(R.has("object") && (Ee.data?.length ?? 0) === re || R.has("motion") && (De.data?.length ?? 0) === re || R.has("audio") && (Oe.data?.length ?? 0) === re), [
+		R,
 		Ee.data,
 		De.data,
 		Oe.data,
-		ie
+		re
 	]), je = m(async (t, i, a, o, c) => {
 		u(t), p(null);
 		try {
@@ -35471,7 +35477,7 @@ function wk({ deviceId: e }) {
 		let t = Uw(e, be);
 		if (!t) return;
 		if (C.current) {
-			N(t.fromMs, "timeline");
+			P(t.fromMs, "timeline");
 			return;
 		}
 		let n = `Recording · ${new Date(t.fromMs).toLocaleString(void 0, {
@@ -35484,16 +35490,16 @@ function wk({ deviceId: e }) {
 	}, [
 		be,
 		je,
-		N
+		P
 	]), Ne = m(() => {
-		ee("timeline");
-	}, [ee]), Fe = m((e) => {
-		j(e, "timeline");
-	}, [j]), Ie = m((e) => {
-		M(Uw(e, be)?.fromMs ?? e, "timeline");
-	}, [be, M]), Le = m((e) => {
+		j("timeline");
+	}, [j]), Fe = m((e) => {
+		M(e, "timeline");
+	}, [M]), Ie = m((e) => {
+		N(Uw(e, be)?.fromMs ?? e, "timeline");
+	}, [be, N]), Le = m((e) => {
 		if (C.current) {
-			N(e.timestamp - bk, "timeline");
+			P(e.timestamp - bk, "timeline");
 			return;
 		}
 		let t = `${e.label} · ${new Date(e.timestamp).toLocaleTimeString(void 0, {
@@ -35501,7 +35507,7 @@ function wk({ deviceId: e }) {
 			minute: "2-digit"
 		})}`;
 		je(`${e.kind}:${e.id}`, e.timestamp - bk, e.timestamp + xk, t, e.timestamp);
-	}, [je, N]), Re = m((e) => {
+	}, [je, P]), Re = m((e) => {
 		a((t) => t === e ? null : e);
 	}, []), ze = ge.isLoading, Be = _e.isLoading, Ve = (Ee.isLoading || De.isLoading || Oe.isLoading) && Ce, He = d(() => Zw(ce.fromMs, ce.toMs, 5), [ce.fromMs, ce.toMs]), Ue = S ? k.scrubbing ? k.scrubEpoch : k.playheadEpoch : o, z = S && (_ === "playing" || _ === "paused");
 	return /* @__PURE__ */ D("div", {
@@ -35520,7 +35526,7 @@ function wk({ deviceId: e }) {
 				message: f
 			}) : null,
 			/* @__PURE__ */ E(GE, {
-				day: R,
+				day: oe,
 				onDayChange: de,
 				view: ce,
 				dayBounds: ue,
@@ -35549,7 +35555,7 @@ function wk({ deviceId: e }) {
 					z ? /* @__PURE__ */ D("button", {
 						type: "button",
 						"data-testid": "frame-push-rate-toggle",
-						onClick: I,
+						onClick: L,
 						className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 font-medium text-foreground-subtle transition-colors hover:bg-surface-hover hover:text-foreground",
 						title: _ === "paused" ? t("uiLibrary.recordingTimeline.resumeTitle", "Resume playback") : t("uiLibrary.recordingTimeline.pauseTitle", "Pause playback"),
 						children: [E(_ === "paused" ? rr : ii, { className: "h-3 w-3" }), _ === "paused" ? t("uiLibrary.recordingTimeline.resume", "Resume") : t("uiLibrary.recordingTimeline.pause", "Pause")]
@@ -35557,7 +35563,7 @@ function wk({ deviceId: e }) {
 					S && _ !== "live" ? /* @__PURE__ */ D("button", {
 						type: "button",
 						"data-testid": "frame-push-go-live",
-						onClick: te,
+						onClick: ee,
 						className: "inline-flex items-center gap-1 rounded bg-danger/10 px-1.5 py-0.5 font-medium text-danger transition-colors hover:bg-danger/20",
 						title: t("uiLibrary.recordingTimeline.liveTitle", "Return to the live stream"),
 						children: [/* @__PURE__ */ E(_r, { className: "h-3 w-3" }), t("uiLibrary.recordingTimeline.goLive", "Go live")]
@@ -35626,10 +35632,10 @@ function wk({ deviceId: e }) {
 				loading: Ve,
 				busyKey: c,
 				onPlay: Le,
-				enabledKinds: L,
-				onToggleKind: re,
+				enabledKinds: R,
+				onToggleKind: ne,
 				hasMore: Ae,
-				onLoadMore: oe
+				onLoadMore: ae
 			}) : /* @__PURE__ */ E("p", {
 				className: "text-[11px] text-foreground-subtle",
 				children: S ? t("uiLibrary.recordingTimeline.helpFramePush", "Click or drag the coverage bar to play from any point (frames play in the main player above), or click a density bar to browse that window’s events.") : t("uiLibrary.recordingTimeline.helpHls", "Click the coverage bar to play from any point, or a density bar to browse that window’s events.")
@@ -35749,8 +35755,8 @@ function Ek({ deviceId: e }) {
 //#region ../ui-library/src/widgets/host-widgets.ts
 S();
 var Dk = {
-	"host/motion-zones-grid": s(() => import("./MotionZonesSettings-iA_Nrx3J.mjs").then((e) => ({ default: e.MotionZonesSettings }))),
-	"host/privacy-mask-grid": s(() => import("./PrivacyMaskSettings-BJLED0Hb.mjs").then((e) => ({ default: e.PrivacyMaskSettings }))),
+	"host/motion-zones-grid": s(() => import("./MotionZonesSettings-DBC9oNEy.mjs").then((e) => ({ default: e.MotionZonesSettings }))),
+	"host/privacy-mask-grid": s(() => import("./PrivacyMaskSettings-MPmxoEGa.mjs").then((e) => ({ default: e.PrivacyMaskSettings }))),
 	"host/ptz-panel": bO,
 	"host/navigation-panel": fO,
 	"host/consumables-panel": Lw,
@@ -36841,7 +36847,7 @@ function pA({ label: e, description: t, required: n, span: r, htmlFor: i, childr
 	});
 }
 function mA({ field: e, value: t, onChange: n, disabled: r, translationFn: i, multiline: a, children: o }) {
-	let s = re(e), [c, l] = w(() => s && Ys(t)), u = s && $e(t);
+	let s = ne(e), [c, l] = w(() => s && Ys(t)), u = s && $e(t);
 	return u && !c && l(!0), !c && !u ? /* @__PURE__ */ E(O, { children: o }) : /* @__PURE__ */ E(pA, {
 		label: "label" in e ? e.label : void 0,
 		description: "description" in e ? e.description : void 0,
@@ -38974,46 +38980,46 @@ var Kj = "max-h-[60vh]", qj = {
 	center: "text-center"
 };
 function Jj({ columns: e, rows: t, rowKey: n, onRowClick: r, minWidthPx: i = 480, emptyMessage: a, className: o, bordered: s = !0, rowClassName: c, maxBodyHeight: l, fill: f = !1, defaultSort: p, sort: m, onSortChange: h, pageSize: g, page: _, onPageChange: v, paginationLabels: y = Fj, selection: b, renderExpanded: x, isExpanded: S }) {
-	let [C, T] = w(p ?? null), [O, k] = w(0), A = m === void 0 ? C : m, ee = (e) => {
+	let [C, T] = w(p ?? null), [O, k] = w(0), A = m === void 0 ? C : m, j = (e) => {
 		m === void 0 && T(e), h?.(e);
-	}, j = (e) => {
+	}, M = (e) => {
 		_ === void 0 && k(e), v?.(e);
-	}, M = f || l !== void 0, N = f ? "h-full min-h-0" : l ?? "", P = d(() => A === null ? void 0 : e.find((e) => e.key === A.columnKey && e.sortValue !== void 0), [e, A]), F = P?.sortValue, te = d(() => F === void 0 ? t : Wj(t, A, F), [
+	}, N = f || l !== void 0, P = f ? "h-full min-h-0" : l ?? "", F = d(() => A === null ? void 0 : e.find((e) => e.key === A.columnKey && e.sortValue !== void 0), [e, A]), I = F?.sortValue, ee = d(() => I === void 0 ? t : Wj(t, A, I), [
 		t,
 		A,
-		F
-	]), I = P === void 0 ? null : A, L = g === void 0 ? null : Pj(te, _ ?? O, g), ne = L === null ? te : L.pageRows, re = L !== null && L.pageCount > 1 ? /* @__PURE__ */ E(Nj, {
-		page: L,
+		I
+	]), L = F === void 0 ? null : A, R = g === void 0 ? null : Pj(ee, _ ?? O, g), te = R === null ? ee : R.pageRows, ne = R !== null && R.pageCount > 1 ? /* @__PURE__ */ E(Nj, {
+		page: R,
 		labels: y,
-		onPageChange: j
-	}) : null, ie = b === void 0 ? e : [zj(b, ne, (e) => String(n ? n(e, t.indexOf(e)) : t.indexOf(e))), ...e];
+		onPageChange: M
+	}) : null, re = b === void 0 ? e : [zj(b, te, (e) => String(n ? n(e, t.indexOf(e)) : t.indexOf(e))), ...e];
 	if (t.length === 0 && a) return /* @__PURE__ */ E("div", {
 		className: `rounded-lg ${s ? "border border-border" : ""} bg-surface px-3 py-4 text-xs text-foreground-subtle text-center ${o ?? ""}`,
 		children: a
 	});
 	if (t.length === 0) return null;
-	let ae = /* @__PURE__ */ E("div", {
+	let ie = /* @__PURE__ */ E("div", {
 		className: [
 			"rounded-lg",
 			s ? "border border-border" : "",
 			"bg-surface overflow-x-auto",
-			M ? `${N} overflow-y-auto` : "",
+			N ? `${P} overflow-y-auto` : "",
 			f ? "min-h-0 flex-1" : "",
-			!f && re === null ? o ?? "" : ""
+			!f && ne === null ? o ?? "" : ""
 		].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ D("table", {
-			className: `w-full text-xs ${M ? "border-separate border-spacing-0" : ""}`,
+			className: `w-full text-xs ${N ? "border-separate border-spacing-0" : ""}`,
 			style: { minWidth: `${i}px` },
 			children: [/* @__PURE__ */ E("thead", {
 				className: "bg-surface",
-				children: /* @__PURE__ */ E("tr", { children: ie.map((e) => {
-					let t = e.align ?? "left", n = e.nowrap ?? !0, r = e.sortValue !== void 0, i = I !== null && I.columnKey === e.key;
+				children: /* @__PURE__ */ E("tr", { children: re.map((e) => {
+					let t = e.align ?? "left", n = e.nowrap ?? !0, r = e.sortValue !== void 0, i = L !== null && L.columnKey === e.key;
 					return /* @__PURE__ */ E("th", {
-						"aria-sort": r ? Gj(I, e.key) : void 0,
+						"aria-sort": r ? Gj(L, e.key) : void 0,
 						title: r ? void 0 : e.notSortableReason,
 						className: [
 							"px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border",
-							M ? "sticky top-0 z-10" : "",
+							N ? "sticky top-0 z-10" : "",
 							qj[t],
 							n ? "whitespace-nowrap" : "",
 							e.width ?? ""
@@ -39021,17 +39027,17 @@ function Jj({ columns: e, rows: t, rowKey: n, onRowClick: r, minWidthPx: i = 480
 						children: r ? /* @__PURE__ */ E(Bj, {
 							label: e.headerRender ? e.headerRender() : e.header,
 							active: i,
-							dir: i && I !== null ? I.dir : "asc",
-							onSort: () => ee(Hj(A, e.key))
+							dir: i && L !== null ? L.dir : "asc",
+							onSort: () => j(Hj(A, e.key))
 						}) : e.headerRender ? e.headerRender() : e.header
 					}, e.key);
 				}) })
-			}), /* @__PURE__ */ E("tbody", { children: ne.map((e, t) => {
+			}), /* @__PURE__ */ E("tbody", { children: te.map((e, t) => {
 				let i = n ? n(e, t) : t, a = c?.(e, t) ?? "", o = r !== void 0, s = x !== void 0 && S?.(e) === !0 ? x(e, t) : null;
 				return /* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E("tr", {
 					onClick: o ? () => r(e, t) : void 0,
 					className: [o ? "cursor-pointer hover:bg-primary/5" : "hover:bg-primary/5", a].filter(Boolean).join(" "),
-					children: ie.map((n) => {
+					children: re.map((n) => {
 						let r = n.align ?? "left", i = n.nowrap ?? !0;
 						return /* @__PURE__ */ E("td", {
 							"data-cell": n.key,
@@ -39047,7 +39053,7 @@ function Jj({ columns: e, rows: t, rowKey: n, onRowClick: r, minWidthPx: i = 480
 					"data-expanded-row": "",
 					className: "bg-surface",
 					children: /* @__PURE__ */ E("td", {
-						colSpan: ie.length,
+						colSpan: re.length,
 						className: "border-b border-border px-3 py-2",
 						children: s
 					})
@@ -39055,12 +39061,12 @@ function Jj({ columns: e, rows: t, rowKey: n, onRowClick: r, minWidthPx: i = 480
 			}) })]
 		})
 	});
-	return re === null ? f ? /* @__PURE__ */ E("div", {
+	return ne === null ? f ? /* @__PURE__ */ E("div", {
 		className: `flex min-h-0 flex-1 flex-col ${o ?? ""}`,
-		children: ae
-	}) : ae : /* @__PURE__ */ D("div", {
+		children: ie
+	}) : ie : /* @__PURE__ */ D("div", {
 		className: f ? `flex min-h-0 flex-1 flex-col ${o ?? ""}` : o,
-		children: [ae, re]
+		children: [ie, ne]
 	});
 }
 //#endregion
@@ -39607,7 +39613,7 @@ var DM = Ye(), OM = new Set([
 	"recording",
 	"heatmapScrub"
 ]);
-Object.freeze(Object.fromEntries(Ae.filter((e) => !OM.has(e)).map((e) => [e, ne(DM.swatches, DM.fallbacks, e)])));
+Object.freeze(Object.fromEntries(Ae.filter((e) => !OM.has(e)).map((e) => [e, te(DM.swatches, DM.fallbacks, e)])));
 function kM(e) {
 	let t = e[0];
 	if (t === void 0) throw Error("display palette has no fallback colour");
@@ -40409,7 +40415,7 @@ function uP({ trpc: e, deviceId: t, layout: n, optimistic: r, features: i }) {
 		}
 	}, k = () => {
 		p || f(null);
-	}, ee = async () => {
+	}, j = async () => {
 		if (!(p || d === null)) {
 			g(null), m(!0);
 			try {
@@ -40420,14 +40426,14 @@ function uP({ trpc: e, deviceId: t, layout: n, optimistic: r, features: i }) {
 				m(!1);
 			}
 		}
-	}, j = _ ? a("uiLibrary.lockPanel.unlock", "Unlock") : a("uiLibrary.lockPanel.lock", "Lock"), M = d === "open" ? a("uiLibrary.lockPanel.openDoorTitle", "Open door?") : a("uiLibrary.lockPanel.unlockTitle", "Unlock device?"), N = d === "open" ? a("uiLibrary.lockPanel.openDoorBody", "This will release the latch and open the door.") : a("uiLibrary.lockPanel.unlockBody", "This will unlock the device."), P = d === "open" ? a("uiLibrary.lockPanel.confirmOpen", "Confirm open") : a("uiLibrary.lockPanel.confirmUnlock", "Confirm unlock"), F = E(d === "open" ? oi : dn, { className: "h-4 w-4 text-amber-400" });
+	}, M = _ ? a("uiLibrary.lockPanel.unlock", "Unlock") : a("uiLibrary.lockPanel.lock", "Lock"), N = d === "open" ? a("uiLibrary.lockPanel.openDoorTitle", "Open door?") : a("uiLibrary.lockPanel.unlockTitle", "Unlock device?"), P = d === "open" ? a("uiLibrary.lockPanel.openDoorBody", "This will release the latch and open the door.") : a("uiLibrary.lockPanel.unlockBody", "This will unlock the device."), F = d === "open" ? a("uiLibrary.lockPanel.confirmOpen", "Confirm open") : a("uiLibrary.lockPanel.confirmUnlock", "Confirm unlock"), I = E(d === "open" ? oi : dn, { className: "h-4 w-4 text-amber-400" });
 	return /* @__PURE__ */ D("div", {
 		className: U("inline-flex items-center", n === "full" ? "gap-2" : "gap-1"),
 		children: [
 			/* @__PURE__ */ D("button", {
 				type: "button",
-				"aria-label": j,
-				title: l.state === "jammed" ? a("uiLibrary.lockPanel.jammed", "Jammed") : j,
+				"aria-label": M,
+				title: l.state === "jammed" ? a("uiLibrary.lockPanel.jammed", "Jammed") : M,
 				disabled: v,
 				onClick: (e) => {
 					e.stopPropagation(), T();
@@ -40457,8 +40463,8 @@ function uP({ trpc: e, deviceId: t, layout: n, optimistic: r, features: i }) {
 					children: [
 						/* @__PURE__ */ D(ek, { children: [/* @__PURE__ */ D(rk, {
 							className: "flex items-center gap-2",
-							children: [F, M]
-						}), /* @__PURE__ */ E(ik, { children: N })] }),
+							children: [I, N]
+						}), /* @__PURE__ */ E(ik, { children: P })] }),
 						h !== null && /* @__PURE__ */ E("div", {
 							className: "mt-2 px-3 py-2 rounded border border-danger/40 bg-danger/10 text-xs text-danger",
 							children: h
@@ -40474,12 +40480,12 @@ function uP({ trpc: e, deviceId: t, layout: n, optimistic: r, features: i }) {
 							type: "button",
 							variant: "danger",
 							size: "sm",
-							"aria-label": P,
+							"aria-label": F,
 							disabled: p,
 							onClick: () => {
-								ee();
+								j();
 							},
-							children: [p && /* @__PURE__ */ E(_n, { className: "h-3.5 w-3.5 animate-spin" }), P]
+							children: [p && /* @__PURE__ */ E(_n, { className: "h-3.5 w-3.5 animate-spin" }), F]
 						})] })
 					]
 				})
@@ -41091,7 +41097,7 @@ function AP(e) {
 		fromDisplayValue: (e) => u || a === void 0 || l.length === 0 || l === a ? e : ge(e, l, a) ?? e,
 		format: (e) => {
 			if (r !== void 0 && !c) {
-				let t = R({
+				let t = oe({
 					value: e,
 					quantity: r,
 					preference: i,
@@ -41342,7 +41348,7 @@ function WP({ trpc: e, deviceId: t, features: n, layout: r, optimistic: i }) {
 		slice: (e) => e.state.control
 	}), { display: l, applyOptimistic: u } = cP(s, { enabled: i ?? !0 });
 	if (l === void 0) return null;
-	let d = !c, f = a?.sourceInfo?.quantity, p = oe(f) && f !== "device" && f !== "none" ? f : void 0;
+	let d = !c, f = a?.sourceInfo?.quantity, p = ae(f) && f !== "device" && f !== "none" ? f : void 0;
 	return /* @__PURE__ */ E("div", {
 		"data-kind": l.kind,
 		className: "inline-flex min-w-0 max-w-full items-center gap-1 rounded border border-border px-2 py-1 transition-colors",
@@ -42080,7 +42086,7 @@ function xF(e) {
 	return t !== void 0 && _F(t, n) ? {
 		kind: "value",
 		slice: n
-	} : e.addonId === I && e.snapshotStatus === "success" ? { kind: "quiet" } : { kind: "awaiting" };
+	} : e.addonId === le && e.snapshotStatus === "success" ? { kind: "quiet" } : { kind: "awaiting" };
 }
 //#endregion
 //#region ../ui-library/src/composites/device-controls/sensor-hero-card.tsx
@@ -44220,7 +44226,7 @@ function OI(e, t) {
 }
 function kI(e, t) {
 	if (e === null) return "—";
-	let n = R({
+	let n = oe({
 		value: e,
 		quantity: t,
 		precision: 0
@@ -44530,7 +44536,7 @@ function PI({ icon: e, label: t, value: n }) {
 function FI({ trpc: e, deviceId: t }) {
 	let n = A(), { slice: r } = OI(e, t);
 	if (r === void 0) return null;
-	let i = TI(r.condition, n), a = EI(r.condition), o = r.temperature === null ? void 0 : R({
+	let i = TI(r.condition, n), a = EI(r.condition), o = r.temperature === null ? void 0 : oe({
 		value: r.temperature,
 		quantity: "temperature",
 		precision: 0
@@ -44553,7 +44559,7 @@ function FI({ trpc: e, deviceId: t }) {
 						}),
 						/* @__PURE__ */ E("span", {
 							className: "text-base text-foreground-subtle",
-							children: o === void 0 ? R({
+							children: o === void 0 ? oe({
 								value: 0,
 								quantity: "temperature"
 							}).unit : o.unit
@@ -48100,27 +48106,27 @@ var zz = p(function({ tree: e, agents: t, getCellState: n, onCellClick: r, onSte
 		o,
 		g,
 		t
-	]), [k, ee] = w({
+	]), [k, j] = w({
 		r: 0,
 		c: 0
 	});
 	l(() => {
-		O !== null && ee(O);
+		O !== null && j(O);
 	}, [O]);
-	let j = k.r < g.length && k.c < S ? k : {
+	let M = k.r < g.length && k.c < S ? k : {
 		r: 0,
 		c: 0
-	}, M = (e, t) => {
+	}, N = (e, t) => {
 		v.current?.querySelector(`[data-r="${e}"][data-c="${t}"]`)?.focus();
 	};
 	return h(p, () => ({ focusCell: (e, n) => {
 		let r = g.findIndex((t) => t.node.addonId === e);
 		if (r < 0) return;
 		let i = n === null ? -1 : t.findIndex((e) => bz(e) === n), a = i < 0 ? 0 : i + 1;
-		ee({
+		j({
 			r,
 			c: a
-		}), M(r, a);
+		}), N(r, a);
 	} }), [g, t]), f(() => {
 		if (O === null) return;
 		let e = v.current, t = e?.querySelector(`[data-r="${O.r}"][data-c="${O.c}"]`);
@@ -48151,7 +48157,7 @@ var zz = p(function({ tree: e, agents: t, getCellState: n, onCellClick: r, onSte
 						r: Number(e.target.dataset.r),
 						c: Number(e.target.dataset.c)
 					}, n = Iz(e.key, t, g.length, S);
-					n !== null && (e.preventDefault(), ee(n), M(n.r, n.c));
+					n !== null && (e.preventDefault(), j(n), N(n.r, n.c));
 				},
 				children: [/* @__PURE__ */ D("div", {
 					role: "row",
@@ -48175,7 +48181,7 @@ var zz = p(function({ tree: e, agents: t, getCellState: n, onCellClick: r, onSte
 						node: e,
 						depth: s,
 						r: c,
-						tabbable: j.r === c && j.c === 0,
+						tabbable: M.r === c && M.c === 0,
 						selected: o?.addonId === e.addonId,
 						badge: a?.(e.addonId),
 						onClick: i ? (t) => i(e.addonId, t) : void 0,
@@ -48191,7 +48197,7 @@ var zz = p(function({ tree: e, agents: t, getCellState: n, onCellClick: r, onSte
 								"data-c": i + 1,
 								"data-step": e.addonId,
 								"data-col": bz(t),
-								tabIndex: j.r === c && j.c === i + 1 ? 0 : -1,
+								tabIndex: M.r === c && M.c === i + 1 ? 0 : -1,
 								"aria-disabled": !l,
 								"aria-selected": s,
 								onClick: (n) => {
@@ -49270,56 +49276,56 @@ function AV({ devices: e, listState: t, fleet: n, value: r, onChange: i, selecti
 	let y = A(), b = u ?? ((e) => CV(e, y)), x = v ?? y("uiLibrary.devicePicker.alreadyAdded", "Already added"), S = d(() => wV(l) ? e : tV(e), [e, l]), C = n ?? {
 		state: t,
 		devices: t === "answered" ? S : void 0
-	}, T = d(() => new Set(_ ?? []), [_]), O = (e) => i(T.size === 0 ? e : e.filter((e) => !T.has(e))), [k, ee] = w(!1), [j, M] = w(!1), [N, P] = w(c || r.length > 0);
-	r.length > 0 && !N && P(!0);
-	let F = OV(r, S, C, l, y), te = dB(F, j || g), I = k || g, L = pV(s, r.length, N), ne = mV[l];
+	}, T = d(() => new Set(_ ?? []), [_]), O = (e) => i(T.size === 0 ? e : e.filter((e) => !T.has(e))), [k, j] = w(!1), [M, N] = w(!1), [P, F] = w(c || r.length > 0);
+	r.length > 0 && !P && F(!0);
+	let I = OV(r, S, C, l, y), ee = dB(I, M || g), L = k || g, R = pV(s, r.length, P), te = mV[l];
 	return t === "answered" && fV(t, S.length, r.length) ? /* @__PURE__ */ D("div", {
 		"data-testid": h,
 		children: [/* @__PURE__ */ E("p", {
 			className: "text-[10px] text-foreground-subtle mt-0.5",
 			children: kV(l, s, y)
-		}), L && /* @__PURE__ */ E(yV, { noun: l })]
+		}), R && /* @__PURE__ */ E(yV, { noun: l })]
 	}) : /* @__PURE__ */ D("div", {
 		className: "mt-1 space-y-1.5",
 		"data-testid": h,
 		children: [
-			t === "pending" && /* @__PURE__ */ E(bV, { noun: ne }),
-			t === "failed" && /* @__PURE__ */ E(xV, { noun: l === "camera" ? "devices" : ne }),
-			!(a === "single" && F.length === 0) && /* @__PURE__ */ D("div", {
+			t === "pending" && /* @__PURE__ */ E(bV, { noun: te }),
+			t === "failed" && /* @__PURE__ */ E(xV, { noun: l === "camera" ? "devices" : te }),
+			!(a === "single" && I.length === 0) && /* @__PURE__ */ D("div", {
 				className: "flex flex-wrap items-center gap-1",
 				children: [
-					F.length === 0 ? /* @__PURE__ */ E("span", {
+					I.length === 0 ? /* @__PURE__ */ E("span", {
 						className: "text-[11px] text-foreground-subtle",
 						children: f ?? (s ? y("uiLibrary.devicePicker.everyNoRestriction", "Every {{noun}} — no restriction", { noun: hV(l, y) }) : y("uiLibrary.devicePicker.noneSelected", "None selected"))
-					}) : te.shown.map((e) => /* @__PURE__ */ E(DV, {
+					}) : ee.shown.map((e) => /* @__PURE__ */ E(DV, {
 						id: e.id,
 						stored: e.label,
 						removed: e.removed,
 						...m ? {} : { onRemove: () => i(r.filter((t) => t !== e.id)) }
 					}, e.id)),
-					te.hidden > 0 && /* @__PURE__ */ E("button", {
+					ee.hidden > 0 && /* @__PURE__ */ E("button", {
 						type: "button",
 						className: "rounded-md border border-border px-1.5 py-0.5 text-[11px] text-foreground-subtle hover:bg-surface-hover",
-						onClick: () => M(!0),
-						children: y("uiLibrary.devicePicker.moreChips", "+{{count}} more", { count: te.hidden })
+						onClick: () => N(!0),
+						children: y("uiLibrary.devicePicker.moreChips", "+{{count}} more", { count: ee.hidden })
 					}),
-					j && F.length > 6 && /* @__PURE__ */ E("button", {
+					M && I.length > 6 && /* @__PURE__ */ E("button", {
 						type: "button",
 						className: "text-[11px] text-foreground-subtle underline",
-						onClick: () => M(!1),
+						onClick: () => N(!1),
 						children: y("uiLibrary.devicePicker.showFewer", "Show fewer")
 					}),
 					t !== "pending" && !g && /* @__PURE__ */ E("button", {
 						type: "button",
 						disabled: m,
 						"aria-expanded": k,
-						onClick: () => ee((e) => !e),
+						onClick: () => j((e) => !e),
 						className: "rounded-md border border-dashed border-border px-1.5 py-0.5 text-[11px] text-foreground hover:bg-surface-hover disabled:opacity-50",
 						children: k ? y("uiLibrary.devicePicker.done", "Done") : r.length === 0 ? y("uiLibrary.devicePicker.addPlural", "Add {{plural}}…", { plural: gV(l, y) }) : y("uiLibrary.devicePicker.edit", "Edit…")
 					})
 				]
 			}),
-			I && t === "answered" && (wV(l) ? /* @__PURE__ */ E(jV, {
+			L && t === "answered" && (wV(l) ? /* @__PURE__ */ E(jV, {
 				devices: S,
 				value: r,
 				onChange: O,
@@ -49345,7 +49351,7 @@ function AV({ devices: e, listState: t, fleet: n, value: r, onChange: i, selecti
 				showAll: g,
 				selection: a
 			})),
-			L && /* @__PURE__ */ E(yV, { noun: l })
+			R && /* @__PURE__ */ E(yV, { noun: l })
 		]
 	});
 }
@@ -49383,30 +49389,30 @@ function PV({ devices: e, value: t, onChange: n, annotate: r, groupTitle: i, nou
 		t,
 		C,
 		T
-	]), ee = d(() => k === null ? sB(aB(O, t), t, v, S) : DB(k, t, v, S), [
+	]), j = d(() => k === null ? sB(aB(O, t), t, v, S) : DB(k, t, v, S), [
 		k,
 		O,
 		t,
 		v,
 		S
-	]), j = k?.groupBy ?? null, M = d(() => FB(e, "type", h.types, T), [
+	]), M = k?.groupBy ?? null, N = d(() => FB(e, "type", h.types, T), [
 		e,
 		h.types,
 		T
-	]), N = d(() => FB(e, "zone", h.zones, T), [
+	]), P = d(() => FB(e, "zone", h.zones, T), [
 		e,
 		h.zones,
 		T
-	]), P = d(() => f === void 0 ? [] : FB(e, "location", h.locations, T), [
+	]), F = d(() => f === void 0 ? [] : FB(e, "location", h.locations, T), [
 		e,
 		h.locations,
 		T,
 		f
-	]), F = d(() => HB(t, e, O), [
+	]), I = d(() => HB(t, e, O), [
 		e,
 		t,
 		O
-	]), te = fB(ee, l ? ee.length : b), I = (e, t) => y((n) => new Map([...n, [e.key, !t]]));
+	]), ee = fB(j, l ? j.length : b), L = (e, t) => y((n) => new Map([...n, [e.key, !t]]));
 	return /* @__PURE__ */ D("div", {
 		className: "rounded-md border border-border bg-surface p-2",
 		"data-testid": "device-picker-panel",
@@ -49416,9 +49422,9 @@ function PV({ devices: e, value: t, onChange: n, annotate: r, groupTitle: i, nou
 				onFiltersChange: (e) => {
 					g(e), x(60);
 				},
-				typeOptions: M,
-				zoneOptions: N,
-				locationOptions: P,
+				typeOptions: N,
+				zoneOptions: P,
+				locationOptions: F,
 				zones: T,
 				...f === void 0 ? {} : { grouping: {
 					groupBy: f.groupBy,
@@ -49440,39 +49446,39 @@ function PV({ devices: e, value: t, onChange: n, annotate: r, groupTitle: i, nou
 					selected: t.length
 				})
 			}),
-			ee.length === 0 ? /* @__PURE__ */ E("p", {
+			j.length === 0 ? /* @__PURE__ */ E("p", {
 				className: "py-2 text-[11px] text-foreground-subtle italic",
 				children: a === "camera" || a === "device" ? p("uiLibrary.devicePicker.noDeviceMatches", "No device matches.") : p("uiLibrary.devicePicker.noNounMatches", "No {{noun}} matches.", { noun: hV(a, p) })
 			}) : /* @__PURE__ */ D("div", {
 				className: l ? "mt-1" : "mt-1 max-h-72 overflow-y-auto",
 				"data-testid": "device-picker-rows",
-				children: [te.rows.map((e) => /* @__PURE__ */ E(IV, {
+				children: [ee.rows.map((e) => /* @__PURE__ */ E(IV, {
 					row: e,
 					value: t,
 					onChange: n,
-					onToggleGroup: I,
+					onToggleGroup: L,
 					annotate: r,
 					groupTitle: i,
-					groupBy: j,
+					groupBy: M,
 					disabled: o,
 					locked: s,
 					lockedNote: c,
 					selection: u,
 					radioName: m
-				}, e.key)), te.remaining > 0 && /* @__PURE__ */ E("button", {
+				}, e.key)), ee.remaining > 0 && /* @__PURE__ */ E("button", {
 					type: "button",
 					className: "mt-1 w-full rounded border border-border py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover",
 					onClick: () => x((e) => e + 60),
 					children: p("uiLibrary.devicePicker.showMore", "Show {{count}} more ({{left}} left)", {
-						count: Math.min(te.remaining, 60),
-						left: te.remaining
+						count: Math.min(ee.remaining, 60),
+						left: ee.remaining
 					})
 				})]
 			}),
-			F > 0 && /* @__PURE__ */ E("p", {
+			I > 0 && /* @__PURE__ */ E("p", {
 				className: "mt-1 text-[10px] text-foreground-subtle",
 				"data-testid": "picker-hidden-selected",
-				children: p("uiLibrary.devicePicker.hiddenSelected", "{{count}} selected hidden by filters", { count: F })
+				children: p("uiLibrary.devicePicker.hiddenSelected", "{{count}} selected hidden by filters", { count: I })
 			})
 		]
 	});
@@ -49880,7 +49886,7 @@ function fH(e, t) {
 		translate: (t, n) => oH(e, ZV(), t, n)
 	};
 }
-S(), s(() => import("./MaskShapeCanvas-HNL0xNpy.mjs").then((e) => ({ default: e.MaskShapeCanvas }))), s(() => import("./MotionZonesSettings-iA_Nrx3J.mjs").then((e) => ({ default: e.MotionZonesSettings }))), s(() => import("./SceneMonitorEditor-CEjUG1-V.mjs").then((e) => ({ default: e.SceneMonitorEditor }))), s(() => import("./PrivacyMaskSettings-BJLED0Hb.mjs").then((e) => ({ default: e.PrivacyMaskSettings })));
+S(), s(() => import("./MaskShapeCanvas-HNL0xNpy.mjs").then((e) => ({ default: e.MaskShapeCanvas }))), s(() => import("./MotionZonesSettings-DBC9oNEy.mjs").then((e) => ({ default: e.MotionZonesSettings }))), s(() => import("./SceneMonitorEditor-q8rm9EAO.mjs").then((e) => ({ default: e.SceneMonitorEditor }))), s(() => import("./PrivacyMaskSettings-MPmxoEGa.mjs").then((e) => ({ default: e.PrivacyMaskSettings })));
 //#endregion
 //#region src/i18n/index.ts
 var { useT: pH, Trans: mH, translate: hH } = fH("training", {
@@ -51542,7 +51548,7 @@ function AU({ box: e, diff: t, selected: n, hover: r, vocabulary: i, onHover: a,
 	}, [b]), l(() => {
 		n && v.current?.scrollIntoView?.({ block: "nearest" });
 	}, [n]);
-	let S = DU(e.label), C = DU(e.subLabel), w = kU(e, h), T = CU(t, e.macroClass, e.label), k = TU.includes(e.macroClass) ? TU : [...TU, e.macroClass], A = n ? pU(i, e.label ?? "", e.macroClass) : [], ee = `retrain-labels-${e.key}`, j = (t) => ({
+	let S = DU(e.label), C = DU(e.subLabel), w = kU(e, h), T = CU(t, e.macroClass, e.label), k = TU.includes(e.macroClass) ? TU : [...TU, e.macroClass], A = n ? pU(i, e.label ?? "", e.macroClass) : [], j = `retrain-labels-${e.key}`, M = (t) => ({
 		onFocus: c,
 		onBlur: d,
 		onKeyDown: (e) => {
@@ -51673,15 +51679,15 @@ function AU({ box: e, diff: t, selected: n, hover: r, vocabulary: i, onHover: a,
 							className: "min-w-0 flex-1",
 							children: /* @__PURE__ */ E(Is, {
 								"aria-label": h("subject.label"),
-								list: ee,
+								list: j,
 								autoComplete: "off",
 								placeholder: h("subject.labelPlaceholder"),
 								value: e.label ?? "",
-								...j("label")
+								...M("label")
 							})
 						}),
 						/* @__PURE__ */ E("datalist", {
-							id: ee,
+							id: j,
 							children: A.map((e) => /* @__PURE__ */ E("option", { value: e }, e))
 						})
 					]
@@ -51691,7 +51697,7 @@ function AU({ box: e, diff: t, selected: n, hover: r, vocabulary: i, onHover: a,
 					autoComplete: "off",
 					placeholder: h("subject.subLabelPlaceholder"),
 					value: e.subLabel ?? "",
-					...j("subLabel")
+					...M("subLabel")
 				}),
 				S !== null && /* @__PURE__ */ E("p", {
 					className: "text-[11px] text-danger",
@@ -51883,9 +51889,9 @@ function VU(e, t) {
 	}
 }
 function HU({ frame: e, history: t, detector: n, schema: r, setNotice: i }) {
-	let { t: a } = pH(), o = xc({}, { retry: !1 }), s = gc(), c = Sc(), [l, u] = w("teacher"), f = d(() => LU(r, n.kind === "resolved" ? n.modelId : void 0), [r, n]), [p, m] = w(null), h = f.find((e) => e.modelId === p) ?? f[0], [g, _] = w(IU), [v, y] = w(null), b = (o.data ?? []).find((e) => e.id === v) ?? o.data?.[0], [S, C] = w(zU), [T, O] = w(!1), [k, A] = w(!1), ee = x(t.editor);
-	ee.current = t.editor;
-	let j = l !== "llm", M = l !== "teacher", N = n.kind === "resolved" && h !== void 0, P = b !== void 0 && S.length > 0, F = (!j || N) && (!M || P), te = async () => {
+	let { t: a } = pH(), o = xc({}, { retry: !1 }), s = gc(), c = Sc(), [l, u] = w("teacher"), f = d(() => LU(r, n.kind === "resolved" ? n.modelId : void 0), [r, n]), [p, m] = w(null), h = f.find((e) => e.modelId === p) ?? f[0], [g, _] = w(IU), [v, y] = w(null), b = (o.data ?? []).find((e) => e.id === v) ?? o.data?.[0], [S, C] = w(zU), [T, O] = w(!1), [k, A] = w(!1), j = x(t.editor);
+	j.current = t.editor;
+	let M = l !== "llm", N = l !== "teacher", P = n.kind === "resolved" && h !== void 0, F = b !== void 0 && S.length > 0, I = (!M || P) && (!N || F), ee = async () => {
 		if (n.kind !== "resolved" || h === void 0) return "";
 		let r = await s.mutateAsync({
 			...gH(e),
@@ -51904,7 +51910,7 @@ function HU({ frame: e, history: t, detector: n, schema: r, setNotice: i }) {
 			reason: r.reason,
 			detail: r.detail
 		});
-		let i = OH(ee.current, r.proposals.map((e) => ({
+		let i = OH(j.current, r.proposals.map((e) => ({
 			bbox: e.bbox,
 			macroClass: e.macroClass,
 			...e.label === void 0 ? {} : { label: e.label },
@@ -51919,7 +51925,7 @@ function HU({ frame: e, history: t, detector: n, schema: r, setNotice: i }) {
 				node: n.nodeId
 			})
 		})));
-		ee.current = i.state, t.setEditor(i.state);
+		j.current = i.state, t.setEditor(i.state);
 		let o = r.proposals.length - i.skipped;
 		return i.skipped > 0 ? a("assist.teacherResultSkipped", {
 			name: h.name,
@@ -51929,9 +51935,9 @@ function HU({ frame: e, history: t, detector: n, schema: r, setNotice: i }) {
 			name: h.name,
 			count: o
 		});
-	}, I = async (n) => {
+	}, L = async (n) => {
 		if (b === void 0) return "";
-		let r = ee.current, i = await c.mutateAsync({
+		let r = j.current, i = await c.mutateAsync({
 			...gH(e),
 			profileId: b.id,
 			classes: [...S],
@@ -51958,7 +51964,7 @@ function HU({ frame: e, history: t, detector: n, schema: r, setNotice: i }) {
 				model: i.model,
 				reason: e.reason
 			})
-		})), s = RH(i.reviews, i.model), l = OH(ee.current, o);
+		})), s = RH(i.reviews, i.model), l = OH(j.current, o);
 		t.setEditor((e) => LH(OH(e, o).state, s));
 		let u = i.proposals.length - l.skipped, d = i.reviews.filter((e) => e.verdict !== "confirmed").length, f = [
 			a("assist.llmDrafts", { count: u }),
@@ -51966,11 +51972,11 @@ function HU({ frame: e, history: t, detector: n, schema: r, setNotice: i }) {
 			...i.rejected > 0 ? [a("assist.llmDropped", { count: i.rejected })] : []
 		].join(", ");
 		return `${b.name}: ${f}.`;
-	}, L = async (e) => {
+	}, R = async (e) => {
 		O(!1), A(!0), i(null);
 		try {
 			let t = [];
-			j && t.push(await te()), M && t.push(await I(e)), i(`${t.filter((e) => e !== "").join(" ")} ${a("assist.draftsNotSaved")}`);
+			M && t.push(await ee()), N && t.push(await L(e)), i(`${t.filter((e) => e !== "").join(" ")} ${a("assist.draftsNotSaved")}`);
 		} catch (e) {
 			i(a("assist.failed", { error: e instanceof Error ? e.message : String(e) }));
 		} finally {
@@ -52005,13 +52011,13 @@ function HU({ frame: e, history: t, detector: n, schema: r, setNotice: i }) {
 					/* @__PURE__ */ D(W, {
 						size: "sm",
 						variant: "secondary",
-						disabled: !F || k,
+						disabled: !I || k,
 						onClick: () => {
-							if (M && b?.leavesHouse === !0) {
+							if (N && b?.leavesHouse === !0) {
 								O(!0);
 								return;
 							}
-							L(!1);
+							R(!1);
 						},
 						children: [k ? /* @__PURE__ */ E(_n, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ E(qn, { className: "h-3 w-3" }), /* @__PURE__ */ E("span", {
 							className: "ml-1",
@@ -52020,7 +52026,7 @@ function HU({ frame: e, history: t, detector: n, schema: r, setNotice: i }) {
 					})
 				]
 			}),
-			j && (f.length === 0 || n.kind !== "resolved" ? /* @__PURE__ */ E("p", {
+			M && (f.length === 0 || n.kind !== "resolved" ? /* @__PURE__ */ E("p", {
 				className: "text-foreground-subtle",
 				children: n.kind === "resolved" ? a("assist.noLarger") : a("assist.noNode")
 			}) : /* @__PURE__ */ D("div", {
@@ -52060,7 +52066,7 @@ function HU({ frame: e, history: t, detector: n, schema: r, setNotice: i }) {
 					})
 				]
 			})),
-			M && ((o.data ?? []).length === 0 ? /* @__PURE__ */ E("p", {
+			N && ((o.data ?? []).length === 0 ? /* @__PURE__ */ E("p", {
 				className: "text-foreground-subtle",
 				children: o.isError ? a("assist.profilesUnreadable") : a("assist.noProfile")
 			}) : /* @__PURE__ */ D("div", {
@@ -52118,7 +52124,7 @@ function HU({ frame: e, history: t, detector: n, schema: r, setNotice: i }) {
 					children: a("common.cancel")
 				}), /* @__PURE__ */ E(W, {
 					size: "sm",
-					onClick: () => void L(!0),
+					onClick: () => void R(!0),
 					children: a("assist.confirm.send")
 				})] })] })
 			})
@@ -52285,7 +52291,7 @@ function dW({ imageSrc: e, imageWidth: t, imageHeight: n, boxes: r, selectedKey:
 	let { t: b } = pH(), S = x(null), [C, T] = w({
 		w: 0,
 		h: 0
-	}), [O, k] = w(null), [A, ee] = w(!1), j = x(/* @__PURE__ */ new Map()), M = x({ mode: "none" });
+	}), [O, k] = w(null), [A, j] = w(!1), M = x(/* @__PURE__ */ new Map()), N = x({ mode: "none" });
 	f(() => {
 		let e = S.current;
 		if (e === null) return;
@@ -52299,31 +52305,31 @@ function dW({ imageSrc: e, imageWidth: t, imageHeight: n, boxes: r, selectedKey:
 			n.disconnect();
 		};
 	}, []);
-	let N = KH(C.w, C.h, t, n);
+	let P = KH(C.w, C.h, t, n);
 	l(() => {
 		let e = (e) => {
-			e.key !== " " || aW(e.target) || (e.preventDefault(), ee(!0));
+			e.key !== " " || aW(e.target) || (e.preventDefault(), j(!0));
 		}, t = (e) => {
-			e.key === " " && ee(!1);
+			e.key === " " && j(!1);
 		};
 		return window.addEventListener("keydown", e), window.addEventListener("keyup", t), () => {
 			window.removeEventListener("keydown", e), window.removeEventListener("keyup", t);
 		};
 	}, []);
-	let P = x({
-		image: N,
+	let F = x({
+		image: P,
 		viewport: a,
 		onViewportChange: o
 	});
-	P.current = {
-		image: N,
+	F.current = {
+		image: P,
 		viewport: a,
 		onViewportChange: o
 	}, l(() => {
 		let e = S.current;
 		if (e === null) return;
 		let t = (t) => {
-			let { image: n, viewport: r, onViewportChange: i } = P.current;
+			let { image: n, viewport: r, onViewportChange: i } = F.current;
 			if (n === null) return;
 			t.preventDefault();
 			let a = e.getBoundingClientRect();
@@ -52333,34 +52339,34 @@ function dW({ imageSrc: e, imageWidth: t, imageHeight: n, boxes: r, selectedKey:
 			e.removeEventListener("wheel", t);
 		};
 	}, []);
-	let F = m((e) => {
+	let I = m((e) => {
 		let t = S.current?.getBoundingClientRect();
 		return {
 			x: e.clientX - (t?.left ?? 0),
 			y: e.clientY - (t?.top ?? 0)
 		};
-	}, []), te = m((e) => N === null ? null : ZU(e.x, e.y, N, a), [N, a]), I = m(() => {
-		let e = M.current;
-		(e.mode === "move" || e.mode === "resize") && h(), e.mode === "draw" && k(null), M.current = { mode: "none" };
-	}, [h]), L = (e) => {
-		if (N === null) return;
-		let t = F(e);
-		if (j.current.set(e.pointerId, t), e.currentTarget.setPointerCapture?.(e.pointerId), j.current.size === 2) {
-			I();
-			let [e, t] = [...j.current.values()];
+	}, []), ee = m((e) => P === null ? null : ZU(e.x, e.y, P, a), [P, a]), L = m(() => {
+		let e = N.current;
+		(e.mode === "move" || e.mode === "resize") && h(), e.mode === "draw" && k(null), N.current = { mode: "none" };
+	}, [h]), R = (e) => {
+		if (P === null) return;
+		let t = I(e);
+		if (M.current.set(e.pointerId, t), e.currentTarget.setPointerCapture?.(e.pointerId), M.current.size === 2) {
+			L();
+			let [e, t] = [...M.current.values()];
 			if (e === void 0 || t === void 0) return;
 			let n = uW(e, t);
-			M.current = {
+			N.current = {
 				mode: "pinch",
 				startDistance: Math.max(1, lW(e, t)),
-				anchor: ZU(n.x, n.y, N, a),
+				anchor: ZU(n.x, n.y, P, a),
 				from: a
 			};
 			return;
 		}
-		if (j.current.size > 2) return;
+		if (M.current.size > 2) return;
 		if (e.button === 1 || A || s) {
-			e.preventDefault(), M.current = {
+			e.preventDefault(), N.current = {
 				mode: "pan",
 				startPx: t,
 				from: a
@@ -52368,14 +52374,14 @@ function dW({ imageSrc: e, imageWidth: t, imageHeight: n, boxes: r, selectedKey:
 			return;
 		}
 		if (e.button !== 0) return;
-		let n = ZU(t.x, t.y, N, a), o = {
-			x: 12 / N.width * a.w,
-			y: 12 / N.height * a.h
+		let n = ZU(t.x, t.y, P, a), o = {
+			x: 12 / P.width * a.w,
+			y: 12 / P.height * a.h
 		}, l = r.find((e) => e.key === i);
 		if (l !== void 0) {
 			let e = nU(l.bbox, n, o);
 			if (e !== null && e !== "body") {
-				d(), M.current = {
+				d(), N.current = {
 					mode: "resize",
 					key: l.key,
 					handle: e,
@@ -52386,7 +52392,7 @@ function dW({ imageSrc: e, imageWidth: t, imageHeight: n, boxes: r, selectedKey:
 		}
 		let u = r[XH(r.map((e) => e.bbox), n)];
 		if (u !== void 0) {
-			u.key !== i && c(u.key), d(), M.current = {
+			u.key !== i && c(u.key), d(), N.current = {
 				mode: "move",
 				key: u.key,
 				start: n,
@@ -52394,112 +52400,112 @@ function dW({ imageSrc: e, imageWidth: t, imageHeight: n, boxes: r, selectedKey:
 			};
 			return;
 		}
-		M.current = {
+		N.current = {
 			mode: "draw",
 			start: n
 		}, k(qH(n, n));
-	}, ne = (e) => {
-		if (N === null) return;
-		if (!j.current.has(e.pointerId)) {
+	}, te = (e) => {
+		if (P === null) return;
+		if (!M.current.has(e.pointerId)) {
 			if (e.pointerType === "touch" || y === void 0) return;
-			let t = F(e), n = rU(r, ZU(t.x, t.y, N, a));
+			let t = I(e), n = rU(r, ZU(t.x, t.y, P, a));
 			aU(n, v) || y(n);
 			return;
 		}
-		let t = F(e);
-		j.current.set(e.pointerId, t);
-		let n = M.current;
+		let t = I(e);
+		M.current.set(e.pointerId, t);
+		let n = N.current;
 		switch (n.mode) {
 			case "pinch": {
-				let [e, t] = [...j.current.values()];
+				let [e, t] = [...M.current.values()];
 				if (e === void 0 || t === void 0) return;
-				let r = tW(n.from, n.anchor, lW(e, t) / n.startDistance), i = uW(e, t), a = ZU(i.x, i.y, N, r);
+				let r = tW(n.from, n.anchor, lW(e, t) / n.startDistance), i = uW(e, t), a = ZU(i.x, i.y, P, r);
 				o(nW(r, n.anchor.x - a.x, n.anchor.y - a.y));
 				return;
 			}
 			case "pan": {
-				let e = (t.x - n.startPx.x) / N.width * n.from.w, r = (t.y - n.startPx.y) / N.height * n.from.h;
+				let e = (t.x - n.startPx.x) / P.width * n.from.w, r = (t.y - n.startPx.y) / P.height * n.from.h;
 				o(nW(n.from, -e, -r));
 				return;
 			}
 			case "move": {
-				let e = ZU(t.x, t.y, N, a);
+				let e = ZU(t.x, t.y, P, a);
 				p(n.key, QH(n.from, e.x - n.start.x, e.y - n.start.y));
 				return;
 			}
 			case "resize": {
-				let e = ZU(t.x, t.y, N, a);
+				let e = ZU(t.x, t.y, P, a);
 				p(n.key, eU(n.from, n.handle, e));
 				return;
 			}
 			case "draw": {
-				let e = ZU(t.x, t.y, N, a);
+				let e = ZU(t.x, t.y, P, a);
 				k(qH(n.start, e));
 				return;
 			}
 			default: return;
 		}
-	}, re = (e) => {
-		if (!j.current.has(e.pointerId)) return;
-		j.current.delete(e.pointerId);
-		let t = M.current;
+	}, ne = (e) => {
+		if (!M.current.has(e.pointerId)) return;
+		M.current.delete(e.pointerId);
+		let t = N.current;
 		if (t.mode === "pinch") {
-			j.current.size < 2 && (M.current = { mode: "none" });
+			M.current.size < 2 && (N.current = { mode: "none" });
 			return;
 		}
 		if (t.mode === "draw") {
-			let n = te(F(e)), r = n === null ? null : qH(t.start, n);
-			k(null), M.current = { mode: "none" }, r !== null && YH(r) ? u(r) : c(null);
+			let n = ee(I(e)), r = n === null ? null : qH(t.start, n);
+			k(null), N.current = { mode: "none" }, r !== null && YH(r) ? u(r) : c(null);
 			return;
 		}
-		I();
-	}, ie = r.find((e) => e.key === i), ae = A || s, oe = x(/* @__PURE__ */ new Map());
+		L();
+	}, re = r.find((e) => e.key === i), ie = A || s, ae = x(/* @__PURE__ */ new Map());
 	l(() => {
 		if (i === null) return;
 		let e = document.activeElement;
-		(e === null || e === document.body || S.current?.contains(e)) === !0 && oe.current.get(i)?.focus({ preventScroll: !0 });
+		(e === null || e === document.body || S.current?.contains(e)) === !0 && ae.current.get(i)?.focus({ preventScroll: !0 });
 	}, [i]);
-	let R = N === null ? null : eW(N, a);
+	let oe = P === null ? null : eW(P, a);
 	return /* @__PURE__ */ D("div", {
 		ref: S,
 		"data-testid": "retrain-canvas",
 		className: "relative min-h-0 w-full flex-1 bg-background select-none touch-none overflow-hidden",
-		style: { cursor: ae ? "grab" : v === null ? "crosshair" : "move" },
-		onPointerDown: L,
-		onPointerMove: ne,
+		style: { cursor: ie ? "grab" : v === null ? "crosshair" : "move" },
+		onPointerDown: R,
+		onPointerMove: te,
 		onPointerLeave: () => {
 			v?.source === "canvas" && y?.(null);
 		},
-		onPointerUp: re,
-		onPointerCancel: re,
+		onPointerUp: ne,
+		onPointerCancel: ne,
 		children: [
-			R !== null && /* @__PURE__ */ E("img", {
+			oe !== null && /* @__PURE__ */ E("img", {
 				src: e,
 				alt: b("canvas.frameAlt"),
 				draggable: !1,
 				className: "absolute max-w-none pointer-events-none",
-				style: R
+				style: oe
 			}),
-			N !== null && _ && (g?.removed ?? []).map((e) => /* @__PURE__ */ E(fW, {
+			P !== null && _ && (g?.removed ?? []).map((e) => /* @__PURE__ */ E(fW, {
 				ghost: e,
-				rect: $U(e.bbox, N, a),
-				bounds: N,
+				rect: $U(e.bbox, P, a),
+				bounds: P,
 				dimmed: v !== null
 			}, `removed-${e.ref}`)),
-			N !== null && r.map((e) => {
-				let t = $U(e.bbox, N, a), n = g?.byKey.get(e.key), r = n?.kind ?? uU(e), o = yU(r), s = e.key === i, l = iU(e.key, v), u = o.strokeWidth + (s || l === "hovered" ? 1.5 : 0), d = e.label ?? e.macroClass, f = KU(t, GU(`${d}${e.kind === "model_error" ? " ✕" : ""}${e.flag !== void 0 && e.flag.verdict !== "confirmed" ? " !" : ""}`), N);
+			P !== null && r.map((e) => {
+				let t = $U(e.bbox, P, a), n = g?.byKey.get(e.key), r = n?.kind ?? uU(e), o = yU(r), s = e.key === i, l = iU(e.key, v), u = o.strokeWidth + (s || l === "hovered" ? 1.5 : 0), d = e.label ?? e.macroClass, f = KU(t, GU(`${d}${e.kind === "model_error" ? " ✕" : ""}${e.flag !== void 0 && e.flag.verdict !== "confirmed" ? " !" : ""}`), P);
 				return /* @__PURE__ */ D("div", { children: [l === "hovered" && n?.originBbox !== void 0 && /* @__PURE__ */ E("div", {
 					"data-testid": `retrain-origin-${e.key}`,
 					"aria-hidden": "true",
 					className: "absolute pointer-events-none",
 					style: {
-						...$U(n.originBbox, N, a),
+						...$U(n.originBbox, P, a),
 						border: `1px dashed ${o.stroke}`,
 						opacity: .55
 					}
 				}), /* @__PURE__ */ E("div", {
 					ref: (t) => {
-						t === null ? oe.current.delete(e.key) : oe.current.set(e.key, t);
+						t === null ? ae.current.delete(e.key) : ae.current.set(e.key, t);
 					},
 					role: "button",
 					tabIndex: 0,
@@ -52542,8 +52548,8 @@ function dW({ imageSrc: e, imageWidth: t, imageHeight: n, boxes: r, selectedKey:
 					})
 				})] }, e.key);
 			}),
-			N !== null && ie !== void 0 && ZH.map((e) => {
-				let t = QU(tU(ie.bbox, e), N, a);
+			P !== null && re !== void 0 && ZH.map((e) => {
+				let t = QU(tU(re.bbox, e), P, a);
 				return /* @__PURE__ */ E("div", {
 					"data-testid": `retrain-handle-${e}`,
 					className: "absolute h-2.5 w-2.5 -translate-x-1/2 -translate-y-1/2 rounded-sm border border-background bg-primary pointer-events-none",
@@ -52553,9 +52559,9 @@ function dW({ imageSrc: e, imageWidth: t, imageHeight: n, boxes: r, selectedKey:
 					}
 				}, e);
 			}),
-			O !== null && N !== null && /* @__PURE__ */ E("div", {
+			O !== null && P !== null && /* @__PURE__ */ E("div", {
 				className: "absolute border border-dashed border-primary pointer-events-none",
-				style: $U(O, N, a)
+				style: $U(O, P, a)
 			})
 		]
 	});
@@ -52998,15 +53004,15 @@ function FW(e) {
 S();
 var IW = "person";
 function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep: i, onFramesChanged: a, onSaved: o, onDirtyChange: s, setNotice: c }) {
-	let { t: u } = pH(), f = x(null), p = e.find((e) => e.frameId === t), h = p?.deviceId ?? null, g = AW(() => DH([], [])), { editor: _, setEditor: v, resetEditor: y, selectOnly: b } = g, S = pW(), [C, T] = w(null), [k, A] = w(!0), [ee, j] = w(!1), [M, N] = w(!1), [P, F] = w(null), te = _c({ frameIds: [t] }), I = d(() => e.map((e) => e.frameId), [e]), L = _c({ frameIds: I }, {
-		enabled: I.length > 0,
+	let { t: u } = pH(), f = x(null), p = e.find((e) => e.frameId === t), h = p?.deviceId ?? null, g = AW(() => DH([], [])), { editor: _, setEditor: v, resetEditor: y, selectOnly: b } = g, S = pW(), [C, T] = w(null), [k, A] = w(!0), [j, M] = w(!1), [N, P] = w(!1), [F, I] = w(null), ee = _c({ frameIds: [t] }), L = d(() => e.map((e) => e.frameId), [e]), R = _c({ frameIds: L }, {
+		enabled: L.length > 0,
 		staleTime: 6e4
-	}), ne = d(() => fU(L.data ?? []), [L.data]), re = yH(p?.imageUrl === void 0 ? void 0 : Ui(p.imageUrl)), ie = gc(), ae = vc(), oe = bc(), { detector: R, schema: se } = _W(h), ce = x({
-		stored: te.data,
+	}), te = d(() => fU(R.data ?? []), [R.data]), ne = yH(p?.imageUrl === void 0 ? void 0 : Ui(p.imageUrl)), re = gc(), ie = vc(), ae = bc(), { detector: oe, schema: se } = _W(h), ce = x({
+		stored: ee.data,
 		copy: p
 	});
 	ce.current = {
-		stored: te.data,
+		stored: ee.data,
 		copy: p
 	};
 	let le = x(UH(DH([], []))), ue = WH(_, le.current), de = x(ue);
@@ -53015,12 +53021,12 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 	l(() => {
 		let e = fe.current === t;
 		if (e && de.current && !me.current) return;
-		me.current = !1, fe.current = t, e || (S.fit(), T(null), F(null));
+		me.current = !1, fe.current = t, e || (S.fit(), T(null), I(null));
 		let { stored: n, copy: r } = ce.current, i = DH((n ?? []).filter((e) => e.mediaKey === t), r?.pipelineBoxes ?? [], r?.dismissed ?? []);
 		le.current = UH(i), y(i);
 	}, [
 		t,
-		te.dataUpdatedAt,
+		ee.dataUpdatedAt,
 		he,
 		y,
 		S.fit
@@ -53032,28 +53038,28 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 		T((e) => oU(e, _.boxes.map((e) => e.key)));
 	}, [_.boxes]);
 	let _e = FW(ue), ve = m(async (e) => {
-		p !== void 0 && (await oe.mutateAsync({
+		p !== void 0 && (await ae.mutateAsync({
 			...gH(p),
 			complete: e
 		}), await a());
 	}, [
 		p,
-		oe,
+		ae,
 		a
 	]), ye = m(async (e) => {
 		if (p === void 0) return;
-		if (c(null), R.kind !== "resolved") {
-			c(u(`assistGap.${R.gap}`));
+		if (c(null), oe.kind !== "resolved") {
+			c(u(`assistGap.${oe.gap}`));
 			return;
 		}
-		let t = await ie.mutateAsync({
+		let t = await re.mutateAsync({
 			...gH(p),
 			subject: e === "package" ? { kind: "package" } : {
 				kind: "objects",
-				modelId: R.modelId,
-				minScore: R.minScore
+				modelId: oe.modelId,
+				minScore: oe.minScore
 			},
-			nodeId: R.nodeId
+			nodeId: oe.nodeId
 		});
 		if (t.kind === "refused") {
 			c(t.reason === "no-zone" ? u("workbench.noZone") : t.detail === void 0 ? u("workbench.refused", { reason: t.reason }) : u("workbench.refusedDetail", {
@@ -53086,8 +53092,8 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 		].join(" — ")}. ${u("workbench.proposalsTail")}`);
 	}, [
 		p,
-		ie,
-		R,
+		re,
+		oe,
 		_,
 		v,
 		c,
@@ -53099,16 +53105,16 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 		let e = zH(_);
 		Se(!0);
 		try {
-			await ae.mutateAsync({
+			await ie.mutateAsync({
 				...gH(p),
 				annotations: [...VH(_)],
 				dismissed: [...HH(_)],
 				...p.revision === void 0 ? {} : { expectedRevision: p.revision }
-			}), me.current = !0, F(null), await te.refetch(), L.refetch();
+			}), me.current = !0, I(null), await ee.refetch(), R.refetch();
 		} catch (e) {
 			let t = pe(e instanceof Error ? e.message : "");
 			if (t === null) throw e;
-			F(t.currentRevision);
+			I(t.currentRevision);
 			return;
 		} finally {
 			Se(!1);
@@ -53117,22 +53123,22 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 	}, [
 		p,
 		_,
-		ae,
-		te,
-		L,
+		ie,
+		ee,
+		R,
 		o,
 		c,
 		u
 	]), we = m(async () => {
-		me.current = !0, F(null), await Promise.all([te.refetch(), o?.()]);
-	}, [te, o]), Te = re.src, Ee = OU(_.boxes) && p !== void 0, De = zH(_), Oe = (e) => r(e) ? (_e(() => {
+		me.current = !0, I(null), await Promise.all([ee.refetch(), o?.()]);
+	}, [ee, o]), Te = ne.src, Ee = OU(_.boxes) && p !== void 0, De = zH(_), Oe = (e) => r(e) ? (_e(() => {
 		i(e);
 	}), !0) : !1;
 	PW(!xe, {
 		history: g,
 		onNextFrame: () => Oe(1),
 		onPrevFrame: () => Oe(-1),
-		onToggleComplete: () => p === void 0 || oe.isPending ? !1 : (ve(!p.complete), !0),
+		onToggleComplete: () => p === void 0 || ae.isPending ? !1 : (ve(!p.complete), !0),
 		onSave: () => !Ee || xe || !ue ? !1 : (Ce(), !0),
 		onZoomIn: S.zoomIn,
 		onZoomOut: S.zoomOut,
@@ -53141,7 +53147,7 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 	let ke = /* @__PURE__ */ D("div", {
 		id: "retrain-subjects-panel",
 		"data-testid": "retrain-subjects-panel",
-		className: `${ee ? "flex" : "hidden"} absolute inset-x-0 bottom-0 z-20 max-h-[70%] min-h-0 flex-col overflow-hidden rounded-md border border-border bg-background-elevated shadow-lg lg:static lg:z-auto lg:flex lg:max-h-none lg:w-[380px] lg:shrink-0 lg:bg-surface lg:shadow-none`,
+		className: `${j ? "flex" : "hidden"} absolute inset-x-0 bottom-0 z-20 max-h-[70%] min-h-0 flex-col overflow-hidden rounded-md border border-border bg-background-elevated shadow-lg lg:static lg:z-auto lg:flex lg:max-h-none lg:w-[380px] lg:shrink-0 lg:bg-surface lg:shadow-none`,
 		children: [
 			/* @__PURE__ */ D("div", {
 				className: "flex shrink-0 flex-wrap items-center gap-2 border-b border-border px-3 py-2",
@@ -53157,7 +53163,7 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 						"aria-label": u("workbench.closeList"),
 						className: "lg:hidden",
 						onClick: () => {
-							j(!1);
+							M(!1);
 						}
 					}),
 					p?.origin === "recording" && /* @__PURE__ */ E(Sl, {
@@ -53167,7 +53173,7 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 					/* @__PURE__ */ D(W, {
 						variant: "secondary",
 						size: "sm",
-						disabled: ie.isPending || R.kind !== "resolved",
+						disabled: re.isPending || oe.kind !== "resolved",
 						onClick: () => void ye("objects"),
 						children: [/* @__PURE__ */ E(di, { className: "h-3 w-3" }), /* @__PURE__ */ E("span", {
 							className: "ml-1",
@@ -53177,7 +53183,7 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 					/* @__PURE__ */ D(W, {
 						variant: "secondary",
 						size: "sm",
-						disabled: ie.isPending || R.kind !== "resolved",
+						disabled: re.isPending || oe.kind !== "resolved",
 						onClick: () => void ye("package"),
 						children: [/* @__PURE__ */ E(di, { className: "h-3 w-3" }), /* @__PURE__ */ E("span", {
 							className: "ml-1",
@@ -53188,11 +53194,11 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 			}),
 			/* @__PURE__ */ E("p", {
 				className: "shrink-0 border-b border-border px-3 py-1 text-[11px] text-foreground-subtle",
-				children: R.kind === "resolved" ? u("workbench.proposalsFrom", {
-					model: R.modelId,
-					score: R.minScore.toFixed(2),
-					node: R.nodeId
-				}) : u(`assistGap.${R.gap}`)
+				children: oe.kind === "resolved" ? u("workbench.proposalsFrom", {
+					model: oe.modelId,
+					score: oe.minScore.toFixed(2),
+					node: oe.nodeId
+				}) : u(`assistGap.${oe.gap}`)
 			}),
 			p !== void 0 && /* @__PURE__ */ D("div", {
 				className: "shrink-0 border-b border-border",
@@ -53200,20 +53206,20 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 					variant: "ghost",
 					size: "sm",
 					className: "w-full justify-start",
-					"aria-expanded": M,
+					"aria-expanded": N,
 					onClick: () => {
-						N((e) => !e);
+						P((e) => !e);
 					},
-					children: [E(M ? _i : vi, { className: "h-3 w-3" }), /* @__PURE__ */ E("span", {
+					children: [E(N ? _i : vi, { className: "h-3 w-3" }), /* @__PURE__ */ E("span", {
 						className: "ml-1 text-[11px]",
 						children: u("workbench.assist")
 					})]
-				}), M && /* @__PURE__ */ E("div", {
+				}), N && /* @__PURE__ */ E("div", {
 					className: "max-h-64 overflow-y-auto",
 					children: /* @__PURE__ */ E(HU, {
 						frame: p,
 						history: g,
-						detector: R,
+						detector: oe,
 						schema: se,
 						setNotice: c
 					})
@@ -53227,7 +53233,7 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 					review: ge,
 					showRemoved: k,
 					hover: C,
-					vocabulary: ne,
+					vocabulary: te,
 					onHover: T,
 					onSelect: (e) => {
 						b((t) => IH(t, e));
@@ -53267,13 +53273,13 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 				showRemoved: k,
 				onShowRemovedChange: A
 			}),
-			P !== null && /* @__PURE__ */ D("div", {
+			F !== null && /* @__PURE__ */ D("div", {
 				role: "alert",
 				"data-testid": "retrain-conflict",
 				className: "flex shrink-0 flex-wrap items-center gap-2 rounded-md border border-danger bg-danger/10 px-3 py-1.5 text-[11px] text-foreground",
 				children: [/* @__PURE__ */ E("span", {
 					className: "min-w-0 flex-1",
-					children: u("workbench.conflict", { revision: String(P) })
+					children: u("workbench.conflict", { revision: String(F) })
 				}), /* @__PURE__ */ E(W, {
 					variant: "secondary",
 					size: "sm",
@@ -53302,7 +53308,7 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 						}),
 						Te === null || p === void 0 ? /* @__PURE__ */ E("div", {
 							className: "flex flex-1 items-center justify-center gap-2 p-6 text-xs text-foreground-subtle",
-							children: re.failed ? u("workbench.couldNotLoad") : /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E(_n, { className: "h-3.5 w-3.5 animate-spin" }), u("workbench.loading")] })
+							children: ne.failed ? u("workbench.couldNotLoad") : /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E(_n, { className: "h-3.5 w-3.5 animate-spin" }), u("workbench.loading")] })
 						}) : /* @__PURE__ */ E(dW, {
 							imageSrc: Te,
 							imageWidth: p.width,
@@ -53328,16 +53334,16 @@ function LW({ frames: e, activeFrameId: t, framePosition: n, canStep: r, onStep:
 						}),
 						/* @__PURE__ */ E(mU, {
 							subjectCount: _.boxes.length,
-							drawerOpen: ee,
+							drawerOpen: j,
 							onToggleDrawer: () => {
-								j((e) => !e);
+								M((e) => !e);
 							},
 							drafts: De,
 							onAcceptAll: () => {
 								v((e) => NH(e));
 							},
 							complete: p?.complete === !0,
-							completeDisabled: p === void 0 || oe.isPending,
+							completeDisabled: p === void 0 || ae.isPending,
 							onCompleteChange: (e) => void ve(e),
 							canSave: Ee,
 							saving: xe,
@@ -54232,19 +54238,19 @@ function jG() {
 		u
 	]), A = m((e) => {
 		o(e), fG(e);
-	}, []), ee = m((e) => {
+	}, []), j = m((e) => {
 		A(e);
-	}, [A]), j = m(() => {
+	}, [A]), M = m(() => {
 		c(null), A(null);
-	}, [A]), M = v.data?.frames ?? [], N = m(async () => {
+	}, [A]), N = v.data?.frames ?? [], P = m(async () => {
 		await Promise.all([v.refetch(), _.refetch()]);
-	}, [v, _]), P = d(() => M.map((e) => e.frameId), [M]), F = v.data?.total, te = pG(F ?? 0, r), I = m((e) => a === null ? { kind: "none" } : mG(P, a, e, t.page, te), [
-		P,
+	}, [v, _]), F = d(() => N.map((e) => e.frameId), [N]), I = v.data?.total, ee = pG(I ?? 0, r), L = m((e) => a === null ? { kind: "none" } : mG(F, a, e, t.page, ee), [
+		F,
 		a,
 		t.page,
-		te
-	]), L = m((e) => I(e).kind !== "none", [I]), ne = m((e) => {
-		let n = I(e);
+		ee
+	]), R = m((e) => L(e).kind !== "none", [L]), te = m((e) => {
+		let n = L(e);
 		n.kind === "frame" ? A(n.frameId) : n.kind === "page" && (c({
 			page: n.page,
 			edge: n.edge
@@ -54253,7 +54259,7 @@ function jG() {
 			page: n.page
 		}));
 	}, [
-		I,
+		L,
 		A,
 		u,
 		t
@@ -54266,20 +54272,20 @@ function jG() {
 		v.data,
 		A
 	]), l(() => {
-		a === null || s !== null || v.isFetching || v.data === void 0 || P.includes(a) || A(null);
+		a === null || s !== null || v.isFetching || v.data === void 0 || F.includes(a) || A(null);
 	}, [
 		a,
 		s,
 		v.isFetching,
 		v.data,
-		P,
+		F,
 		A
 	]);
-	let re = (() => {
-		let n = a === null ? -1 : P.indexOf(a);
-		return n < 0 || F === void 0 ? "…" : e("frames.position", {
+	let ne = (() => {
+		let n = a === null ? -1 : F.indexOf(a);
+		return n < 0 || I === void 0 ? "…" : e("frames.position", {
 			index: (t.page - 1) * r + n + 1,
-			total: F
+			total: I
 		});
 	})();
 	return /* @__PURE__ */ D("div", {
@@ -54336,18 +54342,18 @@ function jG() {
 						page: 1
 					});
 				},
-				onOpenFrame: ee
+				onOpenFrame: j
 			}),
 			a === null ? null : /* @__PURE__ */ E(zW, {
 				open: !0,
-				frames: M,
+				frames: N,
 				activeFrameId: a,
-				framePosition: re,
-				canStep: L,
-				onStep: ne,
-				onClose: j,
-				onFramesChanged: N,
-				onSaved: N
+				framePosition: ne,
+				canStep: R,
+				onStep: te,
+				onClose: M,
+				onFramesChanged: P,
+				onSaved: P
 			})
 		]
 	});
@@ -55353,7 +55359,7 @@ function EK(e) {
 	return t;
 }
 function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName: i, onStarted: a, onClose: o }) {
-	let { t: s } = pH(), c = Wi(), { nodes: u } = aa(), f = d(() => u.filter((e) => e.isOnline).map((e) => e.id), [u]), p = f.join("\0"), [m, h] = w(SK), [g, _] = w(""), [v, y] = w(""), [b, x] = w(""), [S, C] = w(null), [T, k] = w(!1), [A, ee] = w(!1), [j, M] = w(!1), N = $G(async () => {
+	let { t: s } = pH(), c = Wi(), { nodes: u } = aa(), f = d(() => u.filter((e) => e.isOnline).map((e) => e.id), [u]), p = f.join("\0"), [m, h] = w(SK), [g, _] = w(""), [v, y] = w(""), [b, x] = w(""), [S, C] = w(null), [T, k] = w(!1), [A, j] = w(!1), [M, N] = w(!1), P = $G(async () => {
 		if (n.length === 0) return {
 			models: [],
 			clusterRootModelIds: []
@@ -55370,12 +55376,12 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 				});
 			} catch {}
 		})), gK(n, t);
-	}, [p, n.map((e) => e.modelId).join("\0")]), P = N.state.status === "ok" ? N.state.data.models : n.map((e) => ({
+	}, [p, n.map((e) => e.modelId).join("\0")]), F = P.state.status === "ok" ? P.state.data.models : n.map((e) => ({
 		modelId: e.modelId,
 		label: e.label,
 		...e.recommended ? { recommended: !0 } : {},
 		placements: []
-	})), F = N.state.status === "ok" ? N.state.data.clusterRootModelIds : [];
+	})), I = P.state.status === "ok" ? P.state.data.clusterRootModelIds : [];
 	l(() => {
 		h((e) => {
 			let n = {
@@ -55385,46 +55391,46 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 			return n.entryId === "" && r !== void 0 && (n = xK(n, r)), n;
 		});
 	}, [t]), l(() => {
-		if (A || N.state.status !== "ok") return;
-		let e = P.map((e) => e.modelId);
-		if (j) {
-			let t = oM(e, N.state.data.clusterRootModelIds);
+		if (A || P.state.status !== "ok") return;
+		let e = F.map((e) => e.modelId);
+		if (M) {
+			let t = oM(e, P.state.data.clusterRootModelIds);
 			if (t.length === 0) return;
 			h((e) => e.baseModelIds.length === 0 ? {
 				...e,
 				baseModelIds: t
 			} : e);
 		} else {
-			let t = uM(e, N.state.data.clusterRootModelIds, P);
+			let t = uM(e, P.state.data.clusterRootModelIds, F);
 			if (t === void 0) return;
 			h((e) => e.baseModelIds.length === 0 ? {
 				...e,
 				baseModelIds: [t]
 			} : e);
 		}
-		ee(!0);
+		j(!0);
 	}, [
-		N.state,
-		P,
+		P.state,
+		F,
 		A,
-		j
+		M
 	]);
-	let te = bK(m), I = $G(async () => te === null ? null : e.training.planJob.query(te), [JSON.stringify(te)]), L = I.state.status === "ok" ? I.state.data : null;
+	let ee = bK(m), L = $G(async () => ee === null ? null : e.training.planJob.query(ee), [JSON.stringify(ee)]), R = L.state.status === "ok" ? L.state.data : null;
 	l(() => {
-		L?.defaults != null && (y(L.defaults.maxCostUsd.toFixed(2)), x((L.defaults.maxRuntimeSec / 3600).toFixed(1)));
-	}, [L?.defaults?.maxCostUsd, L?.defaults?.maxRuntimeSec]);
-	let ne = t.find((e) => e.entryId === m.entryId), re = Number(v), ie = Number(b), ae = te !== null && m.baseModelIds.length > 0 && L !== null && L.refusal === null && re > 0 && ie > 0 && g.trim() !== "" && !T, oe = async () => {
-		if (te === null || L === null || m.baseModelIds.length === 0) return;
+		R?.defaults != null && (y(R.defaults.maxCostUsd.toFixed(2)), x((R.defaults.maxRuntimeSec / 3600).toFixed(1)));
+	}, [R?.defaults?.maxCostUsd, R?.defaults?.maxRuntimeSec]);
+	let te = t.find((e) => e.entryId === m.entryId), ne = Number(v), re = Number(b), ie = ee !== null && m.baseModelIds.length > 0 && R !== null && R.refusal === null && ne > 0 && re > 0 && g.trim() !== "" && !T, ae = async () => {
+		if (ee === null || R === null || m.baseModelIds.length === 0) return;
 		let t = m.baseModelIds.length;
 		if (await c({
 			title: s(t > 1 ? "newJob.confirm.batchTitle" : "newJob.confirm.title"),
-			message: t > 1 ? `${L.dataNotice}\n\n${s("newJob.confirm.batchMessage", {
+			message: t > 1 ? `${R.dataNotice}\n\n${s("newJob.confirm.batchMessage", {
 				jobs: t,
-				cap: re.toFixed(2),
-				hours: ie
-			})}` : `${L.dataNotice}\n\n${s("newJob.confirm.message", {
-				cap: re.toFixed(2),
-				hours: ie
+				cap: ne.toFixed(2),
+				hours: re
+			})}` : `${R.dataNotice}\n\n${s("newJob.confirm.message", {
+				cap: ne.toFixed(2),
+				hours: re
 			})}`,
 			confirmLabel: s("newJob.confirm.confirm"),
 			variant: "warning"
@@ -55435,11 +55441,11 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 					let t = m.baseModelIds[0];
 					if (t === void 0) return;
 					let n = await e.training.startJob.mutate({
-						...te,
+						...ee,
 						baseModelId: t,
 						name: g.trim(),
-						maxCostUsd: re,
-						maxRuntimeSec: Math.round(ie * 3600),
+						maxCostUsd: ne,
+						maxRuntimeSec: Math.round(re * 3600),
 						idempotencyKey: crypto.randomUUID()
 					});
 					n.kind === "refused" ? C(s("newJob.refused", {
@@ -55448,17 +55454,17 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 					})) : (a(), o?.());
 				} else {
 					let t = await e.training.startJobBatch.mutate({
-						selection: te.selection,
-						entryId: te.entryId,
-						gpuType: te.gpuType,
-						region: te.region,
-						preset: te.preset,
-						freeze: te.freeze,
-						holdoutCameras: te.holdoutCameras,
+						selection: ee.selection,
+						entryId: ee.entryId,
+						gpuType: ee.gpuType,
+						region: ee.region,
+						preset: ee.preset,
+						freeze: ee.freeze,
+						holdoutCameras: ee.holdoutCameras,
 						baseModelIds: [...m.baseModelIds],
 						name: g.trim(),
-						maxCostUsd: re,
-						maxRuntimeSec: Math.round(ie * 3600),
+						maxCostUsd: ne,
+						maxRuntimeSec: Math.round(re * 3600),
 						idempotencyKey: crypto.randomUUID()
 					});
 					t.kind === "refused" ? C(`Refused (${t.reason}): ${t.detail}`) : (a(), o?.());
@@ -55469,11 +55475,11 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 				k(!1);
 			}
 		}
-	}, R = (e) => h((t) => ({
+	}, oe = (e) => h((t) => ({
 		...t,
 		...e
-	})), se = L?.split?.holdoutCameras ?? [], ce = (e) => {
-		M(e), e || h((e) => ({
+	})), se = R?.split?.holdoutCameras ?? [], ce = (e) => {
+		N(e), e || h((e) => ({
 			...e,
 			baseModelIds: e.baseModelIds[0] === void 0 ? [] : [e.baseModelIds[0]]
 		}));
@@ -55515,7 +55521,7 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 					children: [
 						/* @__PURE__ */ E(bj, {
 							checked: m.collectionIds.includes(e.id),
-							onChange: (t) => R({ collectionIds: t.target.checked ? [...m.collectionIds, e.id] : m.collectionIds.filter((t) => t !== e.id) })
+							onChange: (t) => oe({ collectionIds: t.target.checked ? [...m.collectionIds, e.id] : m.collectionIds.filter((t) => t !== e.id) })
 						}),
 						e.name,
 						/* @__PURE__ */ D("span", {
@@ -55536,7 +55542,7 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 				value: m.workState,
 				onChange: (e) => {
 					let t = e.target.value;
-					(t === "complete" || t === "annotated_or_complete" || t === "any_annotated") && R({ workState: t });
+					(t === "complete" || t === "annotated_or_complete" || t === "any_annotated") && oe({ workState: t });
 				},
 				options: yK.map((e) => ({
 					value: e,
@@ -55550,23 +55556,23 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 			children: [
 				/* @__PURE__ */ E("span", {
 					className: "text-sm text-foreground",
-					children: s(j ? "newJob.baseModels" : "newJob.baseModel")
+					children: s(M ? "newJob.baseModels" : "newJob.baseModel")
 				}),
 				/* @__PURE__ */ E("p", {
 					className: "text-xs text-foreground-muted",
 					children: s("newJob.baseModelHint")
 				}),
 				/* @__PURE__ */ E(dM, {
-					models: P,
-					clusterRootModelIds: F,
+					models: F,
+					clusterRootModelIds: I,
 					value: m.baseModelIds,
-					onChange: (e) => R({ baseModelIds: e }),
-					multiple: j
+					onChange: (e) => oe({ baseModelIds: e }),
+					multiple: M
 				}),
 				/* @__PURE__ */ D("label", {
 					className: "flex items-center gap-1.5 text-sm text-foreground-muted",
 					children: [/* @__PURE__ */ E(bj, {
-						checked: j,
+						checked: M,
 						onChange: (e) => ce(e.target.checked),
 						"data-testid": "new-job-advanced-multi"
 					}), s("newJob.advancedMulti")]
@@ -55580,7 +55586,7 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 					className: "space-y-1",
 					children: [/* @__PURE__ */ E("span", { children: s("newJob.preset.label") }), /* @__PURE__ */ E(Gs, {
 						value: m.preset,
-						onChange: (e) => R({ preset: e.target.value === "quick" ? "quick" : e.target.value === "thorough" ? "thorough" : "standard" }),
+						onChange: (e) => oe({ preset: e.target.value === "quick" ? "quick" : e.target.value === "thorough" ? "thorough" : "standard" }),
 						options: vK.map((e) => ({
 							value: e,
 							label: s(`newJob.preset.${e}`)
@@ -55592,7 +55598,7 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 					children: [/* @__PURE__ */ E("span", { children: s("newJob.freeze") }), /* @__PURE__ */ E(Is, {
 						inputMode: "numeric",
 						value: m.freeze,
-						onChange: (e) => R({ freeze: e.target.value }),
+						onChange: (e) => oe({ freeze: e.target.value }),
 						placeholder: s("newJob.freezePlaceholder")
 					})]
 				}),
@@ -55600,8 +55606,8 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 					className: "space-y-1",
 					children: [/* @__PURE__ */ E("span", { children: "GPU" }), /* @__PURE__ */ E(Gs, {
 						value: m.gpuType,
-						onChange: (e) => R({ gpuType: e.target.value }),
-						options: (ne?.gpuTypes ?? []).map((e) => ({
+						onChange: (e) => oe({ gpuType: e.target.value }),
+						options: (te?.gpuTypes ?? []).map((e) => ({
 							value: e.id,
 							label: `${e.label} — $${e.usdPerHour.toFixed(2)}/h`
 						}))
@@ -55611,8 +55617,8 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 					className: "space-y-1",
 					children: [/* @__PURE__ */ E("span", { children: s("newJob.region") }), /* @__PURE__ */ E(Gs, {
 						value: m.region,
-						onChange: (e) => R({ region: e.target.value }),
-						options: (ne?.regions ?? []).map((e) => ({
+						onChange: (e) => oe({ region: e.target.value }),
+						options: (te?.regions ?? []).map((e) => ({
 							value: e.id,
 							label: e.priceMultiplier === 1 ? e.label : `${e.label} (×${String(e.priceMultiplier)})`
 						}))
@@ -55624,20 +55630,20 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 			className: "text-sm text-foreground-muted",
 			children: s("newJob.holdoutCameras", { cameras: se.map((e) => i(e)).join(", ") })
 		}) : null,
-		I.state.status === "pending" && te !== null && /* @__PURE__ */ E("p", {
+		L.state.status === "pending" && ee !== null && /* @__PURE__ */ E("p", {
 			className: "text-sm text-foreground-subtle",
 			children: s("newJob.planning")
 		}),
-		I.state.status === "error" && /* @__PURE__ */ D("p", {
+		L.state.status === "error" && /* @__PURE__ */ D("p", {
 			className: "text-sm text-danger",
 			children: [
 				s("newJob.couldNotPlan"),
 				" ",
-				I.state.error
+				L.state.error
 			]
 		}),
-		L !== null && /* @__PURE__ */ E(_K, {
-			plan: L,
+		R !== null && /* @__PURE__ */ E(_K, {
+			plan: R,
 			cameraName: i
 		}),
 		/* @__PURE__ */ D("div", {
@@ -55678,8 +55684,8 @@ function DK({ trpc: e, providers: t, baseModels: n, collections: r, cameraName:
 			className: "flex justify-end pt-1",
 			children: /* @__PURE__ */ E(W, {
 				size: "md",
-				disabled: !ae,
-				onClick: () => void oe(),
+				disabled: !ie,
+				onClick: () => void ae(),
 				children: s(T ? "newJob.starting" : "newJob.reviewAndStart")
 			})
 		})
@@ -55913,17 +55919,17 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 	let { t: i } = pH(), a = zw("training-provider"), o = Wi(), s = Yz({
 		editKey: "edit",
 		newKey: "new"
-	}), [c, u] = w(!1), [f, p] = w(null), [h, g] = w(""), [_, v] = w(""), [y, b] = w({}), [S, C] = w({ kind: "idle" }), T = x(null), k = $G(() => e.trainingProvider.describe.query({}), []), A = $G(() => e.trainingProvider.describeTypes.query({}), []), ee = A.state.status === "ok" ? A.state.data : null, j = ee === null ? "" : NK(ee), M = x(ee);
-	M.current = ee;
-	let N = d(() => {
-		let e = /* @__PURE__ */ new Map(), t = M.current;
+	}), [c, u] = w(!1), [f, p] = w(null), [h, g] = w(""), [_, v] = w(""), [y, b] = w({}), [S, C] = w({ kind: "idle" }), T = x(null), k = $G(() => e.trainingProvider.describe.query({}), []), A = $G(() => e.trainingProvider.describeTypes.query({}), []), j = A.state.status === "ok" ? A.state.data : null, M = j === null ? "" : NK(j), N = x(j);
+	N.current = j;
+	let P = d(() => {
+		let e = /* @__PURE__ */ new Map(), t = N.current;
 		if (t !== null) for (let n of t) {
 			let t = PK(n);
 			e.set(t.typeId, t);
 		}
 		return e;
-	}, [j]), P = d(() => {
-		let e = M.current;
+	}, [M]), F = d(() => {
+		let e = N.current;
 		return e === null ? [] : e.map((e) => {
 			let t = PK(e);
 			return {
@@ -55931,44 +55937,44 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 				label: t.label
 			};
 		});
-	}, [j]), F = k.state.status === "ok" ? k.state.data : [];
+	}, [M]), I = k.state.status === "ok" ? k.state.data : [];
 	l(() => {
 		if (!n || A.state.status !== "ok") return;
-		let e = P[0]?.value ?? "";
+		let e = F[0]?.value ?? "";
 		p(null), C({ kind: "idle" }), g(e), v(""), b(IK(e)), T.current = "new", s.openNew(), r?.();
 	}, [n, A.state.status]);
-	let te = s.state, I = te.mode === "edit" ? F.find((e) => e.entryId === te.id) ?? null : null;
+	let ee = s.state, L = ee.mode === "edit" ? I.find((e) => e.entryId === ee.id) ?? null : null;
 	l(() => {
-		if (s.state.mode === "edit" && I !== null) {
-			let e = `edit:${I.entryId}`;
+		if (s.state.mode === "edit" && L !== null) {
+			let e = `edit:${L.entryId}`;
 			if (T.current === e) return;
-			T.current = e, p(null), C({ kind: "idle" }), g(I.typeId), v(I.name), b(I.formValues === void 0 ? {} : { ...I.formValues });
+			T.current = e, p(null), C({ kind: "idle" }), g(L.typeId), v(L.name), b(L.formValues === void 0 ? {} : { ...L.formValues });
 			return;
 		}
 		if (s.state.mode === "new") {
 			if (T.current === "new") return;
 			T.current = "new";
-			let e = P[0]?.value ?? "";
+			let e = F[0]?.value ?? "";
 			p(null), C({ kind: "idle" }), g(e), v(""), b(IK(e));
 			return;
 		}
 		T.current = null;
 	}, [
-		I,
+		L,
 		s.state.mode,
-		P
+		F
 	]);
-	let L = (N.get(h) ?? (I === null ? void 0 : N.get(I.typeId)))?.configSchema, ne = s.state.mode === "edit" && I !== null && T.current !== `edit:${I.entryId}` ? I.formValues === void 0 ? {} : { ...I.formValues } : y, re = s.state.mode === "edit" && I !== null ? `edit:${I.entryId}` : `new:${h}`, ie = m((e) => {
+	let R = (P.get(h) ?? (L === null ? void 0 : P.get(L.typeId)))?.configSchema, te = s.state.mode === "edit" && L !== null && T.current !== `edit:${L.entryId}` ? L.formValues === void 0 ? {} : { ...L.formValues } : y, ne = s.state.mode === "edit" && L !== null ? `edit:${L.entryId}` : `new:${h}`, re = m((e) => {
 		g(e), b(IK(e));
-	}, []), ae = m(async () => {
-		if (I !== null) {
+	}, []), ie = m(async () => {
+		if (L !== null) {
 			C({ kind: "running" });
 			try {
 				C({
 					kind: "done",
 					check: await e.trainingProvider.validateCredentials.mutate({
-						entryId: I.entryId,
-						addonId: I.addonId
+						entryId: L.entryId,
+						addonId: L.addonId
 					})
 				});
 			} catch (e) {
@@ -55978,13 +55984,13 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 				});
 			}
 		}
-	}, [I, e]), oe = m(() => {
+	}, [L, e]), ae = m(() => {
 		let e = _.trim();
 		if (e === "") return {
 			ok: !1,
 			message: i("providers.validation.nameRequired")
 		};
-		if (h === "modal" || I?.typeId === "modal") {
+		if (h === "modal" || L?.typeId === "modal") {
 			let t = Number(y.costCapUsd), n = Number(y.maxRuntimeHours), r = Number(y.failedDatasetGraceHours);
 			if (!Number.isFinite(t) || t < 0) return {
 				ok: !1,
@@ -56019,14 +56025,14 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 			fields: { name: e }
 		};
 	}, [
-		I?.typeId,
+		L?.typeId,
 		s.state.mode,
 		y,
 		_,
 		i,
 		h
-	]), R = m(async () => {
-		let t = oe();
+	]), oe = m(async () => {
+		let t = ae();
 		if (!t.ok) {
 			p(t.message);
 			return;
@@ -56034,7 +56040,7 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 		u(!0), p(null);
 		try {
 			if (s.state.mode === "new") {
-				let n = N.get(h);
+				let n = P.get(h);
 				if (n === void 0) {
 					p(i("providers.typeGone"));
 					return;
@@ -56049,9 +56055,9 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 					addonId: n.addonId,
 					...t.fields
 				});
-			} else if (I !== null) await e.trainingProvider.updateEntry.mutate({
-				entryId: I.entryId,
-				addonId: I.addonId,
+			} else if (L !== null) await e.trainingProvider.updateEntry.mutate({
+				entryId: L.entryId,
+				addonId: L.addonId,
 				...t.fields
 			});
 			else {
@@ -56066,12 +56072,12 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 		}
 	}, [
 		k,
-		I,
+		L,
 		s,
-		oe,
+		ae,
 		i,
 		e,
-		N,
+		P,
 		h,
 		A
 	]), se = m(async (t) => {
@@ -56181,7 +56187,7 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 			children: i("providers.absent.addons")
 		})
 	});
-	let le = A.state.status === "ok", ue = s.state.mode === "new", de = ue || I !== null;
+	let le = A.state.status === "ok", ue = s.state.mode === "new", de = ue || L !== null;
 	return /* @__PURE__ */ D("div", {
 		className: "flex min-h-0 flex-1 flex-col gap-3",
 		"data-testid": "training-providers",
@@ -56204,7 +56210,7 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 			}) : null,
 			k.state.status === "pending" ? /* @__PURE__ */ E(vw, { className: "h-32 w-full" }) : /* @__PURE__ */ E(Jj, {
 				columns: ce,
-				rows: F,
+				rows: I,
 				rowKey: (e) => e.entryId,
 				pageSize: 25,
 				fill: !0,
@@ -56220,7 +56226,7 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 				onClose: () => {
 					s.close(), p(null), C({ kind: "idle" }), T.current = null;
 				},
-				title: ue ? i("page.addProvider") : i("providers.editTitle", { name: I?.name ?? i("providers.fallbackName") }),
+				title: ue ? i("page.addProvider") : i("providers.editTitle", { name: L?.name ?? i("providers.fallbackName") }),
 				icon: pt,
 				width: "xl",
 				testId: "provider-entry-editor",
@@ -56229,7 +56235,7 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 					type: "button",
 					size: "sm",
 					disabled: c || ue && (!le || h === ""),
-					onClick: () => void R(),
+					onClick: () => void oe(),
 					children: i(c ? "common.saving" : "common.save")
 				}),
 				children: de ? /* @__PURE__ */ D(O, { children: [
@@ -56243,12 +56249,12 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 						options: [{
 							value: "",
 							label: i("providers.selectType")
-						}, ...P],
-						onChange: (e) => ie(e.target.value),
+						}, ...F],
+						onChange: (e) => re(e.target.value),
 						disabled: !le
 					})] }) : /* @__PURE__ */ E("p", {
 						className: "text-sm text-foreground-muted",
-						children: i("providers.typeLine", { type: I?.label ?? h })
+						children: i("providers.typeLine", { type: L?.label ?? h })
 					}),
 					/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(_j, {
 						htmlFor: "training-provider-name",
@@ -56259,30 +56265,30 @@ function RK({ trpc: e, navigate: t, createRequested: n = !1, onCreateConsumed: r
 						onChange: (e) => v(e.target.value),
 						placeholder: i("providers.namePlaceholder")
 					})] }),
-					L === void 0 ? h === "" ? null : /* @__PURE__ */ E("p", {
+					R === void 0 ? h === "" ? null : /* @__PURE__ */ E("p", {
 						className: "text-xs text-foreground-muted",
 						children: i("providers.nameOnlyHint")
 					}) : /* @__PURE__ */ D(O, { children: [
 						/* @__PURE__ */ E(sj, {
-							schema: L,
-							values: ne,
+							schema: R,
+							values: te,
 							onChange: b,
 							bare: !0
-						}, re),
-						I === null ? null : /* @__PURE__ */ D("div", {
+						}, ne),
+						L === null ? null : /* @__PURE__ */ D("div", {
 							className: "flex flex-wrap items-center gap-2 pt-1",
 							children: [/* @__PURE__ */ E(W, {
 								type: "button",
 								variant: "secondary",
 								size: "sm",
-								disabled: !I.configured || S.kind === "running",
-								onClick: () => void ae(),
+								disabled: !L.configured || S.kind === "running",
+								onClick: () => void ie(),
 								children: i("providers.testCredentials")
 							}), /* @__PURE__ */ E(FK, { state: S })]
 						}),
-						I === null ? null : /* @__PURE__ */ E("p", {
+						L === null ? null : /* @__PURE__ */ E("p", {
 							className: "text-xs text-foreground-muted",
-							children: I.dataResidencyNote
+							children: L.dataResidencyNote
 						})
 					] })
 				] }) : null