@camstack/addon-training 0.1.22 → 0.1.24

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-DhCvklZW.mjs";
+import { _ as number, b as string, c as trainingProviderCapability, d as arrayItemFieldPath, f as globalSecretScope, g as boolean, h as toSecretFieldView, l as BaseAddon, m as isSecretMarker, p as isSecretClear, u as SECRET_CLEAR, v as object, y as record } from "../../dist-CoNkmm69.mjs";
 import { createRequire } from "node:module";
 import path, { dirname, posix } from "node:path";
 import { createHash, createPrivateKey, createPublicKey, createSign, randomBytes, randomUUID } from "node:crypto";
@@ -39,14 +39,43 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __hasOwnProp.call(mod, "module.exports") ? mod["module.exports"] : __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 //#endregion
-//#region src/providers/modal/modal-entries.ts
+//#region src/providers/modal/entry-secret-view.ts
 /**
-* Modal provider entries — one credentials + defaults row per operator
-* account. Pure helpers so the store is unit-tested without BaseAddon.
+* Build the {@link SecretFieldView} the Providers edit form needs for an
+* entry's token secret.
 *
-* A pre-multi-entry config (flat tokenId/tokenSecret on the addon) migrates
-* to a single entry named {@link DEFAULT_MODAL_ENTRY_NAME}.
+* `readStoredGlobalKey` / `this.config` answer VALUES (D798), never markers —
+* so `toSecretFieldView(plaintext)` alone yields an inline view (`$secret:
+* null`) and `SecretFieldControl` cannot reveal. When the secret is set we
+* prefer the deterministic keychain ref (`ctx.secrets.ref`) so the eye can
+* call `keychain-admin.reveal` (D789).
 */
+/** View for one entry row, or `null` when nothing is stored. */
+function entryTokenSecretView(tokenSecret, secrets, entryId) {
+	if (isSecretMarker(tokenSecret)) return toSecretFieldView(tokenSecret);
+	const plain = typeof tokenSecret === "string" ? tokenSecret.trim() : "";
+	if (plain === "") return null;
+	if (secrets === void 0) return toSecretFieldView(plain);
+	return {
+		$secret: secrets.ref(globalSecretScope(), arrayItemFieldPath("entries", entryId, "tokenSecret")),
+		v: 1,
+		set: true
+	};
+}
+/** View for the legacy flat `tokenSecret` (pre-multi-entry Default). */
+function flatTokenSecretView(tokenSecret, secrets) {
+	if (isSecretMarker(tokenSecret)) return toSecretFieldView(tokenSecret);
+	const plain = typeof tokenSecret === "string" ? tokenSecret.trim() : "";
+	if (plain === "") return null;
+	if (secrets === void 0) return toSecretFieldView(plain);
+	return {
+		$secret: secrets.ref(globalSecretScope(), "tokenSecret"),
+		v: 1,
+		set: true
+	};
+}
+//#endregion
+//#region src/providers/modal/modal-entries.ts
 var MODAL_TYPE_ID = "modal";
 var DEFAULT_MODAL_ENTRY_NAME = "Default";
 var MODAL_ICON_ASSET = "assets/training-modal/icon.svg";
@@ -57,22 +86,44 @@ var DEFAULT_GRACE = 24;
 function legacyConfigured(config) {
 	return (config.tokenId ?? "").trim() !== "" || (config.tokenSecret ?? "").trim() !== "";
 }
