@jingyi0605/codingns4dsh 0.2.1-beta.5 → 0.2.1-beta.6

package/data/build/dist/client/client.assistant-configuration-view.js

@@ -0,0 +1,4526 @@
+window.__ModuleLoader__.load({
+	id: "@jingyi0605/codingns4dsh",
+	chunk: "client.assistant-configuration-view.js",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		const require_rolldown_runtime = require("@jingyi0605/codingns4dsh/client.rolldown-runtime.js");
+		const require_transport = require("@jingyi0605/codingns4dsh/client.transport.js");
+		const require_assistant_prompts = require("@jingyi0605/codingns4dsh/client.assistant-prompts.js");
+		const require_theme = require("@jingyi0605/codingns4dsh/client.theme.js");
+		const require_manager = require("@jingyi0605/codingns4dsh/client.manager.js");
+		const require_primitives_adapter = require("@jingyi0605/codingns4dsh/client.primitives-adapter.js");
+		const require_react_dom$1 = require("@jingyi0605/codingns4dsh/client.react-dom.js");
+		const require_assistant_prompt_editor = require("@jingyi0605/codingns4dsh/client.assistant-prompt-editor.js");
+		const require_assistant_workbench = require("@jingyi0605/codingns4dsh/client.assistant-workbench.js");
+		let react = require("react");
+		react = require_rolldown_runtime.__toESM(react, 1);
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs
+		/******************************************************************************
+		Copyright (c) Microsoft Corporation.
+		
+		Permission to use, copy, modify, and/or distribute this software for any
+		purpose with or without fee is hereby granted.
+		
+		THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+		REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+		AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+		INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+		LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+		OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+		PERFORMANCE OF THIS SOFTWARE.
+		***************************************************************************** */
+		var extendStatics = function(d, b) {
+			extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d, b) {
+				d.__proto__ = b;
+			} || function(d, b) {
+				for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+			};
+			return extendStatics(d, b);
+		};
+		function __extends(d, b) {
+			if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+			extendStatics(d, b);
+			function __() {
+				this.constructor = d;
+			}
+			d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+		}
+		var __assign = function() {
+			__assign = Object.assign || function __assign(t) {
+				for (var s, i = 1, n = arguments.length; i < n; i++) {
+					s = arguments[i];
+					for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+				}
+				return t;
+			};
+			return __assign.apply(this, arguments);
+		};
+		//#endregion
+		//#region node_modules/.pnpm/normalize-wheel@1.0.1/node_modules/normalize-wheel/src/UserAgent_DEPRECATED.js
+		var require_UserAgent_DEPRECATED = /* @__PURE__ */ require_rolldown_runtime.__commonJSMin(((exports, module) => {
+			/**
+			* Copyright 2004-present Facebook. All Rights Reserved.
+			*
+			* @providesModule UserAgent_DEPRECATED
+			*/
+			/**
+			*  Provides entirely client-side User Agent and OS detection. You should prefer
+			*  the non-deprecated UserAgent module when possible, which exposes our
+			*  authoritative server-side PHP-based detection to the client.
+			*
+			*  Usage is straightforward:
+			*
+			*    if (UserAgent_DEPRECATED.ie()) {
+			*      //  IE
+			*    }
+			*
+			*  You can also do version checks:
+			*
+			*    if (UserAgent_DEPRECATED.ie() >= 7) {
+			*      //  IE7 or better
+			*    }
+			*
+			*  The browser functions will return NaN if the browser does not match, so
+			*  you can also do version compares the other way:
+			*
+			*    if (UserAgent_DEPRECATED.ie() < 7) {
+			*      //  IE6 or worse
+			*    }
+			*
+			*  Note that the version is a float and may include a minor version number,
+			*  so you should always use range operators to perform comparisons, not
+			*  strict equality.
+			*
+			*  **Note:** You should **strongly** prefer capability detection to browser
+			*  version detection where it's reasonable:
+			*
+			*    http://www.quirksmode.org/js/support.html
+			*
+			*  Further, we have a large number of mature wrapper functions and classes
+			*  which abstract away many browser irregularities. Check the documentation,
+			*  grep for things, or ask on javascript@lists.facebook.com before writing yet
+			*  another copy of "event || window.event".
+			*
+			*/
+			var _populated = false;
+			var _ie;
+			var _firefox;
+			var _opera;
+			var _webkit;
+			var _chrome;
+			var _ie_real_version;
+			var _osx;
+			var _windows;
+			var _linux;
+			var _android;
+			var _win64;
+			var _iphone;
+			var _ipad;
+			var _native;
+			var _mobile;
+			function _populate() {
+				if (_populated) return;
+				_populated = true;
+				var uas = navigator.userAgent;
+				var agent = /(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(uas);
+				var os = /(Mac OS X)|(Windows)|(Linux)/.exec(uas);
+				_iphone = /\b(iPhone|iP[ao]d)/.exec(uas);
+				_ipad = /\b(iP[ao]d)/.exec(uas);
+				_android = /Android/i.exec(uas);
+				_native = /FBAN\/\w+;/i.exec(uas);
+				_mobile = /Mobile/i.exec(uas);
+				_win64 = !!/Win64/.exec(uas);
+				if (agent) {
+					_ie = agent[1] ? parseFloat(agent[1]) : agent[5] ? parseFloat(agent[5]) : NaN;
+					if (_ie && document && document.documentMode) _ie = document.documentMode;
+					var trident = /(?:Trident\/(\d+.\d+))/.exec(uas);
+					_ie_real_version = trident ? parseFloat(trident[1]) + 4 : _ie;
+					_firefox = agent[2] ? parseFloat(agent[2]) : NaN;
+					_opera = agent[3] ? parseFloat(agent[3]) : NaN;
+					_webkit = agent[4] ? parseFloat(agent[4]) : NaN;
+					if (_webkit) {
+						agent = /(?:Chrome\/(\d+\.\d+))/.exec(uas);
+						_chrome = agent && agent[1] ? parseFloat(agent[1]) : NaN;
+					} else _chrome = NaN;
+				} else _ie = _firefox = _opera = _chrome = _webkit = NaN;
+				if (os) {
+					if (os[1]) {
+						var ver = /(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(uas);
+						_osx = ver ? parseFloat(ver[1].replace("_", ".")) : true;
+					} else _osx = false;
+					_windows = !!os[2];
+					_linux = !!os[3];
+				} else _osx = _windows = _linux = false;
+			}
+			var UserAgent_DEPRECATED = {
+				/**
+				*  Check if the UA is Internet Explorer.
+				*
+				*
+				*  @return float|NaN Version number (if match) or NaN.
+				*/
+				ie: function() {
+					return _populate() || _ie;
+				},
+				/**
+				* Check if we're in Internet Explorer compatibility mode.
+				*
+				* @return bool true if in compatibility mode, false if
+				* not compatibility mode or not ie
+				*/
+				ieCompatibilityMode: function() {
+					return _populate() || _ie_real_version > _ie;
+				},
+				/**
+				* Whether the browser is 64-bit IE.  Really, this is kind of weak sauce;  we
+				* only need this because Skype can't handle 64-bit IE yet.  We need to remove
+				* this when we don't need it -- tracked by #601957.
+				*/
+				ie64: function() {
+					return UserAgent_DEPRECATED.ie() && _win64;
+				},
+				/**
+				*  Check if the UA is Firefox.
+				*
+				*
+				*  @return float|NaN Version number (if match) or NaN.
+				*/
+				firefox: function() {
+					return _populate() || _firefox;
+				},
+				/**
+				*  Check if the UA is Opera.
+				*
+				*
+				*  @return float|NaN Version number (if match) or NaN.
+				*/
+				opera: function() {
+					return _populate() || _opera;
+				},
+				/**
+				*  Check if the UA is WebKit.
+				*
+				*
+				*  @return float|NaN Version number (if match) or NaN.
+				*/
+				webkit: function() {
+					return _populate() || _webkit;
+				},
+				/**
+				*  For Push
+				*  WILL BE REMOVED VERY SOON. Use UserAgent_DEPRECATED.webkit
+				*/
+				safari: function() {
+					return UserAgent_DEPRECATED.webkit();
+				},
+				/**
+				*  Check if the UA is a Chrome browser.
+				*
+				*
+				*  @return float|NaN Version number (if match) or NaN.
+				*/
+				chrome: function() {
+					return _populate() || _chrome;
+				},
+				/**
+				*  Check if the user is running Windows.
+				*
+				*  @return bool `true' if the user's OS is Windows.
+				*/
+				windows: function() {
+					return _populate() || _windows;
+				},
+				/**
+				*  Check if the user is running Mac OS X.
+				*
+				*  @return float|bool   Returns a float if a version number is detected,
+				*                       otherwise true/false.
+				*/
+				osx: function() {
+					return _populate() || _osx;
+				},
+				/**
+				* Check if the user is running Linux.
+				*
+				* @return bool `true' if the user's OS is some flavor of Linux.
+				*/
+				linux: function() {
+					return _populate() || _linux;
+				},
+				/**
+				* Check if the user is running on an iPhone or iPod platform.
+				*
+				* @return bool `true' if the user is running some flavor of the
+				*    iPhone OS.
+				*/
+				iphone: function() {
+					return _populate() || _iphone;
+				},
+				mobile: function() {
+					return _populate() || _iphone || _ipad || _android || _mobile;
+				},
+				nativeApp: function() {
+					return _populate() || _native;
+				},
+				android: function() {
+					return _populate() || _android;
+				},
+				ipad: function() {
+					return _populate() || _ipad;
+				}
+			};
+			module.exports = UserAgent_DEPRECATED;
+		}));
+		//#endregion
+		//#region node_modules/.pnpm/normalize-wheel@1.0.1/node_modules/normalize-wheel/src/ExecutionEnvironment.js
+		/**
+		* Copyright (c) 2015, Facebook, Inc.
+		* All rights reserved.
+		*
+		* This source code is licensed under the BSD-style license found in the
+		* LICENSE file in the root directory of this source tree. An additional grant
+		* of patent rights can be found in the PATENTS file in the same directory.
+		*
+		* @providesModule ExecutionEnvironment
+		*/
+		var require_ExecutionEnvironment = /* @__PURE__ */ require_rolldown_runtime.__commonJSMin(((exports, module) => {
+			var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+			module.exports = {
+				canUseDOM,
+				canUseWorkers: typeof Worker !== "undefined",
+				canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
+				canUseViewport: canUseDOM && !!window.screen,
+				isInWorker: !canUseDOM
+			};
+		}));
+		//#endregion
+		//#region node_modules/.pnpm/normalize-wheel@1.0.1/node_modules/normalize-wheel/src/isEventSupported.js
+		/**
+		* Copyright 2013-2015, Facebook, Inc.
+		* All rights reserved.
+		*
+		* This source code is licensed under the BSD-style license found in the
+		* LICENSE file in the root directory of this source tree. An additional grant
+		* of patent rights can be found in the PATENTS file in the same directory.
+		*
+		* @providesModule isEventSupported
+		*/
+		var require_isEventSupported = /* @__PURE__ */ require_rolldown_runtime.__commonJSMin(((exports, module) => {
+			var ExecutionEnvironment = require_ExecutionEnvironment();
+			var useHasFeature;
+			if (ExecutionEnvironment.canUseDOM) useHasFeature = document.implementation && document.implementation.hasFeature && document.implementation.hasFeature("", "") !== true;
+			/**
+			* Checks if an event is supported in the current execution environment.
+			*
+			* NOTE: This will not work correctly for non-generic events such as `change`,
+			* `reset`, `load`, `error`, and `select`.
+			*
+			* Borrows from Modernizr.
+			*
+			* @param {string} eventNameSuffix Event name, e.g. "click".
+			* @param {?boolean} capture Check if the capture phase is supported.
+			* @return {boolean} True if the event is supported.
+			* @internal
+			* @license Modernizr 3.0.0pre (Custom Build) | MIT
+			*/
+			function isEventSupported(eventNameSuffix, capture) {
+				if (!ExecutionEnvironment.canUseDOM || capture && !("addEventListener" in document)) return false;
+				var eventName = "on" + eventNameSuffix;
+				var isSupported = eventName in document;
+				if (!isSupported) {
+					var element = document.createElement("div");
+					element.setAttribute(eventName, "return;");
+					isSupported = typeof element[eventName] === "function";
+				}
+				if (!isSupported && useHasFeature && eventNameSuffix === "wheel") isSupported = document.implementation.hasFeature("Events.wheel", "3.0");
+				return isSupported;
+			}
+			module.exports = isEventSupported;
+		}));
+		//#endregion
+		//#region node_modules/.pnpm/normalize-wheel@1.0.1/node_modules/normalize-wheel/src/normalizeWheel.js
+		/**
+		* Copyright (c) 2015, Facebook, Inc.
+		* All rights reserved.
+		*
+		* This source code is licensed under the BSD-style license found in the
+		* LICENSE file in the root directory of this source tree. An additional grant
+		* of patent rights can be found in the PATENTS file in the same directory.
+		*
+		* @providesModule normalizeWheel
+		* @typechecks
+		*/
+		var require_normalizeWheel = /* @__PURE__ */ require_rolldown_runtime.__commonJSMin(((exports, module) => {
+			var UserAgent_DEPRECATED = require_UserAgent_DEPRECATED();
+			var isEventSupported = require_isEventSupported();
+			var PIXEL_STEP = 10;
+			var LINE_HEIGHT = 40;
+			var PAGE_HEIGHT = 800;
+			/**
+			* Mouse wheel (and 2-finger trackpad) support on the web sucks.  It is
+			* complicated, thus this doc is long and (hopefully) detailed enough to answer
+			* your questions.
+			*
+			* If you need to react to the mouse wheel in a predictable way, this code is
+			* like your bestest friend. * hugs *
+			*
+			* As of today, there are 4 DOM event types you can listen to:
+			*
+			*   'wheel'                -- Chrome(31+), FF(17+), IE(9+)
+			*   'mousewheel'           -- Chrome, IE(6+), Opera, Safari
+			*   'MozMousePixelScroll'  -- FF(3.5 only!) (2010-2013) -- don't bother!
+			*   'DOMMouseScroll'       -- FF(0.9.7+) since 2003
+			*
+			* So what to do?  The is the best:
+			*
+			*   normalizeWheel.getEventType();
+			*
+			* In your event callback, use this code to get sane interpretation of the
+			* deltas.  This code will return an object with properties:
+			*
+			*   spinX   -- normalized spin speed (use for zoom) - x plane
+			*   spinY   -- " - y plane
+			*   pixelX  -- normalized distance (to pixels) - x plane
+			*   pixelY  -- " - y plane
+			*
+			* Wheel values are provided by the browser assuming you are using the wheel to
+			* scroll a web page by a number of lines or pixels (or pages).  Values can vary
+			* significantly on different platforms and browsers, forgetting that you can
+			* scroll at different speeds.  Some devices (like trackpads) emit more events
+			* at smaller increments with fine granularity, and some emit massive jumps with
+			* linear speed or acceleration.
+			*
+			* This code does its best to normalize the deltas for you:
+			*
+			*   - spin is trying to normalize how far the wheel was spun (or trackpad
+			*     dragged).  This is super useful for zoom support where you want to
+			*     throw away the chunky scroll steps on the PC and make those equal to
+			*     the slow and smooth tiny steps on the Mac. Key data: This code tries to
+			*     resolve a single slow step on a wheel to 1.
+			*
+			*   - pixel is normalizing the desired scroll delta in pixel units.  You'll
+			*     get the crazy differences between browsers, but at least it'll be in
+			*     pixels!
+			*
+			*   - positive value indicates scrolling DOWN/RIGHT, negative UP/LEFT.  This
+			*     should translate to positive value zooming IN, negative zooming OUT.
+			*     This matches the newer 'wheel' event.
+			*
+			* Why are there spinX, spinY (or pixels)?
+			*
+			*   - spinX is a 2-finger side drag on the trackpad, and a shift + wheel turn
+			*     with a mouse.  It results in side-scrolling in the browser by default.
+			*
+			*   - spinY is what you expect -- it's the classic axis of a mouse wheel.
+			*
+			*   - I dropped spinZ/pixelZ.  It is supported by the DOM 3 'wheel' event and
+			*     probably is by browsers in conjunction with fancy 3D controllers .. but
+			*     you know.
+			*
+			* Implementation info:
+			*
+			* Examples of 'wheel' event if you scroll slowly (down) by one step with an
+			* average mouse:
+			*
+			*   OS X + Chrome  (mouse)     -    4   pixel delta  (wheelDelta -120)
+			*   OS X + Safari  (mouse)     -  N/A   pixel delta  (wheelDelta  -12)
+			*   OS X + Firefox (mouse)     -    0.1 line  delta  (wheelDelta  N/A)
+			*   Win8 + Chrome  (mouse)     -  100   pixel delta  (wheelDelta -120)
+			*   Win8 + Firefox (mouse)     -    3   line  delta  (wheelDelta -120)
+			*
+			* On the trackpad:
+			*
+			*   OS X + Chrome  (trackpad)  -    2   pixel delta  (wheelDelta   -6)
+			*   OS X + Firefox (trackpad)  -    1   pixel delta  (wheelDelta  N/A)
+			*
+			* On other/older browsers.. it's more complicated as there can be multiple and
+			* also missing delta values.
+			*
+			* The 'wheel' event is more standard:
+			*
+			* http://www.w3.org/TR/DOM-Level-3-Events/#events-wheelevents
+			*
+			* The basics is that it includes a unit, deltaMode (pixels, lines, pages), and
+			* deltaX, deltaY and deltaZ.  Some browsers provide other values to maintain
+			* backward compatibility with older events.  Those other values help us
+			* better normalize spin speed.  Example of what the browsers provide:
+			*
+			*                          | event.wheelDelta | event.detail
+			*        ------------------+------------------+--------------
+			*          Safari v5/OS X  |       -120       |       0
+			*          Safari v5/Win7  |       -120       |       0
+			*         Chrome v17/OS X  |       -120       |       0
+			*         Chrome v17/Win7  |       -120       |       0
+			*                IE9/Win7  |       -120       |   undefined
+			*         Firefox v4/OS X  |     undefined    |       1
+			*         Firefox v4/Win7  |     undefined    |       3
+			*
+			*/
+			function normalizeWheel(event) {
+				var sX = 0, sY = 0, pX = 0, pY = 0;
+				if ("detail" in event) sY = event.detail;
+				if ("wheelDelta" in event) sY = -event.wheelDelta / 120;
+				if ("wheelDeltaY" in event) sY = -event.wheelDeltaY / 120;
+				if ("wheelDeltaX" in event) sX = -event.wheelDeltaX / 120;
+				if ("axis" in event && event.axis === event.HORIZONTAL_AXIS) {
+					sX = sY;
+					sY = 0;
+				}
+				pX = sX * PIXEL_STEP;
+				pY = sY * PIXEL_STEP;
+				if ("deltaY" in event) pY = event.deltaY;
+				if ("deltaX" in event) pX = event.deltaX;
+				if ((pX || pY) && event.deltaMode) {
+					if (event.deltaMode == 1) {
+						pX *= LINE_HEIGHT;
+						pY *= LINE_HEIGHT;
+					} else {
+						pX *= PAGE_HEIGHT;
+						pY *= PAGE_HEIGHT;
+					}
+				}
+				if (pX && !sX) sX = pX < 1 ? -1 : 1;
+				if (pY && !sY) sY = pY < 1 ? -1 : 1;
+				return {
+					spinX: sX,
+					spinY: sY,
+					pixelX: pX,
+					pixelY: pY
+				};
+			}
+			/**
+			* The best combination if you prefer spinX + spinY normalization.  It favors
+			* the older DOMMouseScroll for Firefox, as FF does not include wheelDelta with
+			* 'wheel' event, making spin speed determination impossible.
+			*/
+			normalizeWheel.getEventType = function() {
+				return UserAgent_DEPRECATED.firefox() ? "DOMMouseScroll" : isEventSupported("wheel") ? "wheel" : "mousewheel";
+			};
+			module.exports = normalizeWheel;
+		}));
+		//#endregion
+		//#region node_modules/.pnpm/normalize-wheel@1.0.1/node_modules/normalize-wheel/index.js
+		var require_normalize_wheel = /* @__PURE__ */ require_rolldown_runtime.__commonJSMin(((exports, module) => {
+			module.exports = require_normalizeWheel();
+		}));
+		//#endregion
+		//#region node_modules/.pnpm/react-easy-crop@5.5.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-easy-crop/index.module.mjs
+		var import_normalize_wheel = /* @__PURE__ */ require_rolldown_runtime.__toESM(require_normalize_wheel(), 1);
+		/**
+		* Compute the dimension of the crop area based on media size,
+		* aspect ratio and optionally rotation
+		*/
+		function getCropSize(mediaWidth, mediaHeight, containerWidth, containerHeight, aspect, rotation) {
+			if (rotation === void 0) rotation = 0;
+			var _a = rotateSize(mediaWidth, mediaHeight, rotation), width = _a.width, height = _a.height;
+			var fittingWidth = Math.min(width, containerWidth);
+			var fittingHeight = Math.min(height, containerHeight);
+			if (fittingWidth > fittingHeight * aspect) return {
+				width: fittingHeight * aspect,
+				height: fittingHeight
+			};
+			return {
+				width: fittingWidth,
+				height: fittingWidth / aspect
+			};
+		}
+		/**
+		* Compute media zoom.
+		* We fit the media into the container with "max-width: 100%; max-height: 100%;"
+		*/
+		function getMediaZoom(mediaSize) {
+			return mediaSize.width > mediaSize.height ? mediaSize.width / mediaSize.naturalWidth : mediaSize.height / mediaSize.naturalHeight;
+		}
+		/**
+		* Ensure a new media position stays in the crop area.
+		*/
+		function restrictPosition(position, mediaSize, cropSize, zoom, rotation) {
+			if (rotation === void 0) rotation = 0;
+			var _a = rotateSize(mediaSize.width, mediaSize.height, rotation), width = _a.width, height = _a.height;
+			return {
+				x: restrictPositionCoord(position.x, width, cropSize.width, zoom),
+				y: restrictPositionCoord(position.y, height, cropSize.height, zoom)
+			};
+		}
+		function restrictPositionCoord(position, mediaSize, cropSize, zoom) {
+			var maxPosition = mediaSize * zoom / 2 - cropSize / 2;
+			return clamp(position, -maxPosition, maxPosition);
+		}
+		function getDistanceBetweenPoints(pointA, pointB) {
+			return Math.sqrt(Math.pow(pointA.y - pointB.y, 2) + Math.pow(pointA.x - pointB.x, 2));
+		}
+		function getRotationBetweenPoints(pointA, pointB) {
+			return Math.atan2(pointB.y - pointA.y, pointB.x - pointA.x) * 180 / Math.PI;
+		}
+		/**
+		* Compute the output cropped area of the media in percentages and pixels.
+		* x/y are the top-left coordinates on the src media
+		*/
+		function computeCroppedArea(crop, mediaSize, cropSize, aspect, zoom, rotation, restrictPosition) {
+			if (rotation === void 0) rotation = 0;
+			if (restrictPosition === void 0) restrictPosition = true;
+			var limitAreaFn = restrictPosition ? limitArea : noOp;
+			var mediaBBoxSize = rotateSize(mediaSize.width, mediaSize.height, rotation);
+			var mediaNaturalBBoxSize = rotateSize(mediaSize.naturalWidth, mediaSize.naturalHeight, rotation);
+			var croppedAreaPercentages = {
+				x: limitAreaFn(100, ((mediaBBoxSize.width - cropSize.width / zoom) / 2 - crop.x / zoom) / mediaBBoxSize.width * 100),
+				y: limitAreaFn(100, ((mediaBBoxSize.height - cropSize.height / zoom) / 2 - crop.y / zoom) / mediaBBoxSize.height * 100),
+				width: limitAreaFn(100, cropSize.width / mediaBBoxSize.width * 100 / zoom),
+				height: limitAreaFn(100, cropSize.height / mediaBBoxSize.height * 100 / zoom)
+			};
+			var widthInPixels = Math.round(limitAreaFn(mediaNaturalBBoxSize.width, croppedAreaPercentages.width * mediaNaturalBBoxSize.width / 100));
+			var heightInPixels = Math.round(limitAreaFn(mediaNaturalBBoxSize.height, croppedAreaPercentages.height * mediaNaturalBBoxSize.height / 100));
+			var sizePixels = mediaNaturalBBoxSize.width >= mediaNaturalBBoxSize.height * aspect ? {
+				width: Math.round(heightInPixels * aspect),
+				height: heightInPixels
+			} : {
+				width: widthInPixels,
+				height: Math.round(widthInPixels / aspect)
+			};
+			return {
+				croppedAreaPercentages,
+				croppedAreaPixels: __assign(__assign({}, sizePixels), {
+					x: Math.round(limitAreaFn(mediaNaturalBBoxSize.width - sizePixels.width, croppedAreaPercentages.x * mediaNaturalBBoxSize.width / 100)),
+					y: Math.round(limitAreaFn(mediaNaturalBBoxSize.height - sizePixels.height, croppedAreaPercentages.y * mediaNaturalBBoxSize.height / 100))
+				})
+			};
+		}
+		/**
+		* Ensure the returned value is between 0 and max
+		*/
+		function limitArea(max, value) {
+			return Math.min(max, Math.max(0, value));
+		}
+		function noOp(_max, value) {
+			return value;
+		}
+		/**
+		* Compute crop and zoom from the croppedAreaPercentages.
+		*/
+		function getInitialCropFromCroppedAreaPercentages(croppedAreaPercentages, mediaSize, rotation, cropSize, minZoom, maxZoom) {
+			var mediaBBoxSize = rotateSize(mediaSize.width, mediaSize.height, rotation);
+			var zoom = clamp(cropSize.width / mediaBBoxSize.width * (100 / croppedAreaPercentages.width), minZoom, maxZoom);
+			return {
+				crop: {
+					x: zoom * mediaBBoxSize.width / 2 - cropSize.width / 2 - mediaBBoxSize.width * zoom * (croppedAreaPercentages.x / 100),
+					y: zoom * mediaBBoxSize.height / 2 - cropSize.height / 2 - mediaBBoxSize.height * zoom * (croppedAreaPercentages.y / 100)
+				},
+				zoom
+			};
+		}
+		/**
+		* Compute zoom from the croppedAreaPixels
+		*/
+		function getZoomFromCroppedAreaPixels(croppedAreaPixels, mediaSize, cropSize) {
+			var mediaZoom = getMediaZoom(mediaSize);
+			return cropSize.height > cropSize.width ? cropSize.height / (croppedAreaPixels.height * mediaZoom) : cropSize.width / (croppedAreaPixels.width * mediaZoom);
+		}
+		/**
+		* Compute crop and zoom from the croppedAreaPixels
+		*/
+		function getInitialCropFromCroppedAreaPixels(croppedAreaPixels, mediaSize, rotation, cropSize, minZoom, maxZoom) {
+			if (rotation === void 0) rotation = 0;
+			var mediaNaturalBBoxSize = rotateSize(mediaSize.naturalWidth, mediaSize.naturalHeight, rotation);
+			var zoom = clamp(getZoomFromCroppedAreaPixels(croppedAreaPixels, mediaSize, cropSize), minZoom, maxZoom);
+			var cropZoom = cropSize.height > cropSize.width ? cropSize.height / croppedAreaPixels.height : cropSize.width / croppedAreaPixels.width;
+			return {
+				crop: {
+					x: ((mediaNaturalBBoxSize.width - croppedAreaPixels.width) / 2 - croppedAreaPixels.x) * cropZoom,
+					y: ((mediaNaturalBBoxSize.height - croppedAreaPixels.height) / 2 - croppedAreaPixels.y) * cropZoom
+				},
+				zoom
+			};
+		}
+		/**
+		* Return the point that is the center of point a and b
+		*/
+		function getCenter(a, b) {
+			return {
+				x: (b.x + a.x) / 2,
+				y: (b.y + a.y) / 2
+			};
+		}
+		function getRadianAngle(degreeValue) {
+			return degreeValue * Math.PI / 180;
+		}
+		/**
+		* Returns the new bounding area of a rotated rectangle.
+		*/
+		function rotateSize(width, height, rotation) {
+			var rotRad = getRadianAngle(rotation);
+			return {
+				width: Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height),
+				height: Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height)
+			};
+		}
+		/**
+		* Clamp value between min and max
+		*/
+		function clamp(value, min, max) {
+			return Math.min(Math.max(value, min), max);
+		}
+		/**
+		* Combine multiple class names into a single string.
+		*/
+		function classNames() {
+			var args = [];
+			for (var _i = 0; _i < arguments.length; _i++) args[_i] = arguments[_i];
+			return args.filter(function(value) {
+				if (typeof value === "string" && value.length > 0) return true;
+				return false;
+			}).join(" ").trim();
+		}
+		var css_248z = ".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n  cursor: move;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n  will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.reactEasyCrop_Cover_Horizontal {\n  width: 100%;\n  height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n  width: auto;\n  height: 100%;\n}\n\n.reactEasyCrop_CropArea {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  box-sizing: border-box;\n  box-shadow: 0 0 0 9999em;\n  color: rgba(0, 0, 0, 0.5);\n  overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n  border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n  content: ' ';\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  top: 0;\n  bottom: 0;\n  left: 33.33%;\n  right: 33.33%;\n  border-top: 0;\n  border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n  content: ' ';\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  top: 33.33%;\n  bottom: 33.33%;\n  left: 0;\n  right: 0;\n  border-left: 0;\n  border-right: 0;\n}\n";
+		var MIN_ZOOM = 1;
+		var MAX_ZOOM = 3;
+		var KEYBOARD_STEP = 1;
+		//#endregion
+		//#region src/client/avatar/portrait-editor.ts
+		const Cropper = function(_super) {
+			__extends(Cropper, _super);
+			function Cropper() {
+				var _this = _super !== null && _super.apply(this, arguments) || this;
+				_this.cropperRef = react.createRef();
+				_this.imageRef = react.createRef();
+				_this.videoRef = react.createRef();
+				_this.containerPosition = {
+					x: 0,
+					y: 0
+				};
+				_this.containerRef = null;
+				_this.styleRef = null;
+				_this.containerRect = null;
+				_this.mediaSize = {
+					width: 0,
+					height: 0,
+					naturalWidth: 0,
+					naturalHeight: 0
+				};
+				_this.dragStartPosition = {
+					x: 0,
+					y: 0
+				};
+				_this.dragStartCrop = {
+					x: 0,
+					y: 0
+				};
+				_this.gestureZoomStart = 0;
+				_this.gestureRotationStart = 0;
+				_this.isTouching = false;
+				_this.lastPinchDistance = 0;
+				_this.lastPinchRotation = 0;
+				_this.rafDragTimeout = null;
+				_this.rafPinchTimeout = null;
+				_this.wheelTimer = null;
+				_this.currentDoc = typeof document !== "undefined" ? document : null;
+				_this.currentWindow = typeof window !== "undefined" ? window : null;
+				_this.resizeObserver = null;
+				_this.previousCropSize = null;
+				_this.isInitialized = false;
+				_this.state = {
+					cropSize: null,
+					hasWheelJustStarted: false,
+					mediaObjectFit: void 0
+				};
+				_this.initResizeObserver = function() {
+					if (typeof window.ResizeObserver === "undefined" || !_this.containerRef) return;
+					var isFirstResize = true;
+					_this.resizeObserver = new window.ResizeObserver(function(entries) {
+						if (isFirstResize) {
+							isFirstResize = false;
+							return;
+						}
+						_this.computeSizes();
+					});
+					_this.resizeObserver.observe(_this.containerRef);
+				};
+				_this.preventZoomSafari = function(e) {
+					return e.preventDefault();
+				};
+				_this.cleanEvents = function() {
+					if (!_this.currentDoc) return;
+					_this.currentDoc.removeEventListener("mousemove", _this.onMouseMove);
+					_this.currentDoc.removeEventListener("mouseup", _this.onDragStopped);
+					_this.currentDoc.removeEventListener("touchmove", _this.onTouchMove);
+					_this.currentDoc.removeEventListener("touchend", _this.onDragStopped);
+					_this.currentDoc.removeEventListener("gesturechange", _this.onGestureChange);
+					_this.currentDoc.removeEventListener("gestureend", _this.onGestureEnd);
+					_this.currentDoc.removeEventListener("scroll", _this.onScroll);
+				};
+				_this.clearScrollEvent = function() {
+					if (_this.containerRef) _this.containerRef.removeEventListener("wheel", _this.onWheel);
+					if (_this.wheelTimer) clearTimeout(_this.wheelTimer);
+				};
+				_this.onMediaLoad = function() {
+					var cropSize = _this.computeSizes();
+					if (cropSize) {
+						_this.previousCropSize = cropSize;
+						_this.emitCropData();
+						_this.setInitialCrop(cropSize);
+						_this.isInitialized = true;
+					}
+					if (_this.props.onMediaLoaded) _this.props.onMediaLoaded(_this.mediaSize);
+				};
+				_this.setInitialCrop = function(cropSize) {
+					if (_this.props.initialCroppedAreaPercentages) {
+						var _a = getInitialCropFromCroppedAreaPercentages(_this.props.initialCroppedAreaPercentages, _this.mediaSize, _this.props.rotation, cropSize, _this.props.minZoom, _this.props.maxZoom), crop = _a.crop, zoom = _a.zoom;
+						_this.props.onCropChange(crop);
+						_this.props.onZoomChange && _this.props.onZoomChange(zoom);
+					} else if (_this.props.initialCroppedAreaPixels) {
+						var _b = getInitialCropFromCroppedAreaPixels(_this.props.initialCroppedAreaPixels, _this.mediaSize, _this.props.rotation, cropSize, _this.props.minZoom, _this.props.maxZoom), crop = _b.crop, zoom = _b.zoom;
+						_this.props.onCropChange(crop);
+						_this.props.onZoomChange && _this.props.onZoomChange(zoom);
+					}
+				};
+				_this.computeSizes = function() {
+					var _a, _b, _c, _d, _e, _f;
+					var mediaRef = _this.imageRef.current || _this.videoRef.current;
+					if (mediaRef && _this.containerRef) {
+						_this.containerRect = _this.containerRef.getBoundingClientRect();
+						_this.saveContainerPosition();
+						var containerAspect = _this.containerRect.width / _this.containerRect.height;
+						var naturalWidth = ((_a = _this.imageRef.current) === null || _a === void 0 ? void 0 : _a.naturalWidth) || ((_b = _this.videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) || 0;
+						var naturalHeight = ((_c = _this.imageRef.current) === null || _c === void 0 ? void 0 : _c.naturalHeight) || ((_d = _this.videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) || 0;
+						var isMediaScaledDown = mediaRef.offsetWidth < naturalWidth || mediaRef.offsetHeight < naturalHeight;
+						var mediaAspect = naturalWidth / naturalHeight;
+						var renderedMediaSize = void 0;
+						if (isMediaScaledDown) switch (_this.state.mediaObjectFit) {
+							default:
+							case "contain":
+								renderedMediaSize = containerAspect > mediaAspect ? {
+									width: _this.containerRect.height * mediaAspect,
+									height: _this.containerRect.height
+								} : {
+									width: _this.containerRect.width,
+									height: _this.containerRect.width / mediaAspect
+								};
+								break;
+							case "horizontal-cover":
+								renderedMediaSize = {
+									width: _this.containerRect.width,
+									height: _this.containerRect.width / mediaAspect
+								};
+								break;
+							case "vertical-cover": renderedMediaSize = {
+								width: _this.containerRect.height * mediaAspect,
+								height: _this.containerRect.height
+							};
+						}
+						else renderedMediaSize = {
+							width: mediaRef.offsetWidth,
+							height: mediaRef.offsetHeight
+						};
+						_this.mediaSize = __assign(__assign({}, renderedMediaSize), {
+							naturalWidth,
+							naturalHeight
+						});
+						if (_this.props.setMediaSize) _this.props.setMediaSize(_this.mediaSize);
+						var cropSize = _this.props.cropSize ? _this.props.cropSize : getCropSize(_this.mediaSize.width, _this.mediaSize.height, _this.containerRect.width, _this.containerRect.height, _this.props.aspect, _this.props.rotation);
+						if (((_e = _this.state.cropSize) === null || _e === void 0 ? void 0 : _e.height) !== cropSize.height || ((_f = _this.state.cropSize) === null || _f === void 0 ? void 0 : _f.width) !== cropSize.width) _this.props.onCropSizeChange && _this.props.onCropSizeChange(cropSize);
+						_this.setState({ cropSize }, _this.recomputeCropPosition);
+						if (_this.props.setCropSize) _this.props.setCropSize(cropSize);
+						return cropSize;
+					}
+				};
+				_this.saveContainerPosition = function() {
+					if (_this.containerRef) {
+						var bounds = _this.containerRef.getBoundingClientRect();
+						_this.containerPosition = {
+							x: bounds.left,
+							y: bounds.top
+						};
+					}
+				};
+				_this.onMouseDown = function(e) {
+					if (!_this.currentDoc) return;
+					e.preventDefault();
+					_this.currentDoc.addEventListener("mousemove", _this.onMouseMove);
+					_this.currentDoc.addEventListener("mouseup", _this.onDragStopped);
+					_this.saveContainerPosition();
+					_this.onDragStart(Cropper.getMousePoint(e));
+				};
+				_this.onMouseMove = function(e) {
+					return _this.onDrag(Cropper.getMousePoint(e));
+				};
+				_this.onScroll = function(e) {
+					if (!_this.currentDoc) return;
+					e.preventDefault();
+					_this.saveContainerPosition();
+				};
+				_this.onTouchStart = function(e) {
+					if (!_this.currentDoc) return;
+					_this.isTouching = true;
+					if (_this.props.onTouchRequest && !_this.props.onTouchRequest(e)) return;
+					_this.currentDoc.addEventListener("touchmove", _this.onTouchMove, { passive: false });
+					_this.currentDoc.addEventListener("touchend", _this.onDragStopped);
+					_this.saveContainerPosition();
+					if (e.touches.length === 2) _this.onPinchStart(e);
+					else if (e.touches.length === 1) _this.onDragStart(Cropper.getTouchPoint(e.touches[0]));
+				};
+				_this.onTouchMove = function(e) {
+					e.preventDefault();
+					if (e.touches.length === 2) _this.onPinchMove(e);
+					else if (e.touches.length === 1) _this.onDrag(Cropper.getTouchPoint(e.touches[0]));
+				};
+				_this.onGestureStart = function(e) {
+					if (!_this.currentDoc) return;
+					e.preventDefault();
+					_this.currentDoc.addEventListener("gesturechange", _this.onGestureChange);
+					_this.currentDoc.addEventListener("gestureend", _this.onGestureEnd);
+					_this.gestureZoomStart = _this.props.zoom;
+					_this.gestureRotationStart = _this.props.rotation;
+				};
+				_this.onGestureChange = function(e) {
+					e.preventDefault();
+					if (_this.isTouching) return;
+					var point = Cropper.getMousePoint(e);
+					var newZoom = _this.gestureZoomStart - 1 + e.scale;
+					_this.setNewZoom(newZoom, point, { shouldUpdatePosition: true });
+					if (_this.props.onRotationChange) {
+						var newRotation = _this.gestureRotationStart + e.rotation;
+						_this.props.onRotationChange(newRotation);
+					}
+				};
+				_this.onGestureEnd = function(e) {
+					_this.cleanEvents();
+				};
+				_this.onDragStart = function(_a) {
+					var _b, _c;
+					_this.dragStartPosition = {
+						x: _a.x,
+						y: _a.y
+					};
+					_this.dragStartCrop = __assign({}, _this.props.crop);
+					(_c = (_b = _this.props).onInteractionStart) === null || _c === void 0 || _c.call(_b);
+				};
+				_this.onDrag = function(_a) {
+					var x = _a.x, y = _a.y;
+					if (!_this.currentWindow) return;
+					if (_this.rafDragTimeout) _this.currentWindow.cancelAnimationFrame(_this.rafDragTimeout);
+					_this.rafDragTimeout = _this.currentWindow.requestAnimationFrame(function() {
+						if (!_this.state.cropSize) return;
+						if (x === void 0 || y === void 0) return;
+						var offsetX = x - _this.dragStartPosition.x;
+						var offsetY = y - _this.dragStartPosition.y;
+						var requestedPosition = {
+							x: _this.dragStartCrop.x + offsetX,
+							y: _this.dragStartCrop.y + offsetY
+						};
+						var newPosition = _this.props.restrictPosition ? restrictPosition(requestedPosition, _this.mediaSize, _this.state.cropSize, _this.props.zoom, _this.props.rotation) : requestedPosition;
+						_this.props.onCropChange(newPosition);
+					});
+				};
+				_this.onDragStopped = function() {
+					var _a, _b;
+					_this.isTouching = false;
+					_this.cleanEvents();
+					_this.emitCropData();
+					(_b = (_a = _this.props).onInteractionEnd) === null || _b === void 0 || _b.call(_a);
+				};
+				_this.onWheel = function(e) {
+					if (!_this.currentWindow) return;
+					if (_this.props.onWheelRequest && !_this.props.onWheelRequest(e)) return;
+					e.preventDefault();
+					var point = Cropper.getMousePoint(e);
+					var pixelY = (0, import_normalize_wheel.default)(e).pixelY;
+					var newZoom = _this.props.zoom - pixelY * _this.props.zoomSpeed / 200;
+					_this.setNewZoom(newZoom, point, { shouldUpdatePosition: true });
+					if (!_this.state.hasWheelJustStarted) _this.setState({ hasWheelJustStarted: true }, function() {
+						var _a, _b;
+						return (_b = (_a = _this.props).onInteractionStart) === null || _b === void 0 ? void 0 : _b.call(_a);
+					});
+					if (_this.wheelTimer) clearTimeout(_this.wheelTimer);
+					_this.wheelTimer = _this.currentWindow.setTimeout(function() {
+						return _this.setState({ hasWheelJustStarted: false }, function() {
+							var _a, _b;
+							return (_b = (_a = _this.props).onInteractionEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
+						});
+					}, 250);
+				};
+				_this.getPointOnContainer = function(_a, containerTopLeft) {
+					var x = _a.x, y = _a.y;
+					if (!_this.containerRect) throw new Error("The Cropper is not mounted");
+					return {
+						x: _this.containerRect.width / 2 - (x - containerTopLeft.x),
+						y: _this.containerRect.height / 2 - (y - containerTopLeft.y)
+					};
+				};
+				_this.getPointOnMedia = function(_a) {
+					var x = _a.x, y = _a.y;
+					var _b = _this.props, crop = _b.crop, zoom = _b.zoom;
+					return {
+						x: (x + crop.x) / zoom,
+						y: (y + crop.y) / zoom
+					};
+				};
+				_this.setNewZoom = function(zoom, point, _a) {
+					var _c = (_a === void 0 ? {} : _a).shouldUpdatePosition, shouldUpdatePosition = _c === void 0 ? true : _c;
+					if (!_this.state.cropSize || !_this.props.onZoomChange) return;
+					var newZoom = clamp(zoom, _this.props.minZoom, _this.props.maxZoom);
+					if (shouldUpdatePosition) {
+						var zoomPoint = _this.getPointOnContainer(point, _this.containerPosition);
+						var zoomTarget = _this.getPointOnMedia(zoomPoint);
+						var requestedPosition = {
+							x: zoomTarget.x * newZoom - zoomPoint.x,
+							y: zoomTarget.y * newZoom - zoomPoint.y
+						};
+						var newPosition = _this.props.restrictPosition ? restrictPosition(requestedPosition, _this.mediaSize, _this.state.cropSize, newZoom, _this.props.rotation) : requestedPosition;
+						_this.props.onCropChange(newPosition);
+					}
+					_this.props.onZoomChange(newZoom);
+				};
+				_this.getCropData = function() {
+					if (!_this.state.cropSize) return null;
+					return computeCroppedArea(_this.props.restrictPosition ? restrictPosition(_this.props.crop, _this.mediaSize, _this.state.cropSize, _this.props.zoom, _this.props.rotation) : _this.props.crop, _this.mediaSize, _this.state.cropSize, _this.getAspect(), _this.props.zoom, _this.props.rotation, _this.props.restrictPosition);
+				};
+				_this.emitCropData = function() {
+					var cropData = _this.getCropData();
+					if (!cropData) return;
+					var croppedAreaPercentages = cropData.croppedAreaPercentages, croppedAreaPixels = cropData.croppedAreaPixels;
+					if (_this.props.onCropComplete) _this.props.onCropComplete(croppedAreaPercentages, croppedAreaPixels);
+					if (_this.props.onCropAreaChange) _this.props.onCropAreaChange(croppedAreaPercentages, croppedAreaPixels);
+				};
+				_this.emitCropAreaChange = function() {
+					var cropData = _this.getCropData();
+					if (!cropData) return;
+					var croppedAreaPercentages = cropData.croppedAreaPercentages, croppedAreaPixels = cropData.croppedAreaPixels;
+					if (_this.props.onCropAreaChange) _this.props.onCropAreaChange(croppedAreaPercentages, croppedAreaPixels);
+				};
+				_this.recomputeCropPosition = function() {
+					var _a, _b;
+					if (!_this.state.cropSize) return;
+					var adjustedCrop = _this.props.crop;
+					if (_this.isInitialized && ((_a = _this.previousCropSize) === null || _a === void 0 ? void 0 : _a.width) && ((_b = _this.previousCropSize) === null || _b === void 0 ? void 0 : _b.height)) {
+						if (Math.abs(_this.previousCropSize.width - _this.state.cropSize.width) > 1e-6 || Math.abs(_this.previousCropSize.height - _this.state.cropSize.height) > 1e-6) {
+							var scaleX = _this.state.cropSize.width / _this.previousCropSize.width;
+							var scaleY = _this.state.cropSize.height / _this.previousCropSize.height;
+							adjustedCrop = {
+								x: _this.props.crop.x * scaleX,
+								y: _this.props.crop.y * scaleY
+							};
+						}
+					}
+					var newPosition = _this.props.restrictPosition ? restrictPosition(adjustedCrop, _this.mediaSize, _this.state.cropSize, _this.props.zoom, _this.props.rotation) : adjustedCrop;
+					_this.previousCropSize = _this.state.cropSize;
+					_this.props.onCropChange(newPosition);
+					_this.emitCropData();
+				};
+				_this.onKeyDown = function(event) {
+					var _a, _b;
+					var _c = _this.props, crop = _c.crop, onCropChange = _c.onCropChange, keyboardStep = _c.keyboardStep, zoom = _c.zoom, rotation = _c.rotation;
+					var step = keyboardStep;
+					if (!_this.state.cropSize) return;
+					if (event.shiftKey) step *= .2;
+					var newCrop = __assign({}, crop);
+					switch (event.key) {
+						case "ArrowUp":
+							newCrop.y -= step;
+							event.preventDefault();
+							break;
+						case "ArrowDown":
+							newCrop.y += step;
+							event.preventDefault();
+							break;
+						case "ArrowLeft":
+							newCrop.x -= step;
+							event.preventDefault();
+							break;
+						case "ArrowRight":
+							newCrop.x += step;
+							event.preventDefault();
+							break;
+						default: return;
+					}
+					if (_this.props.restrictPosition) newCrop = restrictPosition(newCrop, _this.mediaSize, _this.state.cropSize, zoom, rotation);
+					if (!event.repeat) (_b = (_a = _this.props).onInteractionStart) === null || _b === void 0 || _b.call(_a);
+					onCropChange(newCrop);
+				};
+				_this.onKeyUp = function(event) {
+					var _a, _b;
+					switch (event.key) {
+						case "ArrowUp":
+						case "ArrowDown":
+						case "ArrowLeft":
+						case "ArrowRight":
+							event.preventDefault();
+							break;
+						default: return;
+					}
+					_this.emitCropData();
+					(_b = (_a = _this.props).onInteractionEnd) === null || _b === void 0 || _b.call(_a);
+				};
+				return _this;
+			}
+			Cropper.prototype.componentDidMount = function() {
+				if (!this.currentDoc || !this.currentWindow) return;
+				if (this.containerRef) {
+					if (this.containerRef.ownerDocument) this.currentDoc = this.containerRef.ownerDocument;
+					if (this.currentDoc.defaultView) this.currentWindow = this.currentDoc.defaultView;
+					this.initResizeObserver();
+					if (typeof window.ResizeObserver === "undefined") this.currentWindow.addEventListener("resize", this.computeSizes);
+					this.props.zoomWithScroll && this.containerRef.addEventListener("wheel", this.onWheel, { passive: false });
+					this.containerRef.addEventListener("gesturestart", this.onGestureStart);
+				}
+				this.currentDoc.addEventListener("scroll", this.onScroll);
+				if (!this.props.disableAutomaticStylesInjection) {
+					this.styleRef = this.currentDoc.createElement("style");
+					this.styleRef.setAttribute("type", "text/css");
+					if (this.props.nonce) this.styleRef.setAttribute("nonce", this.props.nonce);
+					this.styleRef.innerHTML = css_248z;
+					this.currentDoc.head.appendChild(this.styleRef);
+				}
+				if (this.imageRef.current && this.imageRef.current.complete) this.onMediaLoad();
+				if (this.props.setImageRef) this.props.setImageRef(this.imageRef);
+				if (this.props.setVideoRef) this.props.setVideoRef(this.videoRef);
+				if (this.props.setCropperRef) this.props.setCropperRef(this.cropperRef);
+			};
+			Cropper.prototype.componentWillUnmount = function() {
+				var _a, _b;
+				if (!this.currentDoc || !this.currentWindow) return;
+				if (typeof window.ResizeObserver === "undefined") this.currentWindow.removeEventListener("resize", this.computeSizes);
+				(_a = this.resizeObserver) === null || _a === void 0 || _a.disconnect();
+				if (this.containerRef) this.containerRef.removeEventListener("gesturestart", this.preventZoomSafari);
+				if (this.styleRef) (_b = this.styleRef.parentNode) === null || _b === void 0 || _b.removeChild(this.styleRef);
+				this.cleanEvents();
+				this.props.zoomWithScroll && this.clearScrollEvent();
+			};
+			Cropper.prototype.componentDidUpdate = function(prevProps) {
+				var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+				if (prevProps.rotation !== this.props.rotation) {
+					this.computeSizes();
+					this.recomputeCropPosition();
+				} else if (prevProps.aspect !== this.props.aspect) this.computeSizes();
+				else if (prevProps.objectFit !== this.props.objectFit) this.computeSizes();
+				else if (prevProps.zoom !== this.props.zoom) this.recomputeCropPosition();
+				else if (((_a = prevProps.cropSize) === null || _a === void 0 ? void 0 : _a.height) !== ((_b = this.props.cropSize) === null || _b === void 0 ? void 0 : _b.height) || ((_c = prevProps.cropSize) === null || _c === void 0 ? void 0 : _c.width) !== ((_d = this.props.cropSize) === null || _d === void 0 ? void 0 : _d.width)) this.computeSizes();
+				else if (((_e = prevProps.crop) === null || _e === void 0 ? void 0 : _e.x) !== ((_f = this.props.crop) === null || _f === void 0 ? void 0 : _f.x) || ((_g = prevProps.crop) === null || _g === void 0 ? void 0 : _g.y) !== ((_h = this.props.crop) === null || _h === void 0 ? void 0 : _h.y)) this.emitCropAreaChange();
+				if (prevProps.zoomWithScroll !== this.props.zoomWithScroll && this.containerRef) this.props.zoomWithScroll ? this.containerRef.addEventListener("wheel", this.onWheel, { passive: false }) : this.clearScrollEvent();
+				if (prevProps.video !== this.props.video) (_j = this.videoRef.current) === null || _j === void 0 || _j.load();
+				var objectFit = this.getObjectFit();
+				if (objectFit !== this.state.mediaObjectFit) this.setState({ mediaObjectFit: objectFit }, this.computeSizes);
+			};
+			Cropper.prototype.getAspect = function() {
+				var _a = this.props, cropSize = _a.cropSize, aspect = _a.aspect;
+				if (cropSize) return cropSize.width / cropSize.height;
+				return aspect;
+			};
+			Cropper.prototype.getObjectFit = function() {
+				var _a, _b, _c, _d;
+				if (this.props.objectFit === "cover") {
+					if ((this.imageRef.current || this.videoRef.current) && this.containerRef) {
+						this.containerRect = this.containerRef.getBoundingClientRect();
+						var containerAspect = this.containerRect.width / this.containerRect.height;
+						return (((_a = this.imageRef.current) === null || _a === void 0 ? void 0 : _a.naturalWidth) || ((_b = this.videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) || 0) / (((_c = this.imageRef.current) === null || _c === void 0 ? void 0 : _c.naturalHeight) || ((_d = this.videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) || 0) < containerAspect ? "horizontal-cover" : "vertical-cover";
+					}
+					return "horizontal-cover";
+				}
+				return this.props.objectFit;
+			};
+			Cropper.prototype.onPinchStart = function(e) {
+				var pointA = Cropper.getTouchPoint(e.touches[0]);
+				var pointB = Cropper.getTouchPoint(e.touches[1]);
+				this.lastPinchDistance = getDistanceBetweenPoints(pointA, pointB);
+				this.lastPinchRotation = getRotationBetweenPoints(pointA, pointB);
+				this.onDragStart(getCenter(pointA, pointB));
+			};
+			Cropper.prototype.onPinchMove = function(e) {
+				var _this = this;
+				if (!this.currentDoc || !this.currentWindow) return;
+				var pointA = Cropper.getTouchPoint(e.touches[0]);
+				var pointB = Cropper.getTouchPoint(e.touches[1]);
+				var center = getCenter(pointA, pointB);
+				this.onDrag(center);
+				if (this.rafPinchTimeout) this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout);
+				this.rafPinchTimeout = this.currentWindow.requestAnimationFrame(function() {
+					var distance = getDistanceBetweenPoints(pointA, pointB);
+					var newZoom = _this.props.zoom * (distance / _this.lastPinchDistance);
+					_this.setNewZoom(newZoom, center, { shouldUpdatePosition: false });
+					_this.lastPinchDistance = distance;
+					var rotation = getRotationBetweenPoints(pointA, pointB);
+					var newRotation = _this.props.rotation + (rotation - _this.lastPinchRotation);
+					_this.props.onRotationChange && _this.props.onRotationChange(newRotation);
+					_this.lastPinchRotation = rotation;
+				});
+			};
+			Cropper.prototype.render = function() {
+				var _this = this;
+				var _a;
+				var _b = this.props, image = _b.image, video = _b.video, mediaProps = _b.mediaProps, cropperProps = _b.cropperProps, transform = _b.transform, _c = _b.crop, x = _c.x, y = _c.y, rotation = _b.rotation, zoom = _b.zoom, cropShape = _b.cropShape, showGrid = _b.showGrid, roundCropAreaPixels = _b.roundCropAreaPixels, _d = _b.style, containerStyle = _d.containerStyle, cropAreaStyle = _d.cropAreaStyle, mediaStyle = _d.mediaStyle, _e = _b.classes, containerClassName = _e.containerClassName, cropAreaClassName = _e.cropAreaClassName, mediaClassName = _e.mediaClassName;
+				var objectFit = (_a = this.state.mediaObjectFit) !== null && _a !== void 0 ? _a : this.getObjectFit();
+				return react.createElement("div", {
+					onMouseDown: this.onMouseDown,
+					onTouchStart: this.onTouchStart,
+					ref: function ref(el) {
+						return _this.containerRef = el;
+					},
+					"data-testid": "container",
+					style: containerStyle,
+					className: classNames("reactEasyCrop_Container", containerClassName)
+				}, image ? react.createElement("img", __assign({
+					alt: "",
+					className: classNames("reactEasyCrop_Image", objectFit === "contain" && "reactEasyCrop_Contain", objectFit === "horizontal-cover" && "reactEasyCrop_Cover_Horizontal", objectFit === "vertical-cover" && "reactEasyCrop_Cover_Vertical", mediaClassName)
+				}, mediaProps, {
+					src: image,
+					ref: this.imageRef,
+					style: __assign(__assign({}, mediaStyle), { transform: transform || "translate(".concat(x, "px, ").concat(y, "px) rotate(").concat(rotation, "deg) scale(").concat(zoom, ")") }),
+					onLoad: this.onMediaLoad
+				})) : video && react.createElement("video", __assign({
+					autoPlay: true,
+					playsInline: true,
+					loop: true,
+					muted: true,
+					className: classNames("reactEasyCrop_Video", objectFit === "contain" && "reactEasyCrop_Contain", objectFit === "horizontal-cover" && "reactEasyCrop_Cover_Horizontal", objectFit === "vertical-cover" && "reactEasyCrop_Cover_Vertical", mediaClassName)
+				}, mediaProps, {
+					ref: this.videoRef,
+					onLoadedMetadata: this.onMediaLoad,
+					style: __assign(__assign({}, mediaStyle), { transform: transform || "translate(".concat(x, "px, ").concat(y, "px) rotate(").concat(rotation, "deg) scale(").concat(zoom, ")") }),
+					controls: false
+				}), (Array.isArray(video) ? video : [{ src: video }]).map(function(item) {
+					return react.createElement("source", __assign({ key: item.src }, item));
+				})), this.state.cropSize && react.createElement("div", __assign({
+					ref: this.cropperRef,
+					style: __assign(__assign({}, cropAreaStyle), {
+						width: roundCropAreaPixels ? Math.round(this.state.cropSize.width) : this.state.cropSize.width,
+						height: roundCropAreaPixels ? Math.round(this.state.cropSize.height) : this.state.cropSize.height
+					}),
+					tabIndex: 0,
+					onKeyDown: this.onKeyDown,
+					onKeyUp: this.onKeyUp,
+					"data-testid": "cropper",
+					className: classNames("reactEasyCrop_CropArea", cropShape === "round" && "reactEasyCrop_CropAreaRound", showGrid && "reactEasyCrop_CropAreaGrid", cropAreaClassName)
+				}, cropperProps)));
+			};
+			Cropper.defaultProps = {
+				zoom: 1,
+				rotation: 0,
+				aspect: 4 / 3,
+				maxZoom: MAX_ZOOM,
+				minZoom: MIN_ZOOM,
+				cropShape: "rect",
+				objectFit: "contain",
+				showGrid: true,
+				style: {},
+				classes: {},
+				mediaProps: {},
+				cropperProps: {},
+				zoomSpeed: 1,
+				restrictPosition: true,
+				zoomWithScroll: true,
+				keyboardStep: KEYBOARD_STEP
+			};
+			Cropper.getMousePoint = function(e) {
+				return {
+					x: Number(e.clientX),
+					y: Number(e.clientY)
+				};
+			};
+			Cropper.getTouchPoint = function(touch) {
+				return {
+					x: Number(touch.clientX),
+					y: Number(touch.clientY)
+				};
+			};
+			return Cropper;
+		}(react.Component);
+		/** 与名称同一行的头像设置；资源或渲染器变化时销毁未确认的裁剪会话。 */
+		function AssistantAvatarPortraitEditor(props) {
+			const registry = require_manager.getAssistantAvatarRegistry(props.services), id = require_manager.resolveAssistantAvatarAsset(props.model, "dialog").renderer;
+			const read = (0, react.useCallback)(() => registry.get(id), [registry, id]);
+			const renderer = (0, react.useSyncExternalStore)(registry.subscribe, read, read);
+			return (0, react.createElement)(PortraitEditorContent, {
+				...props,
+				renderer,
+				key: require_manager.assistantAvatarPortraitKey(props.model, renderer)
+			});
+		}
+		function PortraitEditorContent({ services, model, renderer, disabled, t }) {
+			const service = require_manager.getAssistantAvatarPortraitService(services);
+			const [open, setOpen] = (0, react.useState)(false), [pending, setPending] = (0, react.useState)(false), [error, setError] = (0, react.useState)("");
+			const [source, setSource] = (0, react.useState)();
+			const [area, setArea] = (0, react.useState)(), [crop, setCrop] = (0, react.useState)({
+				x: 0,
+				y: 0
+			}), [zoom, setZoom] = (0, react.useState)(1);
+			const [percentages, setPercentages] = (0, react.useState)();
+			const session = (0, react.useRef)();
+			const release = (0, react.useCallback)(() => {
+				session.current?.controller.abort();
+				if (session.current?.url !== void 0) URL.revokeObjectURL(session.current.url);
+				session.current = void 0;
+			}, []);
+			const close = (0, react.useCallback)(() => {
+				release();
+				setOpen(false);
+				setSource(void 0);
+				setArea(void 0);
+				setPercentages(void 0);
+				setPending(false);
+				setError("");
+			}, [release]);
+			(0, react.useEffect)(() => release, [release]);
+			(0, react.useEffect)(() => {
+				if (disabled) close();
+			}, [disabled, close]);
+			const edit = async () => {
+				if (disabled || pending) return;
+				close();
+				setOpen(true);
+				setPending(true);
+				setCrop({
+					x: 0,
+					y: 0
+				});
+				setZoom(1);
+				const active = { controller: new AbortController() };
+				session.current = active;
+				try {
+					const preview = await service.getSource(model, renderer, active.controller.signal);
+					if (preview === void 0) throw new Error("avatar_portrait_source_unavailable");
+					const initial = preview.cropAreaPercentages ?? await require_manager.initialAssistantAvatarPortraitArea(preview, active.controller.signal);
+					if (active.controller.signal.aborted || session.current !== active) return;
+					active.url = URL.createObjectURL(preview.blob);
+					setSource({
+						preview,
+						url: active.url,
+						...initial === void 0 ? {} : { initial }
+					});
+				} catch {
+					if (!active.controller.signal.aborted) setError(t("avatar.portraitSourceFailed"));
+				} finally {
+					if (session.current === active) setPending(false);
+				}
+			};
+			const save = async () => {
+				const active = session.current;
+				if (disabled || pending || source === void 0 || area === void 0 || active === void 0) return;
+				setPending(true);
+				setError("");
+				try {
+					const preview = await require_manager.cropAssistantAvatarPortrait(source.preview, area, active.controller.signal);
+					if (preview === void 0) throw new Error("avatar_portrait_crop_failed");
+					await service.setPortrait(model, renderer, {
+						...preview,
+						...percentages === void 0 ? {} : { cropAreaPercentages: percentages }
+					}, active.controller.signal);
+					if (session.current === active) close();
+				} catch {
+					if (!active.controller.signal.aborted) setError(t("avatar.portraitSaveFailed"));
+				} finally {
+					if (session.current === active) setPending(false);
+				}
+			};
+			const changedArea = (0, react.useCallback)((percent, pixels) => {
+				setArea(pixels);
+				setPercentages(percent);
+			}, []);
+			const locked = disabled || pending && source !== void 0;
+			return (0, react.createElement)("div", {
+				"data-codingns-portrait-settings": model.id,
+				style: {
+					...require_assistant_workbench.assistantSettingTextStyle,
+					display: "contents"
+				}
+			}, (0, react.createElement)("div", {
+				"data-codingns-portrait-controls": true,
+				style: {
+					display: "grid",
+					gap: 6,
+					minWidth: 0
+				}
+			}, (0, react.createElement)("span", null, t("avatar.portraitTitle")), (0, react.createElement)("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				flexWrap: "wrap",
+				gap: 12
+			} }, (0, react.createElement)(require_manager.AssistantAvatarPortrait, {
+				services,
+				model,
+				size: 44
+			}), (0, react.createElement)("button", {
+				type: "button",
+				disabled: disabled || pending,
+				"aria-expanded": open,
+				"data-codingns-portrait-edit": true,
+				style: require_theme.dshSettingsButtonStyle,
+				onClick: () => {
+					edit();
+				}
+			}, t("avatar.portraitEdit")))), (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0,
+				gridColumn: "1 / -1"
+			} }, t(services.configurationDraft ? "avatar.portraitDraftHint" : "avatar.portraitLocalHint")), !open ? null : (0, react.createElement)("div", {
+				"data-codingns-portrait-editor": true,
+				"aria-busy": pending,
+				style: {
+					display: "grid",
+					gap: 12,
+					padding: 12,
+					gridColumn: "1 / -1",
+					border: `1px solid ${require_theme.dshThemeColor.border}`,
+					borderRadius: 10,
+					minWidth: 0
+				}
+			}, source === void 0 ? null : (0, react.createElement)("div", {
+				"data-codingns-portrait-cropper": true,
+				style: {
+					position: "relative",
+					height: 270,
+					width: "100%",
+					minWidth: 0,
+					overflow: "hidden",
+					borderRadius: 8,
+					background: require_theme.dshThemeColor.surfaceSubtle,
+					pointerEvents: locked ? "none" : "auto"
+				}
+			}, (0, react.createElement)(Cropper, {
+				image: source.url,
+				crop,
+				zoom,
+				aspect: 1,
+				cropShape: "round",
+				showGrid: false,
+				minZoom: 1,
+				maxZoom: 8,
+				zoomWithScroll: false,
+				onCropChange: (next) => {
+					if (!locked) setCrop(next);
+				},
+				onZoomChange: (next) => {
+					if (!locked) setZoom(next);
+				},
+				onCropAreaChange: changedArea,
+				...source.initial === void 0 ? {} : { initialCroppedAreaPercentages: source.initial },
+				cropperProps: {
+					"aria-label": t("avatar.portraitCropArea"),
+					"aria-disabled": locked,
+					tabIndex: locked ? -1 : 0
+				}
+			})), source === void 0 ? null : (0, react.createElement)("label", { style: {
+				display: "grid",
+				gap: 6
+			} }, t("avatar.portraitZoom"), (0, react.createElement)("input", {
+				type: "range",
+				min: 1,
+				max: 8,
+				step: .01,
+				value: zoom,
+				disabled: locked,
+				"data-codingns-portrait-zoom": true,
+				onChange: (event) => setZoom(Number(event.currentTarget.value)),
+				style: {
+					width: "100%",
+					margin: 0
+				}
+			})), source === void 0 || area === void 0 ? null : (0, react.createElement)("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 10
+			} }, (0, react.createElement)("span", {
+				"data-codingns-portrait-crop-preview": true,
+				"aria-hidden": true,
+				style: {
+					position: "relative",
+					overflow: "hidden",
+					borderRadius: "50%",
+					width: 56,
+					height: 56,
+					flex: "0 0 56px"
+				}
+			}, (0, react.createElement)("img", {
+				src: source.url,
+				alt: "",
+				draggable: false,
+				style: {
+					position: "absolute",
+					maxWidth: "none",
+					width: source.preview.width / area.width * 56,
+					height: source.preview.height / area.height * 56,
+					left: -area.x / area.width * 56,
+					top: -area.y / area.height * 56
+				}
+			})), (0, react.createElement)("span", { style: require_theme.dshSettingsHelpStyle }, t("avatar.portraitDragHint"))), !pending ? null : (0, react.createElement)("span", {
+				role: "status",
+				style: require_theme.dshSettingsHelpStyle
+			}, t(source === void 0 ? "avatar.portraitLoading" : "avatar.portraitSaving")), error === "" ? null : (0, react.createElement)("span", {
+				role: "alert",
+				style: {
+					...require_theme.dshSettingsHelpStyle,
+					color: require_theme.dshThemeColor.error
+				}
+			}, error), (0, react.createElement)("div", { style: {
+				display: "flex",
+				flexWrap: "wrap",
+				justifyContent: "flex-end",
+				gap: 8
+			} }, (0, react.createElement)("button", {
+				type: "button",
+				disabled: locked,
+				style: require_theme.dshSettingsButtonStyle,
+				onClick: close
+			}, t("avatar.portraitCancel")), (0, react.createElement)("button", {
+				type: "button",
+				disabled: disabled || pending || area === void 0,
+				style: require_theme.dshSettingsPrimaryButtonStyle,
+				"data-codingns-portrait-save": true,
+				onClick: () => {
+					save();
+				}
+			}, t(services.configurationDraft ? "avatar.portraitConfirm" : "avatar.portraitSave")))));
+		}
+		//#endregion
+		//#region src/client/avatar/catalog-picker.ts
+		var import_react_dom = require_react_dom$1.require_react_dom();
+		/** 合并展示选项，沿用安装后的模型 ID 去重，不把目录元数据写进设置清单。 */
+		function assistantAvatarChoices(appearance, entries, t, includeLegacy = true) {
+			const choices = /* @__PURE__ */ new Map();
+			for (const model of require_manager.listAssistantAvatars(appearance, includeLegacy)) {
+				const builtinLabel = require_manager.builtinAssistantAvatarLabelKey(model.id);
+				const labelKey = builtinLabel ?? (appearance.models.some((registered) => registered.id === model.id) ? void 0 : require_manager.getAssistantAvatarPreset(model.id)?.labelKey);
+				const name = labelKey === void 0 ? model.name : t(labelKey);
+				choices.set(model.id, {
+					id: model.id,
+					label: name,
+					thirdParty: builtinLabel === void 0
+				});
+			}
+			for (const entry of entries) {
+				const id = `catalog-${entry.id}`;
+				if (!choices.has(id)) choices.set(id, {
+					id,
+					label: entry.name,
+					thirdParty: true,
+					catalog: entry
+				});
+			}
+			return [...choices.values()];
+		}
+		/** 内置形象只有名称，第三方形象在名称旁显示独立彩色标签。 */
+		function AssistantAvatarChoiceLabel({ choice, t }) {
+			return (0, react.createElement)("span", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				minWidth: 0
+			} }, (0, react.createElement)("span", { style: {
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			} }, choice.label), !choice.thirdParty ? null : (0, react.createElement)("span", {
+				"data-codingns-avatar-third-party-badge": true,
+				style: {
+					flexShrink: 0,
+					padding: "1px 6px",
+					borderRadius: 4,
+					background: "#2563eb",
+					color: "#fff",
+					fontSize: 11,
+					fontWeight: 500,
+					lineHeight: "18px",
+					whiteSpace: "nowrap"
+				}
+			}, t("avatar.thirdPartyBadge")));
+		}
+		/** 一个选择入口同时服务内置、已安装和待安装形象。 */
+		function AssistantAvatarPicker(props) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const id = (0, react.useId)();
+			(0, react.useEffect)(() => {
+				if (props.disabled) setOpen(false);
+			}, [props.disabled]);
+			return (0, react.createElement)(AssistantAvatarPickerView, {
+				...props,
+				id,
+				open,
+				onOpenChange: setOpen
+			});
+		}
+		/** 展开状态与展示分离；菜单行为由 DSH 原语负责，业务只处理有效选择。 */
+		function AssistantAvatarPickerView({ choices, value, disabled, t, onChoose, label = t("avatar.selected"), id, open, onOpenChange }) {
+			const selected = choices.find((choice) => choice.id === value);
+			const expanded = open && !disabled;
+			const name = selected === void 0 ? value : selected.thirdParty ? t("avatar.externalName", { name: selected.label }) : selected.label;
+			const anchor = (0, react.createElement)("button", {
+				id,
+				type: "button",
+				disabled,
+				"aria-label": `${label}: ${name}`,
+				"aria-haspopup": "menu",
+				"aria-expanded": expanded,
+				"data-codingns-avatar-list": true,
+				"data-codingns-avatar-selected": value,
+				style: {
+					...require_theme.dshSettingsFieldStyle,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					gap: 8,
+					textAlign: "left",
+					cursor: disabled ? "default" : "pointer"
+				},
+				onClick: () => {
+					if (!disabled) onOpenChange(!expanded);
+				},
+				onKeyDown: (event) => {
+					if (disabled || expanded || event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+					event.preventDefault();
+					onOpenChange(true);
+				}
+			}, selected === void 0 ? name : (0, react.createElement)(AssistantAvatarChoiceLabel, {
+				choice: selected,
+				t
+			}), (0, react.createElement)("span", {
+				"aria-hidden": true,
+				style: {
+					display: "flex",
+					flexShrink: 0
+				}
+			}, (0, react.createElement)(require_primitives_adapter.resolveChevronDownIcon(), { size: 14 })));
+			return (0, react.createElement)("label", {
+				htmlFor: id,
+				style: require_assistant_workbench.assistantSettingFieldStyle
+			}, (0, react.createElement)("span", null, label), (0, react.createElement)("style", null, ".codingns4dsh-avatar-picker{width:100%;min-width:0}.codingns4dsh-avatar-menu{z-index:10002;width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px)}"), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open: expanded,
+				anchor,
+				portal: true,
+				autoFocus: true,
+				className: "codingns4dsh-avatar-picker",
+				listClassName: "codingns4dsh-avatar-menu",
+				selectedId: value,
+				items: choices.map((choice) => ({
+					id: choice.id,
+					label: (0, react.createElement)(AssistantAvatarChoiceLabel, {
+						choice,
+						t
+					}),
+					disabled: disabled || choice.disabled === true
+				})),
+				onClose: () => onOpenChange(false),
+				onSelect: (choiceId) => {
+					const choice = choices.find((item) => item.id === choiceId);
+					if (disabled || choice === void 0 || choice.disabled) return;
+					onOpenChange(false);
+					onChoose(choice);
+				}
+			}));
+		}
+		//#endregion
+		//#region src/client/avatar/engine.ts
+		/**
+		* 引擎只在用户选择 Live2D 形象时准备：先探测 Host 已就绪的引擎，
+		* 未安装则确认许可后自动下载安装；安装失败不改变当前形象。
+		*/
+		function useAssistantAvatarEngine(options) {
+			const { services, manager, appearance, disabled, notify } = options;
+			const t = require_transport.useCodingNsTranslator(services.locale);
+			const [status, setStatus] = (0, react.useState)();
+			const [installing, setInstalling] = (0, react.useState)(false);
+			const [cancelled, setCancelled] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)("");
+			const [consentOpen, setConsentOpen] = (0, react.useState)(false);
+			const [agreed, setAgreed] = (0, react.useState)(false);
+			const installer = (0, react.useRef)();
+			const probe = (0, react.useRef)();
+			const pending = (0, react.useRef)();
+			const mounted = (0, react.useRef)(true);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				return () => {
+					mounted.current = false;
+					probe.current?.abort();
+					installer.current?.abort();
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				const controller = new AbortController();
+				manager.engineStatus(controller.signal).then((value) => {
+					if (!controller.signal.aborted && mounted.current) setStatus(value);
+				}).catch(() => void 0);
+				return () => controller.abort();
+			}, [manager]);
+			const runInstall = async (onReady) => {
+				if (disabled || !mounted.current || installer.current !== void 0) return false;
+				const controller = new AbortController();
+				installer.current = controller;
+				pending.current = onReady;
+				setInstalling(true);
+				setError("");
+				setCancelled(false);
+				try {
+					const next = await manager.installEngine(controller.signal);
+					if (controller.signal.aborted) return false;
+					setStatus(next);
+					await onReady();
+					pending.current = void 0;
+					notify?.({
+						kind: "success",
+						message: t("avatar.engineInstalled")
+					});
+					return true;
+				} catch (failure) {
+					if (!controller.signal.aborted && mounted.current) setError(errorMessage$2(failure));
+					return false;
+				} finally {
+					if (installer.current === controller) installer.current = void 0;
+					if (mounted.current) setInstalling(false);
+				}
+			};
+			const ensure = async (onReady) => {
+				if (disabled || installing || !mounted.current || installer.current !== void 0) return false;
+				probe.current?.abort();
+				const controller = new AbortController();
+				probe.current = controller;
+				setError("");
+				let current = status;
+				try {
+					current = await manager.engineStatus(controller.signal);
+				} catch {} finally {
+					if (probe.current === controller) probe.current = void 0;
+				}
+				if (controller.signal.aborted || !mounted.current) return false;
+				if (current !== void 0) setStatus(current);
+				if (current?.installed === true) {
+					await onReady();
+					return true;
+				}
+				if (!require_manager.hasAssistantAvatarEngineConsent(appearance.engineConsent)) {
+					pending.current = onReady;
+					setAgreed(false);
+					setConsentOpen(true);
+					return false;
+				}
+				return await runInstall(onReady);
+			};
+			return {
+				status,
+				installing,
+				cancelled,
+				error,
+				consentOpen,
+				agreed,
+				ensure,
+				setAgreed: (value) => {
+					setAgreed(value);
+				},
+				acceptConsent: async () => {
+					try {
+						await manager.setEngineEnabled(true);
+						if (!mounted.current) return;
+						setConsentOpen(false);
+						setAgreed(false);
+						const next = pending.current;
+						if (next !== void 0) await runInstall(next);
+					} catch (failure) {
+						if (mounted.current) setError(errorMessage$2(failure));
+					}
+				},
+				cancelConsent: () => {
+					pending.current = void 0;
+					setAgreed(false);
+					setConsentOpen(false);
+				},
+				cancelInstall: () => {
+					if (installer.current !== void 0) {
+						setCancelled(true);
+						installer.current.abort();
+					}
+				},
+				retry: () => {
+					const next = pending.current;
+					if (next !== void 0) runInstall(next);
+				}
+			};
+		}
+		/** 许可确认使用原生模态；未同意时不产生任何下载或设置写入。 */
+		function AssistantAvatarEngineDialog({ controller, t }) {
+			const ref = (0, react.useRef)(null);
+			const id = (0, react.useId)();
+			const open = controller.consentOpen;
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const opener = document.activeElement;
+				const dialog = ref.current;
+				dialog?.showModal();
+				return () => {
+					if (dialog?.open) dialog.close();
+					if (opener?.isConnected) opener.focus();
+				};
+			}, [open]);
+			if (!open) return null;
+			return (0, react.createElement)("dialog", {
+				ref,
+				"aria-labelledby": id,
+				"data-codingns-avatar-engine-dialog": true,
+				onCancel: (event) => {
+					event.preventDefault();
+					controller.cancelConsent();
+				},
+				onKeyDown: (event) => {
+					if (event.key === "Escape") {
+						event.preventDefault();
+						event.stopPropagation();
+						controller.cancelConsent();
+					}
+				},
+				style: {
+					maxWidth: "min(480px, calc(100vw - 32px))",
+					maxHeight: "calc(100dvh - 32px)",
+					overflowY: "auto",
+					boxSizing: "border-box",
+					padding: 24,
+					borderRadius: 16,
+					margin: "auto",
+					border: `1px solid ${require_theme.dshThemeColor.border}`,
+					background: require_theme.dshThemeColor.pageBackground,
+					color: require_theme.dshThemeColor.labelPrimary,
+					boxShadow: require_theme.dshThemeColor.subtleShadow
+				}
+			}, (0, react.createElement)("strong", {
+				id,
+				style: { fontSize: 16 }
+			}, t("avatar.engineTerms", { version: require_manager.ASSISTANT_AVATAR_ENGINE_CONSENT_VERSION })), (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 16,
+				marginTop: 14
+			} }, (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0,
+				lineHeight: 1.7
+			} }, t("avatar.engineTermsContent")), (0, react.createElement)("label", { style: require_assistant_workbench.assistantSettingCheckboxStyle }, (0, react.createElement)("input", {
+				type: "checkbox",
+				checked: controller.agreed,
+				onChange: (event) => controller.setAgreed(event.currentTarget.checked)
+			}), t("avatar.engineAgree")), (0, react.createElement)("div", { style: {
+				display: "flex",
+				justifyContent: "flex-end",
+				gap: 8
+			} }, (0, react.createElement)("button", {
+				type: "button",
+				autoFocus: true,
+				style: require_theme.dshSettingsButtonStyle,
+				onClick: controller.cancelConsent
+			}, t("avatar.cancel")), (0, react.createElement)("button", {
+				type: "button",
+				disabled: !controller.agreed,
+				style: require_theme.dshSettingsPrimaryButtonStyle,
+				onClick: () => {
+					if (controller.agreed) controller.acceptConsent();
+				}
+			}, t("avatar.engineConfirm")))));
+		}
+		/** 安装中显示不确定进度与取消；失败显示原因和重试，不改变当前形象。 */
+		function AssistantAvatarEngineProgress({ controller, t }) {
+			if (controller.installing) return (0, react.createElement)("div", {
+				role: "status",
+				"data-codingns-avatar-engine-progress": true,
+				style: {
+					display: "grid",
+					gap: 8
+				}
+			}, (0, react.createElement)("span", null, t("avatar.engineInstalling")), (0, react.createElement)("progress", {
+				"aria-label": t("avatar.engineInstalling"),
+				style: { width: "100%" }
+			}), (0, react.createElement)("button", {
+				type: "button",
+				style: {
+					...require_theme.dshSettingsButtonStyle,
+					justifySelf: "start"
+				},
+				onClick: controller.cancelInstall
+			}, t("avatar.engineCancel")));
+			if (controller.error === "") {
+				if (!controller.cancelled) return null;
+				return (0, react.createElement)("div", {
+					role: "status",
+					"data-codingns-avatar-engine-cancelled": true,
+					style: {
+						display: "grid",
+						gap: 8
+					}
+				}, (0, react.createElement)("span", null, t("avatar.engineCancelled")), (0, react.createElement)("button", {
+					type: "button",
+					style: {
+						...require_theme.dshSettingsButtonStyle,
+						justifySelf: "start"
+					},
+					onClick: controller.retry
+				}, t("avatar.engineRetry")));
+			}
+			return (0, react.createElement)("div", {
+				role: "alert",
+				"data-codingns-avatar-engine-error": true,
+				style: {
+					display: "grid",
+					gap: 8,
+					color: require_theme.dshThemeColor.error,
+					fontSize: 13
+				}
+			}, (0, react.createElement)("span", { style: { overflowWrap: "anywhere" } }, t("avatar.engineInstallFailed", { reason: controller.error })), (0, react.createElement)("button", {
+				type: "button",
+				style: {
+					...require_theme.dshSettingsButtonStyle,
+					justifySelf: "start",
+					color: require_theme.dshThemeColor.error
+				},
+				onClick: controller.retry
+			}, t("avatar.engineRetry")));
+		}
+		function errorMessage$2(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		//#endregion
+		//#region src/client/avatar/temporary-preview.ts
+		/** 挂载即启动预览；离开后隔离所有回调，避免旧下载覆盖新形象或关闭后的界面。 */
+		function startAssistantAvatarTemporaryPreview(manager, entry, observer) {
+			let active = true;
+			const session = new AssistantAvatarTemporaryPreviewSession(manager, (error) => {
+				if (active) observer.onError(error);
+			});
+			session.load(entry).then((preview) => {
+				if (active) observer.onLoaded(preview);
+			}).catch((error) => {
+				if (active) observer.onError(error);
+			}).finally(() => {
+				if (active) observer.onSettled();
+			});
+			return { dispose: async () => {
+				active = false;
+				await session.dispose();
+			} };
+		}
+		/** 客户端拥有一个临时预览租约，取消先释放，迟到答复再次释放，绝不登记到设置。 */
+		var AssistantAvatarTemporaryPreviewSession = class {
+			manager;
+			onExpired;
+			lease;
+			controller = new AbortController();
+			disposed = false;
+			timer;
+			constructor(manager, onExpired = () => {}, lease = crypto.randomUUID()) {
+				this.manager = manager;
+				this.onExpired = onExpired;
+				this.lease = lease;
+			}
+			async load(entry) {
+				this.controller.signal.throwIfAborted();
+				try {
+					this.timer = setInterval(() => {
+						this.manager.keepPreview(this.lease).catch((error) => {
+							if (this.disposed) return;
+							this.onExpired(error);
+							this.dispose().catch(() => void 0);
+						});
+					}, 6e4);
+					const preview = await this.manager.previewCatalog(entry.id, entry.revision, this.lease, this.controller.signal);
+					if (this.disposed) {
+						await this.manager.releasePreview(this.lease);
+						this.controller.signal.throwIfAborted();
+					}
+					return preview;
+				} catch (error) {
+					await this.dispose().catch(() => void 0);
+					throw error;
+				}
+			}
+			async dispose() {
+				if (this.disposed) return;
+				this.disposed = true;
+				this.controller.abort();
+				if (this.timer !== void 0) clearInterval(this.timer);
+				await this.manager.releasePreview(this.lease);
+			}
+		};
+		//#endregion
+		//#region src/client/avatar/catalog-panel.ts
+		const buttonStyle = {
+			...require_theme.dshSettingsButtonStyle,
+			justifySelf: "start"
+		};
+		const helpStyle$1 = {
+			...require_theme.dshSettingsHelpStyle,
+			margin: 0
+		};
+		const checkStyle = require_assistant_workbench.assistantSettingCheckboxStyle;
+		/** 目录与已登记角色共用选择入口，协议和素材安装仍分别确认。 */
+		function AssistantAvatarCatalogPanel(props) {
+			const { services, manager, appearance, disabled, notify, active = true, previewTarget, onPreviewChange } = props;
+			const t = require_transport.useCodingNsTranslator(services.locale);
+			const [agreed, setAgreed] = (0, react.useState)(false);
+			const [agreementOpen, setAgreementOpen] = (0, react.useState)(false);
+			const [pending, setPending] = (0, react.useState)(false);
+			const [installing, setInstalling] = (0, react.useState)(false);
+			const [preview, setPreview] = (0, react.useState)();
+			const [error, setError] = (0, react.useState)("");
+			const accepted = require_manager.hasAssistantAvatarConsent(appearance.thirdPartyConsent);
+			const consent = accepted ? `${appearance.thirdPartyConsent.version}:${appearance.thirdPartyConsent.acceptedAt}` : "";
+			const catalog = useAssistantAvatarCatalog(manager, consent);
+			const engine = useAssistantAvatarEngine({
+				services,
+				manager,
+				appearance,
+				disabled,
+				notify
+			});
+			const current = require_manager.selectedAssistantAvatar(appearance);
+			const choices = assistantAvatarChoices(appearance, catalog.entries, t);
+			const selected = preview?.consent === consent ? catalog.entries.find((entry) => entry.id === preview.id) : void 0;
+			(0, react.useEffect)(() => {
+				onPreviewChange?.(active ? selected : void 0);
+				return () => onPreviewChange?.(void 0);
+			}, [
+				active,
+				selected,
+				onPreviewChange
+			]);
+			const busy = disabled || pending || installing || engine.installing;
+			const choose = async (choice) => {
+				if (busy) return;
+				setError("");
+				setPending(true);
+				try {
+					const select = async () => {
+						if (choice.catalog !== void 0) {
+							const id = choice.catalog.id;
+							setPreview((current) => ({
+								id,
+								consent,
+								selection: (current?.selection ?? 0) + 1
+							}));
+							return;
+						}
+						setPreview(void 0);
+						await manager.select(choice.id);
+						if (!services.configurationDraft) notify({
+							kind: "success",
+							message: t("avatar.saved")
+						});
+					};
+					if (choice.catalog === void 0 ? manager.list().find((model) => model.id === choice.id)?.renderer === "live2d" : ["dsh-live2d-pet", "cubism-model"].includes(choice.catalog.format)) await engine.ensure(select);
+					else await select();
+				} catch (failure) {
+					setError(errorMessage$1(failure));
+					notify({
+						kind: "error",
+						message: errorMessage$1(failure)
+					});
+				} finally {
+					setPending(false);
+				}
+			};
+			const changeConsent = async (enabled) => {
+				if (busy || enabled && !agreed) return;
+				setPending(true);
+				setError("");
+				try {
+					await manager.setThirdPartyEnabled(enabled);
+					setAgreed(false);
+					setAgreementOpen(false);
+				} catch (failure) {
+					setError(errorMessage$1(failure));
+					notify({
+						kind: "error",
+						message: errorMessage$1(failure)
+					});
+				} finally {
+					setPending(false);
+				}
+			};
+			const previewNode = selected === void 0 || !active ? null : (0, react.createElement)(AssistantAvatarCatalogPreview, {
+				...props,
+				selected,
+				disabled: disabled || pending,
+				key: `${consent}:${selected.id}:${selected.revision}:${preview?.selection}`,
+				onPending: setInstalling,
+				onInstalled: () => setPreview(void 0)
+			});
+			return (0, react.createElement)("section", {
+				"data-codingns-third-party-avatars": true,
+				"aria-label": t("avatar.thirdPartyTitle"),
+				style: {
+					...require_assistant_workbench.assistantSettingTextStyle,
+					display: "grid",
+					gap: 20,
+					...previewNode !== null && !previewTarget ? { gridTemplateColumns: "repeat(auto-fit,minmax(min(100%,260px),1fr))" } : {}
+				}
+			}, (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 12,
+				alignContent: "start"
+			} }, (0, react.createElement)(AssistantAvatarPicker, {
+				choices,
+				value: selected === void 0 ? appearance.selectedId : `catalog-${selected.id}`,
+				disabled: busy,
+				t,
+				onChoose: (choice) => {
+					choose(choice);
+				}
+			}), current.renderer !== "live2d" || engine.status?.installed !== false ? null : (0, react.createElement)("div", {
+				"data-codingns-avatar-engine-missing": true,
+				style: {
+					display: "grid",
+					gap: 8
+				}
+			}, (0, react.createElement)("p", { style: helpStyle$1 }, t("avatar.engineMissing")), (0, react.createElement)("button", {
+				type: "button",
+				disabled: busy,
+				style: buttonStyle,
+				onClick: () => {
+					engine.ensure(() => void 0);
+				}
+			}, t("avatar.engineInstall"))), (0, react.createElement)(AssistantAvatarEngineProgress, {
+				controller: engine,
+				t
+			}), (0, react.createElement)(AssistantAvatarThirdPartyToggle, {
+				accepted,
+				disabled: busy,
+				t,
+				onRequest: () => {
+					setAgreed(false);
+					setAgreementOpen(true);
+				},
+				onDisable: () => {
+					changeConsent(false);
+				}
+			}), !agreementOpen ? null : (0, react.createElement)(AssistantAvatarConsentDialog, {
+				agreed,
+				disabled: busy,
+				t,
+				onChange: setAgreed,
+				onAccept: () => {
+					changeConsent(true);
+				},
+				onCancel: () => {
+					if (!pending) {
+						setAgreementOpen(false);
+						setAgreed(false);
+					}
+				}
+			}), !catalog.loading ? null : (0, react.createElement)("div", {
+				role: "status",
+				style: helpStyle$1
+			}, t("avatar.catalogLoading")), !accepted || catalog.loading || catalog.entries.length > 0 || catalog.error ? null : (0, react.createElement)("p", { style: helpStyle$1 }, t("avatar.catalogEmpty")), !catalog.error ? null : (0, react.createElement)("div", {
+				role: "alert",
+				style: {
+					display: "grid",
+					gap: 8,
+					color: require_theme.dshThemeColor.error,
+					fontSize: 13
+				}
+			}, catalog.error, (0, react.createElement)("button", {
+				type: "button",
+				disabled: busy || catalog.loading,
+				style: buttonStyle,
+				onClick: catalog.reload
+			}, t("avatar.catalogRetry"))), !error ? null : (0, react.createElement)("div", {
+				role: "alert",
+				style: {
+					color: require_theme.dshThemeColor.error,
+					fontSize: 13
+				}
+			}, error), (0, react.createElement)(AssistantAvatarEngineDialog, {
+				controller: engine,
+				t
+			})), previewNode === null ? null : (0, react.createElement)(AssistantAvatarCatalogPreviewRegion, {
+				target: previewTarget,
+				children: previewNode
+			}));
+		}
+		/** 预览 DOM 归右侧目标所有，独立设置入口则提供同级侧栏。 */
+		function AssistantAvatarCatalogPreviewRegion({ target, children }) {
+			return target ? (0, import_react_dom.createPortal)(children, target) : (0, react.createElement)("aside", { "data-codingns-avatar-preview-region": true }, children);
+		}
+		/** 仅有效协议允许读取元数据；协议变化和卸载会取消旧请求并隔离迟到答复。 */
+		function useAssistantAvatarCatalog(manager, consent) {
+			const [retry, setRetry] = (0, react.useState)(0);
+			const [catalog, setCatalog] = (0, react.useState)({
+				consent: "",
+				entries: [],
+				loading: false,
+				error: ""
+			});
+			(0, react.useEffect)(() => {
+				if (!consent) return;
+				const controller = new AbortController();
+				setCatalog({
+					consent,
+					entries: [],
+					loading: true,
+					error: ""
+				});
+				manager.getCatalog(controller.signal).then((entries) => {
+					if (!controller.signal.aborted) setCatalog({
+						consent,
+						entries,
+						loading: false,
+						error: ""
+					});
+				}).catch((failure) => {
+					if (!controller.signal.aborted) setCatalog({
+						consent,
+						entries: [],
+						loading: false,
+						error: errorMessage$1(failure)
+					});
+				});
+				return () => controller.abort();
+			}, [
+				manager,
+				consent,
+				retry
+			]);
+			const current = consent !== "" && catalog.consent === consent;
+			return {
+				entries: current ? catalog.entries : [],
+				loading: consent !== "" && (!current || catalog.loading),
+				error: current ? catalog.error : "",
+				reload: () => setRetry((value) => value + 1)
+			};
+		}
+		/** 勾选只请求展示协议，明确同意后立即加载目录；取消不会产生任何设置写入。 */
+		function AssistantAvatarThirdPartyToggle({ accepted, disabled, t, onRequest, onDisable }) {
+			return (0, react.createElement)("label", { style: require_assistant_workbench.assistantSettingSwitchStyle }, (0, react.createElement)("span", null, t("avatar.thirdPartyEnable")), (0, react.createElement)("input", {
+				type: "checkbox",
+				role: "switch",
+				"aria-label": t("avatar.thirdPartyEnable"),
+				checked: accepted,
+				disabled,
+				"data-codingns-third-party-enabled": true,
+				onChange: (event) => {
+					if (!disabled) {
+						if (event.currentTarget.checked) onRequest();
+						else onDisable();
+					}
+				}
+			}));
+		}
+		/** 原生模态对话框限制背景焦点，关闭后恢复到触发协议的复选框。 */
+		function AssistantAvatarConsentDialog(props) {
+			const ref = (0, react.useRef)(null);
+			const id = (0, react.useId)();
+			(0, react.useEffect)(() => {
+				const opener = document.activeElement;
+				const dialog = ref.current;
+				dialog?.showModal();
+				return () => {
+					if (dialog?.open) dialog.close();
+					if (opener?.isConnected) opener.focus();
+				};
+			}, []);
+			return (0, react.createElement)("dialog", {
+				ref,
+				"aria-labelledby": id,
+				"data-codingns-avatar-consent-dialog": true,
+				onCancel: (event) => {
+					event.preventDefault();
+					props.onCancel();
+				},
+				onKeyDown: (event) => {
+					if (event.key === "Escape") {
+						event.preventDefault();
+						event.stopPropagation();
+						props.onCancel();
+					}
+				},
+				style: {
+					maxWidth: "min(480px, calc(100vw - 32px))",
+					maxHeight: "calc(100dvh - 32px)",
+					overflowY: "auto",
+					boxSizing: "border-box",
+					padding: 24,
+					borderRadius: 16,
+					margin: "auto",
+					border: `1px solid ${require_theme.dshThemeColor.border}`,
+					background: require_theme.dshThemeColor.pageBackground,
+					color: require_theme.dshThemeColor.labelPrimary,
+					boxShadow: require_theme.dshThemeColor.subtleShadow
+				}
+			}, (0, react.createElement)("strong", {
+				id,
+				style: { fontSize: 16 }
+			}, props.t("avatar.thirdPartyTerms", { version: require_manager.ASSISTANT_AVATAR_CONSENT_VERSION })), (0, react.createElement)(AssistantAvatarConsentPrompt, props));
+		}
+		function AssistantAvatarConsentPrompt({ agreed, disabled, t, onChange, onAccept, onCancel }) {
+			return (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 16,
+				marginTop: 14
+			} }, (0, react.createElement)("p", { style: {
+				...helpStyle$1,
+				lineHeight: 1.7
+			} }, t("avatar.thirdPartyTermsContent")), (0, react.createElement)("label", { style: checkStyle }, (0, react.createElement)("input", {
+				type: "checkbox",
+				checked: agreed,
+				disabled,
+				onChange: (event) => {
+					if (!disabled) onChange(event.currentTarget.checked);
+				}
+			}), t("avatar.thirdPartyAgree")), (0, react.createElement)("div", { style: {
+				display: "flex",
+				justifyContent: "flex-end",
+				gap: 8
+			} }, (0, react.createElement)("button", {
+				type: "button",
+				autoFocus: true,
+				disabled,
+				style: require_theme.dshSettingsButtonStyle,
+				onClick: onCancel
+			}, t("avatar.cancel")), (0, react.createElement)("button", {
+				type: "button",
+				disabled: disabled || !agreed,
+				style: require_theme.dshSettingsPrimaryButtonStyle,
+				onClick: () => {
+					if (!disabled && agreed) onAccept();
+				}
+			}, t("avatar.thirdPartyConfirm"))));
+		}
+		function AssistantAvatarCatalogPreview({ services, manager, appearance, disabled, notify, selected, onPending, onInstalled }) {
+			const t = require_transport.useCodingNsTranslator(services.locale);
+			const [licenseAccepted, setLicenseAccepted] = (0, react.useState)(false);
+			const [temporary, setTemporary] = (0, react.useState)();
+			const [previewLoading, setPreviewLoading] = (0, react.useState)(!disabled);
+			const [pending, setPending] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)("");
+			const installer = (0, react.useRef)();
+			(0, react.useEffect)(() => () => {
+				installer.current?.abort();
+				onPending(false);
+			}, [manager, onPending]);
+			(0, react.useEffect)(() => {
+				setTemporary(void 0);
+				setPreviewLoading(!disabled);
+				setError("");
+				if (disabled) return;
+				const preview = startAssistantAvatarTemporaryPreview(manager, {
+					id: selected.id,
+					revision: selected.revision
+				}, {
+					onLoaded: setTemporary,
+					onError: (failure) => {
+						setTemporary(void 0);
+						setPreviewLoading(false);
+						setError(errorMessage$1(failure));
+					},
+					onSettled: () => setPreviewLoading(false)
+				});
+				return () => {
+					preview.dispose().catch(() => void 0);
+				};
+			}, [
+				manager,
+				disabled,
+				selected.id,
+				selected.revision
+			]);
+			const installed = appearance.models.some((model) => model.id === `catalog-${selected.id}` && model.package?.installationId !== void 0);
+			const full = appearance.models.length >= 21 && !installed;
+			const install = async () => {
+				if (disabled || pending || previewLoading || !licenseAccepted || full) return;
+				const controller = new AbortController();
+				installer.current = controller;
+				setPending(true);
+				onPending(true);
+				setError("");
+				try {
+					await manager.installCatalog(selected.id, selected.revision, licenseAccepted, controller.signal, temporary?.lease);
+					if (!controller.signal.aborted) {
+						setLicenseAccepted(false);
+						if (!services.configurationDraft) notify({
+							kind: "success",
+							message: t("avatar.saved")
+						});
+						onInstalled();
+					}
+				} catch (failure) {
+					if (!controller.signal.aborted) {
+						setError(errorMessage$1(failure));
+						notify({
+							kind: "error",
+							message: errorMessage$1(failure)
+						});
+					}
+				} finally {
+					if (installer.current === controller) installer.current = void 0;
+					if (!controller.signal.aborted) {
+						setPending(false);
+						onPending(false);
+					}
+				}
+			};
+			return (0, react.createElement)("div", {
+				style: {
+					display: "grid",
+					gap: 12
+				},
+				"data-codingns-avatar-catalog-preview": true
+			}, (0, react.createElement)("div", {
+				style: {
+					display: "grid",
+					gap: 10
+				},
+				"data-codingns-avatar-catalog-selection": selected.id
+			}, (0, react.createElement)("div", {
+				"data-codingns-avatar-temporary-preview": true,
+				"aria-busy": previewLoading || pending,
+				style: {
+					minHeight: 182,
+					display: "grid",
+					justifyItems: "center",
+					alignItems: "center"
+				}
+			}, temporary === void 0 ? previewLoading || pending ? (0, react.createElement)("div", { style: {
+				position: "relative",
+				width: 168,
+				height: 182,
+				maxWidth: "100%"
+			} }, (0, react.createElement)(require_manager.AssistantAvatarLoading, {
+				progress: { phase: "resources" },
+				size: 168,
+				t,
+				animationOnly: true
+			})) : (0, react.createElement)("p", {
+				role: "status",
+				style: {
+					...helpStyle$1,
+					textAlign: "center"
+				}
+			}, t(error ? "avatar.temporaryLoadFailed" : "avatar.temporaryUnavailable")) : (0, react.createElement)(require_manager.AssistantAvatarSlot, {
+				services,
+				model: temporary.model,
+				state: "idle",
+				surface: "dialog",
+				size: 168,
+				transient: true,
+				showDiagnostics: false
+			})), (0, react.createElement)("p", { style: helpStyle$1 }, t("avatar.catalogPreviewHint")), (0, react.createElement)("strong", null, selected.name), (0, react.createElement)("p", { style: helpStyle$1 }, selected.description), (0, react.createElement)("div", { style: helpStyle$1 }, t("avatar.packageAuthor", { author: selected.author })), (0, react.createElement)("div", { style: helpStyle$1 }, t("avatar.packageLicense", { license: selected.license })), (0, react.createElement)("p", { style: helpStyle$1 }, selected.remarks), (0, react.createElement)("div", { style: helpStyle$1 }, t("avatar.catalogSize", {
+				size: `${(selected.bytes / 1024 / 1024).toFixed(2)} MB`,
+				files: selected.files
+			})), (0, react.createElement)("div", { style: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 14,
+				fontSize: 13
+			} }, (0, react.createElement)("a", {
+				href: selected.repositoryUrl,
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, t("avatar.packageSource")), (0, react.createElement)("a", {
+				href: selected.licenseUrl,
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, t("avatar.catalogLicenseLink")), (0, react.createElement)("a", {
+				href: selected.homepage,
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, t("avatar.packageHomepage"))), selected.format === "codex-pet" ? null : (0, react.createElement)("p", { style: helpStyle$1 }, t("avatar.live2dDependencyHint")), installed ? (0, react.createElement)("span", { style: {
+				color: require_theme.dshThemeColor.success,
+				fontSize: 13
+			} }, t("avatar.catalogInstalled")) : null, (0, react.createElement)("label", { style: checkStyle }, (0, react.createElement)("input", {
+				type: "checkbox",
+				checked: licenseAccepted,
+				disabled: disabled || pending,
+				onChange: (event) => setLicenseAccepted(event.currentTarget.checked)
+			}), t("avatar.catalogLicenseAgree")), (0, react.createElement)("button", {
+				type: "button",
+				disabled: disabled || pending || previewLoading || !licenseAccepted || full,
+				style: buttonStyle,
+				onClick: () => {
+					install();
+				}
+			}, t("avatar.temporaryUse"))), !error ? null : (0, react.createElement)("div", {
+				role: "alert",
+				style: {
+					color: require_theme.dshThemeColor.error,
+					fontSize: 13
+				}
+			}, error));
+		}
+		function errorMessage$1(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		//#endregion
+		//#region src/client/avatar/settings-panel.ts
+		/** 对话内复用设置页表单；订阅同一存储并把保存反馈留在当前窗口。 */
+		function AssistantAppearanceEditor({ services, enabled, ...previewProps }) {
+			const store = services.settings;
+			const subscribe = (0, react.useCallback)((listener) => store.subscribe(listener), [store]);
+			const getSnapshot = (0, react.useCallback)(() => store.getSnapshot(), [store]);
+			const snapshot = (0, react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+			const [notice, setNotice] = (0, react.useState)();
+			return (0, react.createElement)("div", {
+				"data-codingns-avatar-settings-editor": true,
+				style: {
+					display: "grid",
+					gap: 10
+				}
+			}, (0, react.createElement)(AssistantAppearancePanel, {
+				services,
+				enabled,
+				snapshot,
+				notify: setNotice,
+				...previewProps
+			}), notice?.kind !== "success" ? null : (0, react.createElement)("div", {
+				role: "status",
+				style: {
+					fontSize: 13,
+					color: require_theme.dshThemeColor.success
+				}
+			}, notice.message));
+		}
+		/** 保存只写 appearance 子字段，不覆盖其他窗口刚改过的语音或受管范围。 */
+		function AssistantAppearancePanel({ services, enabled, snapshot, notify, ...previewProps }) {
+			const t = require_transport.useCodingNsTranslator(services.locale);
+			const manager = require_manager.getAssistantAvatarManager(services);
+			const appearance = (0, react.useSyncExternalStore)(manager.subscribe, manager.getSnapshot, manager.getSnapshot);
+			const selected = require_manager.selectedAssistantAvatar(appearance);
+			const registry = require_manager.getAssistantAvatarRegistry(services);
+			const adapters = (0, react.useSyncExternalStore)(manager.adapters.subscribe, manager.adapters.getSnapshot, manager.adapters.getSnapshot);
+			const renderers = (0, react.useSyncExternalStore)(registry.subscribe, registry.getSnapshot, registry.getSnapshot);
+			const [pending, setPending] = (0, react.useState)(false);
+			const [name, setName] = (0, react.useState)("");
+			const [source, setSource] = (0, react.useState)("");
+			const [renderer, setRenderer] = (0, react.useState)("image");
+			const [version, setVersion] = (0, react.useState)(2);
+			const [error, setError] = (0, react.useState)("");
+			const [manifestUrl, setManifestUrl] = (0, react.useState)("");
+			const [adapterId, setAdapterId] = (0, react.useState)("auto");
+			const [candidates, setCandidates] = (0, react.useState)([]);
+			const [candidateUrl, setCandidateUrl] = (0, react.useState)("");
+			const [addMode, setAddMode] = (0, react.useState)("package");
+			const [customSize, setCustomSize] = (0, react.useState)(false);
+			const importer = (0, react.useRef)();
+			(0, react.useEffect)(() => () => importer.current?.abort(), [manager]);
+			const selectedAdapterId = adapters.some((adapter) => adapter.id === adapterId) ? adapterId : "auto";
+			const selectedRenderer = renderers.some((item) => item.id === renderer && item.id !== "builtin") ? renderer : "image";
+			const disabled = !enabled || pending || snapshot.status !== "ready" || !snapshot.writable;
+			const engine = useAssistantAvatarEngine({
+				services,
+				manager,
+				appearance,
+				disabled,
+				notify
+			});
+			const save = async (action, message = t("avatar.saved")) => {
+				if (disabled) return false;
+				setPending(true);
+				setError("");
+				try {
+					await action();
+					if (!services.configurationDraft) notify({
+						kind: "success",
+						message
+					});
+					return true;
+				} catch (failure) {
+					if (failure instanceof Error && failure.name === "AbortError") {
+						notify({
+							kind: "info",
+							message: t("avatar.cancelled")
+						});
+						return false;
+					}
+					const message = failure instanceof Error ? failure.message : String(failure);
+					setError(message);
+					notify({
+						kind: "error",
+						message
+					});
+					return false;
+				} finally {
+					setPending(false);
+				}
+			};
+			const add = async () => {
+				if (!require_manager.isAssistantAvatarSource(source.trim())) {
+					setError(t("avatar.invalidSource"));
+					return;
+				}
+				const model = {
+					id: `avatar-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 7)}`,
+					name: name.trim() || t("avatar.customName"),
+					renderer: selectedRenderer,
+					source: source.trim(),
+					spriteVersion: version
+				};
+				if (selectedRenderer === "live2d" ? await engine.ensure(async () => {
+					await manager.add(model);
+					if (!services.configurationDraft) notify({
+						kind: "success",
+						message: t("avatar.saved")
+					});
+				}) : await save(() => manager.add(model))) {
+					setName("");
+					setSource("");
+				}
+			};
+			const importPackage = async () => {
+				if (!require_manager.isAssistantAvatarSource(manifestUrl.trim())) {
+					setError(t("avatar.invalidSource"));
+					return;
+				}
+				const controller = new AbortController();
+				importer.current = controller;
+				const accepted = await save(async () => {
+					const discovered = await manager.discover(manifestUrl.trim(), controller.signal);
+					setCandidates(discovered);
+					setCandidateUrl(discovered[0]?.url ?? "");
+				}, t("avatar.discovered"));
+				if (importer.current === controller) importer.current = void 0;
+				if (!accepted) {
+					setCandidates([]);
+					setCandidateUrl("");
+				}
+			};
+			const installPackage = async (url) => {
+				const controller = new AbortController();
+				importer.current = controller;
+				const accepted = await save(() => manager.installPackage(url, selectedAdapterId, controller.signal));
+				if (importer.current === controller) importer.current = void 0;
+				if (accepted) {
+					setManifestUrl("");
+					setCandidates([]);
+					setCandidateUrl("");
+				}
+			};
+			const field = (label, input) => (0, react.createElement)("label", { style: require_assistant_workbench.assistantSettingFieldStyle }, (0, react.createElement)("span", null, label), input);
+			const toggle = (key, label) => (0, react.createElement)("label", { style: require_assistant_workbench.assistantSettingSwitchStyle }, (0, react.createElement)("span", null, label), (0, react.createElement)("input", {
+				type: "checkbox",
+				role: "switch",
+				"aria-label": label,
+				checked: appearance[key],
+				disabled,
+				onChange: (event) => {
+					const checked = event.currentTarget.checked;
+					save(() => manager.configure({ [key]: checked }));
+				}
+			}));
+			const sizeField = (key, min, max, label) => field(label, (0, react.createElement)("input", {
+				key: appearance[key],
+				type: "number",
+				min,
+				max,
+				step: 1,
+				defaultValue: appearance[key],
+				disabled,
+				"aria-label": label,
+				style: require_theme.dshSettingsFieldStyle,
+				onBlur: (event) => {
+					const value = Number(event.currentTarget.value);
+					if (Number.isInteger(value) && value >= min && value <= max && value !== appearance[key]) save(() => manager.configure({ [key]: value }));
+					else event.currentTarget.value = String(appearance[key]);
+				}
+			}));
+			return (0, react.createElement)("section", {
+				"aria-label": t("avatar.settingsTitle"),
+				style: {
+					...require_assistant_workbench.assistantSettingTextStyle,
+					display: "grid",
+					gap: 12,
+					borderTop: `1px solid ${require_theme.dshThemeColor.border}`,
+					paddingTop: 14
+				}
+			}, (0, react.createElement)("strong", { style: { fontSize: 14 } }, t("avatar.settingsTitle")), (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("avatar.settingsDescription")), (0, react.createElement)(AssistantAvatarCatalogPanel, {
+				services,
+				manager,
+				appearance,
+				disabled,
+				notify,
+				...previewProps
+			}), (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("avatar.externalHint")), selected.renderer !== "live2d" ? null : (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("avatar.live2dDependencyHint")), selected.package === void 0 ? null : (0, react.createElement)("div", {
+				"data-codingns-avatar-package-info": true,
+				style: {
+					...require_theme.dshSettingsHelpStyle,
+					overflowWrap: "anywhere"
+				}
+			}, (0, react.createElement)("div", null, t("avatar.packageAuthor", { author: selected.package.author || t("avatar.notDeclared") })), (0, react.createElement)("div", null, t("avatar.packageLicense", { license: selected.package.license || t("avatar.notDeclared") })), selected.package.manifestUrl === void 0 ? null : (0, react.createElement)("a", {
+				href: selected.package.manifestUrl,
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, t("avatar.packageSource")), selected.package.homepage === void 0 ? null : (0, react.createElement)("div", null, (0, react.createElement)("a", {
+				href: selected.package.homepage,
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, t("avatar.packageHomepage")))), toggle("floatingEnabled", t("avatar.floatingEnabled")), (0, react.createElement)(AssistantFloatingSizeControl, {
+				size: appearance.floatingSize,
+				custom: customSize,
+				disabled,
+				t,
+				onPreset: (preset) => {
+					setCustomSize(preset === "custom");
+					if (preset !== "custom") save(() => manager.configure({ floatingSize: preset === "mini" ? 72 : 144 }));
+				},
+				onSize: (floatingSize) => {
+					save(() => manager.configure({ floatingSize }));
+				}
+			}), toggle("dialogEnabled", t("avatar.dialogEnabled")), sizeField("dialogSize", 120, 480, t("avatar.dialogSize")), require_manager.getBuiltinAssistantAvatar(appearance.selectedId) !== void 0 ? null : (0, react.createElement)("button", {
+				type: "button",
+				disabled,
+				style: {
+					...require_theme.dshSettingsButtonStyle,
+					justifySelf: "start"
+				},
+				onClick: () => {
+					const id = appearance.selectedId;
+					save(() => manager.remove(id));
+				}
+			}, t("avatar.remove")), selected.package?.manifestUrl === void 0 || selected.package.installationId !== void 0 ? null : (0, react.createElement)("button", {
+				type: "button",
+				disabled,
+				style: {
+					...require_theme.dshSettingsButtonStyle,
+					justifySelf: "start"
+				},
+				onClick: () => {
+					installPackage(selected.package.manifestUrl);
+				}
+			}, t("avatar.installCurrent")), (0, react.createElement)("details", { "data-codingns-avatar-add": true }, (0, react.createElement)("summary", { style: {
+				cursor: "pointer",
+				fontSize: 13
+			} }, t("avatar.add")), field(t("avatar.addMode"), (0, react.createElement)("select", {
+				value: addMode,
+				disabled,
+				style: {
+					...require_theme.dshSettingsFieldStyle,
+					marginTop: 12
+				},
+				"data-codingns-avatar-add-mode": true,
+				onChange: (event) => setAddMode(event.currentTarget.value === "custom" ? "custom" : "package")
+			}, (0, react.createElement)("option", { value: "package" }, t("avatar.importPackage")), (0, react.createElement)("option", { value: "custom" }, t("avatar.customMaterial")))), addMode !== "package" ? null : (0, react.createElement)("div", {
+				"data-codingns-avatar-package-import": true,
+				style: {
+					display: "grid",
+					gap: 12,
+					marginTop: 12
+				}
+			}, field(t("avatar.adapter"), (0, react.createElement)("select", {
+				value: selectedAdapterId,
+				disabled,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => setAdapterId(event.currentTarget.value)
+			}, (0, react.createElement)("option", { value: "auto" }, t("avatar.adapter.auto")), ...adapters.map((adapter) => (0, react.createElement)("option", {
+				key: adapter.id,
+				value: adapter.id
+			}, adapter.labelKey === void 0 ? adapter.name ?? adapter.id : t(adapter.labelKey))))), field(t("avatar.manifestUrl"), (0, react.createElement)("input", {
+				value: manifestUrl,
+				disabled,
+				maxLength: 2048,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => {
+					setManifestUrl(event.currentTarget.value);
+					setCandidates([]);
+					setCandidateUrl("");
+				}
+			})), (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("avatar.importHint")), (0, react.createElement)("button", {
+				type: "button",
+				disabled,
+				style: {
+					...require_theme.dshSettingsButtonStyle,
+					justifySelf: "start"
+				},
+				onClick: () => {
+					importPackage();
+				}
+			}, pending && importer.current !== void 0 ? t("avatar.importing") : t("avatar.discover")), candidates.length === 0 ? null : field(t("avatar.installCandidate"), (0, react.createElement)("select", {
+				value: candidateUrl,
+				disabled,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => setCandidateUrl(event.currentTarget.value)
+			}, ...candidates.map((candidate) => (0, react.createElement)("option", {
+				key: candidate.url,
+				value: candidate.url
+			}, candidate.name)))), candidates.length === 0 ? null : (0, react.createElement)("button", {
+				type: "button",
+				disabled: disabled || appearance.models.length >= 21,
+				style: {
+					...require_theme.dshSettingsButtonStyle,
+					justifySelf: "start"
+				},
+				onClick: () => {
+					installPackage(candidateUrl);
+				}
+			}, t("avatar.importUse")), !pending || importer.current === void 0 ? null : (0, react.createElement)("div", {
+				role: "status",
+				style: {
+					display: "grid",
+					gap: 8
+				}
+			}, (0, react.createElement)("span", null, t("avatar.installProgress")), (0, react.createElement)("progress", {
+				"aria-label": t("avatar.installProgress"),
+				style: { width: "100%" }
+			}), (0, react.createElement)("button", {
+				type: "button",
+				style: {
+					...require_theme.dshSettingsButtonStyle,
+					justifySelf: "start"
+				},
+				onClick: () => importer.current?.abort()
+			}, t("avatar.cancel")))), addMode !== "custom" ? null : (0, react.createElement)("div", {
+				"data-codingns-avatar-custom-add": true,
+				style: {
+					display: "grid",
+					gap: 12,
+					marginTop: 12
+				}
+			}, field(t("avatar.name"), (0, react.createElement)("input", {
+				value: name,
+				disabled,
+				maxLength: 80,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => setName(event.currentTarget.value)
+			})), field(t("avatar.type"), (0, react.createElement)("select", {
+				value: selectedRenderer,
+				disabled,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => setRenderer(event.currentTarget.value)
+			}, ...renderers.filter((item) => item.id !== "builtin").map((item) => (0, react.createElement)("option", {
+				key: item.id,
+				value: item.id
+			}, item.labelKey === void 0 ? item.name ?? item.id : t(item.labelKey))))), field(t("avatar.source"), (0, react.createElement)("input", {
+				value: source,
+				disabled,
+				maxLength: 2048,
+				type: "text",
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => setSource(event.currentTarget.value)
+			})), (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t([
+				"image",
+				"spritesheet",
+				"live2d"
+			].includes(selectedRenderer) ? `avatar.sourceHint.${selectedRenderer}` : "avatar.sourceHint.custom")), selectedRenderer !== "live2d" ? null : (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("avatar.live2dDependencyHint")), selectedRenderer !== "spritesheet" ? null : field(t("avatar.spriteVersion"), (0, react.createElement)("select", {
+				value: version,
+				disabled,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => setVersion(event.currentTarget.value === "1" ? 1 : 2)
+			}, (0, react.createElement)("option", { value: 1 }, "v1 · 1536×1872"), (0, react.createElement)("option", { value: 2 }, "v2 · 1536×2288"))), (0, react.createElement)("button", {
+				type: "button",
+				disabled: disabled || appearance.models.length >= 21,
+				onClick: () => {
+					add();
+				},
+				style: {
+					...require_theme.dshSettingsButtonStyle,
+					justifySelf: "start"
+				}
+			}, t("avatar.addUse")))), (0, react.createElement)(AssistantAvatarEngineProgress, {
+				controller: engine,
+				t
+			}), error === "" ? null : (0, react.createElement)("div", {
+				role: "alert",
+				style: {
+					color: require_theme.dshThemeColor.error,
+					fontSize: 13
+				}
+			}, error), (0, react.createElement)(AssistantAvatarEngineDialog, {
+				controller: engine,
+				t
+			}));
+		}
+		/** 以数值判断旧配置的档位；选择自定义时才展开输入框，不增加持久字段。 */
+		function AssistantFloatingSizeControl({ size, custom, disabled, t, onPreset, onSize }) {
+			const preset = custom ? "custom" : size === 72 ? "mini" : size === 144 ? "standard" : "custom";
+			const label = t("avatar.floatingSize");
+			return (0, react.createElement)("div", {
+				"data-codingns-avatar-floating-size": true,
+				style: {
+					display: "grid",
+					gap: 8
+				}
+			}, (0, react.createElement)("label", { style: require_assistant_workbench.assistantSettingFieldStyle }, label, (0, react.createElement)("select", {
+				value: preset,
+				disabled,
+				"aria-label": label,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => {
+					const next = event.currentTarget.value;
+					if (next === "mini" || next === "standard" || next === "custom") onPreset(next);
+				}
+			}, (0, react.createElement)("option", { value: "mini" }, t("avatar.size.mini")), (0, react.createElement)("option", { value: "standard" }, t("avatar.size.standard")), (0, react.createElement)("option", { value: "custom" }, t("avatar.size.custom")))), preset !== "custom" ? null : (0, react.createElement)("label", { style: require_assistant_workbench.assistantSettingFieldStyle }, t("avatar.customSize"), (0, react.createElement)("input", {
+				key: size,
+				type: "number",
+				min: 72,
+				max: 320,
+				step: 1,
+				defaultValue: size,
+				disabled,
+				"aria-label": t("avatar.customSize"),
+				style: require_theme.dshSettingsFieldStyle,
+				onBlur: (event) => {
+					const value = Number(event.currentTarget.value);
+					if (!disabled && Number.isInteger(value) && value >= 72 && value <= 320 && value !== size) onSize(value);
+					else event.currentTarget.value = String(size);
+				}
+			})));
+		}
+		//#endregion
+		//#region src/client/features/assistant-voice-settings.ts
+		/** 设置页和对话窗口共用独立音色编辑器，不与形象包或识别模型混合。 */
+		function AssistantVoiceSettings({ services, enabled = true, active = true, embedded = false }) {
+			const t = require_transport.useCodingNsTranslator(services.locale);
+			const [snapshot, setSnapshot] = (0, react.useState)();
+			const [selectedId, setSelectedId] = (0, react.useState)("moss:Junhao");
+			const [parameters, setParameters] = (0, react.useState)({ ...require_manager.DEFAULT_ASSISTANT_TTS_PARAMETERS });
+			const [siteId, setSiteId] = (0, react.useState)("kyutai");
+			const [source, setSource] = (0, react.useState)("");
+			const [name, setName] = (0, react.useState)("");
+			const [language, setLanguage] = (0, react.useState)("unknown");
+			const [gender, setGender] = (0, react.useState)("unknown");
+			const [busy, setBusy] = (0, react.useState)();
+			const [error, setError] = (0, react.useState)("");
+			const [writable, setWritable] = (0, react.useState)(() => services.settings.getSnapshot().writable);
+			const alive = (0, react.useRef)(false);
+			const pending = (0, react.useRef)(false);
+			const reading = (0, react.useRef)(false);
+			const abort = (0, react.useRef)();
+			const player = (0, react.useRef)();
+			if (player.current === void 0) player.current = new require_react_dom$1.MossVoiceOutput();
+			(0, react.useEffect)(() => {
+				if (!active) player.current?.cancel();
+			}, [active]);
+			const voices = snapshot?.voices ?? require_manager.MOSS_BUILTIN_VOICES;
+			const selected = voices.find((voice) => voice.id === selectedId) ?? voices[0];
+			const site = require_manager.ASSISTANT_VOICE_SITES.find((site) => site.id === siteId) ?? require_manager.ASSISTANT_VOICE_SITES[0];
+			const disabled = !enabled || !writable || busy !== void 0 || snapshot?.status.busy === true;
+			const ready = snapshot?.status.ready === true;
+			const backend = snapshot?.settings.backend ?? services.settings.getSnapshot().value?.assistant?.tts?.backend ?? "browser";
+			const moss = backend === "moss-onnx";
+			const refresh = (0, react.useCallback)(async () => {
+				if (reading.current) return;
+				reading.current = true;
+				try {
+					const result = await services.rpc.call(require_transport.CODINGNS_RPC_CHANNEL, "assistant/tts/catalog", {}, abort.current?.signal);
+					if (!result.ok) throw new Error(result.error.message);
+					if (alive.current) setSnapshot(result.value);
+				} catch (error) {
+					if (alive.current) setError(message$2(error));
+				} finally {
+					reading.current = false;
+				}
+			}, [services.rpc]);
+			(0, react.useEffect)(() => {
+				alive.current = true;
+				abort.current = new AbortController();
+				refresh();
+				const changed = () => {
+					setWritable(services.settings.getSnapshot().writable);
+					refresh();
+				};
+				const dispose = services.settings.subscribe(changed);
+				window.addEventListener("focus", changed);
+				return () => {
+					alive.current = false;
+					abort.current?.abort();
+					player.current?.dispose();
+					dispose();
+					window.removeEventListener("focus", changed);
+				};
+			}, [refresh, services.settings]);
+			(0, react.useEffect)(() => {
+				if (snapshot !== void 0) setSelectedId(snapshot.settings.selectedId);
+			}, [snapshot?.settings.selectedId]);
+			(0, react.useEffect)(() => {
+				if (snapshot !== void 0) setParameters(services.configurationDraft ? {
+					...require_manager.DEFAULT_ASSISTANT_TTS_PARAMETERS,
+					...snapshot.settings.parameters
+				} : require_manager.readAssistantTtsParameters(snapshot.settings.parameters));
+			}, [
+				snapshot?.settings.parameters?.rate,
+				snapshot?.settings.parameters?.volume,
+				snapshot?.settings.parameters?.segmentPauseMs,
+				snapshot?.settings.parameters?.chunkTokens,
+				snapshot?.settings.parameters?.seed
+			]);
+			(0, react.useEffect)(() => {
+				if (busy !== "setup" && snapshot?.status.busy !== true) return void 0;
+				const timer = setInterval(() => {
+					refresh();
+				}, 1e3);
+				return () => clearInterval(timer);
+			}, [
+				busy,
+				snapshot?.status.busy,
+				refresh
+			]);
+			(0, react.useEffect)(() => {
+				if (!enabled || !moss) player.current?.cancel();
+			}, [enabled, moss]);
+			const run = async (action, value) => {
+				if (pending.current || disabled) return;
+				pending.current = true;
+				setBusy(action);
+				setError("");
+				player.current?.cancel();
+				try {
+					const result = await services.rpc.call(require_transport.CODINGNS_RPC_CHANNEL, `assistant/tts/${action}`, value, abort.current?.signal);
+					if (!result.ok) throw new Error(result.error.message);
+					if (alive.current) {
+						setSnapshot(result.value);
+						if (action === "import") {
+							setSource("");
+							setName("");
+						}
+					}
+					if (services.settings.reload !== void 0) await services.settings.reload();
+					else await services.settings.load?.();
+				} catch (error) {
+					if (alive.current) setError(message$2(error));
+				} finally {
+					pending.current = false;
+					if (alive.current) {
+						setBusy(void 0);
+						await refresh();
+					}
+				}
+			};
+			const preview = async () => {
+				if (pending.current || disabled || !active || !moss || !ready) return;
+				pending.current = true;
+				setBusy("preview");
+				setError("");
+				try {
+					await player.current.speak(t("tts.defaultText"), selected.id, void 0, require_manager.validateAssistantTtsParameters(parameters));
+				} catch (error) {
+					if (alive.current) setError(message$2(error));
+				} finally {
+					pending.current = false;
+					if (alive.current) setBusy(void 0);
+				}
+			};
+			const button = (label, action, locked = false) => (0, react.createElement)("button", {
+				type: "button",
+				disabled: disabled || locked,
+				style: require_theme.dshSettingsButtonStyle,
+				onClick: action
+			}, label);
+			const field = (label, content) => (0, react.createElement)("label", { style: require_assistant_workbench.assistantSettingFieldStyle }, (0, react.createElement)("span", null, label), content);
+			const input = (value, change, maxLength = 2048) => (0, react.createElement)("input", {
+				value,
+				disabled,
+				maxLength,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => change(event.currentTarget.value)
+			});
+			const options = (value, change, values) => (0, react.createElement)("select", {
+				value,
+				disabled,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => change(event.currentTarget.value)
+			}, ...values.map((item) => (0, react.createElement)("option", {
+				key: item,
+				value: item
+			}, t(`tts.${item}`))));
+			const number = (key, scale = 1, slider = false) => {
+				const limits = require_manager.ASSISTANT_TTS_PARAMETER_LIMITS[key];
+				const value = parameters[key];
+				const change = (event) => {
+					const raw = event.currentTarget.value;
+					const next = {
+						...parameters,
+						[key]: raw === "" ? key === "seed" ? null : NaN : Number(raw) / scale
+					};
+					setParameters(next);
+					if (services.configurationDraft) services.settings.mutate([{
+						op: "set",
+						path: [
+							"assistant",
+							"tts",
+							"parameters"
+						],
+						value: next
+					}]).catch((cause) => setError(message$2(cause)));
+				};
+				const props = {
+					disabled,
+					min: limits.min * scale,
+					max: limits.max * scale,
+					step: limits.step * scale,
+					onChange: change
+				};
+				return field(t(`tts.${key}`), (0, react.createElement)("div", { style: {
+					display: "grid",
+					gridTemplateColumns: slider ? "minmax(0, 1fr) 90px" : "1fr",
+					gap: 10,
+					alignItems: "center"
+				} }, slider ? (0, react.createElement)("input", {
+					...props,
+					type: "range",
+					"aria-label": t(`tts.${key}`),
+					value: value === null || !Number.isFinite(value) ? require_manager.DEFAULT_ASSISTANT_TTS_PARAMETERS[key] * scale : Number((value * scale).toFixed(4))
+				}) : null, (0, react.createElement)("input", {
+					...props,
+					type: "number",
+					value: value === null || !Number.isFinite(value) ? "" : Number((value * scale).toFixed(4)),
+					placeholder: key === "seed" ? t("tts.autoSeed") : void 0,
+					"aria-label": t(`tts.${key}`),
+					style: require_theme.dshSettingsFieldStyle,
+					"data-codingns-tts-parameter": key
+				})));
+			};
+			return (0, react.createElement)("section", {
+				"aria-label": t("tts.title"),
+				"data-codingns-voice-settings": true,
+				style: {
+					...require_assistant_workbench.assistantSettingTextStyle,
+					display: "grid",
+					gap: 12,
+					...embedded ? {} : {
+						borderTop: `1px solid ${require_theme.dshThemeColor.border}`,
+						paddingTop: 14
+					}
+				}
+			}, (0, react.createElement)("strong", null, t("tts.title")), moss ? (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("tts.description")) : null, field(t("tts.backend"), (0, react.createElement)("select", {
+				value: backend,
+				disabled: disabled || snapshot === void 0,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => {
+					run("select", {
+						id: selectedId,
+						backend: event.currentTarget.value
+					});
+				}
+			}, (0, react.createElement)("option", { value: "browser" }, t("tts.browser")), (0, react.createElement)("option", {
+				value: "moss-onnx",
+				disabled: !ready
+			}, t("tts.moss")))), (0, react.createElement)("div", { style: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 8
+			} }, button(t(services.configurationDraft ? "tts.prepare" : "tts.setup"), () => {
+				run("setup", {});
+			}), moss ? button(t("tts.refresh"), () => {
+				refresh();
+			}) : null), !moss && !snapshot?.status.busy && busy !== "setup" ? null : (0, react.createElement)("div", {
+				role: "status",
+				style: require_theme.dshSettingsHelpStyle
+			}, snapshot?.status.busy ? snapshot.status.phase : busy === "setup" ? t("tts.busy") : ready ? t("tts.ready") : t("tts.notReady")), snapshot?.status.busy ? (0, react.createElement)("progress", {
+				max: snapshot.status.totalBytes ?? void 0,
+				value: snapshot.status.totalBytes === null ? void 0 : snapshot.status.downloadedBytes,
+				style: { width: "100%" },
+				"aria-label": snapshot.status.phase
+			}) : null, moss ? (0, react.createElement)("div", {
+				"data-codingns-moss-voices": true,
+				style: {
+					display: "grid",
+					gap: 12
+				}
+			}, field(t("tts.selected"), (0, react.createElement)("select", {
+				value: selectedId,
+				disabled,
+				style: require_theme.dshSettingsFieldStyle,
+				"data-codingns-voice-list": true,
+				onChange: (event) => {
+					const id = event.currentTarget.value;
+					player.current?.cancel();
+					setSelectedId(id);
+					if (services.configurationDraft) services.settings.mutate([{
+						op: "set",
+						path: [
+							"assistant",
+							"tts",
+							"selectedId"
+						],
+						value: id
+					}]).catch((cause) => setError(message$2(cause)));
+				}
+			}, ...voices.map((voice) => (0, react.createElement)("option", {
+				key: voice.id,
+				value: voice.id
+			}, voiceLabel(voice, t))))), (0, react.createElement)("div", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				overflowWrap: "anywhere"
+			} }, t("tts.license", { license: selected.license }), " · ", (0, react.createElement)("a", {
+				href: selected.source,
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, t("tts.sourceLink"))), (0, react.createElement)("div", { style: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 8
+			} }, services.configurationDraft ? null : button(t("tts.apply"), () => {
+				run("select", { id: selectedId });
+			}, !ready), button(t("tts.preview"), () => {
+				preview();
+			}, !ready), busy !== "preview" ? null : (0, react.createElement)("button", {
+				type: "button",
+				style: require_theme.dshSettingsButtonStyle,
+				onClick: () => player.current?.cancel()
+			}, t("tts.stop")), selected.kind !== "reference" ? null : button(t("tts.remove"), () => {
+				run("remove", { id: selected.id });
+			}))) : null, (0, react.createElement)("div", {
+				"data-codingns-tts-controls": true,
+				style: {
+					display: "grid",
+					gap: 12
+				}
+			}, (0, react.createElement)("strong", null, t("tts.playbackSettings")), number("rate", 1, true), number("volume", 100, true), moss ? (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("tts.rateHint")) : null, moss ? (0, react.createElement)("details", null, (0, react.createElement)("summary", { style: { cursor: "pointer" } }, t("tts.advanced")), (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 12,
+				marginTop: 12
+			} }, (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("tts.advancedHint")), number("segmentPauseMs"), number("chunkTokens"), number("seed"), (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("tts.seedHint")))) : null, moss ? (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("tts.parametersHint")) : null, (0, react.createElement)("div", { style: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 8
+			} }, services.configurationDraft ? null : button(t("tts.saveParameters"), () => {
+				run("configure", { parameters });
+			}, snapshot === void 0), button(t(services.configurationDraft ? "tts.resetDraftParameters" : "tts.resetParameters"), () => {
+				const next = moss ? { ...require_manager.DEFAULT_ASSISTANT_TTS_PARAMETERS } : {
+					...parameters,
+					rate: require_manager.DEFAULT_ASSISTANT_TTS_PARAMETERS.rate,
+					volume: require_manager.DEFAULT_ASSISTANT_TTS_PARAMETERS.volume
+				};
+				setParameters(next);
+				if (services.configurationDraft) services.settings.mutate([{
+					op: "set",
+					path: [
+						"assistant",
+						"tts",
+						"parameters"
+					],
+					value: next
+				}]).catch((cause) => setError(message$2(cause)));
+				else run("configure", { parameters: next });
+			}, snapshot === void 0))), moss ? (0, react.createElement)("details", { "data-codingns-voice-import": true }, (0, react.createElement)("summary", { style: { cursor: "pointer" } }, t(services.configurationDraft ? "tts.importDraft" : "tts.import")), (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 12,
+				marginTop: 12
+			} }, field(t("tts.site"), (0, react.createElement)("select", {
+				value: siteId,
+				disabled,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => setSiteId(event.currentTarget.value)
+			}, ...require_manager.ASSISTANT_VOICE_SITES.map((site) => (0, react.createElement)("option", {
+				key: site.id,
+				value: site.id
+			}, site.name)))), (0, react.createElement)("a", {
+				href: site.url,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				"aria-disabled": !enabled,
+				onClick: (event) => {
+					if (!enabled) event.preventDefault();
+				},
+				style: {
+					...require_theme.dshSettingsButtonStyle,
+					justifySelf: "start",
+					textDecoration: "none"
+				}
+			}, t("tts.openSite")), (0, react.createElement)("a", {
+				href: siteId === "aishell" ? "https://huggingface.co/datasets/AISHELL/AISHELL-3/tree/main/train/wav" : "https://huggingface.co/kyutai/tts-voices/tree/main/voice-donations",
+				target: "_blank",
+				rel: "noopener noreferrer",
+				"aria-disabled": !enabled,
+				onClick: (event) => {
+					if (!enabled) event.preventDefault();
+				}
+			}, t("tts.openRecordings")), (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t(siteId === "aishell" ? "tts.aishellHint" : "tts.kyutaiHint")), field(t("tts.source"), input(source, setSource)), field(t("tts.name"), input(name, setName, 80)), field(t("tts.language"), options(language, setLanguage, [
+				"unknown",
+				"zh",
+				"en",
+				"ja",
+				"fr"
+			])), field(t("tts.gender"), options(gender, setGender, [
+				"unknown",
+				"male",
+				"female"
+			])), (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("tts.sourceHint")), button(t(services.configurationDraft ? "tts.importDraft" : "tts.import"), () => {
+				const reference = siteId === "aishell" && !source.includes(":") ? `aishell:${source}` : source;
+				run("import", {
+					source: reference,
+					name,
+					language,
+					gender
+				});
+			}, !ready || source.trim() === ""))) : null, error || snapshot?.status.error ? (0, react.createElement)("div", {
+				role: "alert",
+				style: {
+					color: require_theme.dshThemeColor.error,
+					fontSize: 13,
+					overflowWrap: "anywhere"
+				}
+			}, error || snapshot?.status.error) : null);
+		}
+		function voiceLabel(voice, t) {
+			const language = [
+				"zh",
+				"en",
+				"ja",
+				"fr",
+				"unknown"
+			].includes(voice.language) ? t(`tts.${voice.language}`) : voice.language;
+			return `${voice.name} · ${language} · ${t(`tts.${voice.gender}`)}`;
+		}
+		function message$2(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		//#endregion
+		//#region src/client/features/assistant-voice-settings-group.ts
+		/** 两组独立收起，保留子组件实例，避免关闭卡片丢失草稿或中断下载。 */
+		function AssistantVoiceSettingsGroup(props) {
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			return (0, react.createElement)(AssistantVoiceSettingsGroupView, {
+				...props,
+				expanded,
+				onToggle: setExpanded
+			});
+		}
+		/** 原生折叠语义支持键盘操作；内容保留，隐藏后通过 active 停止试听和闲置查询。 */
+		function AssistantVoiceSettingsGroupView({ kind, hint, active, disabled, expanded, t, renderContent, onToggle }) {
+			return (0, react.createElement)("details", {
+				open: expanded,
+				"data-codingns-voice-settings-group": kind,
+				onToggle: (event) => onToggle(event.currentTarget.open),
+				style: {
+					minWidth: 0,
+					border: `1px solid ${require_theme.dshThemeColor.border}`,
+					borderRadius: 14,
+					color: require_theme.dshThemeColor.labelPrimary,
+					background: require_theme.dshThemeColor.cardBackground
+				}
+			}, (0, react.createElement)("summary", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 12,
+				padding: "16px 18px",
+				minWidth: 0,
+				cursor: "pointer",
+				listStyle: "none",
+				borderRadius: expanded ? "14px 14px 0 0" : 14
+			} }, (0, react.createElement)("span", {
+				"aria-hidden": true,
+				style: {
+					width: 36,
+					height: 36,
+					flexShrink: 0,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					borderRadius: 10,
+					color: require_theme.dshThemeColor.accent,
+					background: require_theme.dshThemeColor.surfaceSubtle
+				}
+			}, groupIcon(kind)), (0, react.createElement)("span", { style: {
+				display: "grid",
+				gap: 4,
+				flex: "1 1 auto",
+				minWidth: 0
+			} }, (0, react.createElement)("strong", { style: {
+				fontSize: 14,
+				fontWeight: 600,
+				lineHeight: 1.4
+			} }, t(`voice.settings.${kind}`)), (0, react.createElement)("span", {
+				title: hint,
+				style: {
+					fontSize: 12,
+					lineHeight: 1.5,
+					color: require_theme.dshThemeColor.labelSecondary,
+					whiteSpace: "nowrap",
+					overflow: "hidden",
+					textOverflow: "ellipsis"
+				}
+			}, hint)), (0, react.createElement)("svg", {
+				"aria-hidden": true,
+				width: 18,
+				height: 18,
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 1.8,
+				style: {
+					flexShrink: 0,
+					color: require_theme.dshThemeColor.labelSecondary,
+					transform: expanded ? "rotate(180deg)" : "none"
+				}
+			}, (0, react.createElement)("path", {
+				d: "m6 9 6 6 6-6",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}))), (0, react.createElement)("fieldset", {
+				disabled,
+				style: {
+					display: "grid",
+					gap: 18,
+					margin: 0,
+					padding: 18,
+					minWidth: 0,
+					border: 0,
+					borderTop: `1px solid ${require_theme.dshThemeColor.border}`
+				}
+			}, (0, react.createElement)("style", null, groupCss), renderContent(active && expanded)));
+		}
+		function groupIcon(kind) {
+			return (0, react.createElement)("svg", {
+				width: 20,
+				height: 20,
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 1.6,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}, kind === "input" ? [(0, react.createElement)("rect", {
+				key: "mic",
+				x: 9,
+				y: 2,
+				width: 6,
+				height: 12,
+				rx: 3
+			}), (0, react.createElement)("path", {
+				key: "stand",
+				d: "M5 10v2a7 7 0 0 0 14 0v-2M12 19v3M8 22h8"
+			})] : [(0, react.createElement)("path", {
+				key: "speaker",
+				d: "m11 4-6 5H2v6h3l6 5V4Z"
+			}), (0, react.createElement)("path", {
+				key: "sound",
+				d: "M15 8a6 6 0 0 1 0 8m3-11a10 10 0 0 1 0 14"
+			})]);
+		}
+		const groupCss = `
+[data-codingns-voice-settings-group]>summary::-webkit-details-marker{display:none}
+[data-codingns-voice-settings-group]>summary:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.06))}
+[data-codingns-voice-settings-group]>summary:focus-visible{outline:2px solid var(--dsw-alias-button-info-fill,#1677ff);outline-offset:2px}
+`;
+		//#endregion
+		//#region src/client/features/assistant-voice-initialization.ts
+		/** 打开面板只检查缓存，用户点击启用后才安装；首次不展示技术参数或要求填写字段。 */
+		function AssistantVoiceInitializationPanel({ services, enabled, active, inputSettings, outputSettings }) {
+			const t = require_transport.useCodingNsTranslator(services.locale);
+			const [snapshot, setSnapshot] = (0, react.useState)();
+			const [pending, setPending] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)("");
+			const [speaking, setSpeaking] = (0, react.useState)(false);
+			const [writable, setWritable] = (0, react.useState)(() => services.settings.getSnapshot().writable);
+			const mounted = (0, react.useRef)(false);
+			const submitting = (0, react.useRef)(false);
+			const reading = (0, react.useRef)(false);
+			const revision = (0, react.useRef)(0);
+			const abort = (0, react.useRef)();
+			const player = (0, react.useRef)();
+			if (player.current === void 0) player.current = new require_react_dom$1.MossVoiceOutput();
+			const refresh = (0, react.useCallback)(async () => {
+				if (reading.current) return;
+				reading.current = true;
+				const current = revision.current;
+				try {
+					const result = await services.rpc.call(require_transport.CODINGNS_RPC_CHANNEL, "assistant/voice/initialization", {}, abort.current?.signal);
+					if (!result.ok) throw new Error(result.error.message);
+					if (mounted.current && current === revision.current) {
+						setSnapshot(result.value);
+						setError("");
+					}
+				} catch (cause) {
+					if (mounted.current && current === revision.current) setError(message$1(cause));
+				} finally {
+					reading.current = false;
+				}
+			}, [services.rpc]);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				abort.current = new AbortController();
+				const dispose = services.settings.subscribe(() => {
+					setWritable(services.settings.getSnapshot().writable);
+					refresh();
+				});
+				return () => {
+					mounted.current = false;
+					revision.current++;
+					abort.current?.abort();
+					player.current?.dispose();
+					dispose();
+				};
+			}, [services.settings, refresh]);
+			(0, react.useEffect)(() => {
+				if (!active && !pending && !snapshot?.busy) return void 0;
+				refresh();
+				const timer = setInterval(() => {
+					refresh();
+				}, pending || snapshot?.busy ? 1e3 : 5e3);
+				return () => clearInterval(timer);
+			}, [
+				active,
+				pending,
+				snapshot?.busy,
+				refresh
+			]);
+			(0, react.useEffect)(() => {
+				if (!active || !enabled) {
+					player.current?.cancel();
+					setSpeaking(false);
+				}
+			}, [active, enabled]);
+			const initialize = async () => {
+				if (submitting.current || !enabled || !writable || snapshot === void 0 || snapshot.busy) return;
+				submitting.current = true;
+				revision.current++;
+				setPending(true);
+				setError("");
+				player.current?.cancel();
+				setSpeaking(false);
+				try {
+					const result = await services.rpc.call(require_transport.CODINGNS_RPC_CHANNEL, "assistant/voice/initialize", {}, abort.current?.signal);
+					if (!result.ok) throw new Error(result.error.message);
+					revision.current++;
+					if (mounted.current) setSnapshot(result.value);
+					if (services.settings.reload !== void 0) await services.settings.reload();
+					else await services.settings.load?.();
+				} catch (cause) {
+					if (mounted.current) setError(message$1(cause));
+				} finally {
+					submitting.current = false;
+					if (mounted.current) setPending(false);
+				}
+			};
+			const listen = async () => {
+				if (speaking) {
+					player.current?.cancel();
+					setSpeaking(false);
+					return;
+				}
+				if (!enabled || !writable || !snapshot?.ready) return;
+				setSpeaking(true);
+				setError("");
+				try {
+					await player.current.speak(t("tts.defaultText"), snapshot.tts.settings.selectedId, void 0, snapshot.tts.settings.parameters);
+				} catch (cause) {
+					if (mounted.current) setError(message$1(cause));
+				} finally {
+					if (mounted.current) setSpeaking(false);
+				}
+			};
+			return (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 18
+			} }, (0, react.createElement)(AssistantVoiceInitializationView, {
+				snapshot,
+				pending,
+				error,
+				disabled: !enabled || !writable,
+				speaking,
+				draft: services.configurationDraft === true,
+				t,
+				onInitialize: () => {
+					initialize();
+				},
+				onListen: () => {
+					listen();
+				},
+				onRefresh: () => {
+					refresh();
+				}
+			}), (0, react.createElement)(AssistantVoiceSettingsGroup, {
+				kind: "input",
+				hint: snapshot?.modelLabel ?? t("voice.settings.inputDescription"),
+				active,
+				disabled: !enabled || !writable || pending || snapshot?.busy === true,
+				t,
+				renderContent: inputSettings
+			}), (0, react.createElement)(AssistantVoiceSettingsGroup, {
+				kind: "output",
+				hint: snapshot?.tts.settings.backend === "browser" ? t("tts.browser") : snapshot?.tts.voices.find((voice) => voice.id === snapshot.tts.settings.selectedId)?.name ?? t("voice.settings.outputDescription"),
+				active,
+				disabled: !enabled || !writable || pending || snapshot?.busy === true,
+				t,
+				renderContent: outputSettings
+			}));
+		}
+		/** 纯展示层覆盖未配置、准备中、失败与完成四态，重试仍只有一个入口。 */
+		function AssistantVoiceInitializationView({ snapshot, pending, error, disabled, speaking, draft = false, t, onInitialize, onListen, onRefresh }) {
+			const busy = pending || snapshot?.busy === true;
+			const ready = snapshot?.ready === true;
+			const failure = error || snapshot?.error;
+			const voice = snapshot?.tts.voices.find((voice) => voice.id === snapshot.tts.settings.selectedId);
+			const label = busy ? t(snapshot?.phase === "speech" || snapshot?.tts.status.busy ? "tts.wizardSpeech" : "tts.wizardRecognition") : ready ? t(draft ? "tts.wizardDraftReady" : "tts.wizardReady") : snapshot === void 0 ? t("tts.wizardChecking") : t("tts.wizardDescription");
+			const progress = snapshot?.progress;
+			const value = busy && progress?.totalBytes != null && progress.totalBytes > 0 ? Math.min(progress.downloadedBytes, progress.totalBytes) : void 0;
+			return (0, react.createElement)("section", {
+				"data-codingns-voice-initialization": ready ? "ready" : busy ? "preparing" : failure ? "failed" : "initial",
+				"aria-label": t("tts.wizardTitle"),
+				style: {
+					display: "grid",
+					gap: 12,
+					padding: 18,
+					borderRadius: 12,
+					border: `1px solid ${require_theme.dshThemeColor.border}`,
+					background: require_theme.dshThemeColor.surfaceSubtle
+				}
+			}, (0, react.createElement)("strong", null, t(ready ? "tts.wizardReady" : "tts.wizardTitle")), (0, react.createElement)("p", {
+				role: "status",
+				"aria-live": "polite",
+				style: {
+					...require_theme.dshSettingsHelpStyle,
+					margin: 0
+				}
+			}, label), ready ? null : (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 5,
+				fontSize: 13,
+				overflowWrap: "anywhere"
+			} }, (0, react.createElement)("span", null, t("tts.wizardModel", { model: snapshot?.modelId === "custom" ? t("voice.models.custom") : snapshot?.modelLabel ?? t("tts.wizardDefault") })), (0, react.createElement)("span", null, t("tts.wizardVoice", { voice: voice?.name ?? "Junhao" }))), busy ? (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 6
+			} }, (0, react.createElement)("progress", {
+				max: progress?.totalBytes ?? 1,
+				...value === void 0 ? {} : { value },
+				"aria-label": label,
+				style: { width: "100%" }
+			}), snapshot?.phase !== "speech" || progress === null || progress === void 0 ? null : (0, react.createElement)("small", { style: require_theme.dshSettingsHelpStyle }, progress.label)) : null, ready ? null : (0, react.createElement)("p", { style: {
+				...require_theme.dshSettingsHelpStyle,
+				margin: 0
+			} }, t("tts.wizardHint")), (0, react.createElement)("div", { style: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 8
+			} }, (0, react.createElement)("button", {
+				type: "button",
+				disabled: disabled || busy || snapshot === void 0,
+				onClick: ready ? onListen : onInitialize,
+				style: require_theme.dshSettingsPrimaryButtonStyle
+			}, t(ready ? speaking ? "tts.stop" : "tts.wizardListen" : busy ? "tts.wizardPreparing" : failure ? "tts.wizardRetry" : draft ? "tts.wizardPrepareResources" : "tts.wizardEnable")), snapshot !== void 0 && !failure ? null : (0, react.createElement)("button", {
+				type: "button",
+				disabled: busy,
+				onClick: onRefresh,
+				style: require_theme.dshSettingsButtonStyle
+			}, t("tts.refresh"))), failure ? (0, react.createElement)("div", {
+				role: "alert",
+				style: {
+					color: require_theme.dshThemeColor.error,
+					fontSize: 13,
+					overflowWrap: "anywhere"
+				}
+			}, failure) : null);
+		}
+		function message$1(cause) {
+			return cause instanceof Error ? cause.message : String(cause);
+		}
+		//#endregion
+		//#region src/client/voice-model-setup-progress.ts
+		/** 复用页面 RPC 查询下载状态；每次查询返回后再安排下一次，避免请求积压。 */
+		function watchVoiceModelSetupProgress(rpc, request, onProgress) {
+			let active = true;
+			let timer;
+			const controller = new AbortController();
+			const poll = async () => {
+				try {
+					const result = await rpc.call(require_transport.CODINGNS_RPC_CHANNEL, "assistant/voice/setup-progress", request, controller.signal);
+					const progress = result.ok ? result.value : null;
+					if (active && progress != null && progress.modelId === request.modelId) onProgress(progress);
+				} catch {}
+				if (active) timer = setTimeout(() => void poll(), 300);
+			};
+			poll();
+			return () => {
+				active = false;
+				clearTimeout(timer);
+				controller.abort();
+			};
+		}
+		//#endregion
+		//#region src/client/features/voice-initialization-dialog.ts
+		/** 识别模型独立展示，不依赖 MOSS 初始化或高级声音设置的展开状态。 */
+		function VoiceModelManagerPanel({ services, value, enabled, active }) {
+			return (0, react.createElement)(VoiceModelManager, {
+				services,
+				value,
+				enabled,
+				active
+			});
+		}
+		/** 选中的卡片与 Host 当前配置分开保存，操作完成后重新读取文件事实。 */
+		function VoiceModelManager({ services, value, enabled = true, active = true, onClose }) {
+			const t = require_transport.useCodingNsTranslator(services.locale);
+			const [modelId, setModelId] = (0, react.useState)(() => require_assistant_workbench.findAssistantVoiceModel(value.modelId ?? "")?.id ?? "sherpa-onnx-streaming-zh-en");
+			const [snapshot, setSnapshot] = (0, react.useState)();
+			const [refreshing, setRefreshing] = (0, react.useState)(true);
+			const [busy, setBusy] = (0, react.useState)();
+			const [progress, setProgress] = (0, react.useState)();
+			const [error, setError] = (0, react.useState)();
+			const [loadError, setLoadError] = (0, react.useState)();
+			const [success, setSuccess] = (0, react.useState)();
+			const mounted = (0, react.useRef)(true);
+			const readAbort = (0, react.useRef)();
+			const stopProgress = (0, react.useRef)();
+			const pending = (0, react.useRef)(false);
+			const [settings, setSettings] = (0, react.useState)(() => services.settings.getSnapshot());
+			const refresh = (0, react.useCallback)(async () => {
+				readAbort.current?.abort();
+				const controller = new AbortController();
+				readAbort.current = controller;
+				setRefreshing(true);
+				try {
+					const result = await services.rpc.call(require_transport.CODINGNS_RPC_CHANNEL, "assistant/voice/models", {}, controller.signal);
+					if (!mounted.current || controller.signal.aborted) return;
+					if (!result.ok) throw new Error(result.error.message);
+					setSnapshot(result.value);
+					setLoadError(void 0);
+				} catch (cause) {
+					if (mounted.current && !controller.signal.aborted) setLoadError(errorMessage(cause));
+				} finally {
+					if (mounted.current && !controller.signal.aborted) setRefreshing(false);
+				}
+			}, [services.rpc]);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				return () => {
+					mounted.current = false;
+					readAbort.current?.abort();
+					stopProgress.current?.();
+				};
+			}, [services.rpc]);
+			(0, react.useEffect)(() => {
+				if (active) refresh();
+				const onFocus = () => {
+					if (active) refresh();
+				};
+				window.addEventListener("focus", onFocus);
+				const unsubscribe = services.settings.subscribe(() => {
+					setSettings(services.settings.getSnapshot());
+					if (active || pending.current) refresh();
+				});
+				return () => {
+					window.removeEventListener("focus", onFocus);
+					unsubscribe();
+				};
+			}, [
+				active,
+				refresh,
+				services.settings
+			]);
+			(0, react.useEffect)(() => {
+				const current = require_assistant_workbench.findAssistantVoiceModel((services.configurationDraft ? value.modelId : snapshot?.currentModelId) ?? "");
+				if (current !== void 0) setModelId(current.id);
+			}, [
+				snapshot?.currentModelId,
+				services.configurationDraft,
+				value.modelId
+			]);
+			(0, react.useEffect)(() => {
+				if (!active || snapshot?.operation == null || busy !== void 0) return void 0;
+				const timer = setTimeout(() => void refresh(), 1e3);
+				return () => clearTimeout(timer);
+			}, [
+				active,
+				snapshot,
+				busy,
+				refresh
+			]);
+			(0, react.useEffect)(() => {
+				if (onClose === void 0) return void 0;
+				const onEscape = (event) => {
+					if (event.key === "Escape" && !pending.current) onClose();
+				};
+				document.addEventListener("keydown", onEscape);
+				return () => document.removeEventListener("keydown", onEscape);
+			}, [onClose]);
+			const run = async (kind) => {
+				if (!active || !enabled || pending.current || snapshot === void 0 || snapshot.operation !== null) return;
+				if (kind !== "verify" && (snapshot.runtimeRunning || !settings.writable || settings.status === "loading")) return;
+				pending.current = true;
+				setBusy(kind);
+				setError(void 0);
+				setSuccess(void 0);
+				setProgress(void 0);
+				try {
+					const request = {
+						modelId,
+						requestId: `voice-model-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+						repair: kind === "repair"
+					};
+					if (kind !== "verify") stopProgress.current = watchVoiceModelSetupProgress(services.rpc, request, (next) => {
+						if (mounted.current) setProgress(next);
+					});
+					const result = await services.rpc.call(require_transport.CODINGNS_RPC_CHANNEL, kind === "verify" ? "assistant/voice/model/verify" : "assistant/voice/setup", request);
+					if (!mounted.current) return;
+					if (!result.ok) throw new Error(result.error.message);
+					if (kind !== "verify") {
+						if (services.settings.reload !== void 0) await services.settings.reload();
+						else await services.settings.load?.();
+					}
+					if (!mounted.current) return;
+					setSuccess(t(kind === "verify" ? "voice.models.verified" : services.configurationDraft ? "voice.models.prepared" : "voice.models.applied"));
+				} catch (cause) {
+					if (mounted.current) setError(errorMessage(cause));
+				} finally {
+					stopProgress.current?.();
+					stopProgress.current = void 0;
+					pending.current = false;
+					if (mounted.current) {
+						setBusy(void 0);
+						await refresh();
+					}
+				}
+			};
+			const choose = (id) => {
+				setModelId(id);
+				setError(void 0);
+				setSuccess(void 0);
+				setProgress(void 0);
+			};
+			const manager = (0, react.createElement)(VoiceModelManagerView, {
+				snapshot,
+				modelId,
+				refreshing,
+				busy,
+				progress,
+				error: error ?? loadError,
+				success,
+				enabled,
+				writable: settings.writable && settings.status !== "loading",
+				onSelect: choose,
+				onRefresh: () => void refresh(),
+				onRun: (kind) => void run(kind),
+				...onClose === void 0 ? {} : { onClose },
+				t
+			});
+			if (onClose === void 0) return (0, react.createElement)("section", {
+				"data-codingns-voice-model-manager": true,
+				"aria-label": t("awb.asr"),
+				"aria-busy": refreshing || busy !== void 0,
+				style: {
+					display: "grid",
+					minWidth: 0
+				}
+			}, manager);
+			return (0, react.createElement)("div", {
+				role: "presentation",
+				onPointerDown: () => {
+					if (!pending.current) onClose();
+				},
+				style: {
+					position: "fixed",
+					inset: 0,
+					zIndex: 1e4,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					padding: 16,
+					background: require_theme.dshThemeColor.overlay,
+					boxSizing: "border-box"
+				}
+			}, (0, react.createElement)("div", {
+				role: "dialog",
+				"aria-modal": true,
+				"aria-label": t("voice.setup.title"),
+				"aria-busy": busy !== void 0,
+				onPointerDown: (event) => event.stopPropagation(),
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					width: "min(680px, 100%)",
+					maxHeight: "min(780px, 100%)",
+					color: require_theme.dshThemeColor.labelPrimary,
+					background: require_theme.dshThemeColor.menuBackground,
+					border: `1px solid ${require_theme.dshThemeColor.border}`,
+					borderRadius: 14,
+					boxShadow: require_theme.dshThemeColor.prominentShadow,
+					overflow: "hidden",
+					boxSizing: "border-box"
+				}
+			}, manager));
+		}
+		/** 展示层保留下载、配置和验证三个维度，避免把选择动作显示成启用成功。 */
+		function VoiceModelManagerView({ snapshot, modelId, refreshing, busy, progress, error, success, writable, enabled = true, onSelect, onRefresh, onRun, onClose, t }) {
+			const current = require_assistant_workbench.findAssistantVoiceModel(snapshot?.currentModelId ?? "");
+			const selected = snapshot?.models.find((model) => model.modelId === modelId);
+			const locked = !enabled || busy !== void 0 || snapshot?.operation != null;
+			const canApply = snapshot !== void 0 && !locked && writable && !snapshot.runtimeRunning;
+			const alreadyUsed = selected?.current === true && selected.validation.state === "passed" && selected.state === "downloaded";
+			const action = selected?.state === "partial" ? t("voice.models.completeDownload") : selected?.state === "downloaded" ? alreadyUsed ? t("voice.models.inUse") : t("voice.models.use") : t("voice.models.downloadUse");
+			return (0, react.createElement)("div", { style: { display: "contents" } }, (0, react.createElement)("div", { style: {
+				padding: onClose === void 0 ? "0 0 12px" : "20px 22px 16px",
+				display: "grid",
+				gap: 6
+			} }, (0, react.createElement)("div", { style: {
+				...rowStyle,
+				flexWrap: "wrap"
+			} }, (0, react.createElement)("strong", { style: {
+				fontSize: onClose === void 0 ? 14 : 19,
+				lineHeight: 1.4
+			} }, t(onClose === void 0 ? "awb.asr" : "voice.setup.title")), button(t(refreshing ? "voice.models.refreshing" : "voice.models.refresh"), refreshing || busy !== void 0, onRefresh)), (0, react.createElement)("span", { style: helpStyle }, t("voice.models.description")), onClose === void 0 ? (0, react.createElement)("span", { style: helpStyle }, t("voice.models.recognitionHint")) : null), (0, react.createElement)("div", { style: {
+				...onClose === void 0 ? {} : { overflowY: "auto" },
+				minHeight: 0,
+				padding: onClose === void 0 ? "0 0 16px" : "0 22px 18px",
+				display: "grid",
+				gap: 12
+			} }, (0, react.createElement)("div", { style: {
+				...noticeStyle,
+				display: "grid",
+				gap: 5
+			} }, (0, react.createElement)("span", { style: helpStyle }, t("voice.models.current")), (0, react.createElement)("strong", { style: {
+				fontSize: 14,
+				overflowWrap: "anywhere"
+			} }, snapshot === void 0 ? t("voice.models.unknown") : current?.label ?? (snapshot.currentModelId ? t("voice.models.custom") : t("voice.models.none"))), snapshot === void 0 ? null : (0, react.createElement)("span", { style: helpStyle }, t(snapshot.runtimeRunning ? "voice.models.running" : snapshot.runtimeReady ? "voice.models.ready" : "voice.models.stopped"))), snapshot === void 0 && error === void 0 ? (0, react.createElement)("div", {
+				role: "status",
+				style: helpStyle
+			}, t("voice.models.loading")) : null, (0, react.createElement)("div", {
+				role: "radiogroup",
+				"aria-label": t("voice.setup.model"),
+				style: {
+					display: "grid",
+					gap: 10
+				}
+			}, ...require_assistant_workbench.ASSISTANT_VOICE_MODEL_CATALOG.map((model) => (0, react.createElement)(VoiceModelCard, {
+				key: model.id,
+				model,
+				status: snapshot?.models.find((status) => status.modelId === model.id),
+				selected: model.id === modelId,
+				disabled: locked || snapshot === void 0,
+				onSelect,
+				t
+			}))), busy === void 0 ? null : (0, react.createElement)("div", { style: noticeStyle }, (0, react.createElement)(VoiceModelSetupProgress, {
+				progress: busy === "verify" ? {
+					modelId,
+					phase: "verifying",
+					fileName: null,
+					fileIndex: 0,
+					fileCount: 0,
+					downloadedBytes: 0,
+					totalBytes: null
+				} : progress,
+				t
+			})), snapshot?.operation == null || busy !== void 0 ? null : (0, react.createElement)("div", {
+				role: "status",
+				style: noticeStyle
+			}, t("voice.models.otherOperation")), snapshot?.runtimeRunning ? (0, react.createElement)("div", { style: helpStyle }, t("voice.models.stopBeforeSwitch")) : null, success === void 0 ? null : (0, react.createElement)("div", {
+				role: "status",
+				style: {
+					...noticeStyle,
+					color: require_theme.dshThemeColor.success
+				}
+			}, success), error === void 0 ? null : (0, react.createElement)("div", {
+				role: "alert",
+				style: {
+					...noticeStyle,
+					color: require_theme.dshThemeColor.error,
+					overflowWrap: "anywhere",
+					whiteSpace: "pre-wrap"
+				}
+			}, error), (0, react.createElement)("span", { style: helpStyle }, t("voice.models.localHint"))), (0, react.createElement)("div", { style: {
+				display: "flex",
+				justifyContent: "flex-end",
+				flexWrap: "wrap",
+				gap: 8,
+				padding: onClose === void 0 ? "14px 0 0" : "14px 22px",
+				borderTop: `1px solid ${require_theme.dshThemeColor.border}`
+			} }, onClose === void 0 ? null : button(t("voice.models.close"), busy !== void 0, onClose), selected?.state === "missing" || selected === void 0 ? null : button(t("voice.models.redownload"), !canApply, () => onRun("repair")), button(t("voice.models.verify"), locked || selected?.state !== "downloaded", () => onRun("verify")), button(action, !canApply || alreadyUsed || selected === void 0, () => onRun("setup"), true)));
+		}
+		/** 文件详情按需展开，模型下载状态与最近验证结果始终可见。 */
+		function VoiceModelCard({ model, status, selected, disabled, onSelect, t }) {
+			const state = status === void 0 ? t("voice.models.unknown") : t(status.state === "downloaded" ? "voice.models.downloaded" : status.state === "partial" ? "voice.models.partial" : "voice.models.missing");
+			const validation = status?.validation.state === "passed" ? t("voice.models.passed") : status?.validation.state === "failed" ? t("voice.models.failed") : t("voice.models.unchecked");
+			return (0, react.createElement)("div", { style: {
+				border: `1px solid ${selected ? require_theme.dshThemeColor.accent : require_theme.dshThemeColor.border}`,
+				borderRadius: 9,
+				padding: "12px 14px",
+				background: selected ? require_theme.dshThemeColor.surfaceSubtle : require_theme.dshThemeColor.menuBackground,
+				display: "grid",
+				gap: 8
+			} }, (0, react.createElement)("label", { style: {
+				...require_assistant_workbench.assistantSettingCheckboxStyle,
+				cursor: disabled ? "default" : "pointer"
+			} }, (0, react.createElement)("input", {
+				type: "radio",
+				name: "voice-model",
+				value: model.id,
+				checked: selected,
+				disabled,
+				onChange: () => onSelect(model.id),
+				style: {
+					margin: "3px 0 0",
+					accentColor: require_theme.dshThemeColor.accent,
+					flexShrink: 0
+				}
+			}), (0, react.createElement)("span", { style: {
+				display: "grid",
+				gap: 5,
+				minWidth: 0,
+				flex: 1
+			} }, (0, react.createElement)("span", { style: {
+				...require_assistant_workbench.assistantSettingTextStyle,
+				overflowWrap: "anywhere"
+			} }, model.label), (0, react.createElement)("span", { style: helpStyle }, model.description), (0, react.createElement)("span", { style: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 6
+			} }, badge(state, status?.state === "downloaded" ? require_theme.dshThemeColor.success : require_theme.dshThemeColor.labelSecondary), status?.current ? badge(t("voice.models.inUse"), require_theme.dshThemeColor.accent) : null, status?.state === "downloaded" ? badge(validation, status.validation.state === "passed" ? require_theme.dshThemeColor.success : status.validation.state === "failed" ? require_theme.dshThemeColor.error : require_theme.dshThemeColor.labelSecondary) : null))), status === void 0 ? null : (0, react.createElement)("div", { style: {
+				paddingLeft: 23,
+				display: "grid",
+				gap: 6
+			} }, (0, react.createElement)("span", { style: helpStyle }, t("voice.models.fileCount", {
+				count: status.files.filter((file) => file.present).length,
+				total: status.files.length,
+				size: formatDownloadSize(status.totalBytes)
+			})), status.validation.checkedAt === null ? null : (0, react.createElement)("span", { style: helpStyle }, t("voice.models.checkedAt", { time: new Date(status.validation.checkedAt).toLocaleString() })), status.validation.error === null ? null : (0, react.createElement)("span", { style: {
+				...helpStyle,
+				color: require_theme.dshThemeColor.error,
+				overflowWrap: "anywhere"
+			} }, status.validation.error), (0, react.createElement)("details", null, (0, react.createElement)("summary", { style: {
+				...helpStyle,
+				cursor: "pointer"
+			} }, t("voice.models.fileDetails")), (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 9,
+				marginTop: 9
+			} }, ...status.files.map((file) => (0, react.createElement)("div", {
+				key: file.name,
+				style: {
+					display: "grid",
+					gap: 2
+				}
+			}, (0, react.createElement)("span", { style: {
+				...rowStyle,
+				fontSize: 12
+			} }, (0, react.createElement)("span", { style: { overflowWrap: "anywhere" } }, file.name), (0, react.createElement)("span", { style: {
+				flexShrink: 0,
+				color: file.present ? require_theme.dshThemeColor.labelSecondary : require_theme.dshThemeColor.error
+			} }, file.present ? formatDownloadSize(file.bytes) : file.partialBytes > 0 ? t("voice.models.partialSize", { size: formatDownloadSize(file.partialBytes) }) : t("voice.models.fileMissing"))), (0, react.createElement)("span", { style: {
+				...helpStyle,
+				fontSize: 11,
+				overflowWrap: "anywhere",
+				fontFamily: require_theme.dshThemeColor.codeFont
+			} }, file.path)))))));
+		}
+		/** 已下载的字节进度与模型验证、配置阶段分别显示。 */
+		function VoiceModelSetupProgress({ progress, t }) {
+			const downloading = progress?.phase === "downloading";
+			const percent = progress?.phase === "initializing" || progress?.phase === "completed" ? 100 : downloading && progress.totalBytes !== null && progress.totalBytes > 0 ? Math.min(100, Math.floor(progress.downloadedBytes / progress.totalBytes * 100)) : void 0;
+			const label = downloading ? t("voice.setup.downloadFile", {
+				index: progress.fileIndex,
+				count: progress.fileCount
+			}) : progress?.phase === "verifying" ? t("voice.models.verifying") : progress?.phase === "initializing" ? t("voice.setup.initializing") : progress?.phase === "completed" ? t("voice.setup.completed") : t("voice.setup.checking");
+			const bytes = downloading ? progress.totalBytes === null ? t("voice.setup.downloadedSize", { size: formatDownloadSize(progress.downloadedBytes) }) : `${formatDownloadSize(progress.downloadedBytes)} / ${formatDownloadSize(progress.totalBytes)}` : void 0;
+			return (0, react.createElement)("div", {
+				role: "status",
+				"aria-live": "polite",
+				style: {
+					display: "grid",
+					gap: 7,
+					color: require_theme.dshThemeColor.labelSecondary,
+					fontSize: 13,
+					lineHeight: 1.5
+				}
+			}, (0, react.createElement)("div", { style: rowStyle }, (0, react.createElement)("span", null, label), percent === void 0 ? null : (0, react.createElement)("span", { style: {
+				flexShrink: 0,
+				fontVariantNumeric: "tabular-nums"
+			} }, downloading ? t("voice.setup.filePercent", { percent }) : "100%")), (0, react.createElement)("progress", {
+				max: 100,
+				...percent === void 0 ? {} : { value: percent },
+				"aria-label": downloading ? t("voice.setup.fileProgress") : label,
+				style: {
+					display: "block",
+					width: "100%",
+					height: 10,
+					accentColor: require_theme.dshThemeColor.accent
+				}
+			}), downloading ? (0, react.createElement)("span", { style: { overflowWrap: "anywhere" } }, progress.fileName) : null, bytes === void 0 ? null : (0, react.createElement)("span", { style: { fontVariantNumeric: "tabular-nums" } }, bytes));
+		}
+		function formatDownloadSize(bytes) {
+			if (bytes < 1024) return `${bytes} B`;
+			if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
+			return `${(bytes / 1048576).toFixed(1)} MB`;
+		}
+		function errorMessage(cause) {
+			return cause instanceof Error ? cause.message : String(cause);
+		}
+		function button(label, disabled, onClick, primary = false) {
+			return (0, react.createElement)("button", {
+				type: "button",
+				disabled,
+				onClick,
+				style: {
+					...primary ? require_theme.dshSettingsPrimaryButtonStyle : require_theme.dshSettingsButtonStyle,
+					whiteSpace: "nowrap",
+					flexShrink: 0,
+					...disabled ? {
+						opacity: .5,
+						cursor: "default"
+					} : {}
+				}
+			}, label);
+		}
+		function badge(label, color) {
+			return (0, react.createElement)("span", { style: {
+				padding: "2px 7px",
+				border: `1px solid ${require_theme.dshThemeColor.border}`,
+				borderRadius: 5,
+				fontSize: 11,
+				lineHeight: 1.4,
+				color
+			} }, label);
+		}
+		const rowStyle = {
+			display: "flex",
+			justifyContent: "space-between",
+			alignItems: "center",
+			gap: 12
+		};
+		const helpStyle = {
+			color: require_theme.dshThemeColor.labelSecondary,
+			fontSize: 12,
+			lineHeight: 1.55
+		};
+		const noticeStyle = {
+			padding: "11px 13px",
+			borderRadius: 8,
+			background: require_theme.dshThemeColor.surfaceSubtle,
+			fontSize: 13,
+			lineHeight: 1.55
+		};
+		//#endregion
+		//#region src/client/features/assistant-configuration-view.ts
+		/** 创建与配置共用形象选择：选中 Live2D 时先确认引擎许可并自动安装，成功后才改草稿。 */
+		function AssistantAvatarSelectionField({ services, appearance, avatarId, avatars, includeLegacy, disabled, t, onChange }) {
+			const engine = useAssistantAvatarEngine({
+				services,
+				manager: require_manager.getAssistantAvatarManager(services),
+				appearance,
+				disabled
+			});
+			const choices = assistantAvatarChoices(appearance, [], t, includeLegacy);
+			const avatar = avatars.find((model) => model.id === avatarId);
+			const list = choices.some((choice) => choice.id === avatarId) ? choices : [{
+				id: avatarId,
+				label: t("awb.unavailableSelection", { id: avatarId }),
+				thirdParty: false,
+				disabled: true
+			}, ...choices];
+			const choose = (choice) => {
+				if (disabled || !avatars.some((model) => model.id === choice.id)) return;
+				if (avatars.find((item) => item.id === choice.id)?.renderer === "live2d") {
+					engine.ensure(() => onChange({ avatarId: choice.id }));
+					return;
+				}
+				onChange({ avatarId: choice.id });
+			};
+			return (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 8
+			} }, (0, react.createElement)(AssistantAvatarPicker, {
+				label: t("awb.avatar"),
+				value: avatarId,
+				disabled: disabled || engine.installing,
+				t,
+				choices: list,
+				onChoose: choose
+			}), (0, react.createElement)(AssistantAvatarEngineProgress, {
+				controller: engine,
+				t
+			}), (0, react.createElement)("p", { style: help }, t("avatar.externalHint")), avatar?.renderer !== "live2d" ? null : (0, react.createElement)("p", { style: help }, t("avatar.live2dDependencyHint")), (0, react.createElement)(AssistantAvatarEngineDialog, {
+				controller: engine,
+				t
+			}));
+		}
+		function AssistantConfigurationFields({ draft, catalog, appearance, initializing = false, includeAvatar = true, services, t, disabled, onChange }) {
+			const models = catalog?.models ?? [];
+			const avatars = require_manager.listAssistantAvatars(appearance, !initializing);
+			const avatar = avatars.find((model) => model.id === draft.avatarId);
+			const avatarChoices = assistantAvatarChoices(appearance, [], t, !initializing);
+			const input = (label, node) => (0, react.createElement)("label", { style: field }, (0, react.createElement)("span", null, label), node);
+			const select = (label, value, change, options) => input(label, (0, react.createElement)("select", {
+				value,
+				disabled,
+				style: identityFieldStyle,
+				onChange: (event) => change(event.currentTarget.value)
+			}, ...options));
+			const missing = (id) => (0, react.createElement)("option", {
+				key: id,
+				value: id
+			}, t("awb.unavailableSelection", { id }));
+			return (0, react.createElement)("div", {
+				"data-codingns-assistant-identity": true,
+				style: {
+					display: "grid",
+					gap: 11
+				}
+			}, (0, react.createElement)("div", {
+				"data-codingns-assistant-identity-row": true,
+				style: {
+					display: "grid",
+					alignItems: "start",
+					gridTemplateColumns: services === void 0 || avatar === void 0 ? "minmax(0, 1fr)" : "minmax(0, 1fr) minmax(0, 176px)",
+					columnGap: 16,
+					rowGap: 8,
+					minWidth: 0
+				}
+			}, input(t("awb.name"), (0, react.createElement)("input", {
+				value: draft.name,
+				maxLength: 80,
+				disabled,
+				placeholder: t("awb.namePlaceholder"),
+				style: identityFieldStyle,
+				onChange: (event) => onChange({ name: event.currentTarget.value })
+			})), services === void 0 || avatar === void 0 ? null : (0, react.createElement)(AssistantAvatarPortraitEditor, {
+				services,
+				model: avatar,
+				disabled,
+				t
+			})), select(t("awb.model"), draft.modelKey, (modelKey) => onChange({ modelKey }), [
+				(0, react.createElement)("option", {
+					key: "",
+					value: ""
+				}, t("awb.defaultModel")),
+				...draft.modelKey && !models.some((model) => JSON.stringify([model.provider, model.model]) === draft.modelKey) ? [missing(draft.modelKey)] : [],
+				...models.map((model) => (0, react.createElement)("option", {
+					key: JSON.stringify([model.provider, model.model]),
+					value: JSON.stringify([model.provider, model.model])
+				}, `${model.label} · ${model.provider}`))
+			]), catalog?.models.length === 0 ? (0, react.createElement)("p", { style: help }, t("awb.noModel"), ...catalog.errors.map((error) => (0, react.createElement)("span", {
+				key: error,
+				style: { display: "block" }
+			}, error))) : null, input(t("awb.personality"), (0, react.createElement)("textarea", {
+				value: draft.personality,
+				maxLength: require_manager.ASSISTANT_PERSONALITY_MAX_CHARS,
+				rows: 4,
+				disabled,
+				placeholder: t("awb.personalityPlaceholder"),
+				style: {
+					...identityFieldStyle,
+					minHeight: 96,
+					maxHeight: 200,
+					resize: "vertical",
+					lineHeight: 1.65
+				},
+				onChange: (event) => onChange({ personality: event.currentTarget.value })
+			})), !includeAvatar ? null : services === void 0 ? (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 8
+			} }, (0, react.createElement)(AssistantAvatarPicker, {
+				label: t("awb.avatar"),
+				value: draft.avatarId,
+				disabled,
+				t,
+				choices: avatarChoices.some((choice) => choice.id === draft.avatarId) ? avatarChoices : [{
+					id: draft.avatarId,
+					label: t("awb.unavailableSelection", { id: draft.avatarId }),
+					thirdParty: false,
+					disabled: true
+				}, ...avatarChoices],
+				onChoose: (choice) => {
+					if (avatars.some((avatar) => avatar.id === choice.id)) onChange({ avatarId: choice.id });
+				}
+			}), (0, react.createElement)("p", { style: help }, t("avatar.externalHint")), avatar?.renderer !== "live2d" ? null : (0, react.createElement)("p", { style: help }, t("avatar.live2dDependencyHint"))) : (0, react.createElement)(AssistantAvatarSelectionField, {
+				services,
+				appearance,
+				avatarId: draft.avatarId,
+				avatars,
+				includeLegacy: !initializing,
+				disabled,
+				t,
+				onChange
+			}));
+		}
+		/** 创建后的各页只装配自己的字段；页面切换不持有或重置父级草稿。 */
+		function AssistantConfigurationPage({ tab, active = true, services, value, draft, catalog, appearance, tts, workspaces, t, disabled, onChange, onDebug, onError, onReset, ...previewProps }) {
+			switch (tab) {
+				case "basic": return (0, react.createElement)(AssistantConfigurationFields, {
+					draft,
+					catalog,
+					appearance,
+					includeAvatar: false,
+					services,
+					t,
+					disabled,
+					onChange
+				});
+				case "appearance": return (0, react.createElement)("div", { style: {
+					display: "grid",
+					gap: 11
+				} }, (0, react.createElement)(AssistantAppearanceEditor, {
+					services,
+					enabled: !disabled,
+					active,
+					...previewProps
+				}));
+				case "voice": return (0, react.createElement)("div", { style: {
+					display: "grid",
+					gap: 11
+				} }, (0, react.createElement)(AssistantVoiceInitializationPanel, {
+					services,
+					enabled: !disabled,
+					active,
+					inputSettings: (groupActive) => (0, react.createElement)("div", { style: {
+						display: "grid",
+						gap: 11
+					} }, (0, react.createElement)(AssistantAudioDevice, {
+						services,
+						direction: "input",
+						active: groupActive,
+						disabled,
+						t,
+						onError
+					}), (0, react.createElement)(VoiceModelManagerPanel, {
+						services,
+						value: value.voice,
+						enabled: !disabled,
+						active: groupActive
+					})),
+					outputSettings: (groupActive) => (0, react.createElement)("div", { style: {
+						display: "grid",
+						gap: 11
+					} }, (0, react.createElement)(AssistantAudioDevice, {
+						services,
+						direction: "output",
+						active: groupActive,
+						disabled,
+						t,
+						onError
+					}), (0, react.createElement)(AssistantVoiceSettings, {
+						services,
+						enabled: !disabled,
+						active: groupActive,
+						embedded: true
+					}))
+				}));
+				case "more": return (0, react.createElement)("div", { style: {
+					display: "grid",
+					gap: 11
+				} }, (0, react.createElement)(AssistantWorkspaceFields, {
+					draft,
+					workspaces,
+					t,
+					disabled,
+					onChange
+				}), (0, react.createElement)(AssistantAdvancedSettings, {
+					services,
+					value,
+					disabled,
+					t,
+					onDebug,
+					onError
+				}), (0, react.createElement)("div", { style: {
+					paddingTop: 16,
+					borderTop: `1px solid ${require_theme.dshThemeColor.border}`
+				} }, (0, react.createElement)("button", {
+					type: "button",
+					"data-codingns-assistant-reset": true,
+					disabled: disabled || onReset === void 0,
+					style: {
+						...require_theme.dshSettingsButtonStyle,
+						color: require_theme.dshThemeColor.error
+					},
+					onClick: onReset
+				}, t("awb.reset"))));
+			}
+		}
+		/** 兼容原能力表单入口；实际配置页分别装配项目字段与声音字段。 */
+		function AssistantCapabilityFields({ draft, tts, workspaces, t, disabled, onChange }) {
+			return (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 18
+			} }, AssistantWorkspaceFields({
+				draft,
+				workspaces,
+				t,
+				disabled,
+				onChange
+			}), AssistantVoiceFields({
+				draft,
+				tts,
+				t,
+				disabled,
+				onChange
+			}));
+		}
+		/** 项目范围放到更多设置，保留暂不可用项目以避免编辑时丢失原有选择。 */
+		function AssistantWorkspaceFields({ draft, workspaces, t, disabled, onChange }) {
+			const knownWorkspaces = new Set(workspaces.map((workspace) => workspace.workspaceId));
+			return (0, react.createElement)("fieldset", {
+				"data-codingns-assistant-projects": true,
+				style: {
+					border: 0,
+					padding: 0,
+					margin: 0,
+					minWidth: 0
+				},
+				disabled
+			}, (0, react.createElement)("legend", { style: {
+				fontSize: 14,
+				fontWeight: 600,
+				padding: 0,
+				marginBottom: 8
+			} }, t("awb.workspaces")), (0, react.createElement)("p", { style: help }, t("awb.scopeHint")), (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 8,
+				maxHeight: 180,
+				overflowY: "auto",
+				marginTop: 8
+			} }, ...[...workspaces, ...draft.managedWorkspaceIds.filter((id) => !knownWorkspaces.has(id)).map((workspaceId) => ({
+				workspaceId,
+				title: t("awb.offlineWorkspace", { id: workspaceId })
+			}))].map((workspace) => (0, react.createElement)("label", {
+				key: workspace.workspaceId,
+				style: require_assistant_workbench.assistantSettingCheckboxStyle
+			}, (0, react.createElement)("input", {
+				type: "checkbox",
+				checked: draft.managedWorkspaceIds.includes(workspace.workspaceId),
+				onChange: (event) => onChange({ managedWorkspaceIds: event.currentTarget.checked ? [...draft.managedWorkspaceIds, workspace.workspaceId] : draft.managedWorkspaceIds.filter((id) => id !== workspace.workspaceId) })
+			}), workspace.title))));
+		}
+		/** 没有安装 MOSS 时只有浏览器声音可选，不因标签拆分而放宽可用性校验。 */
+		function AssistantVoiceFields({ draft, tts, t, disabled, onChange }) {
+			const mossReady = tts?.status.ready === true;
+			const voices = mossReady ? tts.voices : [];
+			return (0, react.createElement)("div", {
+				"data-codingns-assistant-voice-selection": true,
+				style: {
+					display: "grid",
+					gap: 10
+				}
+			}, (0, react.createElement)("label", { style: field }, (0, react.createElement)("span", null, t("awb.voice")), (0, react.createElement)("select", {
+				value: draft.ttsBackend === "browser" || !mossReady ? "browser" : draft.voiceId,
+				disabled,
+				style: identityFieldStyle,
+				onChange: (event) => {
+					const voice = event.currentTarget.value;
+					if (voice === "browser") onChange({ ttsBackend: "browser" });
+					else if (mossReady && voices.some((item) => item.id === voice)) onChange({
+						ttsBackend: "moss-onnx",
+						voiceId: voice
+					});
+				}
+			}, (0, react.createElement)("option", { value: "browser" }, t("awb.browserVoice")), ...voices.map((voice) => (0, react.createElement)("option", {
+				key: voice.id,
+				value: voice.id
+			}, voice.name)))), mossReady ? null : (0, react.createElement)("p", { style: help }, t("awb.mossSetupHint")));
+		}
+		function AssistantAdvancedSettings({ services, value, disabled, t, onDebug, onError }) {
+			const defaults = require_assistant_prompts.readAssistantPrompts(value.prompts);
+			const prompts = services.configurationDraft ? {
+				...defaults,
+				...value.prompts
+			} : defaults;
+			const savePrompt = async (kind, text) => {
+				try {
+					if (!await services.settings.mutate([{
+						op: "set",
+						path: [
+							"assistant",
+							"prompts",
+							kind
+						],
+						value: text
+					}])) throw new Error(t("settings.moduleWriteRejected"));
+				} catch (cause) {
+					onError(message(cause));
+					throw cause;
+				}
+			};
+			return (0, react.createElement)("div", { style: {
+				display: "grid",
+				gap: 14,
+				marginTop: 14
+			} }, (0, react.createElement)("p", { style: help }, t("awb.moreHint")), ...["index", "chat"].map((kind) => (0, react.createElement)(require_assistant_prompt_editor.AssistantPromptEditor, {
+				key: kind,
+				kind,
+				value: prompts[kind],
+				disabled,
+				onSave: savePrompt,
+				...services.configurationDraft ? { onChange: savePrompt } : {},
+				t
+			})), (0, react.createElement)("button", {
+				type: "button",
+				disabled,
+				style: require_theme.dshSettingsButtonStyle,
+				onClick: onDebug
+			}, t("assistant.debug.open")));
+		}
+		/** 设备按输入、输出分组枚举，折叠时保留选择但停止设备查询。 */
+		function AssistantAudioDevice({ services, direction, active, disabled, t, onError }) {
+			const adapter = require_manager.getGlobalVoiceAdapter(services);
+			const output = direction === "output";
+			const [devices, setDevices] = (0, react.useState)([]);
+			const [selectedId, setSelectedId] = (0, react.useState)((output ? adapter?.outputDeviceId : adapter?.inputDeviceId) ?? "");
+			(0, react.useEffect)(() => {
+				if (!active || output && !adapter?.outputDeviceSupported) return void 0;
+				let stopped = false;
+				const refresh = () => {
+					(output ? adapter?.enumerateOutputDevices() : adapter?.enumerateInputDevices())?.then((devices) => {
+						if (!stopped) setDevices(devices);
+					}).catch(() => void 0);
+				};
+				refresh();
+				globalThis.navigator?.mediaDevices?.addEventListener?.("devicechange", refresh);
+				return () => {
+					stopped = true;
+					globalThis.navigator?.mediaDevices?.removeEventListener?.("devicechange", refresh);
+				};
+			}, [
+				active,
+				adapter,
+				output
+			]);
+			if (output && !adapter?.outputDeviceSupported) return null;
+			return (0, react.createElement)("label", { style: field }, t(output ? "voice.outputDevice" : "voice.inputDevice"), (0, react.createElement)("select", {
+				disabled,
+				value: selectedId,
+				style: require_theme.dshSettingsFieldStyle,
+				onChange: (event) => {
+					const id = event.currentTarget.value;
+					(output ? adapter?.selectOutputDevice(id) : adapter?.selectInputDevice(id))?.then(() => setSelectedId(id)).catch((cause) => onError(message(cause)));
+				}
+			}, (0, react.createElement)("option", { value: "" }, t(output ? "voice.defaultOutput" : "voice.defaultMicrophone")), ...devices.map((device) => (0, react.createElement)("option", {
+				key: device.deviceId,
+				value: device.deviceId
+			}, device.label || t(output ? "voice.unnamedOutput" : "voice.unnamedMicrophone")))));
+		}
+		function message(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		const help = {
+			...require_theme.dshSettingsHelpStyle,
+			margin: 0
+		};
+		const field = require_assistant_workbench.assistantSettingFieldStyle;
+		const identityFieldStyle = {
+			...require_theme.dshSettingsFieldStyle,
+			borderRadius: 8
+		};
+		//#endregion
+		exports.AssistantCapabilityFields = AssistantCapabilityFields;
+		exports.AssistantConfigurationFields = AssistantConfigurationFields;
+		exports.AssistantConfigurationPage = AssistantConfigurationPage;
+		exports.AssistantVoiceFields = AssistantVoiceFields;
+		exports.AssistantWorkspaceFields = AssistantWorkspaceFields;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.assistant-configuration-view.js.map