@camstack/addon-model-studio 1.1.238 → 1.1.240

package/dist/_stub.js

@@ -1,7 +1,7 @@
 import "./virtualExposes-CWSi4E_g.mjs";
-import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_model_studio_page__remoteEntry_js-sSBQxj-w.mjs";
+import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_model_studio_page__remoteEntry_js-D-BYW3s3.mjs";
 import { _ as e, b as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, p as d, r as f, t as p, u as m, v as h } from "./_virtual_mf___mfe_internal__addon_model_studio_page__loadShare__react__loadShare__.js-CHL8loOl.mjs";
-import { _ as g, a as _, b as v, c as y, d as b, f as x, g as S, i as C, l as w, m as T, o as E, p as ee, r as D, s as O, t as te, u as k, v as A, y as j } from "./responsive-DI5osE9O.mjs";
+import { _ as g, a as _, b as v, c as y, d as b, f as x, g as S, i as C, l as w, m as T, o as E, p as D, r as O, s as k, t as ee, u as A, v as te, y as j } from "./responsive-DI5osE9O.mjs";
 import { d as ne, l as re, u as M } from "./scene-monitor-copy-SE_x3tUF.mjs";
 import { i as ie, r as ae } from "./player-overlays-C9fpIK6c.mjs";
 import { r as oe, t as se } from "./square-DgdMdq1t.mjs";