+/**
+* Keychain / secretStatePaths may omit an empty `tokenSecret` from a stored
+* row (writing `''` is KEEP, not "store empty"). Readers must never see
+* `undefined` and then call `.trim()`.
+*/
+function secretAsString(value) {
+	return typeof value === "string" ? value : "";
+}
+function normalizeModalEntry(entry) {
+	return {
+		id: entry.id,
+		name: entry.name ?? "Default",
+		tokenId: entry.tokenId ?? "",
+		tokenSecret: secretAsString(entry.tokenSecret),
+		environment: entry.environment ?? "",
+		gpuType: entry.gpuType ?? DEFAULT_GPU,
+		region: entry.region ?? "",
+		costCapUsd: entry.costCapUsd ?? DEFAULT_COST,
+		maxRuntimeHours: entry.maxRuntimeHours ?? DEFAULT_HOURS,
+		failedDatasetGraceHours: entry.failedDatasetGraceHours ?? DEFAULT_GRACE
+	};
+}
 /** Entries the operator sees — synthesises Default from legacy flat fields. */
 function effectiveModalEntries(config) {
-	if (config.entries.length > 0) return config.entries;
+	if (config.entries.length > 0) return config.entries.map((e) => normalizeModalEntry(e));
 	if (!legacyConfigured(config)) return [];
-	return [{
+	return [normalizeModalEntry({
 		id: "legacy-default",
 		name: DEFAULT_MODAL_ENTRY_NAME,
-		tokenId: config.tokenId ?? "",
-		tokenSecret: config.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
-	}];
+		tokenId: config.tokenId,
+		tokenSecret: config.tokenSecret,
+		environment: config.environment,
+		gpuType: config.gpuType,
+		region: config.region,
+		costCapUsd: config.costCapUsd,
+		maxRuntimeHours: config.maxRuntimeHours,
+		failedDatasetGraceHours: config.failedDatasetGraceHours
+	})];
 }
 function findModalEntry(config, entryId) {
 	return effectiveModalEntries(config).find((e) => e.id === entryId) ?? null;
@@ -277,20 +328,6 @@ function trainerDockerfileUrl(repo, revision) {
 	return `https://huggingface.co/${repo}/resolve/${revision}/Dockerfile`;
 }
 //#endregion
-//#region src/providers/modal/modal-gateway.ts
-var MODAL_APP_NAME = "camstack-training";
-var MODAL_CACHE_VOLUME = "camstack-training-cache";
-/** A small public image with `sh` and `cat`, for the staging / collector sandboxes. */
-var MODAL_TOOLS_IMAGE = "alpine:3.20";
-var ModalAuthError = class extends Error {
-	reason;
-	constructor(reason, message) {
-		super(message);
-		this.reason = reason;
-		this.name = "ModalAuthError";
-	}
-};
-//#endregion
 //#region src/providers/modal/modal-pricing.ts
 var MODAL_GPUS = [
 	{
@@ -368,6 +405,96 @@ function modalPricePerSecond(gpuType, region) {
 	return gpu === void 0 ? 0 : gpu.usdPerHour * multiplier / 3600;
 }
 //#endregion
+//#region src/providers/modal/modal-entry-schema.ts
+var MODAL_ENTRY_CONFIG_SCHEMA = { sections: [{
+	id: "credentials",
+	title: "Credentials",
+	fields: [
+		{
+			type: "text",
+			key: "tokenId",
+			label: "Token id",
+			placeholder: "ak-…"
+		},
+		{
+			type: "password",
+			key: "tokenSecret",
+			label: "Token secret",
+			placeholder: "as-…",
+			showToggle: true
+		},
+		{
+			type: "text",
+			key: "environment",
+			label: "Environment",
+			placeholder: "Optional workspace environment"
+		}
+	]
+}, {
+	id: "defaults",
+	title: "Defaults",
+	fields: [
+		{
+			type: "select",
+			key: "gpuType",
+			label: "GPU",
+			default: "L4",
+			options: MODAL_GPUS.map((g) => ({
+				value: g.id,
+				label: g.label
+			}))
+		},
+		{
+			type: "select",
+			key: "region",
+			label: "Region",
+			default: "",
+			options: MODAL_REGIONS.map((r) => ({
+				value: r.id,
+				label: r.label
+			}))
+		},
+		{
+			type: "number",
+			key: "costCapUsd",
+			label: "Cost cap (USD)",
+			default: 5,
+			min: 0,
+			step: .5
+		},
+		{
+			type: "number",
+			key: "maxRuntimeHours",
+			label: "Max runtime (hours)",
+			default: 4,
+			min: .1,
+			step: .5
+		},
+		{
+			type: "number",
+			key: "failedDatasetGraceHours",
+			label: "Failed-job dataset grace (hours)",
+			default: 24,
+			min: 0,
+			step: 1
+		}
+	]
+}] };
+//#endregion
+//#region src/providers/modal/modal-gateway.ts
+var MODAL_APP_NAME = "camstack-training";
+var MODAL_CACHE_VOLUME = "camstack-training-cache";
+/** A small public image with `sh` and `cat`, for the staging / collector sandboxes. */
+var MODAL_TOOLS_IMAGE = "alpine:3.20";
+var ModalAuthError = class extends Error {
+	reason;
+	constructor(reason, message) {
+		super(message);
+		this.reason = reason;
+		this.name = "ModalAuthError";
+	}
+};
+//#endregion
 //#region src/providers/modal/modal-provider.ts
 /**
 * The Modal `training-provider` (D807), over {@link ModalGateway}.
@@ -409,12 +536,16 @@ var ModalTrainingProvider = class {
 	constructor(deps) {
 		this.deps = deps;
 	}
-	describe = async () => this.deps.listEntries().map((entry) => this.descriptorOf(entry));
+	describe = async () => {
+		const views = await this.deps.secretViews();
+		return this.deps.listEntries().map((entry) => this.descriptorOf(entry, views.get(entry.id) ?? null));
+	};
 	describeTypes = async () => [{
 		typeId: MODAL_TYPE_ID,
 		label: "Modal",
 		iconAsset: MODAL_ICON_ASSET,
-		addonId: this.deps.addonId
+		addonId: this.deps.addonId,
+		configSchema: MODAL_ENTRY_CONFIG_SCHEMA
 	}];
 	listEntries = async () => this.deps.listEntries().map((entry) => ({
 		entryId: entry.id,
@@ -425,10 +556,11 @@ var ModalTrainingProvider = class {
 	}));
 	createEntry = async (input) => this.deps.createEntry(input);
 	updateEntry = async (input) => {
+		const secret = input.tokenSecret === void 0 ? {} : isSecretClear(input.tokenSecret) ? { clearTokenSecret: true } : input.tokenSecret === "" ? {} : { tokenSecret: input.tokenSecret };
 		await this.deps.updateEntry(input.entryId, {
 			name: input.name,
 			...input.tokenId !== void 0 ? { tokenId: input.tokenId } : {},
-			...input.tokenSecret !== void 0 ? { tokenSecret: input.tokenSecret } : {},
+			...secret,
 			...input.environment !== void 0 ? { environment: input.environment } : {},
 			...input.gpuType !== void 0 ? { gpuType: input.gpuType } : {},
 			...input.region !== void 0 ? { region: input.region } : {},
@@ -715,9 +847,15 @@ var ModalTrainingProvider = class {
 		}))];
 	};
 	entryConfigured(entry) {
-		return entry.tokenId.trim() !== "" && entry.tokenSecret.trim() !== "";
+		const secret = typeof entry.tokenSecret === "string" ? entry.tokenSecret : "";
+		return (entry.tokenId ?? "").trim() !== "" && secret.trim() !== "";
 	}
-	descriptorOf(entry) {
+	descriptorOf(entry, tokenSecretView) {
+		const gpuType = entry.gpuType ?? "L4";
+		const region = entry.region ?? "";
+		const costCapUsd = entry.costCapUsd ?? 5;
+		const maxRuntimeHours = entry.maxRuntimeHours ?? 4;
+		const failedDatasetGraceHours = entry.failedDatasetGraceHours ?? 24;
 		return {
 			addonId: this.deps.addonId,
 			entryId: entry.id,
@@ -734,15 +872,22 @@ var ModalTrainingProvider = class {
 			dataResidencyNote: "Modal keeps the frames on a Volume of your workspace for the length of the job; the training container sees them only while it runs.",
 			configured: this.entryConfigured(entry),
 			defaults: {
-				gpuType: entry.gpuType,
-				region: entry.region,
-				costCapUsd: entry.costCapUsd,
-				maxRuntimeSec: Math.round(entry.maxRuntimeHours * 3600),
-				failedDatasetGraceHours: entry.failedDatasetGraceHours
+				gpuType,
+				region,
+				costCapUsd,
+				maxRuntimeSec: Math.round(maxRuntimeHours * 3600),
+				failedDatasetGraceHours
 			},
-			tokenId: entry.tokenId,
-			environment: entry.environment,
-			hasTokenSecret: entry.tokenSecret.trim() !== ""
+			formValues: {
+				tokenId: entry.tokenId ?? "",
+				tokenSecret: tokenSecretView ?? "",
+				environment: entry.environment ?? "",
+				gpuType,
+				region,
+				costCapUsd,
+				maxRuntimeHours,
+				failedDatasetGraceHours
+			}
 		};
 	}
 	requireGateway(entryId) {
@@ -88616,9 +88761,15 @@ var TrainingModalAddon = class extends BaseAddon {
 	}
 	async onInitialize() {
 		let next = this.config;
-		if (next.entries.length === 0) next = migrateLegacyModalConfig(next, () => randomUUID());
+		let migratedLegacy = false;
+		if (next.entries.length === 0) {
+			const migrated = migrateLegacyModalConfig(next, () => randomUUID());
+			migratedLegacy = migrated !== next;
+			next = migrated;
+		}
 		next = ensureModalEntryIds(next, () => randomUUID());
 		if (next !== this.config) await this.updateGlobalSettings(next);
+		if (migratedLegacy) await this.clearSecrets(["tokenSecret"]);
 		this.ledgerState = this.state(LEDGER_KEY, LedgerSchema, {});
 		const peer = this.ctx.peerBytes;
 		if (peer === void 0) throw new Error("training-modal needs the peer-bytes facility");
@@ -88634,17 +88785,27 @@ var TrainingModalAddon = class extends BaseAddon {
 				return { entryId: result.entryId };
 			},
 			updateEntry: async (entryId, patch) => {
-				const result = updateModalEntry(this.config, entryId, patch);
+				const { clearTokenSecret, ...rest } = patch;
+				const result = updateModalEntry(this.config, entryId, rest);
 				if (!result.ok) throw new Error(`cannot update entry: ${result.reason}`);
-				await this.updateGlobalSettings(result.config);
+				if (clearTokenSecret === true) await this.updateGlobalSettings({
+					...result.config,
+					entries: result.config.entries.map((entry) => entry.id === entryId ? {
+						...entry,
+						tokenSecret: SECRET_CLEAR
+					} : entry)
+				});
+				else 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}`);
 				await this.updateGlobalSettings(result.config);
+				await this.clearSecrets(["tokenSecret"]);
 				this.closeGateway(entryId);
 			},
+			secretViews: () => this.readEntrySecretViews(),
 			ledger: this.ledger(),
 			peer,
 			fetchText,
@@ -88653,7 +88814,10 @@ var TrainingModalAddon = class extends BaseAddon {
 		});
 		this.ctx.logger.info("Modal training provider ready", { meta: {
 			entries: effectiveModalEntries(this.config).length,
-			configured: effectiveModalEntries(this.config).some((e) => e.tokenId.trim() !== "" && e.tokenSecret.trim() !== "")
+			configured: effectiveModalEntries(this.config).some((e) => {
+				const secret = typeof e.tokenSecret === "string" ? e.tokenSecret : "";
+				return (e.tokenId ?? "").trim() !== "" && secret.trim() !== "";
+			})
 		} });
 		return { providers: [{
 			capability: trainingProviderCapability,
@@ -88671,15 +88835,18 @@ var TrainingModalAddon = class extends BaseAddon {
 	gatewayFor(entryId) {
 		const entry = findModalEntry(this.config, entryId);
 		if (entry === null) return null;
-		if (entry.tokenId.trim() === "" || entry.tokenSecret.trim() === "") return null;
-		const key = `${entry.tokenId}\u0000${entry.environment}`;
+		const tokenId = (entry.tokenId ?? "").trim();
+		const tokenSecret = (typeof entry.tokenSecret === "string" ? entry.tokenSecret : "").trim();
+		if (tokenId === "" || tokenSecret === "") return null;
+		const environment = (entry.environment ?? "").trim();
+		const key = `${tokenId}\u0000${environment}`;
 		const cached = this.gateways.get(entryId);
 		if (cached !== void 0 && cached.key === key) return cached.gateway;
 		cached?.gateway.close();
 		const gateway = new ModalSdkGateway({
-			tokenId: entry.tokenId.trim(),
-			tokenSecret: entry.tokenSecret.trim(),
-			environment: entry.environment.trim()
+			tokenId,
+			tokenSecret,
+			environment
 		});
 		this.gateways.set(entryId, {
 			key,
@@ -88693,6 +88860,19 @@ var TrainingModalAddon = class extends BaseAddon {
 		cached.gateway.close();
 		this.gateways.delete(entryId);
 	}
+	/**
+	* Keychain views for the Providers edit form. Addon-facing reads answer
+	* VALUES (D798), so we cannot recover markers from `readStoredGlobalKey`.
+	* When a secret is present on the resolved entry we emit the deterministic
+	* keychain ref (`ctx.secrets.ref`) so `SecretFieldControl` can reveal.
+	*/
+	async readEntrySecretViews() {
+		const map = /* @__PURE__ */ new Map();
+		const secrets = this.ctx.secrets;
+		for (const entry of effectiveModalEntries(this.config)) map.set(entry.id, entryTokenSecretView(entry.tokenSecret, secrets, entry.id));
+		map.set("legacy-default", flatTokenSecretView(this.config.tokenSecret, secrets));
+		return map;
+	}
 	ledger() {
 		const state = () => {
 			if (this.ledgerState === null) throw new Error("training-modal ledger not initialised");

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-dy7yMOdw.mjs";
+import { n as e, t } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_training_page__remoteEntry_js-BZV1gmqf.mjs";
 export { t as get, e as init };

package/dist/{responsive-C7QsFtTb.mjs → responsive-vGH-n9E5.mjs}

@@ -1,8 +1,8 @@
-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";
+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-OmGE1nuE.mjs";
+import "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DnrbBvrw.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-t();
+e();
 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;
-}, _ = s(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: s, ...c }, l) => o("svg", {
+}, _ = o(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: o, iconNode: s, ...c }, l) => a("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),
-	...!a && !g(c) && { "aria-hidden": "true" },
+	...!o && !g(c) && { "aria-hidden": "true" },
 	...c
-}, [...s.map(([e, t]) => o(e, t)), ...Array.isArray(a) ? a : [a]]));
+}, [...s.map(([e, t]) => a(e, t)), ...Array.isArray(o) ? o : [o]]));
 //#endregion
 //#region ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-t();
