@camstack/addon-training 0.1.21 → 0.1.22

package/dist/providers/modal/training-modal.addon.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_dist = require("../../dist-BCLkrWJc.js");
+const require_dist = require("../../dist-Dd6EAdVX.js");
 let node_path = require("node:path");
 node_path = require_dist.__toESM(node_path, 1);
 let node_crypto = require("node:crypto");
@@ -128,6 +128,43 @@ function deleteModalEntry(config, entryId) {
 		}
 	};
 }
+function updateModalEntry(config, entryId, patch) {
+	const current = [...effectiveModalEntries(config)];
+	const index = current.findIndex((e) => e.id === entryId);
+	if (index < 0) return {
+		ok: false,
+		reason: "unknown-entry"
+	};
+	const prev = current[index];
+	const secret = patch.tokenSecret !== void 0 && patch.tokenSecret !== "" ? patch.tokenSecret : prev.tokenSecret;
+	current[index] = {
+		id: prev.id,
+		name: patch.name !== void 0 ? patch.name : prev.name,
+		tokenId: patch.tokenId !== void 0 ? patch.tokenId : prev.tokenId,
+		tokenSecret: secret,
+		environment: patch.environment !== void 0 ? patch.environment : prev.environment,
+		gpuType: patch.gpuType !== void 0 ? patch.gpuType : prev.gpuType,
+		region: patch.region !== void 0 ? patch.region : prev.region,
+		costCapUsd: patch.costCapUsd !== void 0 ? patch.costCapUsd : prev.costCapUsd,
+		maxRuntimeHours: patch.maxRuntimeHours !== void 0 ? patch.maxRuntimeHours : prev.maxRuntimeHours,
+		failedDatasetGraceHours: patch.failedDatasetGraceHours !== void 0 ? patch.failedDatasetGraceHours : prev.failedDatasetGraceHours
+	};
+	return {
+		ok: true,
+		entryId,
+		config: {
+			entries: current,
+			tokenId: "",
+			tokenSecret: "",
+			environment: config.environment ?? "",
+			gpuType: config.gpuType ?? DEFAULT_GPU,
+			region: config.region ?? "",
+			costCapUsd: config.costCapUsd ?? DEFAULT_COST,
+			maxRuntimeHours: config.maxRuntimeHours ?? DEFAULT_HOURS,
+			failedDatasetGraceHours: config.failedDatasetGraceHours ?? DEFAULT_GRACE
+		}
+	};
+}
 /**
 * Mint a stable id for every persisted entry that lacks one. Operator-typed
 * empty ids (legacy settings UI) must never stay empty — createEntry always
@@ -359,6 +396,20 @@ var ModalTrainingProvider = class {
 		configured: this.entryConfigured(entry)
 	}));
 	createEntry = async (input) => this.deps.createEntry(input);
+	updateEntry = async (input) => {
+		await this.deps.updateEntry(input.entryId, {
+			name: input.name,
+			...input.tokenId !== void 0 ? { tokenId: input.tokenId } : {},
+			...input.tokenSecret !== void 0 ? { tokenSecret: input.tokenSecret } : {},
+			...input.environment !== void 0 ? { environment: input.environment } : {},
+			...input.gpuType !== void 0 ? { gpuType: input.gpuType } : {},
+			...input.region !== void 0 ? { region: input.region } : {},
+			...input.costCapUsd !== void 0 ? { costCapUsd: input.costCapUsd } : {},
+			...input.maxRuntimeSec !== void 0 ? { maxRuntimeHours: input.maxRuntimeSec / 3600 } : {},
+			...input.failedDatasetGraceHours !== void 0 ? { failedDatasetGraceHours: input.failedDatasetGraceHours } : {}
+		});
+		return { ok: true };
+	};
 	deleteEntry = async (input) => {
 		await this.deps.deleteEntry(input.entryId);
 		return { ok: true };
@@ -660,7 +711,10 @@ var ModalTrainingProvider = class {
 				costCapUsd: entry.costCapUsd,
 				maxRuntimeSec: Math.round(entry.maxRuntimeHours * 3600),
 				failedDatasetGraceHours: entry.failedDatasetGraceHours
-			}
+			},
+			tokenId: entry.tokenId,
+			environment: entry.environment,
+			hasTokenSecret: entry.tokenSecret.trim() !== ""
 		};
 	}
 	requireGateway(entryId) {
@@ -88513,6 +88567,12 @@ async function fetchText(url) {
 var TrainingModalAddon = class extends require_dist.BaseAddon {
 	ledgerState = null;
 	gateways = /* @__PURE__ */ new Map();
