dsh-modellix 0.1.0

package/lib/client.js

@@ -0,0 +1,3653 @@
+window.__ModuleLoader__.load({
+  id: "dsh-modellix",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/client/design-state.ts
+function selectedDesignModel(snapshot) {
+	if (snapshot.selectedModelId === null) return null;
+	return snapshot.models.find((model) => model.id === snapshot.selectedModelId) ?? null;
+}
+function canGenerateDesign(input) {
+	const { snapshot, draft, missingRequired, invalidFieldCount, interactionBusy } = input;
+	return snapshot.enabled && snapshot.credentialReady && selectedDesignModel(snapshot)?.available === true && draft !== null && invalidFieldCount === 0 && !missingRequired && !interactionBusy;
+}
+function isMissingDesignParameter(parameters, path) {
+	if (!Object.prototype.hasOwnProperty.call(parameters, path)) return true;
+	const value = parameters[path];
+	if (value === null || value === "") return true;
+	return Array.isArray(value) && value.length === 0;
+}
+/** Validates every constraint present on the client wire; requiredness is separate. */
+function isDesignFieldValueValid(field, value) {
+	if (value === void 0 || value === null || value === "") return true;
+	if (field.kind === "enum") return field.options.some((option) => Object.is(option.value, value));
+	if (field.kind === "number" || field.kind === "integer") {
+		if (typeof value !== "number" || !Number.isFinite(value)) return false;
+		if (field.kind === "integer" && !Number.isInteger(value)) return false;
+		if (field.minimum !== null && value < field.minimum) return false;
+		if (field.maximum !== null && value > field.maximum) return false;
+		if (field.step !== null && field.step > 0) {
+			const steps = (value - (field.minimum ?? 0)) / field.step;
+			if (Math.abs(steps - Math.round(steps)) > 1e-9) return false;
+		}
+		return true;
+	}
+	if (field.kind === "boolean") return typeof value === "boolean";
+	if (field.kind === "array") return Array.isArray(value);
+	if (field.kind === "object") return typeof value === "object" && !Array.isArray(value);
+	if (typeof value !== "string") return false;
+	return field.maxLength === null || value.length <= field.maxLength;
+}
+function designOutcomeTransition(previous, current) {
+	if (previous === null) return emptyTransition();
+	const previousJobs = new Map(previous.jobs.map((job) => [job.jobId, job.status]));
+	const counts = {
+		running: 0,
+		succeeded: 0,
+		failed: 0,
+		expired: 0
+	};
+	for (const job of current.jobs) {
+		if (previousJobs.get(job.jobId) === job.status) continue;
+		incrementOutcome(counts, job.status);
+	}
+	return {
+		proposalReady: current.proposal !== null && current.proposal.proposalId !== previous.proposal?.proposalId,
+		...counts
+	};
+}
+function incrementOutcome(counts, status) {
+	switch (status) {
+		case "running":
+			counts.running += 1;
+			break;
+		case "succeeded":
+			counts.succeeded += 1;
+			break;
+		case "expired":
+			counts.expired += 1;
+			break;
+		case "failed":
+		case "canceled":
+		case "submit-unknown":
+			counts.failed += 1;
+			break;
+	}
+}
+function emptyTransition() {
+	return {
+		proposalReady: false,
+		running: 0,
+		succeeded: 0,
+		failed: 0,
+		expired: 0
+	};
+}
+//#endregion
+//#region src/shared/design-presentation-codes.ts
+const DESIGN_NOTICE_CODES = [
+	"schema-unavailable",
+	"schema-invalid",
+	"catalog-stale",
+	"catalog-unavailable",
+	"credential-reloaded"
+];
+const DESIGN_MODEL_UNAVAILABLE_CODES = ["removed-from-catalog"];
+const DESIGN_FIELD_DISABLED_CODES = ["unsupported-schema-field"];
+const DESIGN_DIAGNOSTIC_CODES = [
+	"credential-changed",
+	"submit-unknown",
+	"generation-failed",
+	"result-unavailable",
+	"credential-rejected",
+	"task-inaccessible",
+	"rate-limited",
+	"response-invalid",
+	"poll-unavailable"
+];
+//#endregion
+//#region src/shared/design-wire-limits.ts
+/** Closed Design RPC budgets shared by the Host encoder and Client decoder. */
+const DESIGN_WIRE_LIMITS = Object.freeze({
+	maxFields: 256,
+	maxOptions: 256,
+	maxResources: 256,
+	maxJsonBytes: 256 * 1024,
+	maxJsonDepth: 10,
+	maxJsonNodes: 4096
+});
+Object.freeze({
+	maxBytes: DESIGN_WIRE_LIMITS.maxJsonBytes,
+	maxDepth: DESIGN_WIRE_LIMITS.maxJsonDepth,
+	maxNodes: DESIGN_WIRE_LIMITS.maxJsonNodes
+});
+//#endregion
+//#region src/client/contracts.ts
+const MODELLIX_CLIENT_WIRE_VERSION = 1;
+const MODELLIX_RPC_CHANNEL = "/modellix";
+const MODELLIX_RPC_ENDPOINTS = Object.freeze({
+	stateGet: "state/get",
+	credentialSave: "credential/save",
+	onboardingDefer: "onboarding/defer",
+	settingsToggles: "settings/toggles",
+	credentialRemove: "credential/remove",
+	llmRefresh: "llm/refresh",
+	designRead: "design/read",
+	designRefresh: "design/refresh",
+	designSelectModel: "design/select-model",
+	designPropose: "design/propose",
+	designProposalApply: "design/proposal/apply",
+	designProposalReject: "design/proposal/reject",
+	designSubmit: "design/submit"
+});
+var ModellixClientContractError = class extends Error {
+	constructor(message) {
+		super(message);
+		this.name = "ModellixClientContractError";
+	}
+};
+const MAX_TEXT = 32e3;
+const MAX_SHORT_TEXT = 4096;
+const MAX_ID = 256;
+const MAX_MODELS = 1e3;
+const MAX_FIELDS = DESIGN_WIRE_LIMITS.maxFields;
+const MAX_OPTIONS = DESIGN_WIRE_LIMITS.maxOptions;
+const MAX_JOBS = 1e3;
+const MAX_RESOURCES = DESIGN_WIRE_LIMITS.maxResources;
+const MAX_RESOURCE_URL = 16384;
+const MAX_JSON_DEPTH = DESIGN_WIRE_LIMITS.maxJsonDepth;
+const MAX_JSON_NODES = DESIGN_WIRE_LIMITS.maxJsonNodes;
+const MAX_RPC_RESPONSE_DEPTH = MAX_JSON_DEPTH + 4;
+const SAFE_ID = /^[A-Za-z0-9][A-Za-z0-9._:/-]{0,255}$/;
+const SAFE_HASH = /^[A-Za-z0-9._:-]{8,256}$/;
+const FORBIDDEN_RESPONSE_KEY = /^(?:api[-_]?key|authorization|secret|password|mask(?:ed)?|last[-_]?four|last4|credential[-_]?value)$/iu;
+function parseSettingsSnapshot(input) {
+	assertNoSecretFields(input);
+	const root = object(input, "settings snapshot");
+	version(root.version);
+	const credential = object(root.credential, "credential descriptor");
+	const configured = boolean(credential.configured, "credential.configured");
+	const source = oneOf(credential.source, [
+		"local",
+		"env",
+		null
+	], "credential.source");
+	const writable = boolean(credential.writable, "credential.writable");
+	if (!configured && source !== null) throw new ModellixClientContractError("missing Credential cannot expose a source");
+	if (configured && source === null) throw new ModellixClientContractError("configured Credential must expose a source");
+	if (source === "env" && writable) throw new ModellixClientContractError("environment Credential must be read-only");
+	const revision = opaqueRevision(credential.revision);
+	if (configured !== (revision !== null)) throw new ModellixClientContractError("Credential revision presence disagrees with configured state");
+	return {
+		version: 1,
+		settingsRevision: natural(root.settingsRevision, "settingsRevision"),
+		services: parseServices(root.services),
+		credential: {
+			configured,
+			source,
+			writable,
+			revision,
+			credentialEpoch: natural(credential.credentialEpoch, "credential.credentialEpoch"),
+			verification: oneOf(credential.verification, [
+				"unknown",
+				"unverified",
+				"valid",
+				"invalid"
+			], "credential.verification"),
+			invalidEpoch: credential.invalidEpoch === null ? null : natural(credential.invalidEpoch, "credential.invalidEpoch")
+		},
+		onboarding: parseOnboarding(root.onboarding),
+		llm: parseLlmHealth(root.llm)
+	};
+}
+function parseDesignSnapshot(input) {
+	assertNoSecretFields(input);
+	const root = object(input, "Design snapshot");
+	version(root.version);
+	const models = array(root.models, "models", MAX_MODELS).map(parseModel);
+	const selectedModelId = root.selectedModelId === null ? null : safeId(root.selectedModelId, "selectedModelId");
+	if (selectedModelId !== null && !models.some((candidate) => candidate.id === selectedModelId)) throw new ModellixClientContractError("selectedModelId is absent from the model catalog");
+	const draft = root.draft === null ? null : parseDraft(root.draft);
+	if (draft !== null && draft.modelId !== selectedModelId) throw new ModellixClientContractError("Design draft does not belong to the selected model");
+	return {
+		version: 1,
+		enabled: boolean(root.enabled, "enabled"),
+		credentialReady: boolean(root.credentialReady, "credentialReady"),
+		models,
+		selectedModelId,
+		draft,
+		proposal: root.proposal === null ? null : parseProposal(root.proposal),
+		jobs: array(root.jobs, "jobs", MAX_JOBS).map(parseJob),
+		notice: root.notice === null ? null : oneOf(root.notice, DESIGN_NOTICE_CODES, "notice")
+	};
+}
+function parseDesignMutation(input) {
+	assertNoSecretFields(input);
+	const root = object(input, "Design mutation");
+	version(root.version);
+	if (root.accepted === true) return {
+		version: 1,
+		accepted: true,
+		state: parseDesignSnapshot(root.state)
+	};
+	if (root.accepted === false) return {
+		version: 1,
+		accepted: false,
+		code: stableErrorCode(object(root.error, "Design mutation error").code)
+	};
+	return {
+		version: 1,
+		accepted: true,
+		state: parseDesignSnapshot(input)
+	};
+}
+function parseAck(input) {
+	assertNoSecretFields(input);
+	const root = object(input, "acknowledgement");
+	version(root.version);
+	if (root.accepted !== true) throw new ModellixClientContractError("acknowledgement was not accepted");
+	return {
+		version: 1,
+		accepted: true
+	};
+}
+function parseSettingsMutation(input) {
+	assertNoSecretFields(input);
+	const root = object(input, "settings mutation");
+	version(root.version);
+	if (root.accepted === true) return {
+		version: 1,
+		accepted: true,
+		state: parseSettingsSnapshot(root.state)
+	};
+	if (root.accepted !== false) throw new ModellixClientContractError("settings mutation accepted flag is malformed");
+	if (root.reason === "credential-changed" || root.reason === "settings-changed") return {
+		version: 1,
+		accepted: false,
+		code: root.reason,
+		messageKey: null,
+		state: parseSettingsSnapshot(root.state)
+	};
+	const error = object(root.error, "settings mutation error");
+	return {
+		version: 1,
+		accepted: false,
+		code: stableErrorCode(error.code),
+		messageKey: stableMessageKey(error.messageKey),
+		state: null
+	};
+}
+function sanitizeParameters(input) {
+	return jsonObject(input, "parameters");
+}
+function safeResourceHref(value) {
+	if (value.length < 1 || value.length > MAX_RESOURCE_URL || /\s/u.test(value)) throw new ModellixClientContractError("resource URL is malformed");
+	let url;
+	try {
+		url = new URL(value);
+	} catch {
+		throw new ModellixClientContractError("resource URL must be absolute");
+	}
+	if (url.protocol !== "https:" || url.username !== "" || url.password !== "" || url.hostname.length === 0) throw new ModellixClientContractError("resource URL must be credential-free HTTPS");
+	return url.href;
+}
+function parseServices(value) {
+	const services = object(value, "services");
+	return {
+		design: boolean(services.design, "services.design"),
+		llm: boolean(services.llm, "services.llm"),
+		web: boolean(services.web, "services.web")
+	};
+}
+function parseOnboarding(value) {
+	const onboarding = object(value, "onboarding");
+	return {
+		status: oneOf(onboarding.status, [
+			"active",
+			"completed",
+			"deferred"
+		], "onboarding.status"),
+		recoveryPending: boolean(onboarding.recoveryPending, "onboarding.recoveryPending"),
+		recoveryRequestId: onboarding.recoveryRequestId === null ? null : safeId(onboarding.recoveryRequestId, "onboarding.recoveryRequestId")
+	};
+}
+function parseLlmHealth(value) {
+	const llm = object(value, "llm");
+	return {
+		health: oneOf(llm.health, [
+			"unknown",
+			"missing",
+			"disabled",
+			"ready",
+			"error",
+			"policy-blocked"
+		], "llm.health"),
+		modelCount: natural(llm.modelCount, "llm.modelCount"),
+		refreshedAt: llm.refreshedAt === null ? null : natural(llm.refreshedAt, "llm.refreshedAt")
+	};
+}
+function parseModel(value) {
+	const model = object(value, "model");
+	return {
+		id: safeId(model.id, "model.id"),
+		label: readable(model.label, "model.label", MAX_SHORT_TEXT),
+		kind: oneOf(model.kind, [
+			"image",
+			"video",
+			"audio",
+			"unknown"
+		], "model.kind"),
+		featured: boolean(model.featured, "model.featured"),
+		available: boolean(model.available, "model.available"),
+		unavailableReason: model.unavailableReason === null ? null : oneOf(model.unavailableReason, DESIGN_MODEL_UNAVAILABLE_CODES, "model.unavailableReason")
+	};
+}
+function parseDraft(value) {
+	const draft = object(value, "draft");
+	const fields = array(draft.fields, "draft.fields", MAX_FIELDS).map(parseField);
+	const primaryInputPath = path(draft.primaryInputPath, "draft.primaryInputPath");
+	if (!fields.some((field) => field.path === primaryInputPath)) throw new ModellixClientContractError("primaryInputPath is absent from the Schema IR fields");
+	return {
+		modelId: safeId(draft.modelId, "draft.modelId"),
+		draftRevision: natural(draft.draftRevision, "draft.draftRevision"),
+		irContractHash: hash(draft.irContractHash, "draft.irContractHash"),
+		primaryInputPath,
+		fields,
+		parameters: jsonObject(draft.parameters, "draft.parameters")
+	};
+}
+function parseField(value) {
+	const field = object(value, "field");
+	const kind = oneOf(field.kind, [
+		"string",
+		"number",
+		"integer",
+		"boolean",
+		"enum",
+		"array",
+		"object",
+		"media"
+	], "field.kind");
+	const options = array(field.options, "field.options", MAX_OPTIONS).map((candidate) => {
+		const option = object(candidate, "field option");
+		const optionValue = option.value;
+		if (typeof optionValue !== "string" && typeof optionValue !== "number" && typeof optionValue !== "boolean") throw new ModellixClientContractError("field option value must be a scalar");
+		if (typeof optionValue === "number" && !Number.isFinite(optionValue)) throw new ModellixClientContractError("field option number must be finite");
+		return {
+			label: readable(option.label, "field option label", MAX_SHORT_TEXT),
+			value: optionValue
+		};
+	});
+	if (kind === "enum" && options.length === 0) throw new ModellixClientContractError("enum field must include options");
+	return {
+		path: path(field.path, "field.path"),
+		label: readable(field.label, "field.label", MAX_SHORT_TEXT),
+		description: field.description === null ? null : readable(field.description, "field.description", MAX_TEXT),
+		kind,
+		widget: oneOf(field.widget, [
+			"input",
+			"textarea",
+			"select",
+			"switch",
+			"json",
+			"media"
+		], "field.widget"),
+		required: boolean(field.required, "field.required"),
+		options,
+		minimum: nullableFinite(field.minimum, "field.minimum"),
+		maximum: nullableFinite(field.maximum, "field.maximum"),
+		step: nullableFinite(field.step, "field.step"),
+		maxLength: field.maxLength === null ? null : natural(field.maxLength, "field.maxLength"),
+		disabledReason: field.disabledReason === null ? null : oneOf(field.disabledReason, DESIGN_FIELD_DISABLED_CODES, "field.disabledReason")
+	};
+}
+function parseProposal(value) {
+	const proposal = object(value, "proposal");
+	return {
+		proposalId: safeId(proposal.proposalId, "proposal.proposalId"),
+		baseDraftRevision: natural(proposal.baseDraftRevision, "proposal.baseDraftRevision"),
+		summary: readable(proposal.summary, "proposal.summary", MAX_TEXT),
+		changes: array(proposal.changes, "proposal.changes", MAX_FIELDS).map((candidate) => {
+			const change = object(candidate, "proposal change");
+			return {
+				path: path(change.path, "proposal change path"),
+				label: readable(change.label, "proposal change label", MAX_SHORT_TEXT),
+				before: change.before === void 0 ? void 0 : jsonValue(change.before, "proposal change before"),
+				after: change.after === void 0 ? void 0 : jsonValue(change.after, "proposal change after")
+			};
+		}),
+		conflicts: array(proposal.conflicts, "proposal.conflicts", MAX_FIELDS).map((conflict) => readable(conflict, "proposal conflict", MAX_SHORT_TEXT))
+	};
+}
+function parseJob(value) {
+	const job = object(value, "job");
+	return {
+		jobId: safeId(job.jobId, "job.jobId"),
+		modelId: safeId(job.modelId, "job.modelId"),
+		status: oneOf(job.status, [
+			"running",
+			"succeeded",
+			"failed",
+			"canceled",
+			"submit-unknown",
+			"expired"
+		], "job.status"),
+		createdAt: isoTimestamp(job.createdAt, "job.createdAt"),
+		updatedAt: isoTimestamp(job.updatedAt, "job.updatedAt"),
+		resources: array(job.resources, "job.resources", MAX_RESOURCES).map(parseResource),
+		diagnostic: job.diagnostic === null ? null : parseDiagnostic(job.diagnostic)
+	};
+}
+function parseResource(value) {
+	const resource = object(value, "resource");
+	return {
+		id: safeId(resource.id, "resource.id"),
+		kind: oneOf(resource.kind, [
+			"image",
+			"video",
+			"audio"
+		], "resource.kind"),
+		url: safeResourceHref(readable(resource.url, "resource.url", MAX_RESOURCE_URL)),
+		downloadUrl: safeResourceHref(readable(resource.downloadUrl, "resource.downloadUrl", MAX_RESOURCE_URL)),
+		expiresAt: resource.expiresAt === null ? null : isoTimestamp(resource.expiresAt, "resource.expiresAt")
+	};
+}
+function parseDiagnostic(value) {
+	const diagnostic = object(value, "diagnostic");
+	if (Object.hasOwn(diagnostic, "message")) throw new ModellixClientContractError("diagnostic must use a stable code instead of Host prose");
+	return {
+		code: oneOf(diagnostic.code, DESIGN_DIAGNOSTIC_CODES, "diagnostic.code"),
+		retryable: boolean(diagnostic.retryable, "diagnostic.retryable")
+	};
+}
+function assertNoSecretFields(value) {
+	const seen = /* @__PURE__ */ new WeakSet();
+	const visit = (candidate, depth) => {
+		if (depth > MAX_RPC_RESPONSE_DEPTH) throw new ModellixClientContractError("RPC response nesting is too deep");
+		if (typeof candidate !== "object" || candidate === null) return;
+		if (seen.has(candidate)) throw new ModellixClientContractError("RPC response contains a cycle");
+		seen.add(candidate);
+		if (Array.isArray(candidate)) {
+			for (const item of candidate) visit(item, depth + 1);
+			return;
+		}
+		for (const [key, item] of Object.entries(candidate)) {
+			if (FORBIDDEN_RESPONSE_KEY.test(key)) throw new ModellixClientContractError("RPC response attempted to expose a Secret-shaped field");
+			visit(item, depth + 1);
+		}
+	};
+	visit(value, 0);
+}
+function jsonObject(value, label) {
+	const parsed = jsonValue(value, label);
+	if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) throw new ModellixClientContractError(`${label} must be a JSON object`);
+	return parsed;
+}
+function jsonValue(value, label) {
+	const budget = { nodes: 0 };
+	const parse = (candidate, depth) => {
+		budget.nodes += 1;
+		if (budget.nodes > MAX_JSON_NODES || depth > MAX_JSON_DEPTH) throw new ModellixClientContractError(`${label} exceeds the JSON budget`);
+		if (candidate === null || typeof candidate === "boolean") return candidate;
+		if (typeof candidate === "number") {
+			if (!Number.isFinite(candidate)) throw new ModellixClientContractError(`${label} contains a non-finite number`);
+			return candidate;
+		}
+		if (typeof candidate === "string") return readable(candidate, label, MAX_TEXT);
+		if (Array.isArray(candidate)) {
+			if (candidate.length > MAX_FIELDS) throw new ModellixClientContractError(`${label} contains an oversized array`);
+			return candidate.map((item) => parse(item, depth + 1));
+		}
+		if (typeof candidate === "object") {
+			const entries = Object.entries(candidate);
+			if (entries.length > MAX_FIELDS) throw new ModellixClientContractError(`${label} contains an oversized object`);
+			const result = {};
+			for (const [key, item] of entries) {
+				path(key, `${label} key`);
+				result[key] = parse(item, depth + 1);
+			}
+			return result;
+		}
+		throw new ModellixClientContractError(`${label} contains a non-JSON value`);
+	};
+	return parse(value, 0);
+}
+function object(value, label) {
+	if (typeof value !== "object" || value === null || Array.isArray(value)) throw new ModellixClientContractError(`${label} must be an object`);
+	return value;
+}
+function array(value, label, maximum) {
+	if (!Array.isArray(value) || value.length > maximum) throw new ModellixClientContractError(`${label} must be an array with at most ${maximum} items`);
+	return value;
+}
+function boolean(value, label) {
+	if (typeof value !== "boolean") throw new ModellixClientContractError(`${label} must be boolean`);
+	return value;
+}
+function natural(value, label) {
+	if (typeof value !== "number" || !Number.isSafeInteger(value) || value < 0) throw new ModellixClientContractError(`${label} must be a natural number`);
+	return value;
+}
+function nullableFinite(value, label) {
+	if (value === null) return null;
+	if (typeof value !== "number" || !Number.isFinite(value)) throw new ModellixClientContractError(`${label} must be finite or null`);
+	return value;
+}
+function readable(value, label, maximum) {
+	if (typeof value !== "string" || value.length > maximum) throw new ModellixClientContractError(`${label} must be a bounded string`);
+	for (const character of value) {
+		const point = character.codePointAt(0) ?? 0;
+		if (point === 0 || point === 127 || point < 32 && !"\n\r	".includes(character)) throw new ModellixClientContractError(`${label} contains a control character`);
+	}
+	return value;
+}
+function path(value, label) {
+	const result = readable(value, label, 512);
+	if (result.length === 0) throw new ModellixClientContractError(`${label} cannot be empty`);
+	return result;
+}
+function safeId(value, label) {
+	if (typeof value !== "string" || value.length > MAX_ID || !SAFE_ID.test(value)) throw new ModellixClientContractError(`${label} is malformed`);
+	return value;
+}
+function hash(value, label) {
+	if (typeof value !== "string" || !SAFE_HASH.test(value)) throw new ModellixClientContractError(`${label} is malformed`);
+	return value;
+}
+function opaqueRevision(value) {
+	if (value === null) return null;
+	return readable(value, "credential.revision", 256);
+}
+function stableErrorCode(value) {
+	if (typeof value !== "string" || !/^(?:MODELLIX_[A-Z0-9_]{1,96}|[a-z][a-z0-9-]{0,63})$/u.test(value)) throw new ModellixClientContractError("mutation error code is malformed");
+	return value;
+}
+function stableMessageKey(value) {
+	if (typeof value !== "string" || !/^[a-z][a-z0-9]*(?:\.[a-z0-9_-]+){1,15}$/u.test(value) || value.length > 256) throw new ModellixClientContractError("mutation messageKey is malformed");
+	return value;
+}
+function isoTimestamp(value, label) {
+	const result = readable(value, label, 64);
+	if (!Number.isFinite(Date.parse(result))) throw new ModellixClientContractError(`${label} must be an ISO timestamp`);
+	return result;
+}
+function oneOf(value, values, label) {
+	if (!values.includes(value)) throw new ModellixClientContractError(`${label} has an unsupported value`);
+	return value;
+}
+function version(value) {
+	if (value !== 1) throw new ModellixClientContractError("RPC wire version is unsupported");
+}
+//#endregion
+//#region src/client/rpc.ts
+var ModellixClientRpcError = class extends Error {
+	endpoint;
+	code;
+	messageKey;
+	state;
+	constructor(endpoint, code, options = {}) {
+		super("The Modellix Host operation could not be completed");
+		this.name = "ModellixClientRpcError";
+		this.endpoint = endpoint;
+		this.code = safeErrorCode(code);
+		this.messageKey = options.messageKey ?? null;
+		this.state = options.state ?? null;
+	}
+};
+var ModellixRpcClient = class {
+	#rpc;
+	constructor(rpc) {
+		this.#rpc = rpc;
+	}
+	settings(signal) {
+		return this.#call(MODELLIX_RPC_ENDPOINTS.stateGet, {}, parseSettingsSnapshot, signal);
+	}
+	saveOnboarding(apiKey, services, expectedCredentialEpoch, signal) {
+		return this.#settingsMutation(MODELLIX_RPC_ENDPOINTS.credentialSave, {
+			apiKey,
+			services,
+			expectedCredentialEpoch
+		}, signal);
+	}
+	deferOnboarding(services, expectedSettingsRevision, signal) {
+		return this.#settingsMutation(MODELLIX_RPC_ENDPOINTS.onboardingDefer, {
+			services,
+			expectedSettingsRevision
+		}, signal);
+	}
+	updateToggles(services, expectedSettingsRevision, signal) {
+		return this.#settingsMutation(MODELLIX_RPC_ENDPOINTS.settingsToggles, {
+			services,
+			expectedSettingsRevision
+		}, signal);
+	}
+	replaceCredential(apiKey, expectedCredentialEpoch, services, signal) {
+		return this.#settingsMutation(MODELLIX_RPC_ENDPOINTS.credentialSave, {
+			apiKey,
+			expectedCredentialEpoch,
+			services
+		}, signal);
+	}
+	removeCredential(expectedCredentialEpoch, signal) {
+		return this.#settingsMutation(MODELLIX_RPC_ENDPOINTS.credentialRemove, { expectedCredentialEpoch }, signal);
+	}
+	refreshLlmCatalog(signal) {
+		return this.#settingsMutation(MODELLIX_RPC_ENDPOINTS.llmRefresh, {}, signal);
+	}
+	design(sessionId, signal) {
+		return this.#designCall(MODELLIX_RPC_ENDPOINTS.designRead, { sessionId }, signal);
+	}
+	refreshDesignCatalog(sessionId, signal) {
+		return this.#designCall(MODELLIX_RPC_ENDPOINTS.designRefresh, { sessionId }, signal);
+	}
+	selectDesignModel(sessionId, modelId, signal) {
+		return this.#designCall(MODELLIX_RPC_ENDPOINTS.designSelectModel, {
+			sessionId,
+			modelId
+		}, signal);
+	}
+	proposeDesignParameters(input, signal) {
+		return this.#designCall(MODELLIX_RPC_ENDPOINTS.designPropose, {
+			...input,
+			parameters: sanitizeParameters(input.parameters)
+		}, signal);
+	}
+	applyDesignProposal(sessionId, proposalId, parameters, signal) {
+		return this.#designCall(MODELLIX_RPC_ENDPOINTS.designProposalApply, {
+			sessionId,
+			proposalId,
+			parameters: sanitizeParameters(parameters)
+		}, signal);
+	}
+	rejectDesignProposal(sessionId, proposalId, signal) {
+		return this.#designCall(MODELLIX_RPC_ENDPOINTS.designProposalReject, {
+			sessionId,
+			proposalId
+		}, signal);
+	}
+	submitDesign(input, signal) {
+		return this.#designCall(MODELLIX_RPC_ENDPOINTS.designSubmit, {
+			...input,
+			parameters: sanitizeParameters(input.parameters)
+		}, signal);
+	}
+	async #call(endpoint, payload, parse, signal) {
+		let result;
+		try {
+			result = await this.#rpc.call(MODELLIX_RPC_CHANNEL, endpoint, {
+				version: 1,
+				...payload
+			}, signal);
+		} catch (error) {
+			throw new ModellixClientRpcError(endpoint, signal?.aborted === true || error instanceof Error && error.name === "AbortError" ? "cancelled" : "transport");
+		}
+		if (!result.ok) throw new ModellixClientRpcError(endpoint, result.error.code);
+		try {
+			return parse(result.value);
+		} catch {
+			throw new ModellixClientRpcError(endpoint, "invalid-response");
+		}
+	}
+	async #settingsMutation(endpoint, payload, signal) {
+		const mutation = await this.#call(endpoint, payload, parseSettingsMutation, signal);
+		if (mutation.accepted) return mutation.state;
+		throw new ModellixClientRpcError(endpoint, mutation.code, {
+			messageKey: mutation.messageKey,
+			state: mutation.state
+		});
+	}
+	async #designCall(endpoint, payload, signal) {
+		const mutation = await this.#call(endpoint, payload, parseDesignMutation, signal);
+		if (mutation.accepted) return mutation.state;
+		throw new ModellixClientRpcError(endpoint, mutation.code);
+	}
+};
+function safeErrorCode(value) {
+	return /^(?:MODELLIX_[A-Z0-9_]{1,96}|[a-z][a-z0-9-]{0,63})$/u.test(value) ? value : "internal";
+}
+//#endregion
+//#region src/client/store.ts
+var ResourceStore = class {
+	#snapshot = {
+		status: "idle",
+		data: null,
+		pending: null,
+		errorCode: null,
+		errorOperation: null
+	};
+	#listeners = /* @__PURE__ */ new Set();
+	getSnapshot = () => this.#snapshot;
+	subscribe = (listener) => {
+		this.#listeners.add(listener);
+		return () => this.#listeners.delete(listener);
+	};
+	publish(snapshot) {
+		this.#snapshot = snapshot;
+		for (const listener of this.#listeners) listener();
+	}
+};
+var ResourceController = class {
+	store = new ResourceStore();
+	#generation = 0;
+	async perform(operation, task) {
+		const generation = ++this.#generation;
+		const previous = this.store.getSnapshot();
+		this.store.publish({
+			status: previous.data === null ? "loading" : previous.status,
+			data: previous.data,
+			pending: operation,
+			errorCode: null,
+			errorOperation: null
+		});
+		try {
+			const data = await task();
+			if (generation !== this.#generation) return false;
+			this.store.publish({
+				status: "ready",
+				data,
+				pending: null,
+				errorCode: null,
+				errorOperation: null
+			});
+			return true;
+		} catch (error) {
+			if (generation !== this.#generation) return false;
+			const errorCode = clientErrorCode(error);
+			if (errorCode === "cancelled") {
+				this.store.publish({
+					...previous,
+					pending: null,
+					errorCode: null,
+					errorOperation: null
+				});
+				return false;
+			}
+			const latest = error instanceof ModellixClientRpcError && error.state !== null ? error.state : previous.data;
+			this.store.publish({
+				status: "error",
+				data: latest,
+				pending: null,
+				errorCode,
+				errorOperation: operation
+			});
+			return false;
+		}
+	}
+	publishData(data) {
+		++this.#generation;
+		this.store.publish({
+			status: "ready",
+			data,
+			pending: null,
+			errorCode: null,
+			errorOperation: null
+		});
+	}
+};
+var SettingsController = class extends ResourceController {
+	#rpc;
+	constructor(rpc) {
+		super();
+		this.#rpc = rpc;
+	}
+	load(signal) {
+		return this.perform("load", () => this.#rpc.settings(signal));
+	}
+	saveOnboarding(apiKey, services, expectedCredentialEpoch, signal) {
+		return this.perform("save-onboarding", () => this.#rpc.saveOnboarding(apiKey, services, expectedCredentialEpoch, signal));
+	}
+	async deferOnboarding(services, expectedSettingsRevision, signal) {
+		return this.perform("defer-onboarding", () => this.#rpc.deferOnboarding(services, expectedSettingsRevision, signal));
+	}
+	updateToggles(services, expectedSettingsRevision, signal) {
+		return this.perform("save-toggles", () => this.#rpc.updateToggles(services, expectedSettingsRevision, signal));
+	}
+	replaceCredential(apiKey, expectedCredentialEpoch, services, signal) {
+		return this.perform("replace-credential", () => this.#rpc.replaceCredential(apiKey, expectedCredentialEpoch, services, signal));
+	}
+	removeCredential(expectedCredentialEpoch, signal) {
+		return this.perform("remove-credential", () => this.#rpc.removeCredential(expectedCredentialEpoch, signal));
+	}
+	async refreshLlmCatalog(signal) {
+		return this.perform("refresh-llm", () => this.#rpc.refreshLlmCatalog(signal));
+	}
+};
+var DesignController = class extends ResourceController {
+	#rpc;
+	#proposeInFlight = null;
+	#submitInFlight = null;
+	sessionId;
+	constructor(rpc, sessionId) {
+		super();
+		this.#rpc = rpc;
+		this.sessionId = sessionId;
+	}
+	load(signal) {
+		return this.perform("load", () => this.#rpc.design(this.sessionId, signal));
+	}
+	refreshCatalog(signal) {
+		return this.perform("refresh-design", () => this.#rpc.refreshDesignCatalog(this.sessionId, signal));
+	}
+	selectModel(modelId, signal) {
+		return this.perform("select-model", () => this.#rpc.selectDesignModel(this.sessionId, modelId, signal));
+	}
+	propose(instruction, parameters, signal) {
+		const current = this.store.getSnapshot();
+		if (current.pending !== null || this.#proposeInFlight !== null) return Promise.resolve(false);
+		const snapshot = current.data;
+		const draft = snapshot?.draft;
+		if (draft === null || draft === void 0) return Promise.resolve(false);
+		if (snapshot === null || selectedDesignModel(snapshot)?.available !== true) return Promise.resolve(false);
+		const proposal = this.perform("propose", () => this.#rpc.proposeDesignParameters({
+			sessionId: this.sessionId,
+			modelId: draft.modelId,
+			instruction,
+			draftRevision: draft.draftRevision,
+			irContractHash: draft.irContractHash,
+			parameters
+		}, signal));
+		this.#proposeInFlight = proposal;
+		const release = () => {
+			if (this.#proposeInFlight === proposal) this.#proposeInFlight = null;
+		};
+		proposal.then(release, release);
+		return proposal;
+	}
+	applyProposal(proposalId, parameters, signal) {
+		return this.perform("apply-proposal", () => this.#rpc.applyDesignProposal(this.sessionId, proposalId, parameters, signal));
+	}
+	rejectProposal(proposalId, signal) {
+		return this.perform("reject-proposal", () => this.#rpc.rejectDesignProposal(this.sessionId, proposalId, signal));
+	}
+	submit(parameters, signal) {
+		const current = this.store.getSnapshot();
+		if (current.pending !== null || this.#submitInFlight !== null) return Promise.resolve(false);
+		const snapshot = current.data;
+		const draft = snapshot?.draft;
+		if (draft === null || draft === void 0) return Promise.resolve(false);
+		if (snapshot === null || selectedDesignModel(snapshot)?.available !== true) return Promise.resolve(false);
+		const submission = this.perform("submit", () => this.#rpc.submitDesign({
+			sessionId: this.sessionId,
+			modelId: draft.modelId,
+			draftRevision: draft.draftRevision,
+			irContractHash: draft.irContractHash,
+			parameters
+		}, signal));
+		this.#submitInFlight = submission;
+		const release = () => {
+			if (this.#submitInFlight === submission) this.#submitInFlight = null;
+		};
+		submission.then(release, release);
+		return submission;
+	}
+};
+function clientErrorCode(error) {
+	if (typeof error === "object" && error !== null && "code" in error && typeof error.code === "string" && /^(?:[a-z][a-z0-9-]{0,63}|MODELLIX_[A-Z0-9_]{1,55})$/u.test(error.code)) return error.code;
+	return "internal";
+}
+//#endregion
+//#region src/client/a11y.ts
+const FOCUSABLE_SELECTOR = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+const DOCUMENT_SCROLL_LOCKS = /* @__PURE__ */ new WeakMap();
+const APPLICATION_INERT_LOCKS = /* @__PURE__ */ new WeakMap();
+const MODELLIX_DIALOG_SENTINEL = "[data-mdlx-dialog-surface]";
+const MODAL_DIALOG_SELECTOR = "[role=\"dialog\"][aria-modal=\"true\"]";
+/**
+* Defers a plugin dialog while another accessible modal owns the page.
+*
+* The public host API does not expose a modal coordinator. This arbitration
+* therefore uses only the ARIA modal contract and a marker owned by this
+* plugin; it does not depend on host classes or DOM structure.
+*/
+function useExternalDialogGate(requestedOpen) {
+	const [decision, setDecision] = (0, react.useState)({
+		requestedOpen: false,
+		allowed: false
+	});
+	(0, react.useEffect)(() => {
+		if (!requestedOpen || typeof document === "undefined") {
+			setDecision((current) => current.requestedOpen || current.allowed ? {
+				requestedOpen: false,
+				allowed: false
+			} : current);
+			return;
+		}
+		const ownerDocument = document;
+		const Observer = ownerDocument.defaultView?.MutationObserver;
+		let disposed = false;
+		let reconciliationQueued = false;
+		const reconcile = () => {
+			reconciliationQueued = false;
+			if (disposed) return;
+			const allowed = !hasVisibleExternalDialog(ownerDocument);
+			setDecision((current) => current.requestedOpen && current.allowed === allowed ? current : {
+				requestedOpen: true,
+				allowed
+			});
+		};
+		const queueReconciliation = () => {
+			if (reconciliationQueued) return;
+			reconciliationQueued = true;
+			queueMicrotask(reconcile);
+		};
+		const observer = Observer === void 0 ? null : new Observer(queueReconciliation);
+		observer?.observe(ownerDocument.documentElement, {
+			subtree: true,
+			childList: true,
+			attributes: true,
+			attributeFilter: [
+				"aria-hidden",
+				"aria-modal",
+				"class",
+				"hidden",
+				"inert",
+				"role",
+				"style"
+			]
+		});
+		queueReconciliation();
+		return () => {
+			disposed = true;
+			observer?.disconnect();
+		};
+	}, [requestedOpen]);
+	return requestedOpen && decision.requestedOpen && decision.allowed;
+}
+/** Adds the focus behavior intentionally absent from the public Modal primitive. */
+function useDialogA11y(options) {
+	const { open, container, initialFocusSelector, mandatory, onEscape } = options;
+	const onEscapeRef = (0, react.useRef)(onEscape);
+	const restoreTargetRef = (0, react.useRef)(null);
+	onEscapeRef.current = onEscape;
+	(0, react.useEffect)(() => {
+		if (!open || typeof document === "undefined") return;
+		const activeBeforeOpen = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+		restoreTargetRef.current ??= activeBeforeOpen;
+		const dialogRoot = container.current;
+		const appRoot = document.getElementById("root");
+		const unlockInert = lockApplicationRoot(appRoot);
+		const unlockScroll = lockDocumentScroll(document);
+		const focusInitial = () => {
+			const root = container.current;
+			if (root === null) return;
+			const preferred = initialFocusSelector === void 0 ? null : root.querySelector(initialFocusSelector);
+			const first = focusableElements(root)[0];
+			(preferred ?? first ?? root).focus();
+		};
+		queueMicrotask(focusInitial);
+		const onKeyDown = (event) => {
+			if (event.key === "Escape") {
+				event.preventDefault();
+				event.stopImmediatePropagation();
+				if (!mandatory) onEscapeRef.current();
+				return;
+			}
+			if (event.key !== "Tab") return;
+			const root = container.current;
+			if (root === null) return;
+			const items = focusableElements(root);
+			if (items.length === 0) {
+				event.preventDefault();
+				root.focus();
+				return;
+			}
+			const first = items[0];
+			const last = items[items.length - 1];
+			const active = document.activeElement;
+			if (event.shiftKey && (active === first || !root.contains(active))) {
+				event.preventDefault();
+				last?.focus();
+			} else if (!event.shiftKey && (active === last || !root.contains(active))) {
+				event.preventDefault();
+				first?.focus();
+			}
+		};
+		document.addEventListener("keydown", onKeyDown, true);
+		return () => {
+			document.removeEventListener("keydown", onKeyDown, true);
+			unlockInert();
+			unlockScroll();
+			if (!hasVisibleExternalDialog(document)) {
+				restoreFocus(restoreTargetRef.current, dialogRoot, appRoot);
+				restoreTargetRef.current = null;
+			}
+		};
+	}, [
+		container,
+		initialFocusSelector,
+		mandatory,
+		open
+	]);
+}
+function lockApplicationRoot(appRoot) {
+	if (appRoot === null) return () => void 0;
+	const current = APPLICATION_INERT_LOCKS.get(appRoot);
+	if (current !== void 0) {
+		current.count += 1;
+		return () => releaseApplicationRoot(appRoot);
+	}
+	APPLICATION_INERT_LOCKS.set(appRoot, {
+		count: 1,
+		inert: appRoot.inert === true
+	});
+	appRoot.inert = true;
+	return () => releaseApplicationRoot(appRoot);
+}
+function releaseApplicationRoot(appRoot) {
+	const current = APPLICATION_INERT_LOCKS.get(appRoot);
+	if (current === void 0) return;
+	current.count -= 1;
+	if (current.count > 0) return;
+	appRoot.inert = current.inert;
+	APPLICATION_INERT_LOCKS.delete(appRoot);
+}
+function lockDocumentScroll(ownerDocument) {
+	const current = DOCUMENT_SCROLL_LOCKS.get(ownerDocument);
+	if (current !== void 0) {
+		current.count += 1;
+		return () => releaseDocumentScroll(ownerDocument);
+	}
+	const html = ownerDocument.documentElement;
+	const body = ownerDocument.body;
+	const created = {
+		count: 1,
+		html,
+		body,
+		htmlOverflow: html.style.overflow,
+		htmlOverscrollBehavior: html.style.overscrollBehavior,
+		bodyOverflow: body.style.overflow,
+		bodyOverscrollBehavior: body.style.overscrollBehavior
+	};
+	DOCUMENT_SCROLL_LOCKS.set(ownerDocument, created);
+	html.style.overflow = "hidden";
+	html.style.overscrollBehavior = "contain";
+	body.style.overflow = "hidden";
+	body.style.overscrollBehavior = "contain";
+	return () => releaseDocumentScroll(ownerDocument);
+}
+function releaseDocumentScroll(ownerDocument) {
+	const current = DOCUMENT_SCROLL_LOCKS.get(ownerDocument);
+	if (current === void 0) return;
+	current.count -= 1;
+	if (current.count > 0) return;
+	current.html.style.overflow = current.htmlOverflow;
+	current.html.style.overscrollBehavior = current.htmlOverscrollBehavior;
+	current.body.style.overflow = current.bodyOverflow;
+	current.body.style.overscrollBehavior = current.bodyOverscrollBehavior;
+	DOCUMENT_SCROLL_LOCKS.delete(ownerDocument);
+}
+function clearSecretInput(container) {
+	const input = container?.querySelector("[data-mdlx-secret]");
+	if (input !== null && input !== void 0) input.value = "";
+}
+function focusableElements(root) {
+	return [...root.querySelectorAll(FOCUSABLE_SELECTOR)].filter((candidate) => isUsableFocusTarget(candidate, null));
+}
+function restoreFocus(previous, dialog, appRoot) {
+	const ownerDocument = dialog?.ownerDocument ?? previous?.ownerDocument ?? document;
+	if (previous !== null && isUsableFocusTarget(previous, dialog) && focus(previous)) return;
+	const roots = [
+		ownerDocument.querySelector("main"),
+		ownerDocument.querySelector("[role=\"main\"]"),
+		appRoot
+	];
+	const visited = /* @__PURE__ */ new Set();
+	for (const root of roots) {
+		if (root === null || visited.has(root)) continue;
+		visited.add(root);
+		const fallback = [...root.querySelectorAll(FOCUSABLE_SELECTOR)].find((candidate) => isUsableFocusTarget(candidate, dialog));
+		if (fallback !== void 0 && focus(fallback)) return;
+	}
+}
+function hasVisibleExternalDialog(ownerDocument) {
+	return [...ownerDocument.querySelectorAll(MODAL_DIALOG_SELECTOR)].some((candidate) => candidate.querySelector(MODELLIX_DIALOG_SENTINEL) === null && isVisibleDialog(candidate));
+}
+function isVisibleDialog(candidate) {
+	if (candidate.tagName === "DIALOG" && !candidate.hasAttribute("open")) return false;
+	let current = candidate;
+	while (current !== null) {
+		if (current.hidden || current === candidate && current.inert || current.getAttribute("aria-hidden") === "true") return false;
+		const style = current.ownerDocument.defaultView?.getComputedStyle(current);
+		if (style?.display === "none" || style?.visibility === "hidden" || style?.visibility === "collapse") return false;
+		current = current.parentElement;
+	}
+	return true;
+}
+function focus(candidate) {
+	candidate.focus({ preventScroll: true });
+	return candidate.ownerDocument.activeElement === candidate;
+}
+function isUsableFocusTarget(candidate, excludedRoot) {
+	if (!candidate.isConnected || candidate === candidate.ownerDocument.body || excludedRoot?.contains(candidate) === true || !candidate.matches(FOCUSABLE_SELECTOR) || candidate.tabIndex < 0 || candidate.getAttribute("aria-disabled") === "true" || candidate instanceof HTMLInputElement && candidate.type === "hidden") return false;
+	let current = candidate;
+	while (current !== null) {
+		if (current.hidden || current.inert || current.getAttribute("aria-hidden") === "true") return false;
+		const style = current.ownerDocument.defaultView?.getComputedStyle(current);
+		if (style?.display === "none" || style?.visibility === "hidden" || style?.visibility === "collapse") return false;
+		current = current.parentElement;
+	}
+	return true;
+}
+//#endregion
+//#region src/client/client-errors.ts
+/** Maps stable Host/RPC codes to user-facing recovery states without exposing prose. */
+function presentClientError(code) {
+	switch (code) {
+		case "settings-changed":
+		case "credential-changed": return presentation("errorConflict");
+		case "MODELLIX_CANDIDATE_KEY_INVALID":
+		case "MODELLIX_API_KEY_INVALID":
+		case "MODELLIX_UNAUTHORIZED": return presentation("errorKeyInvalid", true);
+		case "MODELLIX_BILLING_BLOCKED": return presentation("errorBilling");
+		case "MODELLIX_RATE_LIMITED": return presentation("errorRateLimited");
+		case "MODELLIX_OFFLINE":
+		case "transport": return presentation("errorOffline");
+		case "MODELLIX_TIMEOUT": return presentation("errorTimeout");
+		case "MODELLIX_SERVER_ERROR": return presentation("errorServer");
+		case "MODELLIX_POLICY_BLOCKED": return presentation("errorPolicy");
+		case "MODELLIX_API_KEY_REQUIRED": return presentation("keyRequired");
+		case "MODELLIX_DESIGN_INPUT_INVALID": return presentation("parametersInvalid");
+		case "MODELLIX_DESIGN_SCHEMA_INVALID": return presentation("errorDesignSchema");
+		case "MODELLIX_DESIGN_CATALOG_UNAVAILABLE":
+		case "MODELLIX_DESIGN_SCHEMA_UNAVAILABLE": return presentation("errorServer");
+		case "MODELLIX_SUBMIT_UNKNOWN": return presentation("errorSubmitUnknown");
+		case "MODELLIX_ASSET_EXPIRED": return presentation("errorAssetExpired");
+		default: return presentation("errorGeneric");
+	}
+}
+function presentation(messageKey, credentialFieldInvalid = false) {
+	return {
+		messageKey,
+		credentialFieldInvalid
+	};
+}
+//#endregion
+//#region src/client/shared.tsx
+const DEFAULT_SERVICES = Object.freeze({
+	design: true,
+	llm: true,
+	web: true
+});
+function useResourceState(source) {
+	return (0, react.useSyncExternalStore)(source.subscribe, source.getSnapshot, source.getSnapshot);
+}
+function ErrorNotice({ code, t }) {
+	if (code === null) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "mdlx-error",
+		role: "alert",
+		children: t(presentClientError(code).messageKey)
+	});
+}
+function BusyStatus({ busy, text }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "mdlx-live",
+		role: "status",
+		"aria-live": "polite",
+		children: busy ? text : ""
+	});
+}
+function ServiceSwitches({ value, disabled = false, onChange, t }) {
+	const idPrefix = (0, react.useId)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mdlx-service-list",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ServiceSwitch, {
+				id: `${idPrefix}-design`,
+				label: t("serviceDesign"),
+				description: t("serviceDesignDescription"),
+				checked: value.design,
+				disabled,
+				onChange: (design) => onChange({
+					...value,
+					design
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ServiceSwitch, {
+				id: `${idPrefix}-llm`,
+				label: t("serviceLlm"),
+				description: t("serviceLlmDescription"),
+				checked: value.llm,
+				disabled,
+				onChange: (llm) => onChange({
+					...value,
+					llm
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ServiceSwitch, {
+				id: `${idPrefix}-web`,
+				label: t("serviceWeb"),
+				description: t("serviceWebDescription"),
+				checked: value.web,
+				disabled,
+				onChange: (web) => onChange({
+					...value,
+					web
+				})
+			})
+		]
+	});
+}
+function ServiceSwitch({ id, label, description, checked, disabled, onChange }) {
+	const descriptionId = `${id}-description`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: "mdlx-switch-row",
+		htmlFor: id,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "mdlx-switch-copy",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				id: descriptionId,
+				children: description
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			id,
+			className: "mdlx-switch",
+			type: "checkbox",
+			role: "switch",
+			checked,
+			disabled,
+			"aria-describedby": descriptionId,
+			onChange: (event) => onChange(event.currentTarget.checked)
+		})]
+	});
+}
+function CredentialStatus({ configured, source, verification, t }) {
+	const text = !configured ? t("notConfigured") : source === "env" ? t("configuredEnv") : t("configuredLocal");
+	const verificationText = verification === "valid" ? t("verificationValid") : verification === "invalid" ? t("verificationInvalid") : t("verificationPending");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mdlx-status-copy",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: !configured ? "warning" : verification === "invalid" ? "error" : verification === "valid" ? "done" : "ongoing" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+			text,
+			" · ",
+			verificationText
+		] })]
+	});
+}
+function CredentialModal(props) {
+	const { open, mandatory, title, description, services, onServicesChange, busy, errorCode, onSave, onSaved, onCancel, laterLabel = "cancel", t } = props;
+	const [draft, setDraft] = (0, react.useState)("");
+	const [visible, setVisible] = (0, react.useState)(false);
+	const [displayedErrorCode, setDisplayedErrorCode] = (0, react.useState)(errorCode);
+	const contentRef = (0, react.useRef)(null);
+	const draftRef = (0, react.useRef)("");
+	const keyId = (0, react.useId)();
+	const helpId = `${keyId}-help`;
+	const errorId = `${keyId}-error`;
+	const errorPresentation = displayedErrorCode === null ? null : presentClientError(displayedErrorCode);
+	const surfaceOpen = useExternalDialogGate(open);
+	const clear = (0, react.useCallback)(() => {
+		draftRef.current = "";
+		setDraft("");
+		setVisible(false);
+		setDisplayedErrorCode(null);
+		clearSecretInput(contentRef.current);
+	}, []);
+	const close = (0, react.useCallback)(() => {
+		clear();
+		onCancel();
+	}, [clear, onCancel]);
+	useDialogA11y({
+		open: surfaceOpen,
+		container: contentRef,
+		initialFocusSelector: "[data-mdlx-initial-focus]",
+		mandatory,
+		onEscape: close
+	});
+	(0, react.useEffect)(() => () => {
+		draftRef.current = "";
+		clearSecretInput(contentRef.current);
+	}, []);
+	(0, react.useEffect)(() => {
+		setDisplayedErrorCode(errorCode);
+	}, [errorCode]);
+	const submit = async () => {
+		const candidate = draftRef.current.trim();
+		if (candidate.length === 0 || busy) return;
+		if (!await onSave(candidate)) return;
+		clear();
+		onSaved();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+		open: surfaceOpen,
+		title,
+		onClose: mandatory ? () => void 0 : close,
+		headless: true,
+		className: "mdlx-modal",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			ref: contentRef,
+			className: "mdlx-modal-content",
+			"data-mdlx-dialog-surface": "",
+			tabIndex: -1,
+			noValidate: true,
+			onSubmit: (event) => {
+				event.preventDefault();
+				submit();
+			},
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-heading",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: "mdlx-modal-title",
+						children: title
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "mdlx-modal-description",
+						children: description
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-field",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: "mdlx-label",
+							htmlFor: keyId,
+							children: t("keyLabel")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "mdlx-input-row",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								id: keyId,
+								name: "modellix-api-key",
+								className: "mdlx-input",
+								type: visible ? "text" : "password",
+								value: draft,
+								autoComplete: "new-password",
+								spellCheck: false,
+								placeholder: t("keyPlaceholder"),
+								"aria-describedby": `${helpId}${errorPresentation?.credentialFieldInvalid === true ? ` ${errorId}` : ""}`,
+								"aria-invalid": errorPresentation?.credentialFieldInvalid || void 0,
+								"data-mdlx-secret": "",
+								"data-mdlx-initial-focus": "",
+								onChange: (event) => {
+									const value = event.currentTarget.value;
+									draftRef.current = value;
+									setDraft(value);
+									setDisplayedErrorCode(null);
+								}
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								type: "button",
+								variant: "outline",
+								"aria-label": visible ? t("hideKey") : t("showKey"),
+								"aria-pressed": visible,
+								onClick: () => setVisible((current) => !current),
+								children: visible ? t("hideKey") : t("showKey")
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							id: helpId,
+							className: "mdlx-help",
+							children: t("keyHelp")
+						})
+					]
+				}),
+				services !== void 0 && onServicesChange !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ServiceSwitches, {
+					value: services,
+					disabled: busy,
+					onChange: onServicesChange,
+					t
+				}),
+				errorPresentation !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					id: errorId,
+					className: "mdlx-error",
+					role: "alert",
+					children: t(errorPresentation.messageKey)
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+					className: "mdlx-safe-link",
+					href: "https://docs.modellix.ai/get-started",
+					target: "_blank",
+					rel: "noopener noreferrer",
+					referrerPolicy: "no-referrer",
+					children: [
+						t("docs"),
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRightUpOutline14, { size: 14 })
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-actions",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						type: "button",
+						variant: "outline",
+						disabled: busy,
+						onClick: close,
+						children: t(laterLabel)
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						type: "submit",
+						variant: "primary",
+						disabled: busy || draft.trim().length === 0,
+						"aria-busy": busy,
+						children: busy ? t("saving") : t("saveEnable")
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BusyStatus, {
+					busy,
+					text: t("saving")
+				})
+			]
+		})
+	});
+}
+function formatClientValue(value) {
+	if (value === void 0) return "—";
+	if (typeof value === "string") return value;
+	try {
+		const text = JSON.stringify(value);
+		if (typeof text !== "string") return "—";
+		return text.length > 512 ? `${text.slice(0, 509)}…` : text;
+	} catch {
+		return "—";
+	}
+}
+//#endregion
+//#region src/client/onboarding-state.ts
+function shouldPromptOnboarding(snapshot) {
+	if (snapshot.onboarding.recoveryRequestId !== null || snapshot.credential.verification === "invalid") return false;
+	if (!snapshot.credential.writable && snapshot.onboarding.status === "deferred") return false;
+	if (snapshot.onboarding.recoveryPending) return true;
+	return !snapshot.credential.configured && snapshot.onboarding.status !== "deferred";
+}
+//#endregion
+//#region src/client/Onboarding.tsx
+function ModellixOnboarding({ complete, controller, t }) {
+	const state = useResourceState(controller.store);
+	const [services, setServices] = (0, react.useState)(DEFAULT_SERVICES);
+	const [open, setOpen] = (0, react.useState)(true);
+	const [loadRecoveryVisible, setLoadRecoveryVisible] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (controller.store.getSnapshot().status !== "idle") return;
+		const abort = new AbortController();
+		controller.load(abort.signal);
+		return () => abort.abort();
+	}, [controller]);
+	const snapshot = state.data;
+	const promptRequired = snapshot === null ? false : shouldPromptOnboarding(snapshot);
+	(0, react.useEffect)(() => {
+		if (snapshot === null && state.status === "error") setLoadRecoveryVisible(true);
+	}, [snapshot, state.status]);
+	(0, react.useEffect)(() => {
+		if (snapshot === null) return;
+		setServices(snapshot.services);
+		if (!promptRequired) complete();
+	}, [
+		complete,
+		promptRequired,
+		snapshot
+	]);
+	const save = (0, react.useCallback)(async (apiKey) => {
+		if (snapshot === null) return false;
+		return controller.saveOnboarding(apiKey, services, snapshot.credential.credentialEpoch);
+	}, [
+		controller,
+		services,
+		snapshot
+	]);
+	const defer = (0, react.useCallback)(() => {
+		if (snapshot === null || state.pending !== null) return;
+		controller.deferOnboarding(services, snapshot.settingsRevision).then((accepted) => {
+			if (!accepted) return;
+			setOpen(false);
+			complete();
+		});
+	}, [
+		complete,
+		controller,
+		services,
+		snapshot,
+		state.pending
+	]);
+	if (snapshot === null) {
+		if (!loadRecoveryVisible) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OnboardingLoadRecoveryDialog, {
+			busy: state.pending === "load",
+			errorCode: state.errorOperation === "load" ? state.errorCode : null,
+			onRetry: () => {
+				controller.load();
+			},
+			onLater: complete,
+			t
+		});
+	}
+	if (!promptRequired) return null;
+	if (!snapshot.credential.writable) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OnboardingReadonlyCredentialDialog, {
+		open,
+		busy: state.pending === "defer-onboarding",
+		errorCode: state.errorOperation === "defer-onboarding" ? state.errorCode : null,
+		description: snapshot.credential.source === "env" ? t("readonlyEnvInvalid") : t("credentialReadonly"),
+		onLater: defer,
+		t
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CredentialModal, {
+		open,
+		mandatory: true,
+		title: t("onboardingTitle"),
+		description: t("onboardingDescription"),
+		services,
+		onServicesChange: setServices,
+		busy: state.pending === "save-onboarding" || state.pending === "defer-onboarding",
+		errorCode: state.errorOperation === "save-onboarding" || state.errorOperation === "defer-onboarding" ? state.errorCode : null,
+		onSave: save,
+		onSaved: complete,
+		onCancel: defer,
+		laterLabel: "later",
+		t
+	});
+}
+function OnboardingLoadRecoveryDialog({ busy, errorCode, onRetry, onLater, t }) {
+	const contentRef = (0, react.useRef)(null);
+	const surfaceOpen = useExternalDialogGate(true);
+	useDialogA11y({
+		open: surfaceOpen,
+		container: contentRef,
+		initialFocusSelector: "[data-mdlx-initial-focus]",
+		mandatory: true,
+		onEscape: onLater
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+		open: surfaceOpen,
+		title: t("onboardingLoadErrorTitle"),
+		onClose: () => void 0,
+		headless: true,
+		className: "mdlx-modal mdlx-modal-confirm",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: contentRef,
+			className: "mdlx-modal-content",
+			"data-mdlx-dialog-surface": "",
+			tabIndex: -1,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-heading",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: "mdlx-modal-title",
+						children: t("onboardingLoadErrorTitle")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "mdlx-modal-description",
+						children: t("onboardingLoadErrorDescription")
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorNotice, {
+					code: errorCode,
+					t
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-actions",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						type: "button",
+						variant: "outline",
+						onClick: onLater,
+						children: t("later")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						type: "button",
+						variant: "primary",
+						disabled: busy,
+						"aria-busy": busy,
+						"data-mdlx-initial-focus": "",
+						onClick: onRetry,
+						children: busy ? t("loading") : t("retry")
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BusyStatus, {
+					busy,
+					text: t("loading")
+				})
+			]
+		})
+	});
+}
+function OnboardingReadonlyCredentialDialog({ open, busy, errorCode, description, onLater, t }) {
+	const contentRef = (0, react.useRef)(null);
+	const surfaceOpen = useExternalDialogGate(open);
+	useDialogA11y({
+		open: surfaceOpen,
+		container: contentRef,
+		initialFocusSelector: "[data-mdlx-initial-focus]",
+		mandatory: true,
+		onEscape: onLater
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+		open: surfaceOpen,
+		title: t("readonlyKeyTitle"),
+		onClose: () => void 0,
+		headless: true,
+		className: "mdlx-modal mdlx-modal-confirm",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: contentRef,
+			className: "mdlx-modal-content",
+			"data-mdlx-dialog-surface": "",
+			tabIndex: -1,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-heading",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: "mdlx-modal-title",
+						children: t("readonlyKeyTitle")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "mdlx-modal-description",
+						children: description
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorNotice, {
+					code: errorCode,
+					t
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "mdlx-actions",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						type: "button",
+						variant: "primary",
+						disabled: busy,
+						"aria-busy": busy,
+						"data-mdlx-initial-focus": "",
+						onClick: onLater,
+						children: busy ? t("saving") : t("later")
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BusyStatus, {
+					busy,
+					text: t("saving")
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/client/credential-dialog.ts
+const RECOVERY_CREDENTIAL_DIALOG_OWNER = "shell:credential-recovery";
+/**
+* Arbitrates every post-onboarding Credential editor that shares one
+* SettingsController. A current dialog keeps its lease when recovery arrives,
+* so it can upgrade in place instead of competing with the shell overlay.
+*/
+var CredentialDialogCoordinator = class {
+	#listeners = /* @__PURE__ */ new Set();
+	#snapshot = Object.freeze({
+		revision: 0,
+		activeOwner: null,
+		recoveryToken: null,
+		dismissedRecoveryToken: null
+	});
+	subscribe = (listener) => {
+		this.#listeners.add(listener);
+		return () => this.#listeners.delete(listener);
+	};
+	getSnapshot = () => this.#snapshot;
+	open(owner) {
+		if (this.#snapshot.activeOwner !== null) return;
+		this.#publish({ activeOwner: owner });
+	}
+	presentRecovery(token) {
+		if (token === this.#snapshot.dismissedRecoveryToken) return;
+		if (token === this.#snapshot.recoveryToken) {
+			if (this.#snapshot.activeOwner === null) this.#publish({ activeOwner: RECOVERY_CREDENTIAL_DIALOG_OWNER });
+			return;
+		}
+		this.#publish({
+			recoveryToken: token,
+			dismissedRecoveryToken: null,
+			activeOwner: this.#snapshot.activeOwner ?? "shell:credential-recovery"
+		});
+	}
+	clearRecovery() {
+		if (this.#snapshot.recoveryToken === null && this.#snapshot.dismissedRecoveryToken === null) return;
+		this.#publish({
+			recoveryToken: null,
+			dismissedRecoveryToken: null,
+			activeOwner: this.#snapshot.activeOwner === "shell:credential-recovery" ? null : this.#snapshot.activeOwner
+		});
+	}
+	/** Releases an ordinary Modal and hands a queued recovery to the shell. */
+	close(owner) {
+		if (this.#snapshot.activeOwner !== owner) return;
+		this.#publish({ activeOwner: this.#snapshot.recoveryToken === null ? null : owner === "shell:credential-recovery" ? null : RECOVERY_CREDENTIAL_DIALOG_OWNER });
+	}
+	/** Closes a Credential editor and dismisses only the current recovery token. */
+	dismissCredential(owner) {
+		if (this.#snapshot.activeOwner !== owner) return;
+		this.#publish({
+			activeOwner: null,
+			recoveryToken: null,
+			dismissedRecoveryToken: this.#snapshot.recoveryToken ?? this.#snapshot.dismissedRecoveryToken
+		});
+	}
+	completeCredential(owner) {
+		this.dismissCredential(owner);
+	}
+	release(owner) {
+		if (this.#snapshot.activeOwner !== owner) return;
+		this.#publish({ activeOwner: this.#snapshot.recoveryToken === null ? null : owner === "shell:credential-recovery" ? null : RECOVERY_CREDENTIAL_DIALOG_OWNER });
+	}
+	#publish(patch) {
+		const next = Object.freeze({
+			...this.#snapshot,
+			...patch,
+			revision: this.#snapshot.revision + 1
+		});
+		if (next.activeOwner === this.#snapshot.activeOwner && next.recoveryToken === this.#snapshot.recoveryToken && next.dismissedRecoveryToken === this.#snapshot.dismissedRecoveryToken) return;
+		this.#snapshot = next;
+		for (const listener of this.#listeners) listener();
+	}
+};
+const COORDINATORS = /* @__PURE__ */ new WeakMap();
+function credentialDialogCoordinatorFor(controller) {
+	const current = COORDINATORS.get(controller);
+	if (current !== void 0) return current;
+	const created = new CredentialDialogCoordinator();
+	COORDINATORS.set(controller, created);
+	return created;
+}
+function useCredentialDialogSnapshot(coordinator) {
+	return (0, react.useSyncExternalStore)(coordinator.subscribe, coordinator.getSnapshot, coordinator.getSnapshot);
+}
+//#endregion
+//#region src/client/CredentialRecoveryOverlay.tsx
+const RECOVERY_REFRESH_MS = 5e3;
+/** Persistent root seat that turns the first current-epoch 401 into one Modal. */
+function CredentialRecoveryOverlay({ controller, t }) {
+	const state = useResourceState(controller.store);
+	const snapshot = state.data;
+	const dialogCoordinator = credentialDialogCoordinatorFor(controller);
+	const dialog = useCredentialDialogSnapshot(dialogCoordinator);
+	const invalidEpoch = snapshot?.credential.verification === "invalid" ? snapshot.credential.invalidEpoch : null;
+	const recoveryToken = snapshot?.onboarding.recoveryRequestId ?? null ?? (invalidEpoch === null ? null : `invalid:${String(invalidEpoch)}`);
+	const needsCredential = snapshot !== null && (!snapshot.credential.configured || snapshot.credential.verification === "invalid");
+	const recoveryPresented = needsCredential && recoveryToken !== null && recoveryToken === dialog.recoveryToken && recoveryToken !== dialog.dismissedRecoveryToken;
+	(0, react.useEffect)(() => {
+		if (!needsCredential || recoveryToken === null) {
+			dialogCoordinator.clearRecovery();
+			return;
+		}
+		dialogCoordinator.presentRecovery(recoveryToken);
+	}, [
+		dialogCoordinator,
+		needsCredential,
+		recoveryToken
+	]);
+	(0, react.useEffect)(() => {
+		if (recoveryPresented) return;
+		const refresh = () => {
+			const current = controller.store.getSnapshot();
+			if (current.pending !== null || current.status === "loading") return;
+			controller.load();
+		};
+		refresh();
+		const timer = window.setInterval(refresh, RECOVERY_REFRESH_MS);
+		return () => window.clearInterval(timer);
+	}, [controller, recoveryPresented]);
+	(0, react.useEffect)(() => () => dialogCoordinator.release(RECOVERY_CREDENTIAL_DIALOG_OWNER), [dialogCoordinator]);
+	const dismiss = (0, react.useCallback)(() => {
+		dialogCoordinator.dismissCredential(RECOVERY_CREDENTIAL_DIALOG_OWNER);
+	}, [dialogCoordinator]);
+	if (!recoveryPresented || dialog.activeOwner !== "shell:credential-recovery" || snapshot === null) return null;
+	const credential = snapshot.credential;
+	if (!credential.writable || credential.source === "env") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OnboardingReadonlyCredentialDialog, {
+		open: true,
+		busy: false,
+		errorCode: null,
+		description: credential.source === "env" ? t("readonlyEnvInvalid") : t("credentialReadonly"),
+		onLater: dismiss,
+		t
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CredentialModal, {
+		open: true,
+		mandatory: true,
+		title: credential.configured ? t("replaceKey") : t("onboardingTitle"),
+		description: credential.configured ? t("errorKeyInvalid") : t("keyRequired"),
+		busy: state.pending === "replace-credential",
+		errorCode: state.errorOperation === "replace-credential" ? state.errorCode : null,
+		onSave: (apiKey) => controller.replaceCredential(apiKey, credential.credentialEpoch, snapshot.services),
+		onSaved: () => dialogCoordinator.completeCredential(RECOVERY_CREDENTIAL_DIALOG_OWNER),
+		onCancel: dismiss,
+		laterLabel: "later",
+		t
+	});
+}
+//#endregion
+//#region src/client/design-presentation.ts
+const NOTICE_MESSAGE_KEYS = {
+	"schema-unavailable": "designNoticeSchemaUnavailable",
+	"schema-invalid": "designNoticeSchemaInvalid",
+	"catalog-stale": "designNoticeCatalogStale",
+	"catalog-unavailable": "designNoticeCatalogUnavailable",
+	"credential-reloaded": "designNoticeCredentialReloaded"
+};
+const MODEL_UNAVAILABLE_MESSAGE_KEYS = { "removed-from-catalog": "modelRemovedFromCatalog" };
+const FIELD_DISABLED_MESSAGE_KEYS = { "unsupported-schema-field": "unsupportedSchemaField" };
+const DIAGNOSTIC_MESSAGE_KEYS = {
+	"credential-changed": "diagnosticCredentialChanged",
+	"submit-unknown": "diagnosticSubmitUnknown",
+	"generation-failed": "diagnosticGenerationFailed",
+	"result-unavailable": "diagnosticResultUnavailable",
+	"credential-rejected": "diagnosticCredentialRejected",
+	"task-inaccessible": "diagnosticTaskInaccessible",
+	"rate-limited": "diagnosticRateLimited",
+	"response-invalid": "diagnosticResponseInvalid",
+	"poll-unavailable": "diagnosticPollUnavailable"
+};
+const RESOURCE_PREVIEW_MESSAGE_KEYS = {
+	image: "generatedPreview",
+	video: "generatedVideoPreview",
+	audio: "generatedAudioPreview"
+};
+function designNoticeMessageKey(code) {
+	return NOTICE_MESSAGE_KEYS[code];
+}
+function designModelUnavailableMessageKey(code) {
+	return MODEL_UNAVAILABLE_MESSAGE_KEYS[code];
+}
+function designFieldDisabledMessageKey(code) {
+	return FIELD_DISABLED_MESSAGE_KEYS[code];
+}
+function designDiagnosticMessageKey(code) {
+	return DIAGNOSTIC_MESSAGE_KEYS[code];
+}
+function designResourcePreviewMessageKey(kind) {
+	return RESOURCE_PREVIEW_MESSAGE_KEYS[kind];
+}
+function jsonParameterIssueMessageKey(issue) {
+	return issue === "syntax" ? "invalidJson" : "invalidParameter";
+}
+function parseJsonParameterText(text, validate) {
+	if (text.trim() === "") return { status: "empty" };
+	let parsed;
+	try {
+		parsed = JSON.parse(text);
+	} catch {
+		return {
+			status: "invalid",
+			issue: "syntax"
+		};
+	}
+	if (!isClientJsonValue(parsed) || !validate(parsed)) return {
+		status: "invalid",
+		issue: "constraint"
+	};
+	return {
+		status: "valid",
+		value: parsed
+	};
+}
+function isClientJsonValue(value, depth = 0) {
+	if (depth > 10) return false;
+	if (value === null || typeof value === "boolean" || typeof value === "string") return true;
+	if (typeof value === "number") return Number.isFinite(value);
+	if (Array.isArray(value)) return value.length <= 4096 && value.every((item) => isClientJsonValue(item, depth + 1));
+	if (typeof value !== "object") return false;
+	return Object.entries(value).every(([, item]) => isClientJsonValue(item, depth + 1));
+}
+//#endregion
+//#region src/client/DesignResultPreview.tsx
+const NO_REFERRER_ATTRIBUTE = { referrerPolicy: "no-referrer" };
+function DesignResultPreview({ resource, t }) {
+	const accessibleName = t(designResourcePreviewMessageKey(resource.kind));
+	if (resource.kind === "image") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		className: "mdlx-media",
+		src: resource.url,
+		alt: accessibleName,
+		loading: "lazy",
+		referrerPolicy: "no-referrer"
+	});
+	if (resource.kind === "video") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("video", {
+		...NO_REFERRER_ATTRIBUTE,
+		className: "mdlx-media",
+		src: resource.url,
+		"aria-label": accessibleName,
+		controls: true,
+		playsInline: true,
+		preload: "metadata"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("audio", {
+		...NO_REFERRER_ATTRIBUTE,
+		className: "mdlx-media mdlx-media-audio",
+		src: resource.url,
+		"aria-label": accessibleName,
+		controls: true,
+		preload: "metadata"
+	});
+}
+//#endregion
+//#region src/client/DesignView.tsx
+function ModellixDesignView({ controller, settingsController, t }) {
+	const state = useResourceState(controller.store);
+	const settingsState = useResourceState(settingsController.store);
+	const snapshot = state.data;
+	const settings = settingsState.data;
+	const [parameters, setParameters] = (0, react.useState)({});
+	const [instruction, setInstruction] = (0, react.useState)("");
+	const [modelQuery, setModelQuery] = (0, react.useState)("");
+	const [modelKind, setModelKind] = (0, react.useState)("all");
+	const [invalidFields, setInvalidFields] = (0, react.useState)(() => /* @__PURE__ */ new Set());
+	const [outcomeAnnouncement, setOutcomeAnnouncement] = (0, react.useState)("");
+	const gatePresented = (0, react.useRef)(false);
+	const credentialDialogOwner = `design:${(0, react.useId)()}`;
+	const credentialDialogs = credentialDialogCoordinatorFor(settingsController);
+	const credentialDialog = useCredentialDialogSnapshot(credentialDialogs);
+	const credentialOpen = credentialDialog.activeOwner === credentialDialogOwner;
+	const credentialRecovery = credentialOpen && credentialDialog.recoveryToken !== null;
+	const previousOutcome = (0, react.useRef)(null);
+	const visibleModels = (0, react.useMemo)(() => {
+		const query = modelQuery.trim().toLocaleLowerCase();
+		return (snapshot?.models ?? []).filter((model) => (modelKind === "all" || model.kind === modelKind) && (query === "" || `${model.label}\n${model.id}`.toLocaleLowerCase().includes(query)));
+	}, [
+		modelKind,
+		modelQuery,
+		snapshot?.models
+	]);
+	(0, react.useEffect)(() => {
+		const abort = new AbortController();
+		controller.load(abort.signal);
+		return () => abort.abort();
+	}, [controller]);
+	(0, react.useEffect)(() => () => credentialDialogs.release(credentialDialogOwner), [credentialDialogOwner, credentialDialogs]);
+	(0, react.useEffect)(() => {
+		if (snapshot?.credentialReady !== false || settingsController.store.getSnapshot().status !== "idle") return;
+		const abort = new AbortController();
+		settingsController.load(abort.signal);
+		return () => abort.abort();
+	}, [settingsController, snapshot?.credentialReady]);
+	(0, react.useEffect)(() => {
+		const draft = snapshot?.draft;
+		if (draft === null || draft === void 0) {
+			setParameters({});
+			setInvalidFields(/* @__PURE__ */ new Set());
+			return;
+		}
+		setParameters(draft.parameters);
+		setInvalidFields(/* @__PURE__ */ new Set());
+	}, [snapshot?.draft?.draftRevision, snapshot?.draft?.irContractHash]);
+	(0, react.useEffect)(() => {
+		if (snapshot?.credentialReady !== false || settings === null || settings.onboarding.status === "active" || gatePresented.current) return;
+		gatePresented.current = true;
+		if (settings.credential.writable) credentialDialogs.open(credentialDialogOwner);
+	}, [
+		credentialDialogOwner,
+		credentialDialogs,
+		settings,
+		snapshot?.credentialReady
+	]);
+	(0, react.useEffect)(() => {
+		if (snapshot === null || !snapshot.jobs.some((job) => job.status === "running")) return;
+		const abort = new AbortController();
+		const timer = window.setTimeout(() => {
+			controller.load(abort.signal);
+		}, 5e3);
+		return () => {
+			window.clearTimeout(timer);
+			abort.abort();
+		};
+	}, [controller, snapshot]);
+	(0, react.useEffect)(() => {
+		if (state.pending !== null) setOutcomeAnnouncement("");
+	}, [state.pending]);
+	(0, react.useEffect)(() => {
+		if (snapshot === null) return;
+		const transition = designOutcomeTransition(previousOutcome.current, snapshot);
+		previousOutcome.current = {
+			proposal: snapshot.proposal,
+			jobs: snapshot.jobs
+		};
+		const announcement = designOutcomeText(transition, t);
+		if (announcement !== null) setOutcomeAnnouncement(announcement);
+	}, [
+		snapshot?.jobs,
+		snapshot?.proposal,
+		t
+	]);
+	const updateParameter = (0, react.useCallback)((path, value) => {
+		setParameters((current) => {
+			const next = { ...current };
+			if (value === void 0) delete next[path];
+			else next[path] = value;
+			return next;
+		});
+	}, []);
+	const setFieldValidity = (0, react.useCallback)((path, valid) => {
+		setInvalidFields((current) => {
+			const next = new Set(current);
+			if (valid) next.delete(path);
+			else next.add(path);
+			return next;
+		});
+	}, []);
+	if (snapshot === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "mdlx-design",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "mdlx-empty",
+			role: "status",
+			"aria-live": "polite",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: state.status === "error" ? t("errorGeneric") : t("loading") }), state.status === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+				type: "button",
+				variant: "outline",
+				onClick: () => {
+					controller.load();
+				},
+				children: t("retry")
+			})]
+		})
+	});
+	const draft = snapshot.draft;
+	const promptPath = draft?.primaryInputPath ?? null;
+	const promptValue = promptPath !== null && typeof parameters[promptPath] === "string" ? parameters[promptPath] : "";
+	const missingRequired = draft?.fields.some((field) => field.required && isMissingDesignParameter(parameters, field.path)) ?? true;
+	const submitting = state.pending === "submit";
+	const interactionBusy = state.pending !== null;
+	const selectedModel = selectedDesignModel(snapshot);
+	const canGenerate = canGenerateDesign({
+		snapshot,
+		draft,
+		invalidFieldCount: invalidFields.size,
+		missingRequired,
+		interactionBusy
+	});
+	const supplementalFields = draft?.fields.filter((field) => field.path !== draft.primaryInputPath) ?? [];
+	const requiredFields = supplementalFields.filter((field) => field.required);
+	const optionalFields = supplementalFields.filter((field) => !field.required);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mdlx-design",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "mdlx-design-shell",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "mdlx-design-pane",
+				"aria-labelledby": "mdlx-design-title",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: "mdlx-heading",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							id: "mdlx-design-title",
+							children: t("designTitle")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "mdlx-muted",
+							children: t("designDescription")
+						})]
+					}),
+					!snapshot.enabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "mdlx-info",
+						children: t("designDisabled")
+					}),
+					!snapshot.credentialReady && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mdlx-info",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("keyRequired") }),
+							settings?.credential.writable === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								type: "button",
+								variant: "primary",
+								onClick: () => credentialDialogs.open(credentialDialogOwner),
+								children: t("configureToContinue")
+							}),
+							settings?.credential.source === "env" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "mdlx-muted",
+								children: t("envReadonly")
+							})
+						]
+					}),
+					snapshot.notice !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mdlx-info",
+						role: "status",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [t("notice"), ": "] }), t(designNoticeMessageKey(snapshot.notice))]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mdlx-field",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+								className: "mdlx-label",
+								htmlFor: "mdlx-design-model",
+								children: t("modelLabel")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "mdlx-model-tools",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+										className: "mdlx-input",
+										value: modelQuery,
+										maxLength: 512,
+										placeholder: t("modelSearchPlaceholder"),
+										"aria-label": t("modelSearchLabel"),
+										disabled: interactionBusy || !snapshot.enabled,
+										onChange: (event) => setModelQuery(event.currentTarget.value)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										className: "mdlx-select",
+										value: modelKind,
+										"aria-label": t("modelCategoryLabel"),
+										disabled: interactionBusy || !snapshot.enabled,
+										onChange: (event) => {
+											setModelKind(event.currentTarget.value);
+										},
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "all",
+												children: t("modelCategoryAll")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "image",
+												children: t("modelCategoryImage")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "video",
+												children: t("modelCategoryVideo")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "audio",
+												children: t("modelCategoryAudio")
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										type: "button",
+										variant: "outline",
+										disabled: interactionBusy || !snapshot.enabled || !snapshot.credentialReady,
+										"aria-busy": state.pending === "refresh-design",
+										onClick: () => {
+											controller.refreshCatalog();
+										},
+										children: state.pending === "refresh-design" ? t("modelRefreshing") : t("modelRefresh")
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								id: "mdlx-design-model",
+								className: "mdlx-select",
+								value: snapshot.selectedModelId ?? "",
+								"aria-describedby": selectedModel?.available === false ? "mdlx-design-model-status" : void 0,
+								disabled: interactionBusy || !snapshot.enabled || snapshot.models.length === 0,
+								onChange: (event) => {
+									const modelId = event.currentTarget.value;
+									if (modelId !== "") controller.selectModel(modelId);
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										disabled: true,
+										children: t("chooseModel")
+									}),
+									snapshot.selectedModelId !== null && !visibleModels.some((model) => model.id === snapshot.selectedModelId) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: snapshot.selectedModelId,
+										disabled: selectedModel?.available === false,
+										children: snapshot.models.find((model) => model.id === snapshot.selectedModelId)?.label ?? snapshot.selectedModelId
+									}),
+									visibleModels.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+										value: model.id,
+										disabled: !model.available,
+										children: [model.label, model.featured ? " ★" : ""]
+									}, model.id))
+								]
+							}),
+							selectedModel?.available === false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								id: "mdlx-design-model-status",
+								className: "mdlx-error",
+								role: "status",
+								children: selectedModel.unavailableReason === null ? t("modelUnavailable") : t(designModelUnavailableMessageKey(selectedModel.unavailableReason))
+							}),
+							snapshot.models.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "mdlx-help",
+								children: t("noModels")
+							}) : visibleModels.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "mdlx-help",
+								children: t("noMatchingModels")
+							})
+						]
+					}),
+					draft !== null && promptPath !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mdlx-field",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: "mdlx-label",
+							htmlFor: "mdlx-design-prompt",
+							children: [
+								t("promptLabel"),
+								" ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "mdlx-required",
+									children: t("required")
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+							id: "mdlx-design-prompt",
+							className: "mdlx-textarea",
+							value: promptValue,
+							maxLength: fieldAtPath(draft.fields, promptPath)?.maxLength ?? void 0,
+							placeholder: t("promptPlaceholder"),
+							disabled: interactionBusy,
+							onChange: (event) => updateParameter(promptPath, event.currentTarget.value)
+						})]
+					}),
+					draft !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "mdlx-design-scroll",
+						"aria-labelledby": "mdlx-parameters-title",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "mdlx-heading",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								id: "mdlx-parameters-title",
+								children: t("parametersTitle")
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "mdlx-parameter-list",
+							children: [requiredFields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DesignParameterField, {
+								field,
+								value: parameters[field.path],
+								invalid: invalidFields.has(field.path),
+								disabled: interactionBusy,
+								onChange: (value) => updateParameter(field.path, value),
+								onValidityChange: (valid) => setFieldValidity(field.path, valid),
+								t
+							}, field.path)), optionalFields.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+								className: "mdlx-advanced",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("advancedParameters", { count: optionalFields.length }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "mdlx-parameter-list",
+									children: optionalFields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DesignParameterField, {
+										field,
+										value: parameters[field.path],
+										invalid: invalidFields.has(field.path),
+										disabled: interactionBusy,
+										onChange: (value) => updateParameter(field.path, value),
+										onValidityChange: (valid) => setFieldValidity(field.path, valid),
+										t
+									}, field.path))
+								})]
+							})]
+						})]
+					}),
+					draft !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "mdlx-card",
+						"aria-labelledby": "mdlx-assistant-title",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "mdlx-heading",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									id: "mdlx-assistant-title",
+									children: t("assistantTitle")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									id: "mdlx-assistant-paid-notice",
+									className: "mdlx-help",
+									children: t("assistantPaidNotice")
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								id: "mdlx-assistant-instruction",
+								className: "mdlx-textarea mdlx-textarea-small",
+								value: instruction,
+								maxLength: 8e3,
+								placeholder: t("assistantPlaceholder"),
+								"aria-labelledby": "mdlx-assistant-title",
+								"aria-describedby": "mdlx-assistant-paid-notice",
+								disabled: interactionBusy,
+								onChange: (event) => setInstruction(event.currentTarget.value)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "mdlx-actions",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									type: "button",
+									variant: "outline",
+									disabled: interactionBusy || instruction.trim().length === 0,
+									"aria-busy": state.pending === "propose",
+									onClick: () => {
+										const request = instruction.trim();
+										if (request === "") return;
+										controller.propose(request, parameters).then((accepted) => {
+											if (accepted) setInstruction("");
+										});
+									},
+									children: state.pending === "propose" ? t("proposing") : t("propose")
+								})
+							})
+						]
+					}),
+					snapshot.proposal !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProposalCard, {
+						snapshot,
+						parameters,
+						controller,
+						t
+					}),
+					draft !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mdlx-generate-block",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "mdlx-help",
+								children: t("paidNotice")
+							}),
+							missingRequired && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "mdlx-error",
+								children: t("requiredMissing")
+							}),
+							invalidFields.size > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "mdlx-error",
+								children: t("parametersInvalid")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "mdlx-actions",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									type: "button",
+									variant: snapshot.credentialReady && snapshot.proposal === null ? "primary" : "outline",
+									disabled: !canGenerate,
+									"aria-busy": submitting,
+									onClick: () => {
+										controller.submit(parameters);
+									},
+									children: submitting ? t("generating") : t("generate")
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorNotice, {
+						code: state.errorCode,
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BusyStatus, {
+						busy: interactionBusy,
+						text: operationText(state.pending, t)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "mdlx-live",
+						role: "status",
+						"aria-live": "polite",
+						children: outcomeAnnouncement
+					})
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DesignResults, {
+				snapshot,
+				dateLocale: t("dateLocale"),
+				dialogCoordinator: credentialDialogs,
+				dialog: credentialDialog,
+				t
+			})]
+		}), settings !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CredentialModal, {
+			open: credentialOpen,
+			mandatory: true,
+			title: settings.credential.configured ? t("replaceKey") : t("onboardingTitle"),
+			description: credentialRecovery ? settings.credential.configured ? t("errorKeyInvalid") : t("keyRequired") : t("onboardingDescription"),
+			busy: settingsState.pending === "replace-credential",
+			errorCode: settingsState.errorOperation === "replace-credential" ? settingsState.errorCode : null,
+			onSave: (apiKey) => settingsController.replaceCredential(apiKey, settings.credential.credentialEpoch, settings.services),
+			onSaved: () => {
+				credentialDialogs.completeCredential(credentialDialogOwner);
+				controller.load();
+			},
+			onCancel: () => credentialDialogs.dismissCredential(credentialDialogOwner),
+			laterLabel: "later",
+			t
+		})]
+	});
+}
+function DesignParameterField({ field, value, invalid, disabled, onChange, onValidityChange, t }) {
+	const id = (0, react.useId)();
+	const helpId = `${id}-help`;
+	const errorId = `${id}-error`;
+	const locked = disabled || field.disabledReason !== null;
+	const jsonControl = field.widget === "json" || field.kind === "array" || field.kind === "object";
+	const describedBy = `${helpId}${invalid && !jsonControl ? ` ${errorId}` : ""}`;
+	const commit = (next) => {
+		onValidityChange(isDesignFieldValueValid(field, next));
+		onChange(next);
+	};
+	const label = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: "mdlx-label",
+		htmlFor: id,
+		children: [field.label, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: field.required ? "mdlx-required" : "mdlx-muted",
+			children: field.required ? t("required") : t("optional")
+		})]
+	});
+	let control;
+	if (field.widget === "select" || field.kind === "enum") {
+		const selected = field.options.findIndex((option) => option.value === value);
+		control = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+			id,
+			className: "mdlx-select",
+			value: selected < 0 ? "" : String(selected),
+			disabled: locked,
+			"aria-invalid": invalid || void 0,
+			"aria-describedby": describedBy,
+			onChange: (event) => {
+				const selectedIndex = event.currentTarget.value;
+				commit(selectedIndex === "" ? void 0 : field.options[Number(selectedIndex)]?.value);
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+				value: "",
+				children: "—"
+			}), field.options.map((option, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+				value: String(index),
+				children: option.label
+			}, `${field.path}-${index}`))]
+		});
+	} else if (field.widget === "switch" || field.kind === "boolean") control = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+		className: "mdlx-switch-target",
+		htmlFor: id,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			id,
+			className: "mdlx-switch",
+			type: "checkbox",
+			role: "switch",
+			checked: value === true,
+			disabled: locked,
+			"aria-invalid": invalid || void 0,
+			"aria-describedby": describedBy,
+			onChange: (event) => commit(event.currentTarget.checked)
+		})
+	});
+	else if (field.kind === "number" || field.kind === "integer") control = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		id,
+		className: "mdlx-native-input",
+		type: "number",
+		value: typeof value === "number" ? String(value) : "",
+		min: field.minimum ?? void 0,
+		max: field.maximum ?? void 0,
+		step: field.step ?? (field.kind === "integer" ? 1 : "any"),
+		disabled: locked,
+		"aria-invalid": invalid || void 0,
+		"aria-describedby": describedBy,
+		onChange: (event) => {
+			const text = event.currentTarget.value;
+			if (text === "") commit(void 0);
+			else {
+				const parsed = Number(text);
+				if (Number.isFinite(parsed)) commit(parsed);
+			}
+		}
+	});
+	else if (field.widget === "json" || field.kind === "array" || field.kind === "object") control = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonParameter, {
+		id,
+		value,
+		disabled: locked,
+		describedBy: helpId,
+		validate: (candidate) => isDesignFieldValueValid(field, candidate),
+		onChange,
+		onValidityChange,
+		t
+	});
+	else if (field.widget === "textarea") control = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+		id,
+		className: "mdlx-textarea mdlx-textarea-small",
+		value: typeof value === "string" ? value : "",
+		maxLength: field.maxLength ?? void 0,
+		disabled: locked,
+		"aria-invalid": invalid || void 0,
+		"aria-describedby": describedBy,
+		onChange: (event) => commit(event.currentTarget.value)
+	});
+	else control = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+		id,
+		className: "mdlx-input",
+		value: typeof value === "string" ? value : "",
+		maxLength: field.maxLength ?? void 0,
+		disabled: locked,
+		"aria-invalid": invalid || void 0,
+		"aria-describedby": describedBy,
+		onChange: (event) => commit(event.currentTarget.value)
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mdlx-parameter",
+		children: [
+			label,
+			control,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				id: helpId,
+				className: "mdlx-help",
+				children: field.disabledReason === null ? field.description ?? (locked ? t("fieldUnavailable") : "") : t(designFieldDisabledMessageKey(field.disabledReason))
+			}),
+			invalid && !jsonControl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				id: errorId,
+				className: "mdlx-error",
+				children: t("invalidParameter")
+			})
+		]
+	});
+}
+function JsonParameter({ id, value, disabled, describedBy, validate, onChange, onValidityChange, t }) {
+	const errorId = `${id}-json-error`;
+	const [text, setText] = (0, react.useState)(() => value === void 0 ? "" : JSON.stringify(value, null, 2));
+	const [issue, setIssue] = (0, react.useState)(null);
+	(0, react.useEffect)(() => {
+		setText(value === void 0 ? "" : JSON.stringify(value, null, 2));
+		setIssue(null);
+	}, [value]);
+	const invalid = issue !== null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+		id,
+		className: "mdlx-textarea mdlx-textarea-small mdlx-code",
+		value: text,
+		disabled,
+		"aria-invalid": invalid || void 0,
+		"aria-describedby": `${describedBy}${invalid ? ` ${errorId}` : ""}`,
+		onChange: (event) => {
+			const next = event.currentTarget.value;
+			setText(next);
+			const result = parseJsonParameterText(next, validate);
+			if (result.status === "empty") {
+				setIssue(null);
+				onValidityChange(true);
+				onChange(void 0);
+			} else if (result.status === "valid") {
+				setIssue(null);
+				onValidityChange(true);
+				onChange(result.value);
+			} else {
+				setIssue(result.issue);
+				onValidityChange(false);
+			}
+		}
+	}), issue !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		id: errorId,
+		className: "mdlx-error",
+		children: t(jsonParameterIssueMessageKey(issue))
+	})] });
+}
+function ProposalCard({ snapshot, parameters, controller, t }) {
+	const proposal = snapshot.proposal;
+	if (proposal === null) return null;
+	const busy = controller.store.getSnapshot().pending !== null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "mdlx-proposal",
+		"aria-labelledby": "mdlx-proposal-title",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mdlx-heading",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+					id: "mdlx-proposal-title",
+					children: t("proposalTitle")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "mdlx-muted",
+					children: t("proposalSummary", { count: proposal.changes.length })
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: "mdlx-change-list",
+				children: proposal.changes.map((change) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+					className: "mdlx-change",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: change.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "mdlx-code",
+						children: [
+							formatClientValue(change.before),
+							" → ",
+							formatClientValue(change.after)
+						]
+					})]
+				}, change.path))
+			}),
+			proposal.conflicts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mdlx-error",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("conflicts") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("proposalConflictsSummary", { count: proposal.conflicts.length }) })]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mdlx-actions",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					type: "button",
+					variant: "outline",
+					disabled: busy,
+					onClick: () => {
+						controller.rejectProposal(proposal.proposalId);
+					},
+					children: t("rejectProposal")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					type: "button",
+					variant: "primary",
+					disabled: busy || proposal.conflicts.length > 0,
+					onClick: () => {
+						controller.applyProposal(proposal.proposalId, parameters);
+					},
+					children: t("applyProposal")
+				})]
+			})
+		]
+	});
+}
+function DesignResults({ snapshot, dateLocale, dialogCoordinator, dialog, t }) {
+	const groups = (0, react.useMemo)(() => {
+		const running = [];
+		const succeeded = [];
+		const diagnostics = [];
+		for (const job of snapshot.jobs) if (job.status === "running") running.push(job);
+		else if (job.status === "succeeded") succeeded.push(job);
+		else diagnostics.push(job);
+		return {
+			running,
+			succeeded,
+			diagnostics
+		};
+	}, [snapshot.jobs]);
+	const empty = snapshot.jobs.length === 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "mdlx-design-pane",
+		"aria-labelledby": "mdlx-results-title",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+			className: "mdlx-heading",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				id: "mdlx-results-title",
+				children: t("resultsTitle")
+			})
+		}), empty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "mdlx-empty",
+			children: t("noResults")
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "mdlx-design-scroll",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResultSection, {
+					title: t("runningTitle"),
+					jobs: groups.running,
+					dateLocale,
+					dialogCoordinator,
+					dialog,
+					t
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResultSection, {
+					title: t("succeededTitle"),
+					jobs: groups.succeeded,
+					dateLocale,
+					dialogCoordinator,
+					dialog,
+					t
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResultSection, {
+					title: t("diagnosticsTitle"),
+					jobs: groups.diagnostics,
+					dateLocale,
+					dialogCoordinator,
+					dialog,
+					t
+				})
+			]
+		})]
+	});
+}
+function ResultSection({ title, jobs, dateLocale, dialogCoordinator, dialog, t }) {
+	if (jobs.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "mdlx-result-section",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			className: "mdlx-result-list",
+			children: jobs.map((job) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResultCard, {
+				job,
+				dateLocale,
+				dialogCoordinator,
+				dialog,
+				t
+			}, job.jobId))
+		})]
+	});
+}
+function ResultCard({ job, dateLocale, dialogCoordinator, dialog, t }) {
+	const status = jobStatus(job.status, t);
+	const created = formatTime(job.createdAt, dateLocale);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		className: "mdlx-result-card",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mdlx-result-head",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-status-copy",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: job.status === "succeeded" ? "done" : job.status === "running" ? "ongoing" : job.status === "failed" ? "error" : "warning" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: status })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "mdlx-muted",
+					children: t("jobCreated", { time: created })
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "mdlx-muted",
+				children: t("jobModel", { model: job.modelId })
+			}),
+			job.resources.length > 0 && job.status !== "expired" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mdlx-resource-list",
+				children: job.resources.map((resource) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResultResource, {
+					resource,
+					dateLocale,
+					dialogCoordinator,
+					dialog,
+					t
+				}, resource.id))
+			}),
+			job.diagnostic !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mdlx-error",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+						className: "mdlx-code",
+						children: job.diagnostic.code
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t(designDiagnosticMessageKey(job.diagnostic.code)) }),
+					job.diagnostic.retryable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("diagnosticRetryable") })
+				]
+			})
+		]
+	});
+}
+function ResultResource({ resource, dateLocale, dialogCoordinator, dialog, t }) {
+	const imageDialogOwner = `design-image:${(0, react.useId)()}`;
+	const imageSurfaceOpen = useExternalDialogGate(dialog.activeOwner === imageDialogOwner);
+	const imageDialogRef = (0, react.useRef)(null);
+	const closeImage = (0, react.useCallback)(() => dialogCoordinator.close(imageDialogOwner), [dialogCoordinator, imageDialogOwner]);
+	(0, react.useEffect)(() => () => dialogCoordinator.release(imageDialogOwner), [dialogCoordinator, imageDialogOwner]);
+	useDialogA11y({
+		open: imageSurfaceOpen,
+		container: imageDialogRef,
+		initialFocusSelector: "[data-mdlx-initial-focus]",
+		mandatory: false,
+		onEscape: closeImage
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+		className: "mdlx-resource",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DesignResultPreview, {
+				resource,
+				t
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mdlx-actions mdlx-actions-start",
+				children: [resource.kind === "image" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "mdlx-safe-link mdlx-link-button",
+					onClick: () => dialogCoordinator.open(imageDialogOwner),
+					children: t("openImage")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+					className: "mdlx-safe-link",
+					href: resource.downloadUrl,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					referrerPolicy: "no-referrer",
+					download: true,
+					children: [
+						t("download"),
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRightUpOutline14, { size: 14 })
+					]
+				})]
+			}),
+			resource.expiresAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "mdlx-help",
+				children: t("expiresAt", { time: formatTime(resource.expiresAt, dateLocale) })
+			})
+		]
+	}), resource.kind === "image" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+		open: imageSurfaceOpen,
+		title: t("imageViewerTitle"),
+		closeLabel: t("close"),
+		onClose: closeImage,
+		headless: true,
+		className: "mdlx-modal mdlx-image-modal",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: imageDialogRef,
+			className: "mdlx-modal-content",
+			"data-mdlx-dialog-surface": "",
+			tabIndex: -1,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "mdlx-heading",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: "mdlx-modal-title",
+						children: t("imageViewerTitle")
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					className: "mdlx-image-full",
+					src: resource.url,
+					alt: t("generatedPreview"),
+					referrerPolicy: "no-referrer"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-actions",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						type: "button",
+						variant: "outline",
+						"data-mdlx-initial-focus": "",
+						onClick: closeImage,
+						children: t("close")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+						className: "mdlx-safe-link",
+						href: resource.downloadUrl,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						referrerPolicy: "no-referrer",
+						download: true,
+						children: [
+							t("download"),
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRightUpOutline14, { size: 14 })
+						]
+					})]
+				})
+			]
+		})
+	})] });
+}
+function fieldAtPath(fields, path) {
+	return fields.find((field) => field.path === path);
+}
+function designOutcomeText(transition, t) {
+	const messages = [];
+	if (transition.proposalReady) messages.push(t("proposalReadyAnnouncement"));
+	if (transition.succeeded > 0) messages.push(t("jobsSucceededAnnouncement", { count: transition.succeeded }));
+	if (transition.failed > 0) messages.push(t("jobsFailedAnnouncement", { count: transition.failed }));
+	if (transition.expired > 0) messages.push(t("jobsExpiredAnnouncement", { count: transition.expired }));
+	if (transition.running > 0) messages.push(t("jobsRunningAnnouncement", { count: transition.running }));
+	return messages.length === 0 ? null : messages.join(" ");
+}
+function operationText(operation, t) {
+	if (operation === "propose") return t("proposing");
+	if (operation === "submit") return t("generating");
+	return operation === null ? "" : t("loading");
+}
+function jobStatus(status, t) {
+	switch (status) {
+		case "running": return t("running");
+		case "succeeded": return t("succeeded");
+		case "failed": return t("failed");
+		case "canceled": return t("canceled");
+		case "submit-unknown": return t("unknown");
+		case "expired": return t("expired");
+	}
+}
+function formatTime(value, locale) {
+	return new Intl.DateTimeFormat(locale, {
+		dateStyle: "medium",
+		timeStyle: "short"
+	}).format(new Date(value));
+}
+//#endregion
+//#region src/client/locales.ts
+const MODELLIX_LOCALE_NAMESPACE = "modellix";
+const zh = {
+	dateLocale: "zh-CN",
+	nav: "Modellix",
+	designTab: "Design",
+	onboardingTitle: "连接 Modellix",
+	onboardingDescription: "输入一个 Modellix API Key，即可启用 Design、LLM 模型和 Web Tools。",
+	keyLabel: "Modellix API Key",
+	keyHelp: "Key 只发送到本机 Harness Host 保存；保存后不会在浏览器中回显。",
+	keyPlaceholder: "输入 API Key",
+	showKey: "显示 API Key",
+	hideKey: "隐藏 API Key",
+	saveEnable: "保存并启用",
+	saving: "正在保存…",
+	later: "稍后处理",
+	docs: "查看 Modellix API Key 文档",
+	serviceDesign: "Design",
+	serviceDesignDescription: "通过对话与参数表单生成图片、视频和音频。",
+	serviceLlm: "LLM 模型",
+	serviceLlmDescription: "在 Harness 中快速切换 Modellix 支持的模型。",
+	serviceWeb: "Web Tools",
+	serviceWebDescription: "为原生 web_search 与 web_fetch 提供 Modellix Provider。",
+	settingsTitle: "Modellix",
+	settingsDescription: "一个 API Key，统一使用 Design、LLM 与 Web Tools。",
+	credentialTitle: "API Key",
+	configuredLocal: "已配置，本机 Credential 管理",
+	configuredEnv: "已由环境变量配置，只读",
+	notConfigured: "尚未配置",
+	verificationValid: "已验证",
+	verificationInvalid: "Key 无效，需要更换",
+	verificationPending: "等待验证",
+	replaceKey: "更换 API Key",
+	configureKey: "配置 API Key",
+	removeKey: "移除 API Key",
+	removeTitle: "移除 Modellix API Key？",
+	removeDescription: "移除后，已启用的 Modellix 功能会在下次调用时提示重新配置。",
+	removeConfirm: "确认移除",
+	removing: "正在移除…",
+	cancel: "取消",
+	serviceTitle: "功能开关",
+	saveChanges: "保存更改",
+	saved: "更改已保存",
+	refreshLlm: "刷新 LLM 模型",
+	refreshingLlm: "正在刷新…",
+	llmTitle: "LLM 模型目录",
+	llmModelCount: "可用模型：{count}",
+	llmUnknown: "尚未检查",
+	llmReady: "目录可用",
+	llmMissing: "需要先配置 API Key",
+	llmDisabled: "LLM 功能已关闭",
+	llmError: "模型目录暂时不可用",
+	llmPolicyBlocked: "当前策略不允许刷新模型目录",
+	llmUpdated: "LLM 模型上次刷新：{time}",
+	envReadonly: "环境变量提供的 Key 不能在此更换或移除。",
+	loading: "正在读取 Modellix 配置…",
+	retry: "重试",
+	onboardingLoadErrorTitle: "暂时无法读取 Modellix 配置",
+	onboardingLoadErrorDescription: "可以检查本机 Harness 连接后重试，或稍后再配置。",
+	readonlyKeyTitle: "Modellix API Key 需要在环境中更新",
+	readonlyEnvInvalid: "环境变量提供的 Key 无效且不能在此覆盖。请更新启动环境中的 MODELLIX_API_KEY 后重启 Harness。",
+	credentialReadonly: "当前 Credential 存储为只读，无法在此保存 Key。请调整本机 Harness Credential 配置。",
+	errorGeneric: "暂时无法完成操作，请重试。",
+	errorConflict: "配置已在其他位置更新，请刷新后重试。",
+	errorKeyInvalid: "这个 API Key 无效，请检查后重新输入。",
+	errorBilling: "账户当前无法计费，请检查 Modellix 余额或账单状态。",
+	errorRateLimited: "请求过于频繁，请稍后手动重试。",
+	errorOffline: "当前无法连接 Modellix，请检查网络后重试。",
+	errorTimeout: "Modellix 响应超时，请稍后手动重试。",
+	errorServer: "Modellix 服务暂时不可用，请稍后手动重试。",
+	errorPolicy: "当前账户或环境策略不允许此操作。",
+	errorSubmitUnknown: "提交结果未知。请先查看结果列表，避免重复计费。",
+	errorAssetExpired: "结果资源已过期，无法继续访问。",
+	errorDesignSchema: "模型参数定义已变化或无法解析，请刷新模型后重试。",
+	designTitle: "Modellix Design",
+	designDescription: "用自然语言或精准参数快速生成图片、视频与音频。",
+	modelLabel: "模型",
+	modelSearchLabel: "搜索 Design 模型",
+	modelSearchPlaceholder: "按模型名或 provider 搜索",
+	modelCategoryLabel: "按输出类型筛选模型",
+	modelCategoryAll: "全部类型",
+	modelCategoryImage: "图片",
+	modelCategoryVideo: "视频",
+	modelCategoryAudio: "音频",
+	modelRefresh: "刷新模型",
+	modelRefreshing: "正在刷新…",
+	chooseModel: "选择模型",
+	promptLabel: "你想生成什么？",
+	promptPlaceholder: "描述画面、视频动作或要合成的声音…",
+	parametersTitle: "参数",
+	advancedParameters: "高级参数（{count}）",
+	required: "必填",
+	optional: "可选",
+	requiredMissing: "请填写所有必填参数后再生成。",
+	assistantTitle: "用对话调整参数",
+	assistantPaidNotice: "发送后会使用同一个 Modellix Key 调用固定 LLM 生成参数提议，可能产生费用；不会自动生成媒体。",
+	assistantPlaceholder: "例如：改成 16:9，生成 8 秒视频，风格更电影化",
+	propose: "生成参数提议",
+	proposing: "正在分析…",
+	proposalTitle: "待确认的参数变更",
+	proposalSummary: "已建议 {count} 项参数变更。",
+	proposalConflictsSummary: "提议包含 {count} 项冲突，请调整指令后重新生成参数提议。",
+	applyProposal: "应用变更",
+	rejectProposal: "拒绝",
+	conflicts: "需要先解决冲突",
+	generate: "确认并生成",
+	generating: "正在提交…",
+	paidNotice: "生成是计费操作；每次点击只提交一次，不会自动重试。",
+	designDisabled: "Design 已关闭，可在 Modellix 设置中重新开启。",
+	keyRequired: "请先在 Modellix 设置中配置 API Key。",
+	noModels: "当前没有可用模型，请稍后刷新。",
+	noMatchingModels: "没有匹配当前搜索和类型的模型。",
+	modelUnavailable: "当前模型不可用，请选择其他模型。",
+	modelRemovedFromCatalog: "当前模型已不在最新目录中，请选择其他模型。",
+	unsupportedSchemaField: "当前参数使用了尚不支持的 Schema 结构，无法编辑。",
+	designNoticeSchemaUnavailable: "暂时无法读取推荐模型的参数定义，请刷新模型后重试。",
+	designNoticeSchemaInvalid: "推荐模型的参数定义暂不受支持，请选择其他模型。",
+	designNoticeCatalogStale: "实时模型目录刷新失败，当前显示最近一次读取的结果。",
+	designNoticeCatalogUnavailable: "Modellix Design 模型目录暂时不可用，请稍后刷新。",
+	designNoticeCredentialReloaded: "API Key 已更改，Design 模型和参数已重新加载。",
+	resultsTitle: "结果",
+	runningTitle: "进行中",
+	succeededTitle: "已完成",
+	diagnosticsTitle: "诊断",
+	noResults: "还没有生成记录。确认参数并生成后，结果会显示在这里。",
+	running: "生成中",
+	succeeded: "已完成",
+	failed: "失败",
+	canceled: "已取消",
+	unknown: "提交结果未知",
+	expired: "结果已过期",
+	openImage: "打开原图",
+	imageViewerTitle: "生成图片",
+	close: "关闭",
+	download: "下载结果",
+	expiresAt: "有效期至 {time}",
+	invalidJson: "请输入有效的 JSON。",
+	invalidParameter: "此参数不符合当前模型的约束。",
+	parametersInvalid: "请修正不符合模型约束的参数后再生成。",
+	fieldUnavailable: "此参数当前不可编辑",
+	generatedPreview: "生成结果预览",
+	generatedVideoPreview: "生成视频结果预览",
+	generatedAudioPreview: "生成音频结果预览",
+	jobModel: "模型：{model}",
+	jobCreated: "创建于 {time}",
+	diagnosticRetryable: "插件会继续尝试安全的只读状态查询，但绝不会自动重复计费生成提交。",
+	diagnosticCredentialChanged: "此任务属于更早的 API Key，无法继续刷新。",
+	diagnosticSubmitUnknown: "生成提交结果未知，请先检查结果列表，避免重复计费。",
+	diagnosticGenerationFailed: "生成任务未完成。",
+	diagnosticResultUnavailable: "生成已完成，但没有可用的结果资源。",
+	diagnosticCredentialRejected: "刷新任务时 Modellix 拒绝了当前 API Key。",
+	diagnosticTaskInaccessible: "此生成任务已无法访问。",
+	diagnosticRateLimited: "任务刷新受到限流，稍后会继续。",
+	diagnosticResponseInvalid: "暂时无法解析任务响应。",
+	diagnosticPollUnavailable: "任务刷新暂时不可用，稍后会继续。",
+	configureToContinue: "配置 Key 后继续",
+	notice: "提示",
+	proposalReadyAnnouncement: "参数提议已就绪，请检查后决定是否应用。",
+	jobsRunningAnnouncement: "已提交 {count} 个生成任务，结果会自动更新。",
+	jobsSucceededAnnouncement: "{count} 个生成任务已完成。",
+	jobsFailedAnnouncement: "{count} 个生成任务未成功，请查看诊断。",
+	jobsExpiredAnnouncement: "{count} 个生成结果已过期。"
+};
+const en = {
+	dateLocale: "en-US",
+	nav: "Modellix",
+	designTab: "Design",
+	onboardingTitle: "Connect Modellix",
+	onboardingDescription: "Enter one Modellix API Key to enable Design, LLM models, and Web Tools.",
+	keyLabel: "Modellix API Key",
+	keyHelp: "The Key is sent only to the local Harness Host for storage and is never shown again.",
+	keyPlaceholder: "Enter API Key",
+	showKey: "Show API Key",
+	hideKey: "Hide API Key",
+	saveEnable: "Save and enable",
+	saving: "Saving…",
+	later: "Configure later",
+	docs: "Open the Modellix API Key documentation",
+	serviceDesign: "Design",
+	serviceDesignDescription: "Generate images, video, and audio through chat and parameter forms.",
+	serviceLlm: "LLM models",
+	serviceLlmDescription: "Quickly switch between Modellix models in Harness.",
+	serviceWeb: "Web Tools",
+	serviceWebDescription: "Provide Modellix for native web_search and web_fetch.",
+	settingsTitle: "Modellix",
+	settingsDescription: "One API Key for Design, LLM, and Web Tools.",
+	credentialTitle: "API Key",
+	configuredLocal: "Configured in the local Credential store",
+	configuredEnv: "Configured by a read-only environment variable",
+	notConfigured: "Not configured",
+	verificationValid: "Verified",
+	verificationInvalid: "Invalid Key; replace it to continue",
+	verificationPending: "Waiting for verification",
+	replaceKey: "Replace API Key",
+	configureKey: "Configure API Key",
+	removeKey: "Remove API Key",
+	removeTitle: "Remove the Modellix API Key?",
+	removeDescription: "Enabled Modellix features will request a new Key on their next use.",
+	removeConfirm: "Remove",
+	removing: "Removing…",
+	cancel: "Cancel",
+	serviceTitle: "Features",
+	saveChanges: "Save changes",
+	saved: "Changes saved",
+	refreshLlm: "Refresh LLM models",
+	refreshingLlm: "Refreshing…",
+	llmTitle: "LLM model catalog",
+	llmModelCount: "Available models: {count}",
+	llmUnknown: "Not checked yet",
+	llmReady: "Catalog available",
+	llmMissing: "Configure an API Key first",
+	llmDisabled: "LLM is disabled",
+	llmError: "The model catalog is temporarily unavailable",
+	llmPolicyBlocked: "The current policy does not allow catalog refresh",
+	llmUpdated: "LLM models last refreshed: {time}",
+	envReadonly: "An environment-provided Key cannot be replaced or removed here.",
+	loading: "Loading Modellix settings…",
+	retry: "Retry",
+	onboardingLoadErrorTitle: "Modellix settings are temporarily unavailable",
+	onboardingLoadErrorDescription: "Check the local Harness connection and retry, or configure Modellix later.",
+	readonlyKeyTitle: "Update the Modellix API Key in the environment",
+	readonlyEnvInvalid: "The environment-provided Key is invalid and cannot be overridden here. Update MODELLIX_API_KEY in the launch environment and restart Harness.",
+	credentialReadonly: "The current Credential store is read-only. Update the local Harness Credential configuration before saving a Key.",
+	errorGeneric: "The operation could not be completed. Try again.",
+	errorConflict: "Settings changed elsewhere. Refresh and try again.",
+	errorKeyInvalid: "This API Key is invalid. Check it and enter it again.",
+	errorBilling: "Billing is unavailable. Check the Modellix balance or billing status.",
+	errorRateLimited: "Too many requests. Wait before retrying manually.",
+	errorOffline: "Modellix cannot be reached. Check the network and try again.",
+	errorTimeout: "Modellix timed out. Retry manually later.",
+	errorServer: "Modellix is temporarily unavailable. Retry manually later.",
+	errorPolicy: "The current account or environment policy does not allow this operation.",
+	errorSubmitUnknown: "The submission outcome is unknown. Check Results before submitting another billed request.",
+	errorAssetExpired: "This result resource has expired and is no longer available.",
+	errorDesignSchema: "The model parameter definition changed or could not be parsed. Refresh the model and try again.",
+	designTitle: "Modellix Design",
+	designDescription: "Use natural language or exact parameters to generate images, video, and audio.",
+	modelLabel: "Model",
+	modelSearchLabel: "Search Design models",
+	modelSearchPlaceholder: "Search by model or provider",
+	modelCategoryLabel: "Filter models by output type",
+	modelCategoryAll: "All types",
+	modelCategoryImage: "Image",
+	modelCategoryVideo: "Video",
+	modelCategoryAudio: "Audio",
+	modelRefresh: "Refresh models",
+	modelRefreshing: "Refreshing…",
+	chooseModel: "Choose a model",
+	promptLabel: "What do you want to create?",
+	promptPlaceholder: "Describe the image, video motion, or sound…",
+	parametersTitle: "Parameters",
+	advancedParameters: "Advanced parameters ({count})",
+	required: "Required",
+	optional: "Optional",
+	requiredMissing: "Complete every required parameter before generating.",
+	assistantTitle: "Adjust parameters by chat",
+	assistantPaidNotice: "Sending calls a fixed LLM with the same Modellix Key to propose parameter changes and may incur a charge. It never starts media generation.",
+	assistantPlaceholder: "For example: make it 16:9, eight seconds, and more cinematic",
+	propose: "Propose parameter changes",
+	proposing: "Analyzing…",
+	proposalTitle: "Parameter changes awaiting confirmation",
+	proposalSummary: "Proposed parameter changes: {count}.",
+	proposalConflictsSummary: "The proposal has {count} conflict(s). Revise the instruction and request a new proposal.",
+	applyProposal: "Apply changes",
+	rejectProposal: "Reject",
+	conflicts: "Resolve conflicts before applying",
+	generate: "Confirm and generate",
+	generating: "Submitting…",
+	paidNotice: "Generation is billed. Each click submits once and is never retried automatically.",
+	designDisabled: "Design is disabled. Enable it in Modellix settings.",
+	keyRequired: "Configure a Modellix API Key in settings first.",
+	noModels: "No model is currently available. Refresh and try again.",
+	noMatchingModels: "No model matches the current search and type filter.",
+	modelUnavailable: "The selected model is unavailable. Choose another model.",
+	modelRemovedFromCatalog: "The selected model is no longer in the current catalog. Choose another model.",
+	unsupportedSchemaField: "This parameter uses an unsupported Schema structure and cannot be edited.",
+	designNoticeSchemaUnavailable: "The suggested model parameters are temporarily unavailable. Refresh the model and try again.",
+	designNoticeSchemaInvalid: "The suggested model parameter definition is not supported. Choose another model.",
+	designNoticeCatalogStale: "The live model catalog could not be refreshed. The most recent result is shown.",
+	designNoticeCatalogUnavailable: "The Modellix Design model catalog is temporarily unavailable. Refresh it later.",
+	designNoticeCredentialReloaded: "The API Key changed, so the Design model and parameters were reloaded.",
+	resultsTitle: "Results",
+	runningTitle: "Running",
+	succeededTitle: "Succeeded",
+	diagnosticsTitle: "Diagnostics",
+	noResults: "No generations yet. Confirm parameters and generate to see results here.",
+	running: "Running",
+	succeeded: "Succeeded",
+	failed: "Failed",
+	canceled: "Canceled",
+	unknown: "Submission outcome unknown",
+	expired: "Result expired",
+	openImage: "Open full image",
+	imageViewerTitle: "Generated image",
+	close: "Close",
+	download: "Download result",
+	expiresAt: "Available until {time}",
+	invalidJson: "Enter valid JSON.",
+	invalidParameter: "This value does not satisfy the current model constraints.",
+	parametersInvalid: "Fix parameters that do not satisfy the model constraints before generating.",
+	fieldUnavailable: "This parameter cannot be edited right now",
+	generatedPreview: "Generated result preview",
+	generatedVideoPreview: "Generated video result preview",
+	generatedAudioPreview: "Generated audio result preview",
+	jobModel: "Model: {model}",
+	jobCreated: "Created {time}",
+	diagnosticRetryable: "The plugin will continue safe read-only status checks, but it never repeats a billed generation submission automatically.",
+	diagnosticCredentialChanged: "This task belongs to an earlier API Key and cannot be refreshed.",
+	diagnosticSubmitUnknown: "The generation submission outcome is unknown. Check Results before submitting another billed request.",
+	diagnosticGenerationFailed: "The generation did not complete.",
+	diagnosticResultUnavailable: "The generation completed without a usable result resource.",
+	diagnosticCredentialRejected: "Modellix rejected the current API Key while refreshing this task.",
+	diagnosticTaskInaccessible: "This generation task is no longer accessible.",
+	diagnosticRateLimited: "Task refresh is rate limited and will resume later.",
+	diagnosticResponseInvalid: "The task response could not be understood.",
+	diagnosticPollUnavailable: "Task refresh is temporarily unavailable and will resume later.",
+	configureToContinue: "Configure a Key to continue",
+	notice: "Notice",
+	proposalReadyAnnouncement: "A parameter proposal is ready. Review it before applying.",
+	jobsRunningAnnouncement: "{count} generation job(s) submitted. Results will update automatically.",
+	jobsSucceededAnnouncement: "{count} generation job(s) completed.",
+	jobsFailedAnnouncement: "{count} generation job(s) did not succeed. Review diagnostics.",
+	jobsExpiredAnnouncement: "{count} generation result(s) expired."
+};
+//#endregion
+//#region src/client/SettingsSection.tsx
+function ModellixSettingsSection({ controller, t }) {
+	const state = useResourceState(controller.store);
+	const snapshot = state.data;
+	const [services, setServices] = (0, react.useState)(null);
+	const [announcement, setAnnouncement] = (0, react.useState)("");
+	const credentialDialogOwner = `settings:${(0, react.useId)()}`;
+	const removeDialogOwner = `settings-remove:${(0, react.useId)()}`;
+	const credentialDialogs = credentialDialogCoordinatorFor(controller);
+	const credentialDialog = useCredentialDialogSnapshot(credentialDialogs);
+	const credentialOpen = credentialDialog.activeOwner === credentialDialogOwner;
+	const removeOpen = credentialDialog.activeOwner === removeDialogOwner;
+	const credentialRecovery = credentialOpen && credentialDialog.recoveryToken !== null;
+	(0, react.useEffect)(() => {
+		if (controller.store.getSnapshot().status !== "idle") return;
+		const abort = new AbortController();
+		controller.load(abort.signal);
+		return () => abort.abort();
+	}, [controller]);
+	(0, react.useEffect)(() => () => {
+		credentialDialogs.release(credentialDialogOwner);
+		credentialDialogs.release(removeDialogOwner);
+	}, [
+		credentialDialogOwner,
+		credentialDialogs,
+		removeDialogOwner
+	]);
+	(0, react.useEffect)(() => {
+		if (snapshot !== null) setServices(snapshot.services);
+	}, [snapshot?.settingsRevision]);
+	const busy = state.pending !== null;
+	const saveServices = (0, react.useCallback)(() => {
+		if (snapshot === null || services === null || busy) return;
+		setAnnouncement("");
+		controller.updateToggles(services, snapshot.settingsRevision).then((accepted) => {
+			if (accepted) setAnnouncement(t("saved"));
+		});
+	}, [
+		busy,
+		controller,
+		services,
+		snapshot,
+		t
+	]);
+	if (snapshot === null || services === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mdlx-settings",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "mdlx-live",
+			role: "status",
+			"aria-live": "polite",
+			children: state.status === "error" ? t("errorGeneric") : t("loading")
+		}), state.status === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+			type: "button",
+			variant: "outline",
+			onClick: () => {
+				controller.load();
+			},
+			children: t("retry")
+		})]
+	});
+	const servicesChanged = !sameServices(snapshot.services, services);
+	const credential = snapshot.credential;
+	const canWriteCredential = credential.writable && credential.source !== "env";
+	const llmRefreshDisabled = busy || !snapshot.services.llm || !credential.configured;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mdlx-settings",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+				className: "mdlx-heading",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("settingsTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "mdlx-muted",
+					children: t("settingsDescription")
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "mdlx-card",
+				"aria-labelledby": "mdlx-credential-title",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mdlx-card-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "mdlx-heading",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								id: "mdlx-credential-title",
+								children: t("credentialTitle")
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CredentialStatus, {
+							configured: credential.configured,
+							source: credential.source,
+							verification: credential.verification,
+							t
+						})]
+					}),
+					credential.source === "env" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "mdlx-muted",
+						children: t("envReadonly")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mdlx-actions mdlx-actions-start",
+						children: [canWriteCredential && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							type: "button",
+							variant: !credential.configured || credential.verification === "invalid" ? "primary" : "outline",
+							disabled: busy,
+							onClick: () => credentialDialogs.open(credentialDialogOwner),
+							children: credential.configured ? t("replaceKey") : t("configureKey")
+						}), credential.configured && canWriteCredential && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							type: "button",
+							variant: "ghost",
+							disabled: busy,
+							onClick: () => credentialDialogs.open(removeDialogOwner),
+							children: t("removeKey")
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "mdlx-card",
+				"aria-labelledby": "mdlx-services-title",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "mdlx-heading",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							id: "mdlx-services-title",
+							children: t("serviceTitle")
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ServiceSwitches, {
+						value: services,
+						disabled: busy,
+						onChange: setServices,
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "mdlx-actions",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							type: "button",
+							variant: !credential.configured || credential.verification === "invalid" ? "outline" : "primary",
+							disabled: busy || !servicesChanged,
+							"aria-busy": state.pending === "save-toggles",
+							onClick: saveServices,
+							children: state.pending === "save-toggles" ? t("saving") : t("saveChanges")
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LlmCatalogCard, {
+				snapshot,
+				dateLocale: t("dateLocale"),
+				busy: state.pending === "refresh-llm",
+				disabled: llmRefreshDisabled,
+				onRefresh: () => {
+					setAnnouncement("");
+					controller.refreshLlmCatalog().then((accepted) => {
+						if (accepted) setAnnouncement(t("saved"));
+					});
+				},
+				t
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorNotice, {
+				code: state.errorCode,
+				t
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mdlx-live",
+				role: "status",
+				"aria-live": "polite",
+				children: announcement
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CredentialModal, {
+				open: credentialOpen,
+				mandatory: credentialRecovery || credential.verification === "invalid",
+				title: credential.configured ? t("replaceKey") : t("configureKey"),
+				description: credentialRecovery ? credential.configured ? t("errorKeyInvalid") : t("keyRequired") : t("onboardingDescription"),
+				busy: state.pending === "replace-credential",
+				errorCode: state.errorOperation === "replace-credential" ? state.errorCode : null,
+				onSave: (apiKey) => controller.replaceCredential(apiKey, credential.credentialEpoch, snapshot.services),
+				onSaved: () => {
+					credentialDialogs.completeCredential(credentialDialogOwner);
+					setAnnouncement(t("saved"));
+				},
+				onCancel: () => credentialDialogs.dismissCredential(credentialDialogOwner),
+				laterLabel: credentialRecovery ? "later" : "cancel",
+				t
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RemoveCredentialDialog, {
+				open: removeOpen,
+				busy: state.pending === "remove-credential",
+				errorCode: state.errorOperation === "remove-credential" ? state.errorCode : null,
+				onClose: () => credentialDialogs.close(removeDialogOwner),
+				onConfirm: () => {
+					if (state.pending !== null) return;
+					controller.removeCredential(credential.credentialEpoch).then((accepted) => {
+						if (!accepted) return;
+						credentialDialogs.close(removeDialogOwner);
+						setAnnouncement(t("saved"));
+					});
+				},
+				t
+			})
+		]
+	});
+}
+function LlmCatalogCard({ snapshot, dateLocale, busy, disabled, onRefresh, t }) {
+	const text = llmHealthText(snapshot.llm.health, t);
+	const dot = snapshot.llm.health === "ready" ? "done" : snapshot.llm.health === "error" ? "error" : snapshot.llm.health === "unknown" ? "ongoing" : "warning";
+	const refreshedAt = (0, react.useMemo)(() => snapshot.llm.refreshedAt === null ? null : new Intl.DateTimeFormat(dateLocale, {
+		dateStyle: "medium",
+		timeStyle: "short"
+	}).format(new Date(snapshot.llm.refreshedAt)), [dateLocale, snapshot.llm.refreshedAt]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "mdlx-card",
+		"aria-labelledby": "mdlx-llm-title",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mdlx-card-head",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "mdlx-heading",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						id: "mdlx-llm-title",
+						children: t("llmTitle")
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-status-copy",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: dot }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text })]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "mdlx-muted",
+				children: t("llmModelCount", { count: snapshot.llm.modelCount })
+			}),
+			refreshedAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "mdlx-muted",
+				children: t("llmUpdated", { time: refreshedAt })
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mdlx-actions",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					type: "button",
+					variant: "outline",
+					disabled,
+					"aria-busy": busy,
+					onClick: onRefresh,
+					children: busy ? t("refreshingLlm") : t("refreshLlm")
+				})
+			}),
+			disabled && !busy && snapshot.llm.health !== "ready" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "mdlx-help",
+				children: text
+			})
+		]
+	});
+}
+function RemoveCredentialDialog({ open, busy, errorCode, onClose, onConfirm, t }) {
+	const contentRef = (0, react.useRef)(null);
+	const surfaceOpen = useExternalDialogGate(open);
+	useDialogA11y({
+		open: surfaceOpen,
+		container: contentRef,
+		initialFocusSelector: "[data-mdlx-initial-focus]",
+		mandatory: false,
+		onEscape: onClose
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+		open: surfaceOpen,
+		title: t("removeTitle"),
+		closeLabel: t("cancel"),
+		onClose,
+		headless: true,
+		className: "mdlx-modal mdlx-modal-confirm",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: contentRef,
+			className: "mdlx-modal-content",
+			"data-mdlx-dialog-surface": "",
+			tabIndex: -1,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-heading",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: "mdlx-modal-title",
+						children: t("removeTitle")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "mdlx-modal-description",
+						children: t("removeDescription")
+					})]
+				}),
+				errorCode !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorNotice, {
+					code: errorCode,
+					t
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mdlx-actions",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						type: "button",
+						variant: "outline",
+						disabled: busy,
+						"data-mdlx-initial-focus": "",
+						onClick: onClose,
+						children: t("cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						type: "button",
+						variant: "primary",
+						disabled: busy,
+						"aria-busy": busy,
+						onClick: onConfirm,
+						children: busy ? t("removing") : t("removeConfirm")
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BusyStatus, {
+					busy,
+					text: t("removing")
+				})
+			]
+		})
+	});
+}
+function sameServices(a, b) {
+	return a.design === b.design && a.llm === b.llm && a.web === b.web;
+}
+function llmHealthText(health, t) {
+	switch (health) {
+		case "ready": return t("llmReady");
+		case "missing": return t("llmMissing");
+		case "disabled": return t("llmDisabled");
+		case "error": return t("llmError");
+		case "policy-blocked": return t("llmPolicyBlocked");
+		case "unknown": return t("llmUnknown");
+	}
+}
+//#endregion
+//#region src/client/styles.ts
+const MODELLIX_CLIENT_CSS = String.raw`
+.mdlx-settings,.mdlx-design,.mdlx-modal-content{font-family:var(--dsw-font-family,inherit);color:var(--dsw-alias-label-primary);box-sizing:border-box}.mdlx-settings *,.mdlx-design *,.mdlx-modal-content *{box-sizing:border-box}
+.mdlx-settings{width:min(100%,760px);min-width:0;display:grid;gap:12px;padding:4px}
+.mdlx-heading{display:grid;gap:4px;min-width:0;margin:0 0 8px}.mdlx-heading h2,.mdlx-heading h3,.mdlx-heading p{margin:0;overflow-wrap:anywhere}
+.mdlx-heading h2{font-size:20px;line-height:28px;font-weight:500}.mdlx-heading h3{font-size:15px;line-height:22px;font-weight:600}
+.mdlx-muted,.mdlx-help{margin:0;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
+.mdlx-card{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);padding:16px;display:grid;gap:16px}
+.mdlx-card-head,.mdlx-status-row,.mdlx-actions,.mdlx-result-head{display:flex;align-items:center;gap:12px;min-width:0;justify-content:space-between;flex-wrap:wrap}
+.mdlx-card-head>.mdlx-heading{margin-bottom:0}
+.mdlx-status-copy{display:flex;align-items:center;gap:8px;min-width:0}.mdlx-status-copy span{overflow-wrap:anywhere}
+.mdlx-actions{justify-content:flex-end}.mdlx-actions>*{min-width:0;max-width:100%}.mdlx-actions-start{justify-content:flex-start}.mdlx-grow{flex:1 1 auto}.mdlx-settings button,.mdlx-design button,.mdlx-modal-content button{height:auto;min-height:36px}
+.mdlx-service-list{display:grid;gap:8px}.mdlx-switch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--dsw-alias-border-l2)}
+.mdlx-switch-copy{display:grid;gap:2px;min-width:0}.mdlx-switch-copy strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.mdlx-switch-copy span{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;overflow-wrap:anywhere}
+.mdlx-switch-target{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;justify-self:center}.mdlx-switch{width:24px;height:24px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.mdlx-switch:disabled{cursor:not-allowed}
+.mdlx-field{display:grid;gap:8px;min-width:0}.mdlx-label{font-size:14px;font-weight:500;overflow-wrap:anywhere}.mdlx-label>.mdlx-required,.mdlx-label>.mdlx-muted{margin-inline-start:4px}.mdlx-required{color:var(--dsw-alias-state-error-primary)}
+.mdlx-input-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;min-width:0;align-items:center}.mdlx-input-row>.mdlx-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.mdlx-input-row>button{min-width:max-content;min-height:40px;justify-self:end}.mdlx-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;border-color:var(--dsw-alias-label-tertiary)}
+.mdlx-model-tools{display:grid;grid-template-columns:minmax(120px,1fr) minmax(112px,.45fr) auto;gap:8px;align-items:center}
+.mdlx-model-tools>button{min-height:40px}.mdlx-textarea,.mdlx-select,.mdlx-native-input{width:100%;box-sizing:border-box;border:1px solid var(--dsw-alias-label-tertiary);border-radius:12px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:14px;line-height:22px}.mdlx-textarea{min-height:108px;padding:10px 12px;resize:vertical}.mdlx-textarea-small{min-height:80px}.mdlx-select,.mdlx-native-input{min-height:40px;padding:8px 12px}
+.mdlx-input:hover,.mdlx-textarea:hover,.mdlx-select:hover,.mdlx-native-input:hover{border-color:var(--dsw-alias-label-secondary)}
+.mdlx-input:has(input[aria-invalid="true"]),.mdlx-textarea[aria-invalid="true"],.mdlx-select[aria-invalid="true"],.mdlx-native-input[aria-invalid="true"]{border-color:var(--dsw-alias-state-error-primary)}.mdlx-input:has(input:disabled),.mdlx-textarea:disabled,.mdlx-select:disabled,.mdlx-native-input:disabled{cursor:not-allowed;opacity:.55}
+.mdlx-error{min-width:0;border:1px solid var(--dsw-alias-state-error-primary);border-radius:12px;background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-label-primary);padding:10px 12px;font-size:13px;line-height:20px;overflow-wrap:anywhere}.mdlx-error p{margin:4px 0 0}.mdlx-error ul{margin:8px 0 0;padding-inline-start:20px}
+.mdlx-info{display:grid;gap:12px;min-width:0;border-radius:12px;background:var(--dsw-alias-state-business-tertiary);color:var(--dsw-alias-label-primary);padding:10px 12px;font-size:13px;line-height:20px;overflow-wrap:anywhere}.mdlx-info p{margin:0}
+.mdlx-live{min-height:20px;font-size:13px;color:var(--dsw-alias-label-secondary)}.mdlx-live:empty{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
+.mdlx-safe-link{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:var(--dsw-alias-brand-text);font-size:13px;text-decoration:none;min-height:24px;overflow-wrap:anywhere}.mdlx-safe-link:hover{text-decoration:underline}
+.mdlx-link-button{appearance:none;border:0;padding:0;background:transparent;font:inherit;cursor:pointer}
+.mdlx-modal{box-sizing:border-box;width:min(600px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:0!important;gap:0!important;border-radius:24px!important;box-shadow:var(--dsw-shadow-lv3)!important;overflow:auto;overscroll-behavior:contain}.mdlx-modal-confirm{width:min(380px,calc(100vw - 48px))}.mdlx-modal-content{width:100%;min-width:0;padding:28px;display:grid;gap:20px;outline:none}.mdlx-modal-content>.mdlx-heading{margin-bottom:0}.mdlx-modal-title{font-size:20px;line-height:28px;font-weight:500;margin:0;overflow-wrap:anywhere}.mdlx-modal-description{font-size:14px;line-height:22px;color:var(--dsw-alias-label-secondary);margin:0;overflow-wrap:anywhere}
+.mdlx-design{container-type:inline-size;height:100%;min-height:0;box-sizing:border-box;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));scroll-padding-block-end:max(24px,env(safe-area-inset-bottom));overflow:auto;background:var(--dsw-alias-bg-base)}
+.mdlx-design-shell{width:100%;min-height:100%;display:grid;grid-template-columns:minmax(300px,42fr) minmax(360px,58fr);gap:16px}.mdlx-design-pane{min-width:0;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);padding:16px;display:flex;flex-direction:column;gap:16px;overflow-wrap:anywhere}
+.mdlx-design-scroll{display:grid;gap:16px;min-height:0}.mdlx-parameter-list{display:grid;gap:12px}.mdlx-parameter{display:grid;gap:6px;border-top:1px solid var(--dsw-alias-border-l2);padding-top:12px}
+.mdlx-advanced{display:grid;gap:12px;border-top:1px solid var(--dsw-alias-border-l2);padding-top:12px}.mdlx-advanced>summary{cursor:pointer;font-size:14px;font-weight:500;min-height:24px;overflow-wrap:anywhere}
+.mdlx-proposal{display:grid;gap:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;padding:12px;background:var(--dsw-alias-bg-layer-2)}
+.mdlx-generate-block{display:grid;gap:8px;min-width:0}.mdlx-generate-block>p{margin:0}
+.mdlx-change-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mdlx-change{display:grid;grid-template-columns:minmax(100px,.4fr) minmax(0,1fr);gap:8px;min-width:0;font-size:13px}.mdlx-change>*{min-width:0;overflow-wrap:anywhere}.mdlx-code{font-family:var(--ds-font-family-code,monospace);font-size:12px;overflow-wrap:anywhere}
+.mdlx-result-section{display:grid;gap:10px}.mdlx-result-section h3{margin:0;font-size:14px;font-weight:600}.mdlx-result-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
+.mdlx-result-card{display:grid;gap:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;padding:12px;background:var(--dsw-alias-bg-layer-2);overflow:hidden}
+.mdlx-resource-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.mdlx-resource{display:grid;gap:8px;min-width:0}.mdlx-media{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:var(--dsw-alias-bg-layer-3)}
+.mdlx-media-audio{min-height:48px}.mdlx-empty{display:grid;place-items:center;min-height:160px;text-align:center;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px;padding:24px}
+.mdlx-image-modal{width:min(1000px,calc(100vw - 48px))}.mdlx-image-full{display:block;width:100%;max-height:calc(100dvh - 220px);object-fit:contain;border-radius:12px;background:var(--dsw-alias-bg-layer-3)}
+.mdlx-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
+.mdlx-input{height:auto;min-height:40px}.mdlx-input:focus-within,.mdlx-textarea:focus-visible,.mdlx-select:focus-visible,.mdlx-native-input:focus-visible,.mdlx-switch:focus-visible,.mdlx-safe-link:focus-visible,.mdlx-modal-content:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}
+@media (max-width:768px){.mdlx-design{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.mdlx-design-shell{grid-template-columns:minmax(0,1fr)}.mdlx-design-pane{padding:12px}.mdlx-resource-list{grid-template-columns:minmax(0,1fr)}}
+@container (max-width:992px){.mdlx-design-shell{grid-template-columns:minmax(0,1fr)}.mdlx-design-pane{padding:12px}.mdlx-resource-list{grid-template-columns:minmax(0,1fr)}}
+@media (max-width:560px){.mdlx-modal{width:calc(100vw - 48px)}.mdlx-modal-content{padding:24px}.mdlx-input-row,.mdlx-model-tools{grid-template-columns:minmax(0,1fr)}.mdlx-input-row>button,.mdlx-model-tools button,.mdlx-actions button{width:100%;min-width:0;justify-self:stretch}.mdlx-actions{display:grid;grid-template-columns:minmax(0,1fr)}.mdlx-switch-row{grid-template-columns:minmax(0,1fr) 48px}.mdlx-change{grid-template-columns:minmax(0,1fr)}}
+@media (pointer:coarse){.mdlx-switch-row,.mdlx-switch-target,.mdlx-safe-link{min-width:48px;min-height:48px}.mdlx-settings button,.mdlx-design button,.mdlx-modal-content button{min-height:48px}.mdlx-input,.mdlx-select,.mdlx-native-input,.mdlx-advanced>summary{min-height:48px}}
+@media (prefers-reduced-motion:reduce){.mdlx-settings *,.mdlx-design *,.mdlx-modal-content *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
+@media (forced-colors:active){.mdlx-modal{border:1px solid CanvasText;box-shadow:none!important}.mdlx-card,.mdlx-switch-row,.mdlx-design-pane,.mdlx-result-card,.mdlx-proposal,.mdlx-error,.mdlx-info{forced-color-adjust:auto;border:1px solid CanvasText}.mdlx-input,.mdlx-textarea,.mdlx-select,.mdlx-native-input{border-color:CanvasText}.mdlx-safe-link{color:LinkText}.mdlx-input:focus-within,.mdlx-textarea:focus-visible,.mdlx-select:focus-visible,.mdlx-native-input:focus-visible,.mdlx-switch:focus-visible,.mdlx-safe-link:focus-visible,.mdlx-modal-content:focus-visible{outline-color:Highlight}}
+`;
+function installModellixClientStyles(target = typeof document === "undefined" ? void 0 : document) {
+	if (target === void 0) return () => void 0;
+	const element = target.createElement("style");
+	element.setAttribute("data-dsh-modellix", "client");
+	element.textContent = MODELLIX_CLIENT_CSS;
+	target.head.append(element);
+	return () => element.remove();
+}
+//#endregion
+//#region src/client/registration.ts
+const MODELLIX_CLIENT_SLOTS = Object.freeze([
+	{
+		name: "shell.overlay",
+		id: "modellix.credential-recovery",
+		order: 10
+	},
+	{
+		name: "settings.onboarding",
+		id: "modellix.onboarding",
+		order: 10
+	},
+	{
+		name: "settings.section",
+		id: "modellix",
+		order: 30
+	},
+	{
+		name: "conversation.view",
+		id: "modellix.design",
+		order: 20
+	}
+]);
+//#endregion
+//#region src/client/index.tsx
+const inject = [
+	"slots",
+	"locale",
+	"connection"
+];
+function apply(ctx) {
+	ctx.effect(() => ctx.locale.register(MODELLIX_LOCALE_NAMESPACE, {
+		zh,
+		en
+	}), "modellix: client dictionaries");
+	ctx.effect(() => installModellixClientStyles(), "modellix: client styles");
+	const t = ctx.locale.bind(MODELLIX_LOCALE_NAMESPACE);
+	const rpc = new ModellixRpcClient(ctx.connection.rpc);
+	const settingsController = new SettingsController(rpc);
+	ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+		name: "shell.overlay",
+		id: "modellix.credential-recovery",
+		order: 10,
+		locale: MODELLIX_LOCALE_NAMESPACE,
+		inject: () => ({ controller: settingsController })
+	}, CredentialRecoveryOverlay));
+	ctx.slots.inject("settings.onboarding", () => ctx.slots.register({
+		name: "settings.onboarding",
+		id: "modellix.onboarding",
+		order: 10,
+		locale: MODELLIX_LOCALE_NAMESPACE,
+		inject: () => ({ controller: settingsController })
+	}, ModellixOnboarding));
+	ctx.slots.inject("settings.section", () => ctx.slots.register({
+		name: "settings.section",
+		id: "modellix",
+		order: 30,
+		label: () => t("nav"),
+		locale: MODELLIX_LOCALE_NAMESPACE,
+		inject: () => ({ controller: settingsController })
+	}, ModellixSettingsSection));
+	ctx.slots.inject("conversation.view", () => ctx.slots.register({
+		name: "conversation.view",
+		id: "modellix.design",
+		order: 20,
+		label: () => t("designTab"),
+		locale: MODELLIX_LOCALE_NAMESPACE,
+		inject: (sessionId) => ({
+			controller: new DesignController(rpc, sessionId),
+			settingsController
+		})
+	}, ModellixDesignView));
+}
+//#endregion
+exports.MODELLIX_CLIENT_SLOTS = MODELLIX_CLIENT_SLOTS;
+exports.MODELLIX_CLIENT_WIRE_VERSION = MODELLIX_CLIENT_WIRE_VERSION;
+exports.MODELLIX_RPC_CHANNEL = MODELLIX_RPC_CHANNEL;
+exports.MODELLIX_RPC_ENDPOINTS = MODELLIX_RPC_ENDPOINTS;
+exports.ModellixClientContractError = ModellixClientContractError;
+exports.apply = apply;
+exports.inject = inject;
+exports.parseAck = parseAck;
+exports.parseDesignMutation = parseDesignMutation;
+exports.parseDesignSnapshot = parseDesignSnapshot;
+exports.parseSettingsMutation = parseSettingsMutation;
+exports.parseSettingsSnapshot = parseSettingsSnapshot;
+exports.safeResourceHref = safeResourceHref;
+exports.sanitizeParameters = sanitizeParameters;
+
+return module.exports; } });
+//# sourceMappingURL=client.js.map