+e();
 var v = (e, t) => {
-	let n = s(({ className: n, ...r }, i) => o(_, {
+	let n = o(({ className: n, ...r }, i) => a(_, {
 		ref: i,
 		iconNode: t,
 		className: d(`lucide-${f(m(e))}`, `lucide-${e}`, n),
@@ -44,65 +44,69 @@ var v = (e, t) => {
 };
 //#endregion
 //#region ../ui-library/src/lib/shared-context.ts
-t();
+e();
 function y(e, t) {
-	if (typeof globalThis > "u") return c(t);
+	if (typeof globalThis > "u") return s(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 = c(t);
+	let a = s(t);
 	return r.set(e, a), a;
 }
 //#endregion
 //#region ../ui-library/src/contexts/system-context.tsx
-t();
+e();
 var b = y("camstack:system", null);
 function x() {
-	let e = i(b);
+	let e = r(b);
 	if (!e) throw Error("useSystem(): no <SystemProvider> in tree");
 	return e;
 }
 //#endregion
 //#region ../ui-library/src/hooks/use-device-proxy.ts
-t();
+e();
 var S = "capability.binding-changed";
-function C(e, t) {
-	let [n, i] = r(null);
-	return l(() => {
-		if (t === null) {
-			i(null);
+function C(e, n) {
+	let [r, a] = t(null);
+	return c(() => {
+		if (n === null) {
+			a(null);
 			return;
 		}
-		let n = !1, r = async () => {
+		let t = !1, r = async () => {
 			try {
-				let r = await e.deviceManager.getBindings.query({ deviceId: t });
-				n || i(r);
+				let r = await e.deviceManager.getBindings.query({ deviceId: n });
+				t || a(r);
 			} catch {
-				n || i((e) => e);
+				t || a((e) => e);
 			}
 		};
 		r();
-		let a = e.live?.onEvent.subscribe({ category: S }, { onData: (e) => {
-			let n = e.data?.source;
-			if (!n) {
+		let i = e.live?.onEvent.subscribe({ category: S }, { onData: (e) => {
+			let t = e.data?.source;
+			if (!t) {
 				r();
 				return;
 			}
-			n.type === "device" && n.id === t && r();
+			t.type === "device" && t.id === n && r();
 		} });
 		return () => {
-			n = !0, a?.unsubscribe();
+			t = !0, i?.unsubscribe();
 		};
-	}, [e, t]), a(() => n ? u(e, n) : null, [e, n]);
+	}, [e, n]), i(() => r ? u(e, r) : null, [e, r]);
 }
-function w(t) {
-	let r = n((e) => t ? t.subscribe(() => e()) : () => void 0, [t]), i = n(() => t?.value, [t]);
-	return e(r, i, i);
+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);
 }
 //#endregion
 //#region ../ui-library/src/lib/cap-error.ts
-function T(e) {
+function E(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = Reflect.get(e, "data");
 	if (typeof t == "object" && t) {
@@ -111,12 +115,12 @@ function T(e) {
 	}
 	return null;
 }
-function E(e) {
-	let t = T(e);
+function D(e) {
+	let t = E(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 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";
+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";
 //#endregion
-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 };
+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 };

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

@@ -1,5 +1,5 @@
-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";
+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-vGH-n9E5.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] = n(0);
+	let { width: a, baseUrl: o } = i, [s, c] = t(0);
 	return {
 		src: r(() => {
 			if (e === null || e <= 0) return null;
@@ -104,7 +104,7 @@ function v(e, i = {}) {
 			s
 		]),
 		loading: !1,
-		refresh: t(() => {
+		refresh: n(() => {
 			c((e) => e + 1);
 		}, [])
 	};

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

@@ -1,4 +1,4 @@
-import { y as e } from "./responsive-C7QsFtTb.mjs";
+import { b as e } from "./responsive-vGH-n9E5.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,7 +16,32 @@ var t = e("eye-off", [
 		d: "m2 2 20 20",
 		key: "1ooewy"
 	}]
-]), n = e("mic", [
+]), 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", [
 	["path", {
 		d: "M12 19v3",
 		key: "npa21l"
@@ -33,7 +58,7 @@ var t = e("eye-off", [
 		rx: "3",
 		key: "s6n7sd"
 	}]
-]), r = e("square", [["rect", {
+]), i = e("square", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
@@ -42,4 +67,4 @@ var t = e("eye-off", [
 	key: "afitv7"
 }]]);
 //#endregion
-export { n, t as r, r as t };
+export { t as i, r as n, n as r, i as t };

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

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