@@ -2298,7 +2298,7 @@ typeof globalThis < "u" && !Nr && (globalThis.__camstackTrpcReact = V);
 //#endregion
 //#region ../ui-library/src/hooks/use-live-event.ts
 function Pr(e, t) {
-	let n = A(), r = o(t);
+	let n = te(), r = o(t);
 	r.current = t;
 	let [i, s] = a(n.connectionVersion);
 	m(() => n.subscribeConnectionEvents((e, t) => {
@@ -3004,7 +3004,7 @@ var qr = (e, t) => {
 		"subgrid",
 		W,
 		U
-	], ee = () => [
+	], D = () => [
 		"auto",
 		{ span: [
 			"full",
@@ -3015,19 +3015,19 @@ var qr = (e, t) => {
 		Ii,
 		W,
 		U
-	], D = () => [
+	], O = () => [
 		Ii,
 		"auto",
 		W,
 		U
-	], O = () => [
+	], k = () => [
 		"auto",
 		"min",
 		"max",
 		"fr",
 		W,
 		U
-	], te = () => [
+	], ee = () => [
 		"start",
 		"end",
 		"center",
@@ -3038,14 +3038,14 @@ var qr = (e, t) => {
 		"baseline",
 		"center-safe",
 		"end-safe"
-	], k = () => [
+	], A = () => [
 		"start",
 		"end",
 		"center",
 		"stretch",
 		"center-safe",
 		"end-safe"
-	], A = () => ["auto", ...w()], j = () => [
+	], te = () => ["auto", ...w()], j = () => [
 		Fi,
 		"auto",
 		"full",
@@ -3405,13 +3405,13 @@ var qr = (e, t) => {
 				U
 			] }],
 			"grid-cols": [{ "grid-cols": E() }],
-			"col-start-end": [{ col: ee() }],
-			"col-start": [{ "col-start": D() }],
-			"col-end": [{ "col-end": D() }],
+			"col-start-end": [{ col: D() }],
+			"col-start": [{ "col-start": O() }],
+			"col-end": [{ "col-end": O() }],
 			"grid-rows": [{ "grid-rows": E() }],
-			"row-start-end": [{ row: ee() }],
-			"row-start": [{ "row-start": D() }],
-			"row-end": [{ "row-end": D() }],
+			"row-start-end": [{ row: D() }],
+			"row-start": [{ "row-start": O() }],
+			"row-end": [{ "row-end": O() }],
 			"grid-flow": [{ "grid-flow": [
 				"row",
 				"col",
@@ -3419,24 +3419,24 @@ var qr = (e, t) => {
 				"row-dense",
 				"col-dense"
 			] }],
-			"auto-cols": [{ "auto-cols": O() }],
-			"auto-rows": [{ "auto-rows": O() }],
+			"auto-cols": [{ "auto-cols": k() }],
+			"auto-rows": [{ "auto-rows": k() }],
 			gap: [{ gap: w() }],
 			"gap-x": [{ "gap-x": w() }],
 			"gap-y": [{ "gap-y": w() }],
-			"justify-content": [{ justify: [...te(), "normal"] }],
-			"justify-items": [{ "justify-items": [...k(), "normal"] }],
-			"justify-self": [{ "justify-self": ["auto", ...k()] }],
-			"align-content": [{ content: ["normal", ...te()] }],
-			"align-items": [{ items: [...k(), { baseline: ["", "last"] }] }],
+			"justify-content": [{ justify: [...ee(), "normal"] }],
+			"justify-items": [{ "justify-items": [...A(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...A()] }],
+			"align-content": [{ content: ["normal", ...ee()] }],
+			"align-items": [{ items: [...A(), { baseline: ["", "last"] }] }],
 			"align-self": [{ self: [
 				"auto",
-				...k(),
+				...A(),
 				{ baseline: ["", "last"] }
 			] }],
-			"place-content": [{ "place-content": te() }],
-			"place-items": [{ "place-items": [...k(), "baseline"] }],
-			"place-self": [{ "place-self": ["auto", ...k()] }],
+			"place-content": [{ "place-content": ee() }],
+			"place-items": [{ "place-items": [...A(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...A()] }],
 			p: [{ p: w() }],
 			px: [{ px: w() }],
 			py: [{ py: w() }],
@@ -3448,17 +3448,17 @@ var qr = (e, t) => {
 			pr: [{ pr: w() }],
 			pb: [{ pb: w() }],
 			pl: [{ pl: w() }],
-			m: [{ m: A() }],
-			mx: [{ mx: A() }],
-			my: [{ my: A() }],
-			ms: [{ ms: A() }],
-			me: [{ me: A() }],
-			mbs: [{ mbs: A() }],
-			mbe: [{ mbe: A() }],
-			mt: [{ mt: A() }],
-			mr: [{ mr: A() }],
-			mb: [{ mb: A() }],
-			ml: [{ ml: A() }],
+			m: [{ m: te() }],
+			mx: [{ mx: te() }],
+			my: [{ my: te() }],
+			ms: [{ ms: te() }],
+			me: [{ me: te() }],
+			mbs: [{ mbs: te() }],
+			mbe: [{ mbe: te() }],
+			mt: [{ mt: te() }],
+			mr: [{ mr: te() }],
+			mb: [{ mb: te() }],
+			ml: [{ ml: te() }],
 			"space-x": [{ "space-x": w() }],
 			"space-x-reverse": ["space-x-reverse"],
 			"space-y": [{ "space-y": w() }],
@@ -5850,11 +5850,11 @@ var ko = function() {
 	}), h.useEffect(() => {
 		S(!1);
 	}, [_]);
-	let ee = lo({
+	let D = lo({
 		height: i,
 		width: i
-	}, m), D = null;
-	return _ != null && (D = /* @__PURE__ */ h.createElement("img", {
+	}, m), O = null;
+	return _ != null && (O = /* @__PURE__ */ h.createElement("img", {
 		src: _,
 		key: _,
 		style: { display: "none" },
@@ -5864,12 +5864,12 @@ var ko = function() {
 		ref: y,
 		crossOrigin: E?.crossOrigin
 	})), /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement("canvas", lo({
-		style: ee,
+		style: D,
 		height: i,
 		width: i,
 		ref: b,
 		role: "img"
-	}, g)), D);
+	}, g)), O);
 });
 Ao.displayName = "QRCodeCanvas";
 var jo = h.forwardRef(function(e, t) {
@@ -6675,7 +6675,7 @@ function gs({ addon: e, fields: t, layers: n, target: r, labels: i, modelId: a,
 						children: "Settings"
 					}),
 					/* @__PURE__ */ B("span", {
-						className: ee,
+						className: D,
 						children: ["editing: ", i[r] ?? r]
 					}),
 					/* @__PURE__ */ B("span", {
@@ -7099,7 +7099,7 @@ function ec({ label: e, children: t, actions: n, elements: r = "plain", classNam
 			children: e
 		}), /* @__PURE__ */ B(s, {
 			"data-setting-row-value": "",
-			className: k,
+			className: A,
 			children: [/* @__PURE__ */ z("span", {
 				"data-setting-row-value-text": "",
 				className: G(b, a),
@@ -7155,64 +7155,65 @@ var sc = {
 	right: "text-right",
 	center: "text-center"
 };
-function cc({ columns: e, rows: t, rowKey: n, onRowClick: r, minWidthPx: i = 480, emptyMessage: o, className: s, bordered: c = !0, rowClassName: u, mobileMode: d = "scroll", maxBodyHeight: f, defaultSort: p, sort: m, onSortChange: h, pageSize: g, page: _, onPageChange: v, paginationLabels: y = Ys, selection: b }) {
-	let x = Ms(), [S, C] = a(p ?? null), [w, T] = a(0), E = m === void 0 ? S : m, ee = (e) => {
-		m === void 0 && C(e), h?.(e);
-	}, D = (e) => {
-		_ === void 0 && T(e), v?.(e);
-	}, O = Ks({
+function cc({ columns: e, rows: t, rowKey: n, onRowClick: r, minWidthPx: i = 480, emptyMessage: o, className: s, bordered: c = !0, rowClassName: u, mobileMode: d = "scroll", maxBodyHeight: f, fill: p = !1, defaultSort: m, sort: h, onSortChange: g, pageSize: _, page: v, onPageChange: y, paginationLabels: b = Ys, selection: x }) {
+	let S = Ms(), [C, w] = a(m ?? null), [T, E] = a(0), D = h === void 0 ? C : h, O = (e) => {
+		h === void 0 && w(e), g?.(e);
+	}, k = (e) => {
+		v === void 0 && E(e), y?.(e);
+	}, ee = Ks({
 		mode: d,
 		columnCount: e.length,
-		isNarrow: x
-	}), te = f !== void 0, k = l(() => E === null ? void 0 : e.find((e) => e.key === E.columnKey && e.sortValue !== void 0), [e, E]), A = k?.sortValue, j = l(() => A === void 0 ? t : ac(t, E, A), [
+		isNarrow: S
+	}), A = p || f !== void 0, te = p ? "h-full min-h-0" : f ?? "", j = l(() => D === null ? void 0 : e.find((e) => e.key === D.columnKey && e.sortValue !== void 0), [e, D]), ne = j?.sortValue, re = l(() => ne === void 0 ? t : ac(t, D, ne), [
 		t,
-		E,
-		A
-	]), ne = k === void 0 ? null : E, re = g === void 0 ? null : Js(j, _ ?? w, g), M = re === null ? j : re.pageRows, ie = re !== null && re.pageCount > 1 ? /* @__PURE__ */ z(qs, {
-		page: re,
-		labels: y,
-		onPageChange: D
-	}) : null, ae = b === void 0 ? e : [$s(b, M, (e) => String(n ? n(e, t.indexOf(e)) : t.indexOf(e))), ...e];
+		D,
+		ne
+	]), M = j === void 0 ? null : D, ie = _ === void 0 ? null : Js(re, v ?? T, _), ae = ie === null ? re : ie.pageRows, oe = ie !== null && ie.pageCount > 1 ? /* @__PURE__ */ z(qs, {
+		page: ie,
+		labels: b,
+		onPageChange: k
+	}) : null, se = x === void 0 ? e : [$s(x, ae, (e) => String(n ? n(e, t.indexOf(e)) : t.indexOf(e))), ...e];
 	if (t.length === 0 && o) return /* @__PURE__ */ z("div", {
 		className: `rounded-lg ${c ? "border border-border" : ""} bg-surface px-3 py-4 text-xs text-foreground-subtle text-center ${s ?? ""}`,
 		children: o
 	});
 	if (t.length === 0) return null;
-	if (O === "cards") return /* @__PURE__ */ B("div", {
-		className: s,
+	if (ee === "cards") return /* @__PURE__ */ B("div", {
+		className: p ? `flex min-h-0 flex-1 flex-col ${s ?? ""}` : s,
 		children: [/* @__PURE__ */ z("div", {
-			className: `space-y-2 ${te ? `${f} overflow-y-auto` : ""}`,
-			children: M.map((e, t) => /* @__PURE__ */ z(lc, {
+			className: `space-y-2 ${A ? `${te} overflow-y-auto` : ""} ${p ? "min-h-0 flex-1" : ""}`,
+			children: ae.map((e, t) => /* @__PURE__ */ z(lc, {
 				row: e,
 				rowIndex: t,
-				columns: ae,
+				columns: se,
 				bordered: c,
 				onRowClick: r,
 				rowClassName: u
 			}, n ? n(e, t) : t))
-		}), ie]
+		}), oe]
 	});
-	let oe = /* @__PURE__ */ z("div", {
+	let N = /* @__PURE__ */ z("div", {
 		className: [
 			"rounded-lg",
 			c ? "border border-border" : "",
 			"bg-surface overflow-x-auto",
-			te ? `${f} overflow-y-auto` : "",
-			ie === null ? s ?? "" : ""
+			A ? `${te} overflow-y-auto` : "",
+			p ? "min-h-0 flex-1" : "",
+			!p && oe === null ? s ?? "" : ""
 		].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ B("table", {
-			className: `w-full text-xs ${te ? "border-separate border-spacing-0" : ""}`,
+			className: `w-full text-xs ${A ? "border-separate border-spacing-0" : ""}`,
 			style: { minWidth: `${i}px` },
 			children: [/* @__PURE__ */ z("thead", {
 				className: "bg-surface",
-				children: /* @__PURE__ */ z("tr", { children: ae.map((e) => {
-					let t = e.align ?? "left", n = e.nowrap ?? !0, r = e.sortValue !== void 0, i = ne !== null && ne.columnKey === e.key;
+				children: /* @__PURE__ */ z("tr", { children: se.map((e) => {
+					let t = e.align ?? "left", n = e.nowrap ?? !0, r = e.sortValue !== void 0, i = M !== null && M.columnKey === e.key;
 					return /* @__PURE__ */ z("th", {
-						"aria-sort": r ? oc(ne, e.key) : void 0,
+						"aria-sort": r ? oc(M, 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",
-							te ? "sticky top-0 z-10" : "",
+							A ? "sticky top-0 z-10" : "",
 							sc[t],
 							n ? "whitespace-nowrap" : "",
 							e.width ?? ""
@@ -7220,17 +7221,17 @@ function cc({ columns: e, rows: t, rowKey: n, onRowClick: r, minWidthPx: i = 480
 						children: r ? /* @__PURE__ */ z(tc, {
 							label: e.headerRender ? e.headerRender() : e.header,
 							active: i,
-							dir: i && ne !== null ? ne.dir : "asc",
-							onSort: () => ee(rc(E, e.key))
+							dir: i && M !== null ? M.dir : "asc",
+							onSort: () => O(rc(D, e.key))
 						}) : e.headerRender ? e.headerRender() : e.header
 					}, e.key);
 				}) })
-			}), /* @__PURE__ */ z("tbody", { children: M.map((e, t) => {
+			}), /* @__PURE__ */ z("tbody", { children: ae.map((e, t) => {
 				let i = n ? n(e, t) : t, a = u?.(e, t) ?? "", o = r !== void 0;
 				return /* @__PURE__ */ z("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: ae.map((n) => {
+					children: se.map((n) => {
 						let r = n.align ?? "left", i = n.nowrap ?? !0;
 						return /* @__PURE__ */ z("td", {
 							"data-cell": n.key,
@@ -7246,9 +7247,12 @@ function cc({ columns: e, rows: t, rowKey: n, onRowClick: r, minWidthPx: i = 480
 			}) })]
 		})
 	});
-	return ie === null ? oe : /* @__PURE__ */ B("div", {
-		className: s,
-		children: [oe, ie]
+	return oe === null ? p ? /* @__PURE__ */ z("div", {
+		className: `flex min-h-0 flex-1 flex-col ${s ?? ""}`,
+		children: N
+	}) : N : /* @__PURE__ */ B("div", {
+		className: p ? `flex min-h-0 flex-1 flex-col ${s ?? ""}` : s,
+		children: [N, oe]
 	});
 }
 function lc({ row: e, rowIndex: t, columns: n, bordered: r, onRowClick: i, rowClassName: a }) {
@@ -7902,25 +7906,25 @@ function Nl(e, t) {
 	return t ? (Al[e] ?? 0) >= (Al[t] ?? 0) : !0;
 }
 function Pl({ agentId: e, addonId: t, deviceId: r, containerDeviceId: i, integrationId: s, requestId: c, level: u, maxHeight: f = "max-h-96", showScope: p = !1, showDeviceChip: h = !1, showFilters: g = !0, limit: _ = 100, liveBuffer: v, onClose: y, className: b }) {
-	let [x, S] = a(""), [C, w] = a(""), [T, E] = a(u ?? "info"), ee = e, D = t ?? (x || void 0), O = r ?? (C ? Number(C) : void 0), te = s, k = c, A = l(() => {
+	let [x, S] = a(""), [C, w] = a(""), [T, E] = a(u ?? "info"), D = e, O = t ?? (x || void 0), k = r ?? (C ? Number(C) : void 0), ee = s, A = c, te = l(() => {
 		let e = {};
-		return ee && (e.agentId = ee), D && (e.addonId = D), i !== void 0 && Number.isFinite(i) ? e.containerDeviceId = i : O !== void 0 && Number.isFinite(O) && (e.deviceId = O), te && (e.integrationId = te), k && (e.requestId = k), Object.keys(e).length > 0 ? e : void 0;
+		return D && (e.agentId = D), O && (e.addonId = O), i !== void 0 && Number.isFinite(i) ? e.containerDeviceId = i : k !== void 0 && Number.isFinite(k) && (e.deviceId = k), ee && (e.integrationId = ee), A && (e.requestId = A), Object.keys(e).length > 0 ? e : void 0;
 	}, [
-		ee,
 		D,
 		O,
+		k,
 		i,
-		te,
-		k
-	]), j = El(Ml), ne = v ?? j, re = ne.entries, [M, oe] = a(0), [se, P] = a(!0), ce = o(!1), [le, F] = a(!1), [ue, de] = a(!1), [fe, pe] = a(/* @__PURE__ */ new Set()), [me, he] = a(""), I = o(null), ge = `${ee ?? ""}:${D ?? ""}:${String(O ?? "")}:${String(i ?? "")}:${te ?? ""}:${k ?? ""}`, _e = o(ge);
+		ee,
+		A
+	]), j = El(Ml), ne = v ?? j, re = ne.entries, [M, oe] = a(0), [se, P] = a(!0), ce = o(!1), [le, F] = a(!1), [ue, de] = a(!1), [fe, pe] = a(/* @__PURE__ */ new Set()), [me, he] = a(""), I = o(null), ge = `${D ?? ""}:${O ?? ""}:${String(k ?? "")}:${String(i ?? "")}:${ee ?? ""}:${A ?? ""}`, _e = o(ge);
 	m(() => {
 		_e.current !== ge && (_e.current = ge, ne.reset(), oe(0), pe(/* @__PURE__ */ new Set()), F(!1));
 	}, [ge, ne]);
 	let { data: ve, isLoading: ye } = V.logs.query.useQuery({
-		...A ? { tags: A } : {},
+		...te ? { tags: te } : {},
 		limit: _
 	}, { staleTime: 3e4 });
-	V.logs.subscribe.useSubscription(A ? { tags: A } : {}, { onData: (e) => {
+	V.logs.subscribe.useSubscription(te ? { tags: te } : {}, { onData: (e) => {
 		ne.append(e);
 	} });
 	let be = l(() => {
@@ -7990,11 +7994,11 @@ function Pl({ agentId: e, addonId: t, deviceId: r, containerDeviceId: i, integra
 			de(!0), setTimeout(() => de(!1), 1500);
 		});
 	}, [be]), R = V.logs.clear.useMutation(), ke = n(() => {
-		oe(Date.now()), ne.reset(), R.mutate(A ? { tags: A } : {});
+		oe(Date.now()), ne.reset(), R.mutate(te ? { tags: te } : {});
 	}, [
 		ne,
 		R,
-		A
+		te
 	]), Ae = n((e) => {
 		pe((t) => {
 			let n = new Set(t);
@@ -8019,17 +8023,17 @@ function Pl({ agentId: e, addonId: t, deviceId: r, containerDeviceId: i, integra
 							className: "text-[10px] uppercase tracking-wide text-foreground-subtle font-medium",
 							children: "Logs"
 						}),
-						ee && /* @__PURE__ */ z(Il, {
+						D && /* @__PURE__ */ z(Il, {
 							label: "agent",
-							value: ee
+							value: D
 						}),
-						D && /* @__PURE__ */ z(Il, {
+						O && /* @__PURE__ */ z(Il, {
 							label: "addon",
-							value: D
+							value: O
 						}),
-						O !== void 0 && /* @__PURE__ */ z(Il, {
+						k !== void 0 && /* @__PURE__ */ z(Il, {
 							label: "device",
-							value: `#${O}`
+							value: `#${k}`
 						}),
 						/* @__PURE__ */ z("div", {
 							className: "flex rounded border border-border overflow-hidden text-[9px]",
@@ -8605,7 +8609,7 @@ function cu({ trpc: e, deviceId: t, layout: n, optimistic: r, features: i }) {
 		}
 	}, E = () => {
 		p || f(null);
-	}, ee = async () => {
+	}, D = async () => {
 		if (!(p || d === null)) {
 			g(null), m(!0);
 			try {
@@ -8616,14 +8620,14 @@ function cu({ trpc: e, deviceId: t, layout: n, optimistic: r, features: i }) {
 				m(!1);
 			}
 		}
-	}, D = _ ? "Unlock" : "Lock", O = d === "open" ? "Open door?" : "Unlock device?", te = d === "open" ? "This will release the latch and open the door." : "This will unlock the device.", k = d === "open" ? "Confirm open" : "Confirm unlock", A = z(d === "open" ? Jt : vn, { className: "h-4 w-4 text-amber-400" });
+	}, O = _ ? "Unlock" : "Lock", k = d === "open" ? "Open door?" : "Unlock device?", ee = d === "open" ? "This will release the latch and open the door." : "This will unlock the device.", A = d === "open" ? "Confirm open" : "Confirm unlock", te = z(d === "open" ? Jt : vn, { className: "h-4 w-4 text-amber-400" });
 	return /* @__PURE__ */ B("div", {
 		className: G("inline-flex items-center", n === "full" ? "gap-2" : "gap-1"),
 		children: [
 			/* @__PURE__ */ B("button", {
 				type: "button",
-				"aria-label": D,
-				title: l.state === "jammed" ? "Jammed" : D,
+				"aria-label": O,
+				title: l.state === "jammed" ? "Jammed" : O,
 				disabled: v,
 				onClick: (e) => {
 					e.stopPropagation(), w();
@@ -8653,8 +8657,8 @@ function cu({ trpc: e, deviceId: t, layout: n, optimistic: r, features: i }) {
 					children: [
 						/* @__PURE__ */ B(eo, { children: [/* @__PURE__ */ B(no, {
 							className: "flex items-center gap-2",
-							children: [A, O]
-						}), /* @__PURE__ */ z(ro, { children: te })] }),
+							children: [te, k]
+						}), /* @__PURE__ */ z(ro, { children: ee })] }),
 						h !== null && /* @__PURE__ */ z("div", {
 							className: "mt-2 px-3 py-2 rounded border border-danger/40 bg-danger/10 text-xs text-danger",
 							children: h
@@ -8670,12 +8674,12 @@ function cu({ trpc: e, deviceId: t, layout: n, optimistic: r, features: i }) {
 							type: "button",
 							variant: "danger",
 							size: "sm",
-							"aria-label": k,
+							"aria-label": A,
 							disabled: p,
 							onClick: () => {
-								ee();
+								D();
 							},
-							children: [p && /* @__PURE__ */ z(_n, { className: "h-3.5 w-3.5 animate-spin" }), k]
+							children: [p && /* @__PURE__ */ z(_n, { className: "h-3.5 w-3.5 animate-spin" }), A]
 						})] })
 					]
 				})
@@ -18862,27 +18866,27 @@ var Yx = f(function({ tree: e, agents: t, getCellState: n, onCellClick: r, onSte
 		u,
 		_,
 		t
-	]), [E, ee] = a({
+	]), [E, D] = a({
 		r: 0,
 		c: 0
 	});
 	m(() => {
-		T !== null && ee(T);
+		T !== null && D(T);
 	}, [T]);
-	let D = E.r < _.length && E.c < S ? E : {
+	let O = E.r < _.length && E.c < S ? E : {
 		r: 0,
 		c: 0
-	}, O = (e, t) => {
+	}, k = (e, t) => {
 		y.current?.querySelector(`[data-r="${e}"][data-c="${t}"]`)?.focus();
 	};
 	return i(g, () => ({ focusCell: (e, n) => {
 		let r = _.findIndex((t) => t.node.addonId === e);
 		if (r < 0) return;
 		let i = n === null ? -1 : t.findIndex((e) => Ax(e) === n), a = i < 0 ? 0 : i + 1;
-		ee({
+		D({
 			r,
 			c: a
-		}), O(r, a);
+		}), k(r, a);
 	} }), [_, t]), d(() => {
 		if (T === null) return;
 		let e = y.current, t = e?.querySelector(`[data-r="${T.r}"][data-c="${T.c}"]`);
@@ -18913,7 +18917,7 @@ var Yx = f(function({ tree: e, agents: t, getCellState: n, onCellClick: r, onSte
 						r: Number(e.target.dataset.r),
 						c: Number(e.target.dataset.c)
 					}, n = Kx(e.key, t, _.length, S);
-					n !== null && (e.preventDefault(), ee(n), O(n.r, n.c));
+					n !== null && (e.preventDefault(), D(n), k(n.r, n.c));
 				},
 				children: [/* @__PURE__ */ B("div", {
 					role: "row",
@@ -18937,7 +18941,7 @@ var Yx = f(function({ tree: e, agents: t, getCellState: n, onCellClick: r, onSte
 						node: e,
 						depth: i,
 						r: a,
-						tabbable: D.r === a && D.c === 0,
+						tabbable: O.r === a && O.c === 0,
 						selected: u?.addonId === e.addonId,
 						badge: c?.(e.addonId),
 						onClick: s ? (t) => s(e.addonId, t) : void 0,
@@ -18953,7 +18957,7 @@ var Yx = f(function({ tree: e, agents: t, getCellState: n, onCellClick: r, onSte
 								"data-c": i + 1,
 								"data-step": e.addonId,
 								"data-col": Ax(t),
-								tabIndex: D.r === a && D.c === i + 1 ? 0 : -1,
+								tabIndex: O.r === a && O.c === i + 1 ? 0 : -1,
 								"aria-disabled": !c,
 								"aria-selected": s,
 								onClick: (n) => {
@@ -19020,15 +19024,15 @@ f(function({ tree: e, agents: t, getCellState: n, onCellClick: r, selectedCell:
 function Xx({ selectedNodeId: e, onSelect: t, label: n = "Node", hideIcon: r = !1, alwaysShow: i = !1, allowOffline: a = !1 }) {
 	let { nodes: o } = Rr(), s = Pa(void 0), c = l(() => Ws(s.data), [s.data]);
 	return !i && o.length <= 1 ? null : /* @__PURE__ */ B("div", {
-		className: "flex items-center gap-1.5",
+		className: "flex h-7 items-center gap-1.5",
 		children: [
-			!r && /* @__PURE__ */ z(Kn, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-			n && /* @__PURE__ */ z("span", {
+			!r && /* @__PURE__ */ z(Kn, { className: "h-3.5 w-3.5 shrink-0 text-foreground-subtle" }),
+			n ? /* @__PURE__ */ z("span", {
 				className: "text-[10px] uppercase tracking-wider text-foreground-subtle",
 				children: n
-			}),
+			}) : null,
 			/* @__PURE__ */ z("div", {
-				className: "flex rounded-md border border-border overflow-hidden text-[11px] font-medium",
+				className: "flex h-7 overflow-hidden rounded-md border border-border text-xs font-medium",
 				children: o.map((n, r) => {
 					let i = e === n.id, o = Gs(c, n.id), s = !a && !n.isOnline;
 					return /* @__PURE__ */ z("button", {
@@ -19036,7 +19040,7 @@ function Xx({ selectedNodeId: e, onSelect: t, label: n = "Node", hideIcon: r = !
 						onClick: () => t(n.id),
 						disabled: s,
 						title: n.isOnline ? n.name : `${n.name} (offline)`,
-						className: G("px-2.5 py-1 transition-colors", i ? G(Hs(o), Vs(o)) : G("bg-transparent hover:bg-surface-hover", Vs(o), !s && "opacity-70 hover:opacity-100"), r > 0 && "border-l border-border", s && "opacity-50 cursor-not-allowed"),
+						className: G("inline-flex h-7 items-center px-2.5 transition-colors", i ? G(Hs(o), Vs(o)) : G("bg-transparent hover:bg-surface-hover", Vs(o), !s && "opacity-70 hover:opacity-100"), r > 0 && "border-l border-border", s && "cursor-not-allowed opacity-50"),
 						children: n.shortName
 					}, n.id);
 				})
@@ -19046,13 +19050,13 @@ function Xx({ selectedNodeId: e, onSelect: t, label: n = "Node", hideIcon: r = !
 }
 //#endregion
 //#region ../ui-library/src/composites/page-shell.tsx
-function Zx({ icon: e, title: t, subtitle: n, actions: r, nav: i, className: a, children: o }) {
-	let s = !!t || n != null || r != null, c = s || i != null;
+function Zx({ icon: e, title: t, subtitle: n, actions: r, nav: i, fill: a = !1, className: o, children: s }) {
+	let c = !!t || n != null || r != null, l = c || i != null;
 	return /* @__PURE__ */ B("div", {
-		className: G("space-y-4 overflow-x-clip p-2 sm:p-4", a),
-		children: [c && /* @__PURE__ */ B("div", {
-			className: "space-y-3",
-			children: [s && /* @__PURE__ */ B("div", {
+		className: G("overflow-x-clip p-2 sm:p-4", a ? "flex h-full min-h-0 flex-col gap-4" : "space-y-4", o),
+		children: [l && /* @__PURE__ */ B("div", {
+			className: "shrink-0 space-y-3",
+			children: [c && /* @__PURE__ */ B("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-4",
 				children: [/* @__PURE__ */ B("div", {
 					className: "min-w-0",
@@ -19071,10 +19075,16 @@ function Zx({ icon: e, title: t, subtitle: n, actions: r, nav: i, className: a,
 					children: r
 				})]
 			}), i]
-		}), o]
+		}), a ? /* @__PURE__ */ z("div", {
+			className: "flex min-h-0 flex-1 flex-col gap-3",
+			children: s
+		}) : s]
 	});
 }
 //#endregion
+//#region ../ui-library/src/composites/sectioned-page.tsx
+t(), t();
+//#endregion
 //#region ../ui-library/src/composites/section-toolbar.tsx
 function Qx({ start: e, end: t, className: n, testId: r }) {
 	return /* @__PURE__ */ B("div", {
@@ -19112,7 +19122,7 @@ function tS(e) {
 }
 //#endregion
 //#region ../ui-library/src/composites/step-inspector/step-inspector-panel.tsx
-t(), t(), t(), G(C, "min-w-0 max-w-full gap-1.5 py-1 pl-1 pr-2.5 text-xs font-normal", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40"), G(D, "font-medium"), t(), t(), t(), t(), t();
+t(), t(), t(), G(C, "min-w-0 max-w-full gap-1.5 py-1 pl-1 pr-2.5 text-xs font-normal", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40"), G(O, "font-medium"), t(), t(), t(), t(), t();
 function nS({ dirtyCount: e, saving: t, status: n, error: r, onSave: i, onDiscard: a, scope: o }) {
 	let s = e > 0, c = t ? "Saving…" : s ? `${e} unsaved change${e === 1 ? "" : "s"}` : n === "saved" ? "Saved" : n === "error" ? r ?? "Save failed" : "No unsaved changes";
 	return /* @__PURE__ */ B("footer", {
@@ -20048,7 +20058,9 @@ async function qC(e, t) {
 function JC({ selectedNodeId: e, onSelect: t }) {
 	return /* @__PURE__ */ z(Xx, {
 		selectedNodeId: e,
-		onSelect: t
+		onSelect: t,
+		hideIcon: !0,
+		label: ""
 	});
 }
 //#endregion
@@ -20667,7 +20679,7 @@ var Hw = [
 	label: "Test"
 }];
 function Ww({ trpc: e, landNodeId: t, onImported: r }) {
-	let i = uw(), [s, c] = a(null), [u, d] = a([]), [f, p] = a(null), [h, g] = a({}), [_, v] = a({}), [y, b] = a(null), [x, S] = a(null), [C, w] = a(null), [T, E] = a("relu"), [ee, D] = a(""), [O, te] = a(""), [k, A] = a(null), [j, ne] = a(""), re = o(0), M = o(!1), ie = t !== void 0 && t.length > 0 ? t : j.length > 0 ? j : void 0, ae = n(async () => {
+	let i = uw(), [s, c] = a(null), [u, d] = a([]), [f, p] = a(null), [h, g] = a({}), [_, v] = a({}), [y, b] = a(null), [x, S] = a(null), [C, w] = a(null), [T, E] = a("relu"), [D, O] = a(""), [k, ee] = a(""), [A, te] = a(null), [j, ne] = a(""), re = o(0), M = o(!1), ie = t !== void 0 && t.length > 0 ? t : j.length > 0 ? j : void 0, ae = n(async () => {
 		let t = ++re.current;
 		b(null);
 		try {
@@ -20684,7 +20696,7 @@ function Ww({ trpc: e, landNodeId: t, onImported: r }) {
 				a
 			]);
 			if (t !== re.current) return;
-			if (c(o.entries), d(o.drift), A(u), u.length > 0 && ne((e) => e.length > 0 && u.includes(e) ? e : u[0]), s.ok) {
+			if (c(o.entries), d(o.drift), te(u), u.length > 0 && ne((e) => e.length > 0 && u.includes(e) ? e : u[0]), s.ok) {
 				p(new Set(s.value.map((e) => e.entry.id)));
 				let e = {};
 				for (let t of s.value) e[t.entry.id] = zS(t.entry);
@@ -20703,9 +20715,9 @@ function Ww({ trpc: e, landNodeId: t, onImported: r }) {
 	m(() => {
 		ae();
 	}, [ae]);
-	let oe = l(() => (s ?? []).filter((e) => e.variant === T), [s, T]), se = l(() => Mw(oe), [oe]), N = l(() => new Map(se.map((e) => [e.id, e])), [se]), P = ee.length > 0 && N.has(ee) ? ee : se[0]?.id ?? "", ce = n(async (n) => {
-		if (M.current || Vw(O)) return;
-		let a = Bw(O);
+	let oe = l(() => (s ?? []).filter((e) => e.variant === T), [s, T]), se = l(() => Mw(oe), [oe]), N = l(() => new Map(se.map((e) => [e.id, e])), [se]), P = D.length > 0 && N.has(D) ? D : se[0]?.id ?? "", ce = n(async (n) => {
+		if (M.current || Vw(k)) return;
+		let a = Bw(k);
 		M.current = !0, S(n.id), w(null);
 		let o = n.format === "tflite" ? ie : t !== void 0 && t.length > 0 ? t : void 0;
 		try {
@@ -20758,7 +20770,7 @@ function Ww({ trpc: e, landNodeId: t, onImported: r }) {
 		ie,
 		t,
 		i,
-		O
+		k
 	]);
 	if (s === null && y === null) return /* @__PURE__ */ z("div", {
 		"data-testid": "scrypted-tab",
@@ -20800,7 +20812,7 @@ function Ww({ trpc: e, landNodeId: t, onImported: r }) {
 				className: "text-[11px] text-foreground-subtle",
 				children: "Local Scrypted YOLO catalog. Import lands on the selected node."
 			}),
-			t === void 0 && k !== null && k.length > 0 && /* @__PURE__ */ B("label", {
+			t === void 0 && A !== null && A.length > 0 && /* @__PURE__ */ B("label", {
 				className: "flex items-center gap-2 text-[11px] text-foreground",
 				children: [/* @__PURE__ */ z("span", {
 					className: "text-foreground-subtle uppercase tracking-wide text-[10px]",
@@ -20809,13 +20821,13 @@ function Ww({ trpc: e, landNodeId: t, onImported: r }) {
 					className: "bg-surface border border-border rounded px-2 py-0.5 text-[11px]",
 					value: j,
 					onChange: (e) => ne(e.target.value),
-					children: k.map((e) => /* @__PURE__ */ z("option", {
+					children: A.map((e) => /* @__PURE__ */ z("option", {
 						value: e,
 						children: e
 					}, e))
 				})]
 			}),
-			t === void 0 && k !== null && k.length === 0 && /* @__PURE__ */ z("p", {
+			t === void 0 && A !== null && A.length === 0 && /* @__PURE__ */ z("p", {
 				className: "text-[11px] text-warning",
 				children: "No Coral node — TFLite registers only."
 			}),
@@ -20839,19 +20851,19 @@ function Ww({ trpc: e, landNodeId: t, onImported: r }) {
 						count: (s ?? []).filter((t) => t.variant === e.value).length
 					})),
 					onChange: (e) => {
-						(e === "relu" || e === "relu_test") && (E(e), D(""));
+						(e === "relu" || e === "relu_test") && (E(e), O(""));
 					},
 					compactWhenSingle: !1
 				}],
 				catalog: se,
 				value: P,
-				onChange: D,
+				onChange: O,
 				emptyMessage: "No Scrypted artifacts for this variant.",
 				actionRow: le && ue.length > 0 ? /* @__PURE__ */ B("div", {
 					className: "space-y-2",
 					children: [/* @__PURE__ */ z(zw, {
-						value: O,
-						onChange: te,
+						value: k,
+						onChange: ee,
 						defaultName: le.name
 					}), /* @__PURE__ */ z(Rw, {
 						entries: ue,
@@ -22089,7 +22101,7 @@ function zT({ trpc: e, refreshKey: t, nodeId: r }) {
 			return !n && Object.keys(e).length === Object.keys(t).length ? e : t;
 		});
 	}, [w, T]);
-	let E = uw(), ee = n(async (t, n) => {
+	let E = uw(), D = n(async (t, n) => {
 		if (IT(n)) {
 			g(`${t.stepId}/${t.modelId}/${n}`), v(null);
 			try {
@@ -22170,7 +22182,7 @@ function zT({ trpc: e, refreshKey: t, nodeId: r }) {
 					...n,
 					[e]: t
 				})),
-				onDownload: (e, t) => void ee(e, t)
+				onDownload: (e, t) => void D(e, t)
 			})
 		]
 	});
@@ -22183,6 +22195,7 @@ function BT({ trpc: e, refreshKey: t, source: n, onSourceChange: r, onRegistered
 		children: [
 			/* @__PURE__ */ z(Qx, {
 				testId: "catalog-toolbar",
+				className: "sm:items-end",
 				start: /* @__PURE__ */ z("div", {
 					className: "flex flex-wrap gap-1",
 					"data-testid": "catalog-source",
@@ -22193,7 +22206,7 @@ function BT({ trpc: e, refreshKey: t, source: n, onSourceChange: r, onRegistered
 						type: "button",
 						"aria-pressed": n === e.value,
 						onClick: () => r(e.value),
-						className: G(C, "px-2", n === e.value ? D : _),
+						className: G(C, "px-2", n === e.value ? O : _),
 						children: e.label
 					}, e.value))
 				}),
@@ -22403,13 +22416,13 @@ var QT = [
 	label: "Remote URL"
 }];
 function nE({ trpc: e, onRegistered: t, initialPrefill: r = null, onPrefillConsumed: i }) {
-	let s = uw(), [c, u] = a("upload"), [d, f] = a(""), [p, h] = a(""), [g, _] = a("object-detection"), [v, y] = a("onnx"), [b, x] = a(""), [S, C] = a(""), [w, T] = a(0), [E, ee] = a(320), [D, O] = a(320), [te, k] = a(""), [A, j] = a(null), [ne, re] = a([]), [M, ie] = a({ state: "idle" }), [ae, oe] = a(!1), [se, N] = a(null), [P, ce] = a(null), le = o(null), F = l(() => Xw(te), [te]);
+	let s = uw(), [c, u] = a("upload"), [d, f] = a(""), [p, h] = a(""), [g, _] = a("object-detection"), [v, y] = a("onnx"), [b, x] = a(""), [S, C] = a(""), [w, T] = a(0), [E, D] = a(320), [O, k] = a(320), [ee, A] = a(""), [te, j] = a(null), [ne, re] = a([]), [M, ie] = a({ state: "idle" }), [ae, oe] = a(!1), [se, N] = a(null), [P, ce] = a(null), le = o(null), F = l(() => Xw(ee), [ee]);
 	m(() => {
-		r != null && (u("upload"), y(r.format), x(r.postprocessor ?? ""), ee(r.inputSize), O(r.inputSize), k(r.labels.join("\n")), j(r.sourceLabel), N(null), ce(null), i?.());
+		r != null && (u("upload"), y(r.format), x(r.postprocessor ?? ""), D(r.inputSize), k(r.inputSize), A(r.labels.join("\n")), j(r.sourceLabel), N(null), ce(null), i?.());
 	}, [r, i]);
 	let ue = n((e, t) => {
 		let n = ZT(e);
-		re(n.hints), n.format !== null && y(n.format), ee(n.inputSize), O(n.inputSize), (t?.forceId || !d) && f(n.modelId), p || h(n.name), n.sizeMB !== null && e.kind === "url" && T(n.sizeMB);
+		re(n.hints), n.format !== null && y(n.format), D(n.inputSize), k(n.inputSize), (t?.forceId || !d) && f(n.modelId), p || h(n.name), n.sizeMB !== null && e.kind === "url" && T(n.sizeMB);
 	}, [d, p]), de = n(async (t) => {
 		N(null), ue({
 			kind: "file",
@@ -22476,7 +22489,7 @@ function nE({ trpc: e, onRegistered: t, initialPrefill: r = null, onPrefillConsu
 				format: v,
 				...r === void 0 ? {} : { postprocessor: r },
 				inputWidth: E,
-				inputHeight: D,
+				inputHeight: O,
 				labels: F
 			});
 			await s.run({
@@ -22519,7 +22532,7 @@ function nE({ trpc: e, onRegistered: t, initialPrefill: r = null, onPrefillConsu
 		S,
 		w,
 		E,
-		D,
+		O,
 		F,
 		M,
 		t,
@@ -22554,14 +22567,14 @@ function nE({ trpc: e, onRegistered: t, initialPrefill: r = null, onPrefillConsu
 					}, e.value))
 				})]
 			}),
-			A !== null && c === "upload" && /* @__PURE__ */ B("div", {
+			te !== null && c === "upload" && /* @__PURE__ */ B("div", {
 				className: "rounded-md border border-primary/30 bg-primary/10 px-3 py-2 text-[11px] text-foreground-subtle",
 				children: [
 					"Format, decode, input size and labelmap prefilled from the Frigate catalog:",
 					" ",
 					/* @__PURE__ */ z("span", {
 						className: "text-foreground",
-						children: A
+						children: te
 					}),
 					". Upload your exported file below."
 				]
@@ -22667,13 +22680,13 @@ function nE({ trpc: e, onRegistered: t, initialPrefill: r = null, onPrefillConsu
 					/* @__PURE__ */ z(ZC, {
 						label: "Input width",
 						value: E,
-						onChange: ee,
+						onChange: D,
 						min: 1
 					}),
 					/* @__PURE__ */ z(ZC, {
 						label: "Input height",
-						value: D,
-						onChange: O,
+						value: O,
+						onChange: k,
 						min: 1
 					})
 				]
@@ -22716,8 +22729,8 @@ function nE({ trpc: e, onRegistered: t, initialPrefill: r = null, onPrefillConsu
 			/* @__PURE__ */ z(YC, {
 				label: `Labelmap (${F.length} labels — order = model output index)`,
 				children: /* @__PURE__ */ z("textarea", {
-					value: te,
-					onChange: (e) => k(e.target.value),
+					value: ee,
+					onChange: (e) => A(e.target.value),
 					rows: 8,
 					spellCheck: !1,
 					className: "w-full px-3 py-1.5 text-xs font-mono rounded-md border border-border bg-surface text-foreground focus:outline-none focus:border-primary/50"
@@ -23230,7 +23243,7 @@ function PE({ step: e, current: t, inputs: n, onChange: r }) {
 		"data-step": e.stepId,
 		children: [
 			/* @__PURE__ */ B("header", {
-				className: `${O} flex min-h-9 flex-wrap items-center gap-2`,
+				className: `${k} flex min-h-9 flex-wrap items-center gap-2`,
 				children: [/* @__PURE__ */ B("h3", {
 					id: `cluster-${e.stepId}`,
 					className: `${T} min-w-0 flex-1`,
@@ -23265,7 +23278,7 @@ function PE({ step: e, current: t, inputs: n, onChange: r }) {
 				})]
 			}),
 			/* @__PURE__ */ B("p", {
-				className: `${ee} px-3 pt-2 sm:px-4`,
+				className: `${D} px-3 pt-2 sm:px-4`,
 				children: [
 					"One model for the whole cluster: every node writes into ",
 					e.indexName,
@@ -23608,7 +23621,7 @@ function XE({ row: e }) {
 function ZE({ row: e, busy: t, onRemove: n }) {
 	return e.removable ? /* @__PURE__ */ B("button", {
 		type: "button",
-		className: te,
+		className: ee,
 		disabled: t,
 		onClick: n,
 		"aria-label": `Remove ${e.modelId} ${e.format}`,
@@ -23740,6 +23753,7 @@ function rD(e) {
 	}))];
 	return /* @__PURE__ */ z(Qx, {
 		testId: "installed-filters",
+		className: "sm:items-end",
 		start: /* @__PURE__ */ B(it, { children: [
 			/* @__PURE__ */ z("div", {
 				className: "flex flex-wrap gap-1",
@@ -23750,7 +23764,7 @@ function rD(e) {
 					type: "button",
 					"aria-pressed": e.provider === t.value,
 					onClick: () => e.onProvider(t.value),
-					className: G(C, "px-2", e.provider === t.value ? D : _),
+					className: G(C, "px-2", e.provider === t.value ? O : _),
 					children: t.label
 				}, t.value))
 			}),
@@ -23841,9 +23855,9 @@ function fD({ trpc: e, refreshKey: t }) {
 	m(() => {
 		v(null), E();
 	}, [E, t]);
-	let D = n(async () => {
+	let O = n(async () => {
 		await E(), C((e) => e + 1);
-	}, [E]), O = l(() => _ === null ? [] : xE({
+	}, [E]), k = l(() => _ === null ? [] : xE({
 		nodeId: p,
 		seeds: _.seeds,
 		stepCatalogs: _.stepCatalogs,
@@ -23852,20 +23866,20 @@ function fD({ trpc: e, refreshKey: t }) {
 		clusterModels: _.clusterModels,
 		registry: _.models,
 		availability: _.availability
-	}), [_, p]), te = _?.devices ?? [], k = l(() => SE(O, te, {
+	}), [_, p]), ee = _?.devices ?? [], A = l(() => SE(k, ee, {
 		provider: o,
 		step: c,
 		device: d
 	}), [
-		O,
-		te,
+		k,
+		ee,
 		o,
 		c,
 		d
-	]), A = l(() => {
-		let e = new Set(O.map((e) => e.stepId));
+	]), te = l(() => {
+		let e = new Set(k.map((e) => e.stepId));
 		return c !== "all" && e.add(c), [...e].toSorted((e, t) => e.localeCompare(t));
-	}, [O, c]), j = n(async (t) => {
+	}, [k, c]), j = n(async (t) => {
 		if (!t.removable || !lD(t.format)) return;
 		let n = {
 			modelId: t.modelId,
@@ -23883,13 +23897,13 @@ function fD({ trpc: e, refreshKey: t }) {
 			confirmLabel: "Delete file",
 			cancelLabel: "Cancel",
 			variant: "danger"
-		}) && (await j(e), await D());
+		}) && (await j(e), await O());
 	}, [
 		g,
 		j,
 		p,
-		D
-	]), re = l(() => k.filter((e) => e.usage === "unused" && e.removable), [k]), M = n(async () => {
+		O
+	]), re = l(() => A.filter((e) => e.usage === "unused" && e.removable), [A]), M = n(async () => {
 		if (re.length === 0) return;
 		let e = re.reduce((e, t) => e + t.sizeMB, 0);
 		if (await g({
@@ -23900,20 +23914,20 @@ function fD({ trpc: e, refreshKey: t }) {
 			variant: "danger"
 		})) {
 			for (let e of re) await j(e);
-			await D();
+			await O();
 		}
 	}, [
 		g,
 		j,
 		p,
-		D,
+		O,
 		re
 	]), ie = n(async (t, n) => {
 		await mC(e, {
 			modelId: t.modelId,
 			name: n
-		}), await D();
-	}, [e, D]), ae = n(async (t, n) => {
+		}), await O();
+	}, [e, O]), ae = n(async (t, n) => {
 		if (n.configured) {
 			T({
 				row: t,
@@ -23929,15 +23943,15 @@ function fD({ trpc: e, refreshKey: t }) {
 			variant: "default"
 		}) && (await BC(e, {
 			agentNodeId: p,
-			inferenceDevices: sE(te, t.stepId, t.modelId, [n.deviceKey])
-		}), await D());
+			inferenceDevices: sE(ee, t.stepId, t.modelId, [n.deviceKey])
+		}), await O());
 	}, [
 		g,
 		p,
 		e,
-		te,
-		D
-	]), oe = O.reduce((e, t) => e + t.sizeMB, 0), se = o !== "all" || c !== "all" || d !== "all";
+		ee,
+		O
+	]), oe = k.reduce((e, t) => e + t.sizeMB, 0), se = o !== "all" || c !== "all" || d !== "all";
 	return /* @__PURE__ */ B("div", {
 		className: x,
 		"data-testid": "installed-tab",
@@ -23950,10 +23964,10 @@ function fD({ trpc: e, refreshKey: t }) {
 				provider: o,
 				onProvider: s,
 				step: c,
-				stepOptions: A,
+				stepOptions: te,
 				onStep: u,
 				device: d,
-				deviceOptions: uE(te),
+				deviceOptions: uE(ee),
 				onDevice: f,
 				nodeId: p,
 				onNode: h
@@ -23965,20 +23979,20 @@ function fD({ trpc: e, refreshKey: t }) {
 				/* @__PURE__ */ B("div", {
 					className: "flex flex-wrap items-center justify-between gap-2",
 					children: [/* @__PURE__ */ B("p", {
-						className: ee,
+						className: D,
 						"data-testid": "installed-summary",
 						children: [
-							k.length,
+							A.length,
 							" ",
-							k.length === 1 ? "file" : "files",
+							A.length === 1 ? "file" : "files",
 							" on ",
 							p,
-							se ? ` (of ${O.length})` : "",
+							se ? ` (of ${k.length})` : "",
 							" · ",
 							eC(oe),
 							" on disk ·",
 							" ",
-							eC(CE(O)),
+							eC(CE(k)),
 							" reclaimable",
 							_?.engines === null ? " · loaded state unavailable" : ""
 						]
@@ -23995,8 +24009,8 @@ function fD({ trpc: e, refreshKey: t }) {
 					})]
 				}),
 				/* @__PURE__ */ z($E, {
-					rows: k,
-					emptyMessage: O.length === 0 ? `No model files on ${p}.` : "No files match these filters.",
+					rows: A,
+					emptyMessage: k.length === 0 ? `No model files on ${p}.` : "No files match these filters.",
 					onRemove: ne,
 					onRename: ie,
 					onChip: ae,
@@ -24006,7 +24020,7 @@ function fD({ trpc: e, refreshKey: t }) {
 					trpc: e,
 					refreshKey: t + S,
 					clusterModels: _?.clusterModels ?? null,
-					onChanged: () => void D(),
+					onChanged: () => void O(),
 					onError: b
 				})
 			] }),
@@ -24016,10 +24030,10 @@ function fD({ trpc: e, refreshKey: t }) {
 				stepId: w.row.stepId,
 				modelId: w.row.modelId,
 				modelName: w.row.name,
-				devices: te,
+				devices: ee,
 				deviceKey: w.deviceKey,
 				onClose: () => T(null),
-				onDone: () => void D()
+				onDone: () => void O()
 			})
 		]
 	});
@@ -24091,6 +24105,7 @@ function yD({ trpc: e }) {
 		r,
 		s
 	]), /* @__PURE__ */ z(dw, { children: /* @__PURE__ */ B(Zx, {
+		icon: xt,
 		title: "Model Studio",
 		children: [/* @__PURE__ */ z(Fs, {
 			value: c,