+	/**
+	* Entry secrets live on `entries[id].tokenSecret` (and legacy flat
+	* `tokenSecret`). Declared here — not via an editable-array form — so the
+	* Training → Providers page is the only UI that edits entries.
+	*/
+	secretStatePaths = ["entries[id].tokenSecret", "tokenSecret"];
 	constructor() {
 		super({
 			entries: [],
@@ -88545,6 +88605,12 @@ var TrainingModalAddon = class extends require_dist.BaseAddon {
 				await this.updateGlobalSettings(result.config);
 				return { entryId: result.entryId };
 			},
+			updateEntry: async (entryId, patch) => {
+				const result = updateModalEntry(this.config, entryId, patch);
+				if (!result.ok) throw new Error(`cannot update entry: ${result.reason}`);
+				await this.updateGlobalSettings(result.config);
+				this.closeGateway(entryId);
+			},
 			deleteEntry: async (entryId) => {
 				const result = deleteModalEntry(this.config, entryId);
 				if (!result.ok) throw new Error(`cannot delete entry: ${result.reason}`);
@@ -88623,97 +88689,10 @@ var TrainingModalAddon = class extends require_dist.BaseAddon {
 	}
 	globalSettingsSchema() {
 		return this.schema({ sections: [{
-			id: "entries",
+			id: "providers",
 			title: "Modal accounts",
-			description: "Each entry is one Modal workspace token. Create entries from the Training → Providers tab; edit credentials here. Secrets stay in the CamStack keychain.",
-			fields: [{
-				type: "editable-array",
-				key: "entries",
-				label: "Entries",
-				itemIdKey: "id",
-				/** Create only via trainingProvider.createEntry (auto id). */
-				maxRows: 0,
-				emptyMessage: "No Modal entries yet — add one from Training → Providers.",
-				rowTitleTemplate: "{name}",
-				defaultItem: {
-					id: "",
-					name: "Default",
-					tokenId: "",
-					tokenSecret: "",
-					environment: "",
-					gpuType: "L4",
-					region: "",
-					costCapUsd: 5,
-					maxRuntimeHours: 4,
-					failedDatasetGraceHours: 24
-				},
-				itemFields: [
-					{
-						type: "text",
-						key: "name",
-						label: "Name"
-					},
-					{
-						type: "text",
-						key: "tokenId",
-						label: "Token id",
-						placeholder: "ak-…"
-					},
-					{
-						type: "password",
-						key: "tokenSecret",
-						label: "Token secret",
-						showToggle: true
-					},
-					{
-						type: "text",
-						key: "environment",
-						label: "Environment",
-						description: "Leave empty for the workspace default."
-					},
-					{
-						type: "select",
-						key: "gpuType",
-						label: "GPU",
-						options: MODAL_GPUS.map((g) => ({
-							value: g.id,
-							label: `${g.label} — $${g.usdPerHour.toFixed(2)}/h`
-						}))
-					},
-					{
-						type: "select",
-						key: "region",
-						label: "Region",
-						options: MODAL_REGIONS.map((r) => ({
-							value: r.id,
-							label: r.label
-						}))
-					},
-					{
-						type: "number",
-						key: "costCapUsd",
-						label: "Cost cap per job (USD)",
-						min: .5,
-						step: .5
-					},
-					{
-						type: "number",
-						key: "maxRuntimeHours",
-						label: "Maximum runtime (hours)",
-						min: .5,
-						max: 24,
-						step: .5
-					},
-					{
-						type: "number",
-						key: "failedDatasetGraceHours",
-						label: "Keep a failed job’s dataset (hours)",
-						min: 0,
-						max: 168,
-						step: 1
-					}
-				]
-			}]
+			description: "Create and edit Modal workspace entries under Training → Providers. Credentials stay in the CamStack keychain.",
+			fields: []
 		}] });
 	}
 };

package/dist/providers/modal/training-modal.addon.mjs

@@ -1,4 +1,4 @@
-import { c as trainingProviderCapability, d as number, f as object, l as BaseAddon, m as string, p as record, u as boolean } from "../../dist-BSYBh1ZO.mjs";
+import { c as trainingProviderCapability, d as number, f as object, l as BaseAddon, m as string, p as record, u as boolean } from "../../dist-DhCvklZW.mjs";
 import { createRequire } from "node:module";
 import path, { dirname, posix } from "node:path";
 import { createHash, createPrivateKey, createPublicKey, createSign, randomBytes, randomUUID } from "node:crypto";
@@ -156,6 +156,43 @@ function deleteModalEntry(config, entryId) {
 		}
 	};
 }
+function updateModalEntry(config, entryId, patch) {
+	const current = [...effectiveModalEntries(config)];
+	const index = current.findIndex((e) => e.id === entryId);
+	if (index < 0) return {
+		ok: false,
+		reason: "unknown-entry"
+	};
+	const prev = current[index];
+	const secret = patch.tokenSecret !== void 0 && patch.tokenSecret !== "" ? patch.tokenSecret : prev.tokenSecret;
+	current[index] = {
+		id: prev.id,
+		name: patch.name !== void 0 ? patch.name : prev.name,
+		tokenId: patch.tokenId !== void 0 ? patch.tokenId : prev.tokenId,
+		tokenSecret: secret,
+		environment: patch.environment !== void 0 ? patch.environment : prev.environment,
+		gpuType: patch.gpuType !== void 0 ? patch.gpuType : prev.gpuType,
+		region: patch.region !== void 0 ? patch.region : prev.region,
+		costCapUsd: patch.costCapUsd !== void 0 ? patch.costCapUsd : prev.costCapUsd,
+		maxRuntimeHours: patch.maxRuntimeHours !== void 0 ? patch.maxRuntimeHours : prev.maxRuntimeHours,
+		failedDatasetGraceHours: patch.failedDatasetGraceHours !== void 0 ? patch.failedDatasetGraceHours : prev.failedDatasetGraceHours
+	};
+	return {
+		ok: true,
+		entryId,
+		config: {
+			entries: current,
+			tokenId: "",
+			tokenSecret: "",
+			environment: config.environment ?? "",
+			gpuType: config.gpuType ?? DEFAULT_GPU,
+			region: config.region ?? "",
+			costCapUsd: config.costCapUsd ?? DEFAULT_COST,
+			maxRuntimeHours: config.maxRuntimeHours ?? DEFAULT_HOURS,
+			failedDatasetGraceHours: config.failedDatasetGraceHours ?? DEFAULT_GRACE
+		}
+	};
+}
 /**
 * Mint a stable id for every persisted entry that lacks one. Operator-typed
 * empty ids (legacy settings UI) must never stay empty — createEntry always
@@ -387,6 +424,20 @@ var ModalTrainingProvider = class {
 		configured: this.entryConfigured(entry)
 	}));
 	createEntry = async (input) => this.deps.createEntry(input);
+	updateEntry = async (input) => {
+		await this.deps.updateEntry(input.entryId, {
+			name: input.name,
+			...input.tokenId !== void 0 ? { tokenId: input.tokenId } : {},
+			...input.tokenSecret !== void 0 ? { tokenSecret: input.tokenSecret } : {},
+			...input.environment !== void 0 ? { environment: input.environment } : {},
+			...input.gpuType !== void 0 ? { gpuType: input.gpuType } : {},
+			...input.region !== void 0 ? { region: input.region } : {},
+			...input.costCapUsd !== void 0 ? { costCapUsd: input.costCapUsd } : {},
+			...input.maxRuntimeSec !== void 0 ? { maxRuntimeHours: input.maxRuntimeSec / 3600 } : {},
+			...input.failedDatasetGraceHours !== void 0 ? { failedDatasetGraceHours: input.failedDatasetGraceHours } : {}
+		});
+		return { ok: true };
+	};
 	deleteEntry = async (input) => {
 		await this.deps.deleteEntry(input.entryId);
 		return { ok: true };
@@ -688,7 +739,10 @@ var ModalTrainingProvider = class {
 				costCapUsd: entry.costCapUsd,
 				maxRuntimeSec: Math.round(entry.maxRuntimeHours * 3600),
 				failedDatasetGraceHours: entry.failedDatasetGraceHours
-			}
+			},
+			tokenId: entry.tokenId,
+			environment: entry.environment,
+			hasTokenSecret: entry.tokenSecret.trim() !== ""
 		};
 	}
 	requireGateway(entryId) {
@@ -88541,6 +88595,12 @@ async function fetchText(url) {
 var TrainingModalAddon = class extends BaseAddon {
 	ledgerState = null;
 	gateways = /* @__PURE__ */ new Map();
+	/**
+	* Entry secrets live on `entries[id].tokenSecret` (and legacy flat
+	* `tokenSecret`). Declared here — not via an editable-array form — so the
+	* Training → Providers page is the only UI that edits entries.
+	*/
+	secretStatePaths = ["entries[id].tokenSecret", "tokenSecret"];
 	constructor() {
 		super({
 			entries: [],
@@ -88573,6 +88633,12 @@ var TrainingModalAddon = class extends BaseAddon {
 				await this.updateGlobalSettings(result.config);
 				return { entryId: result.entryId };
 			},
+			updateEntry: async (entryId, patch) => {
+				const result = updateModalEntry(this.config, entryId, patch);
+				if (!result.ok) throw new Error(`cannot update entry: ${result.reason}`);
+				await this.updateGlobalSettings(result.config);
+				this.closeGateway(entryId);
+			},
 			deleteEntry: async (entryId) => {
 				const result = deleteModalEntry(this.config, entryId);
 				if (!result.ok) throw new Error(`cannot delete entry: ${result.reason}`);
@@ -88651,97 +88717,10 @@ var TrainingModalAddon = class extends BaseAddon {
 	}
 	globalSettingsSchema() {
 		return this.schema({ sections: [{
-			id: "entries",
+			id: "providers",
 			title: "Modal accounts",
-			description: "Each entry is one Modal workspace token. Create entries from the Training → Providers tab; edit credentials here. Secrets stay in the CamStack keychain.",
-			fields: [{
-				type: "editable-array",
-				key: "entries",
-				label: "Entries",
-				itemIdKey: "id",
-				/** Create only via trainingProvider.createEntry (auto id). */
-				maxRows: 0,
-				emptyMessage: "No Modal entries yet — add one from Training → Providers.",
-				rowTitleTemplate: "{name}",
-				defaultItem: {
-					id: "",
-					name: "Default",
-					tokenId: "",
-					tokenSecret: "",
-					environment: "",
-					gpuType: "L4",
-					region: "",
-					costCapUsd: 5,
-					maxRuntimeHours: 4,
-					failedDatasetGraceHours: 24
-				},
-				itemFields: [
-					{
-						type: "text",
-						key: "name",
-						label: "Name"
-					},
-					{
-						type: "text",
-						key: "tokenId",
-						label: "Token id",
-						placeholder: "ak-…"
-					},
-					{
-						type: "password",
-						key: "tokenSecret",
-						label: "Token secret",
-						showToggle: true
-					},
-					{
-						type: "text",
-						key: "environment",
-						label: "Environment",
-						description: "Leave empty for the workspace default."
-					},
-					{
-						type: "select",
-						key: "gpuType",
-						label: "GPU",
-						options: MODAL_GPUS.map((g) => ({
-							value: g.id,
-							label: `${g.label} — $${g.usdPerHour.toFixed(2)}/h`
-						}))
-					},
-					{
-						type: "select",
-						key: "region",
-						label: "Region",
-						options: MODAL_REGIONS.map((r) => ({
-							value: r.id,
-							label: r.label
-						}))
-					},
-					{
-						type: "number",
-						key: "costCapUsd",
-						label: "Cost cap per job (USD)",
-						min: .5,
-						step: .5
-					},
-					{
-						type: "number",
-						key: "maxRuntimeHours",
-						label: "Maximum runtime (hours)",
-						min: .5,
-						max: 24,
-						step: .5
-					},
-					{
-						type: "number",
-						key: "failedDatasetGraceHours",
-						label: "Keep a failed job’s dataset (hours)",
-						min: 0,
-						max: 168,
-						step: 1
-					}
-				]
-			}]
+			description: "Create and edit Modal workspace entries under Training → Providers. Credentials stay in the CamStack keychain.",
+			fields: []
 		}] });
 	}
 };

package/dist/remoteEntry.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_training_page__remoteEntry_js-C-uqIKLg.mjs";
+import { n as e, t } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_training_page__remoteEntry_js-dy7yMOdw.mjs";
 export { t as get, e as init };

package/dist/{responsive-emJo3EdF.mjs → responsive-C7QsFtTb.mjs}

@@ -1,8 +1,8 @@
-import { S as e, _ as t, c as n, l as r, m as i, n as a, r as o, t as s, u as c, v as l } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react__loadShare__.js-DeDbF7NI.mjs";
-import { h as u } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-C7dks3FG.mjs";
-import "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DnrbBvrw.mjs";
+import { _ as e, b as t, c as n, g as r, l as i, m as a, n as o, r as s, t as c, u as l } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react__loadShare__.js-BT_wL8s3.mjs";
+import { i as u } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-D7T4QEtw.mjs";
+import "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DDBEvLdo.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-e();
+t();
 var d = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), f = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), p = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), m = (e) => {
 	let t = p(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
@@ -19,7 +19,7 @@ var d = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 }, g = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, _ = o(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: o, iconNode: s, ...c }, l) => a("svg", {
+}, _ = s(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: s, ...c }, l) => o("svg", {
 	ref: l,
 	...h,
 	width: t,
@@ -27,14 +27,14 @@ var d = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
 	className: d("lucide", i),
-	...!o && !g(c) && { "aria-hidden": "true" },
+	...!a && !g(c) && { "aria-hidden": "true" },
 	...c
-}, [...s.map(([e, t]) => a(e, t)), ...Array.isArray(o) ? o : [o]]));
+}, [...s.map(([e, t]) => o(e, t)), ...Array.isArray(a) ? a : [a]]));
 //#endregion
 //#region ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-e();
