@camstack/addon-training 0.1.21 → 0.1.23

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 { _ 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-CVDWIKl7.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;
@@ -156,6 +207,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
@@ -372,7 +460,10 @@ 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",
@@ -387,6 +478,21 @@ var ModalTrainingProvider = class {
 		configured: this.entryConfigured(entry)
 	}));
 	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 } : {},
+			...secret,
+			...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 };
@@ -664,9 +770,12 @@ 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 tokenId = entry.tokenId ?? "";
+		const environment = entry.environment ?? "";
 		return {
 			addonId: this.deps.addonId,
 			entryId: entry.id,
@@ -683,12 +792,16 @@ 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: entry.gpuType ?? "L4",
+				region: entry.region ?? "",
+				costCapUsd: entry.costCapUsd ?? 5,
+				maxRuntimeSec: Math.round((entry.maxRuntimeHours ?? 4) * 3600),
+				failedDatasetGraceHours: entry.failedDatasetGraceHours ?? 24
+			},
+			tokenId,
+			environment,
+			hasTokenSecret: tokenSecretView !== null,
+			tokenSecretView
 		};
 	}
 	requireGateway(entryId) {
@@ -88541,6 +88654,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: [],
@@ -88556,9 +88675,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");
@@ -88573,12 +88698,28 @@ var TrainingModalAddon = class extends BaseAddon {
 				await this.updateGlobalSettings(result.config);
 				return { entryId: result.entryId };
 			},
+			updateEntry: async (entryId, patch) => {
+				const { clearTokenSecret, ...rest } = patch;
+				const result = updateModalEntry(this.config, entryId, rest);
+				if (!result.ok) throw new Error(`cannot update entry: ${result.reason}`);
+				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,
@@ -88587,7 +88728,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,
@@ -88605,15 +88749,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,
@@ -88627,6 +88774,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");
@@ -88651,97 +88811,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-Dw400Y0a.mjs";
 export { t as get, e as init };

package/dist/{responsive-emJo3EdF.mjs → responsive-BBlQWFFi.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 { a as u } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-ff7X-Xlf.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-D5mKGqt0.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-BBlQWFFi.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);
 		}, [])
 	};