+t();
 var v = (e, t) => {
-	let n = o(({ className: n, ...r }, i) => a(_, {
+	let n = s(({ className: n, ...r }, i) => o(_, {
 		ref: i,
 		iconNode: t,
 		className: d(`lucide-${f(m(e))}`, `lucide-${e}`, n),
@@ -44,69 +44,65 @@ var v = (e, t) => {
 };
 //#endregion
 //#region ../ui-library/src/lib/shared-context.ts
-e();
+t();
 function y(e, t) {
-	if (typeof globalThis > "u") return s(t);
+	if (typeof globalThis > "u") return c(t);
 	let n = globalThis.__camstackSharedContexts, r = n ?? /* @__PURE__ */ new Map();
 	n || (globalThis.__camstackSharedContexts = r);
 	let i = r.get(e);
 	if (i) return i;
-	let a = s(t);
+	let a = c(t);
 	return r.set(e, a), a;
 }
 //#endregion
 //#region ../ui-library/src/contexts/system-context.tsx
-e();
+t();
 var b = y("camstack:system", null);
 function x() {
-	let e = r(b);
+	let e = i(b);
 	if (!e) throw Error("useSystem(): no <SystemProvider> in tree");
 	return e;
 }
 //#endregion
 //#region ../ui-library/src/hooks/use-device-proxy.ts
-e();
+t();
 var S = "capability.binding-changed";
-function C(e, n) {
-	let [r, a] = t(null);
-	return c(() => {
-		if (n === null) {
-			a(null);
+function C(e, t) {
+	let [n, i] = r(null);
+	return l(() => {
+		if (t === null) {
+			i(null);
 			return;
 		}
-		let t = !1, r = async () => {
+		let n = !1, r = async () => {
 			try {
-				let r = await e.deviceManager.getBindings.query({ deviceId: n });
-				t || a(r);
+				let r = await e.deviceManager.getBindings.query({ deviceId: t });
+				n || i(r);
 			} catch {
-				t || a((e) => e);
+				n || i((e) => e);
 			}
 		};
 		r();
-		let i = e.live?.onEvent.subscribe({ category: S }, { onData: (e) => {
-			let t = e.data?.source;
-			if (!t) {
+		let a = e.live?.onEvent.subscribe({ category: S }, { onData: (e) => {
+			let n = e.data?.source;
+			if (!n) {
 				r();
 				return;
 			}
-			t.type === "device" && t.id === n && r();
+			n.type === "device" && n.id === t && r();
 		} });
 		return () => {
-			t = !0, i?.unsubscribe();
+			n = !0, a?.unsubscribe();
 		};
-	}, [e, n]), i(() => r ? u(e, r) : null, [e, r]);
+	}, [e, t]), a(() => n ? u(e, n) : null, [e, n]);
 }
-function w(e) {
-	let t = n((t) => e ? e.subscribe(() => t()) : () => void 0, [e]), r = n(() => e?.value, [e]);
-	return l(t, r, r);
-}
-function T(e, t, n) {
-	let r = C(e, t);
-	return w(r ? n(r.state) : void 0);
+function w(t) {
+	let r = n((e) => t ? t.subscribe(() => e()) : () => void 0, [t]), i = n(() => t?.value, [t]);
+	return e(r, i, i);
 }
 //#endregion
 //#region ../ui-library/src/lib/cap-error.ts
-function E(e) {
+function T(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = Reflect.get(e, "data");
 	if (typeof t == "object" && t) {
@@ -115,12 +111,12 @@ function E(e) {
 	}
 	return null;
 }
-function D(e) {
-	let t = E(e);
+function E(e) {
+	let t = T(e);
 	return t === null ? (e instanceof Error ? e.message : String(e)).includes("provider not available") : t === "no-provider" || t === "node-offline";
 }
 //#endregion
 //#region ../ui-library/src/lib/responsive.ts
-var O = "rounded-lg border border-border bg-surface overflow-hidden", k = "border-b border-border px-3 sm:px-4 py-1.5 sm:py-2", A = "p-2 sm:p-3 lg:p-4", j = "grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4", M = "flex min-w-0 flex-col gap-0.5 py-1.5 sm:flex-row sm:items-center", N = "min-w-0 text-[11px] leading-tight text-foreground-subtle sm:w-32 sm:shrink-0 sm:pr-2", P = "flex w-full min-w-0 items-center gap-1 sm:flex-1", F = "min-w-0 break-all text-xs text-foreground sm:truncate", I = "text-[10px] sm:text-[11px] font-semibold text-foreground uppercase tracking-wider", L = "text-[10px] text-foreground-subtle", R = "inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px] font-medium transition-colors", z = "border-primary/50 bg-primary/15 text-primary", B = "border-border bg-surface text-foreground-subtle hover:bg-surface-hover";
+var D = "rounded-lg border border-border bg-surface overflow-hidden", O = "border-b border-border px-3 sm:px-4 py-1.5 sm:py-2", k = "p-2 sm:p-3 lg:p-4", A = "grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4", j = "flex min-w-0 flex-col gap-0.5 py-1.5 sm:flex-row sm:items-center", M = "min-w-0 text-[11px] leading-tight text-foreground-subtle sm:w-32 sm:shrink-0 sm:pr-2", N = "flex w-full min-w-0 items-center gap-1 sm:flex-1", P = "min-w-0 break-all text-xs text-foreground sm:truncate", F = "text-[10px] sm:text-[11px] font-semibold text-foreground uppercase tracking-wider", I = "text-[10px] text-foreground-subtle", L = "inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px] font-medium transition-colors", R = "border-primary/50 bg-primary/15 text-primary", z = "border-border bg-surface text-foreground-subtle hover:bg-surface-hover";
 //#endregion
-export { w as _, A as a, v as b, M as c, F as d, L as f, T as g, C as h, j as i, N as l, D as m, R as n, O as o, I as p, B as r, k as s, z as t, P as u, x as v, y };
+export { x as _, k as a, j as c, P as d, I as f, w as g, C as h, A as i, M as l, E as m, L as n, D as o, F as p, z as r, O as s, R as t, N as u, y as v, v as y };

package/dist/{scene-monitor-copy-CcQxbRXa.mjs → scene-monitor-copy-BtffdnnW.mjs}

@@ -1,5 +1,5 @@
-import { S as e, _ as t, c as n, m as r } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react__loadShare__.js-DeDbF7NI.mjs";
-import { b as i } from "./responsive-emJo3EdF.mjs";
+import { b as e, c as t, g as n, m as r } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react__loadShare__.js-BT_wL8s3.mjs";
+import { y as i } from "./responsive-C7QsFtTb.mjs";
 var a = i("camera", [["path", {
 	d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
 	key: "18u6gg"
@@ -89,7 +89,7 @@ function g(e) {
 //#region ../ui-library/src/hooks/use-device-snapshot.ts
 var _ = "/addon/snapshot/media";
 function v(e, i = {}) {
-	let { width: a, baseUrl: o } = i, [s, c] = t(0);
+	let { width: a, baseUrl: o } = i, [s, c] = n(0);
 	return {
 		src: r(() => {
 			if (e === null || e <= 0) return null;
@@ -104,7 +104,7 @@ function v(e, i = {}) {
 			s
 		]),
 		loading: !1,
-		refresh: n(() => {
+		refresh: t(() => {
 			c((e) => e + 1);
 		}, [])
 	};

package/dist/{square-CErp1WgN.mjs → square-e5Ytjod_.mjs}

@@ -1,4 +1,4 @@
-import { b as e } from "./responsive-emJo3EdF.mjs";
+import { y as e } from "./responsive-C7QsFtTb.mjs";
 var t = e("eye-off", [
 	["path", {
 		d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
@@ -16,32 +16,7 @@ var t = e("eye-off", [
 		d: "m2 2 20 20",
 		key: "1ooewy"
 	}]
-]), n = e("mic-off", [
-	["path", {
-		d: "M12 19v3",
-		key: "npa21l"
-	}],
-	["path", {
-		d: "M15 9.34V5a3 3 0 0 0-5.68-1.33",
-		key: "1gzdoj"
-	}],
-	["path", {
-		d: "M16.95 16.95A7 7 0 0 1 5 12v-2",
-		key: "cqa7eg"
-	}],
-	["path", {
-		d: "M18.89 13.23A7 7 0 0 0 19 12v-2",
-		key: "16hl24"
-	}],
-	["path", {
-		d: "m2 2 20 20",
-		key: "1ooewy"
-	}],
-	["path", {
-		d: "M9 9v3a3 3 0 0 0 5.12 2.12",
-		key: "r2i35w"
-	}]
-]), r = e("mic", [
+]), n = e("mic", [
 	["path", {
 		d: "M12 19v3",
 		key: "npa21l"
@@ -58,7 +33,7 @@ var t = e("eye-off", [
 		rx: "3",
 		key: "s6n7sd"
 	}]
-]), i = e("square", [["rect", {
+]), r = e("square", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
@@ -67,4 +42,4 @@ var t = e("eye-off", [
 	key: "afitv7"
 }]]);
 //#endregion
-export { t as i, r as n, n as r, i as t };
+export { n, t as r, r as t };

package/dist/{trash-2-Drz0fMgI.mjs → trash-2-Clte6zIF.mjs}

@@ -1,4 +1,4 @@
-import { b as e } from "./responsive-emJo3EdF.mjs";
+import { y as e } from "./responsive-C7QsFtTb.mjs";
 var t = e("trash-2", [
 	["path", {
 		d: "M10 11v6",