@qilin-agent/client-ui-settings-models 0.0.0-stage → 3.1.4

package/lib/client.js

@@ -0,0 +1,2819 @@
+window.__ModuleLoader__.load({
+	id: "@qilin-agent/client-ui-settings-models",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _qilin_agent_client_ui_primitives = require("@qilin-agent/client-ui-primitives");
+		let _qilin_agent_client_store = require("@qilin-agent/client-store");
+		//#region lib/types/client/apiKey.js
+		/**
+		* Browser-side judgement of a typed API key.
+		* @module @qilin-agent/client-ui-settings-models/apiKey
+		*/
+		/**
+		* Twin of `normalizeApiKey` in `@qilin-agent/llm`: printable ASCII, space
+		* excluded. Client packages reference only client packages, so the charset
+		* rule is mirrored here rather than imported; keep the two in step, as
+		* `validateDeepSeekModels` is kept in step with the host's `catalogModel`.
+		*/
+		const LEGAL_API_KEY = /^[\x21-\x7E]+$/;
+		/**
+		* A pasted `NAME=value` environment line. Two narrowings keep real keys clear
+		* of it: the name must be upper-case, so `sk-` forms break at the hyphen, and
+		* the `=` must be followed by something other than another `=`, so base64
+		* padding on an all-upper-case key (`ABCD==`) is not mistaken for an
+		* assignment. This heuristic runs only here — a resolver applying it could
+		* lock a user out of a gateway whose key legitimately takes this shape, with
+		* the environment refusing it too and no way through.
+		*/
+		const ENV_LINE = /^[A-Z][A-Z0-9_]*=[^=]/;
+		/** Whether a value is wrapped in one matching pair of quotes. */
+		function isQuoted(value) {
+			const first = value[0];
+			if (first !== "\"" && first !== "'" && first !== "`") return false;
+			return value.length > 1 && value.endsWith(first);
+		}
+		/**
+		* Judge the key input's current value.
+		*
+		* An empty field is not a failure: every card opens with it empty even when a
+		* key is already stored, where it means keep that one. A field holding only
+		* whitespace is a failure rather than an empty field, so typed input is never
+		* silently discarded.
+		* @param draft - the key input's current value, untrimmed.
+		* @returns the copy key for a field-level failure, or `undefined` to allow submit.
+		*/
+		function apiKeyFailure(draft) {
+			if (draft.length === 0) return void 0;
+			const value = draft.trim();
+			if (value.length === 0) return "keyBlank";
+			if (ENV_LINE.test(value) || isQuoted(value)) return "keyIllegalCharacters";
+			if (!LEGAL_API_KEY.test(value)) return "keyIllegalCharacters";
+		}
+		//#endregion
+		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-settings-models/src/client/ModelsSection.module.css.mjs
+		const css$2 = ".PF5DZW_section{color:var(--qilin-alias-label-primary);flex-direction:column;gap:12px;display:flex}.PF5DZW_title{color:var(--qilin-alias-label-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.PF5DZW_intro{color:var(--qilin-alias-label-tertiary);margin:0;font-size:14px;line-height:22px}.PF5DZW_notice{color:var(--qilin-alias-state-warn-label);margin:0;font-size:12px;line-height:18px}.PF5DZW_savedNotice{color:var(--qilin-alias-state-success-primary);margin:0;font-size:12px;line-height:18px}.PF5DZW_rows{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.PF5DZW_rowCard{border:.5px solid var(--qilin-alias-border-l4);border-radius:16px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.PF5DZW_rowHead{align-items:center;gap:10px;display:flex}.PF5DZW_rowIdentity{align-items:center;gap:6px;min-width:0;display:inline-flex}.PF5DZW_rowName{color:var(--qilin-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.PF5DZW_rowTag{border:.5px solid var(--qilin-alias-border-l3);color:var(--qilin-alias-label-secondary);border-radius:4px;flex:none;padding:1px 6px;font-size:11px;line-height:16px}.PF5DZW_credentialDot{box-sizing:border-box;corner-shape:round;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.PF5DZW_credentialDotConfigured{background:var(--qilin-alias-state-success-primary)}.PF5DZW_credentialDotMissing{background:var(--qilin-alias-state-error-primary)}.PF5DZW_rowActions{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.PF5DZW_primaryButton,.PF5DZW_secondaryButton,.PF5DZW_addButton{box-sizing:border-box;height:36px;font:inherit;cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.PF5DZW_primaryButton{background:var(--qilin-alias-button-primary-fill);color:var(--qilin-alias-label-primary-foreground)}.PF5DZW_primaryButton:hover:not(:disabled){background:var(--qilin-alias-button-primary-hover)}.PF5DZW_secondaryButton,.PF5DZW_addButton{border:.5px solid var(--qilin-alias-border-l3);color:var(--qilin-alias-label-primary);background:0 0}.PF5DZW_secondaryButton:hover:not(:disabled),.PF5DZW_addButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover)}.PF5DZW_secondaryButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-solid)}.PF5DZW_dangerButton{box-sizing:border-box;height:36px;color:var(--qilin-alias-state-error-primary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.PF5DZW_dangerButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-danger)}.PF5DZW_rowActions .PF5DZW_secondaryButton,.PF5DZW_rowActions .PF5DZW_dangerButton{border-radius:14px;height:28px;padding:0 10px;font-size:12px;line-height:18px}.PF5DZW_primaryButton:disabled,.PF5DZW_secondaryButton:disabled,.PF5DZW_dangerButton:disabled,.PF5DZW_addButton:disabled,.PF5DZW_linkButton:disabled,.PF5DZW_addModelButton:disabled{opacity:.4;cursor:default}.PF5DZW_primaryButton:focus-visible,.PF5DZW_secondaryButton:focus-visible,.PF5DZW_dangerButton:focus-visible,.PF5DZW_addButton:focus-visible,.PF5DZW_linkButton:focus-visible,.PF5DZW_addModelButton:focus-visible,.PF5DZW_iconButton:focus-visible,.PF5DZW_customizedSummary:focus-visible{box-shadow:0 0 0 2px var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline:none}.PF5DZW_editor{background:var(--qilin-alias-bg-module-platform);border-radius:12px;flex-direction:column;gap:14px;padding:14px 16px;display:flex}.PF5DZW_editorHeader{align-items:baseline;gap:8px;display:flex}.PF5DZW_editorTitle{color:var(--qilin-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.PF5DZW_editorRoute{color:var(--qilin-alias-label-tertiary);font-size:12px;line-height:18px}.PF5DZW_field{flex-direction:column;gap:6px;display:flex}.PF5DZW_fieldLabel{color:var(--qilin-alias-label-secondary);align-items:center;gap:10px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.PF5DZW_linkButton{box-sizing:border-box;height:28px;color:var(--qilin-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.PF5DZW_linkButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover);color:var(--qilin-alias-label-secondary)}.PF5DZW_advancedHint{color:var(--qilin-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.PF5DZW_editorActions{justify-content:flex-end;gap:8px;display:flex}.PF5DZW_addBlock{flex-direction:column;gap:12px;display:flex}.PF5DZW_addActions{flex-wrap:wrap;gap:10px;display:flex}.PF5DZW_addButton{border:1px dashed var(--qilin-alias-border-l3);border-radius:16px;flex:1 1 0;gap:6px;min-width:180px;height:44px}.PF5DZW_addCard,.PF5DZW_setupCard{background:var(--qilin-alias-bg-module-platform);border-radius:12px;flex-direction:column;gap:14px;padding:14px 16px;list-style:none;display:flex}.PF5DZW_addCard .PF5DZW_editor,.PF5DZW_setupCard .PF5DZW_editor{background:0 0;padding:0}.PF5DZW_customized{border-top:.5px solid var(--qilin-alias-border-l2);padding-top:10px}.PF5DZW_customizedSummary{cursor:pointer;width:fit-content;color:var(--qilin-alias-label-secondary);border-radius:6px;align-items:center;gap:6px;margin-left:-4px;padding:2px 4px;font-size:12px;font-weight:500;line-height:18px;list-style:none;display:flex}.PF5DZW_customizedSummary::-webkit-details-marker{display:none}.PF5DZW_customizedSummary:before{content:\"\";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .12s;transform:rotate(-45deg)translate(-1px,-1px)}.PF5DZW_customized[open]>.PF5DZW_customizedSummary:before{transform:rotate(45deg)translate(-1px,-1px)}.PF5DZW_customizedSummary:hover{color:var(--qilin-alias-label-primary)}.PF5DZW_customizedBody{flex-direction:column;gap:12px;padding-top:12px;display:flex}.PF5DZW_modelCatalog{border-top:.5px solid var(--qilin-alias-border-l2);flex-direction:column;gap:10px;padding-top:12px;display:flex}.PF5DZW_modelCatalogHeading{flex-direction:column;gap:2px;display:flex}.PF5DZW_modelCatalogTitle{color:var(--qilin-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px}.PF5DZW_modelCatalogMeta,.PF5DZW_modelEmpty{color:var(--qilin-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.PF5DZW_modelList{flex-direction:column;gap:8px;display:flex}.PF5DZW_modelListHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.PF5DZW_modelEntry{border:.5px solid var(--qilin-alias-border-l4);border-radius:10px;padding:6px}.PF5DZW_modelRow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}.PF5DZW_iconButton{box-sizing:border-box;width:28px;height:28px;color:var(--qilin-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.PF5DZW_iconButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover);color:var(--qilin-alias-label-primary)}.PF5DZW_iconButton:disabled{cursor:default;opacity:.4}.PF5DZW_iconButtonDanger:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-danger);color:var(--qilin-alias-state-error-primary)}.PF5DZW_modelAdvanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 4px 2px;display:grid}.PF5DZW_modelField{flex-direction:column;gap:4px;min-width:0;display:flex}.PF5DZW_modelInputTypes{border:none;grid-column:1/-1;min-width:0;margin:0;padding:0}.PF5DZW_modelInputTypes legend{margin-bottom:4px;padding:0}.PF5DZW_modelInputChoices{flex-wrap:wrap;align-items:center;gap:16px;min-height:32px;display:flex}.PF5DZW_modelFieldLabel{color:var(--qilin-alias-label-tertiary);font-size:12px;line-height:18px}.PF5DZW_modelEmpty{border:1px dashed var(--qilin-alias-border-l3);text-align:center;border-radius:8px;padding:12px}.PF5DZW_addModelButton{box-sizing:border-box;border:.5px solid var(--qilin-alias-border-l3);height:28px;color:var(--qilin-alias-label-primary);font:inherit;cursor:pointer;background:0 0;border-radius:14px;align-self:flex-start;align-items:center;gap:4px;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.PF5DZW_addModelButton:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover)}.PF5DZW_input{box-sizing:border-box;border:.5px solid var(--qilin-alias-border-l4);width:100%;height:32px;font:inherit;background:var(--qilin-alias-bg-layer-1);color:var(--qilin-alias-label-primary);border-radius:8px;padding:0 10px;font-size:14px;line-height:22px}select.PF5DZW_input{cursor:pointer;max-width:240px}.PF5DZW_input:focus{border-color:var(--qilin-alias-state-business-primary);outline:none}.PF5DZW_input::placeholder{color:var(--qilin-alias-label-dimmed)}.PF5DZW_input:disabled{opacity:.6;cursor:default}.PF5DZW_selectInput{appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2381858C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;padding-right:32px}.PF5DZW_error{color:var(--qilin-alias-state-error-primary);margin:0;font-size:12px;line-height:18px}.PF5DZW_deleteDialog{width:min(480px,100%)}.PF5DZW_deleteConfirm:not(:disabled){border-color:var(--qilin-alias-state-error-primary);color:var(--qilin-alias-state-error-primary)}.PF5DZW_deleteConfirm:hover:not(:disabled){background:var(--qilin-alias-interactive-bg-hover-danger)}.PF5DZW_hiddenLabel{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.PF5DZW_customizedSummary:before,.PF5DZW_switchThumb{transition:none}}.PF5DZW_fetchDialog{--qilin-scrollbar-thumb:var(--qilin-alias-scrollbar-bg-l2);--qilin-scrollbar-thumb-hover:var(--qilin-alias-scrollbar-hover-l2);max-width:520px}.PF5DZW_candidateToolbar{align-items:center;gap:8px;margin-bottom:6px;display:flex}.PF5DZW_candidateSearch{flex:240px;min-width:0}.PF5DZW_candidateList{flex-direction:column;gap:2px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.PF5DZW_candidate{border-radius:6px}.PF5DZW_candidateLabel{cursor:pointer;align-items:center;gap:8px;padding:6px 8px;display:flex}.PF5DZW_candidateId{font-family:var(--ds-font-family-code);overflow-wrap:anywhere;flex:auto;font-size:13px}.PF5DZW_candidateEmpty{color:var(--qilin-alias-label-secondary);text-align:center;margin:24px 0;font-size:13px;line-height:20px}";
+		const tagId$2 = "@qilin-agent/client-ui-settings-models/ModelsSection.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@qilin-agent/client-ui-settings-models";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var ModelsSection_module_css_default = {
+			"addActions": "PF5DZW_addActions",
+			"addBlock": "PF5DZW_addBlock",
+			"addButton": "PF5DZW_addButton",
+			"addCard": "PF5DZW_addCard",
+			"addModelButton": "PF5DZW_addModelButton",
+			"advancedHint": "PF5DZW_advancedHint",
+			"candidate": "PF5DZW_candidate",
+			"candidateEmpty": "PF5DZW_candidateEmpty",
+			"candidateId": "PF5DZW_candidateId",
+			"candidateLabel": "PF5DZW_candidateLabel",
+			"candidateList": "PF5DZW_candidateList",
+			"candidateSearch": "PF5DZW_candidateSearch",
+			"candidateToolbar": "PF5DZW_candidateToolbar",
+			"credentialDot": "PF5DZW_credentialDot",
+			"credentialDotConfigured": "PF5DZW_credentialDotConfigured",
+			"credentialDotMissing": "PF5DZW_credentialDotMissing",
+			"customized": "PF5DZW_customized",
+			"customizedBody": "PF5DZW_customizedBody",
+			"customizedSummary": "PF5DZW_customizedSummary",
+			"dangerButton": "PF5DZW_dangerButton",
+			"deleteConfirm": "PF5DZW_deleteConfirm",
+			"deleteDialog": "PF5DZW_deleteDialog",
+			"editor": "PF5DZW_editor",
+			"editorActions": "PF5DZW_editorActions",
+			"editorHeader": "PF5DZW_editorHeader",
+			"editorRoute": "PF5DZW_editorRoute",
+			"editorTitle": "PF5DZW_editorTitle",
+			"error": "PF5DZW_error",
+			"fetchDialog": "PF5DZW_fetchDialog",
+			"field": "PF5DZW_field",
+			"fieldLabel": "PF5DZW_fieldLabel",
+			"hiddenLabel": "PF5DZW_hiddenLabel",
+			"iconButton": "PF5DZW_iconButton",
+			"iconButtonDanger": "PF5DZW_iconButtonDanger",
+			"input": "PF5DZW_input",
+			"intro": "PF5DZW_intro",
+			"linkButton": "PF5DZW_linkButton",
+			"modelAdvanced": "PF5DZW_modelAdvanced",
+			"modelCatalog": "PF5DZW_modelCatalog",
+			"modelCatalogHeading": "PF5DZW_modelCatalogHeading",
+			"modelCatalogMeta": "PF5DZW_modelCatalogMeta",
+			"modelCatalogTitle": "PF5DZW_modelCatalogTitle",
+			"modelEmpty": "PF5DZW_modelEmpty",
+			"modelEntry": "PF5DZW_modelEntry",
+			"modelField": "PF5DZW_modelField",
+			"modelFieldLabel": "PF5DZW_modelFieldLabel",
+			"modelInputChoices": "PF5DZW_modelInputChoices",
+			"modelInputTypes": "PF5DZW_modelInputTypes",
+			"modelList": "PF5DZW_modelList",
+			"modelListHead": "PF5DZW_modelListHead",
+			"modelRow": "PF5DZW_modelRow",
+			"notice": "PF5DZW_notice",
+			"primaryButton": "PF5DZW_primaryButton",
+			"rowActions": "PF5DZW_rowActions",
+			"rowCard": "PF5DZW_rowCard",
+			"rowHead": "PF5DZW_rowHead",
+			"rowIdentity": "PF5DZW_rowIdentity",
+			"rowName": "PF5DZW_rowName",
+			"rowTag": "PF5DZW_rowTag",
+			"rows": "PF5DZW_rows",
+			"savedNotice": "PF5DZW_savedNotice",
+			"secondaryButton": "PF5DZW_secondaryButton",
+			"section": "PF5DZW_section",
+			"selectInput": "PF5DZW_selectInput",
+			"setupCard": "PF5DZW_setupCard",
+			"switchThumb": "PF5DZW_switchThumb",
+			"title": "PF5DZW_title"
+		};
+		//#endregion
+		//#region lib/types/client/EditorFooter.js
+		/**
+		* Render one provider card's action row.
+		* @param props - the labels, commit gating, and handlers the owning card supplies.
+		* @returns the cancel/commit row.
+		*/
+		function EditorFooter(props) {
+			const { t } = props;
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: ModelsSection_module_css_default["editorActions"],
+				children: [(0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: ModelsSection_module_css_default["secondaryButton"],
+					disabled: props.busy,
+					onClick: props.onCancel,
+					children: t(props.cancelLabelKey ?? "cancel")
+				}), (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: ModelsSection_module_css_default["primaryButton"],
+					disabled: props.submitDisabled,
+					onClick: props.onSubmit,
+					children: props.busy ? t(props.submitBusyLabelKey) : t(props.submitLabelKey)
+				})]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/ModelInputTypes.js
+		/**
+		* Edit a nonempty set of input types, displaying inherited types before an override exists.
+		* @param props - model declaration and row replacement action.
+		* @returns the labeled text and image checkboxes.
+		*/
+		function ModelInputTypes({ model, field, position, disabled, fallback, t, onChange }) {
+			const modalities = model[field];
+			const selected = Array.isArray(modalities) && modalities.length > 0 ? modalities : fallback ?? ["text"];
+			return (0, react_jsx_runtime.jsxs)("fieldset", {
+				className: ModelsSection_module_css_default["modelInputTypes"],
+				"aria-label": `${t("modelInputTypes")} ${String(position)}`,
+				children: [(0, react_jsx_runtime.jsx)("legend", {
+					className: ModelsSection_module_css_default["modelFieldLabel"],
+					children: t("modelInputTypes")
+				}), (0, react_jsx_runtime.jsx)("div", {
+					className: ModelsSection_module_css_default["modelInputChoices"],
+					children: ["text", "image"].map((modality) => (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Checkbox, {
+						label: t(modality === "text" ? "modelInputText" : "modelInputImage"),
+						checked: selected.includes(modality),
+						disabled: disabled || selected.length === 1 && selected.includes(modality),
+						onChange: (checked) => {
+							const nextSelected = ["text", "image"].filter((value) => value === modality ? checked : selected.includes(value));
+							const next = {
+								...model,
+								[field]: nextSelected
+							};
+							if (field === "inputModalities" && !nextSelected.includes("image")) {
+								Reflect.deleteProperty(next, "imagePixelBudget");
+								Reflect.deleteProperty(next, "imageMaxBytes");
+							}
+							onChange(next);
+						}
+					}, modality))
+				})]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/ModelRow.js
+		/**
+		* Render consistent model identity, capacity, and input-type controls.
+		* @param props - drafted fields and their owning editor's actions.
+		* @returns one expandable model entry.
+		*/
+		function ModelRow(props) {
+			const { model, position, t, disabled } = props;
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: ModelsSection_module_css_default["modelEntry"],
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					className: ModelsSection_module_css_default["modelRow"],
+					children: [
+						["id", "name"].map((field) => (0, react_jsx_runtime.jsx)("input", {
+							className: ModelsSection_module_css_default["input"],
+							type: "text",
+							value: typeof model[field] === "string" ? model[field] : "",
+							placeholder: t(field === "id" ? "modelId" : "modelName"),
+							"aria-label": `${t(field === "id" ? "modelId" : "modelName")} ${String(position)}`,
+							disabled,
+							onChange: (event) => {
+								const value = event.target.value;
+								props.onFieldChange(field, field === "name" && value === "" ? void 0 : value);
+							},
+							onBlur: field === "id" ? (event) => props.onIdBlur?.(event.target.value) : void 0
+						}, field)),
+						(0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: ModelsSection_module_css_default["iconButton"],
+							"aria-label": `${t("modelAdvanced")} ${String(position)}`,
+							"aria-expanded": props.expanded,
+							title: t("modelAdvanced"),
+							onClick: props.onToggle,
+							children: props.expanded ? (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconChevronDownOutline14, {}) : (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconChevronRightOutline14, {})
+						}),
+						(0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: `${ModelsSection_module_css_default["iconButton"]} ${ModelsSection_module_css_default["iconButtonDanger"]}`,
+							"aria-label": `${t("removeModel")} ${String(position)}`,
+							title: t("removeModel"),
+							disabled,
+							onClick: props.onRemove,
+							children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconTrashOutline16, { size: 14 })
+						})
+					]
+				}), props.expanded ? (0, react_jsx_runtime.jsxs)("div", {
+					className: ModelsSection_module_css_default["modelAdvanced"],
+					children: [["contextWindow", "maxTokens"].map((field) => (0, react_jsx_runtime.jsxs)("label", {
+						className: ModelsSection_module_css_default["modelField"],
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: ModelsSection_module_css_default["modelFieldLabel"],
+							children: t(field)
+						}), (0, react_jsx_runtime.jsx)("input", {
+							className: ModelsSection_module_css_default["input"],
+							type: "text",
+							inputMode: "numeric",
+							value: props[field].value,
+							placeholder: props[field].placeholder,
+							"aria-label": `${t(field)} ${String(position)}`,
+							disabled,
+							onChange: (event) => {
+								props[field].onChange(event.target.value);
+							},
+							onBlur: props[field].onBlur
+						})]
+					}, field)), (0, react_jsx_runtime.jsx)(ModelInputTypes, {
+						model,
+						field: props.inputField,
+						position,
+						fallback: props.inputFallback,
+						disabled: disabled || props.inputLoading === true,
+						t,
+						onChange: props.onChange
+					})]
+				}) : null]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/DeepSeekModelsEditor.js
+		/**
+		* Curated editor for the direct DeepSeek adapter's advisory model catalog.
+		* The settings layer replaces `models` as one array, so the parent supplies
+		* the effective inherited rows until the first edit materializes a user
+		* override; reset removes that override instead of copying defaults into it.
+		*/
+		/** Row index encoded in an editing-buffer key. */
+		function rowOf(key) {
+			return Number(key.slice(0, key.indexOf(":")));
+		}
+		/** Accepted capacity spellings: a decimal count with an optional K/M suffix. */
+		const CAPACITY_PATTERN = /^(\d+(?:\.\d+)?)([km])?$/i;
+		/** Decimal suffix scales — `1M` is 1000K, matching how model capacities are quoted. */
+		const CAPACITY_SCALE = {
+			k: 1e3,
+			m: 1e6
+		};
+		/**
+		* Read a typed capacity, so a user can write `256K` or `1M` instead of counting
+		* zeroes. The stored value stays a plain token count.
+		* @param text - raw field text.
+		* @returns the count; `undefined` when blank (inherit), `NaN` when unreadable
+		* (rejected by {@link validateDeepSeekModels} before any write).
+		*/
+		function parseCapacity(text) {
+			const trimmed = text.trim();
+			if (trimmed.length === 0) return void 0;
+			const match = CAPACITY_PATTERN.exec(trimmed);
+			if (match === null) return NaN;
+			const suffix = match[2]?.toLowerCase();
+			const scale = suffix === "k" || suffix === "m" ? CAPACITY_SCALE[suffix] : 1;
+			const scaled = Number(match[1]) * scale;
+			const rounded = Math.round(scaled);
+			return Math.abs(scaled - rounded) < 1e-6 ? rounded : scaled;
+		}
+		/**
+		* Spell a stored count back in the shortest form that survives a round trip
+		* through {@link parseCapacity}; a count that is not a whole number of
+		* thousands stays written out.
+		* @param value - stored capacity.
+		* @returns the field text.
+		*/
+		function formatCapacity(value) {
+			if (!Number.isInteger(value) || value <= 0) return String(value);
+			if (value % CAPACITY_SCALE.m === 0) return `${String(value / CAPACITY_SCALE.m)}M`;
+			if (value % CAPACITY_SCALE.k === 0) return `${String(value / CAPACITY_SCALE.k)}K`;
+			return String(value);
+		}
+		/** Convert a schema-validated catalog value into records without dropping hidden fields. */
+		function modelDrafts(value) {
+			if (!Array.isArray(value)) return [];
+			return value.map((entry) => typeof entry === "object" && entry !== null && !Array.isArray(entry) ? entry : {});
+		}
+		/**
+		* Validate adapter constraints that the serialized schema cannot express.
+		* @param value - user-owned `models` value, or undefined while inherited.
+		* @returns the first invalid row, or undefined when the adapter will accept it.
+		*/
+		function validateDeepSeekModels(value) {
+			if (value === void 0) return void 0;
+			const models = modelDrafts(value);
+			const seen = /* @__PURE__ */ new Set();
+			for (const [index, model] of models.entries()) {
+				const id = model["id"];
+				const trimmed = typeof id === "string" ? id.trim() : void 0;
+				if (trimmed === void 0 || trimmed.length === 0) return {
+					index,
+					key: "modelIdRequired"
+				};
+				if (seen.has(trimmed)) return {
+					index,
+					key: "modelIdDuplicate"
+				};
+				seen.add(trimmed);
+				const name = model["name"];
+				if (name !== void 0 && (typeof name !== "string" || name.length === 0)) return {
+					index,
+					key: "modelNameInvalid"
+				};
+				const contextWindow = model["contextWindow"];
+				if (contextWindow !== void 0 && (typeof contextWindow !== "number" || !Number.isInteger(contextWindow) || contextWindow <= 0)) return {
+					index,
+					key: "modelContextInvalid"
+				};
+				const maxTokens = model["maxTokens"];
+				if (maxTokens !== void 0 && (typeof maxTokens !== "number" || !Number.isInteger(maxTokens) || maxTokens <= 0)) return {
+					index,
+					key: "modelMaxTokensInvalid"
+				};
+			}
+		}
+		/**
+		* Render the direct DeepSeek adapter's model catalog: id and display name on
+		* each row, capacities and input types behind the row's own disclosure.
+		* @param props - effective rows plus the array-level override actions.
+		* @returns the catalog editor.
+		*/
+		function DeepSeekModelsEditor(props) {
+			const [editing, setEditing] = (0, react.useState)(() => /* @__PURE__ */ new Map());
+			const [expanded, setExpanded] = (0, react.useState)(() => /* @__PURE__ */ new Set());
+			const update = (index, key, value) => {
+				const next = props.models.map((model, at) => {
+					const copy = { ...model };
+					if (at !== index) return copy;
+					if (value === void 0) Reflect.deleteProperty(copy, key);
+					else copy[key] = value;
+					return copy;
+				});
+				props.onChange(next);
+			};
+			const remove = (index) => {
+				setEditing((current) => {
+					const next = /* @__PURE__ */ new Map();
+					for (const [key, text] of current) {
+						const at = rowOf(key);
+						if (at === index) continue;
+						next.set(at > index ? key.replace(/^\d+/, String(at - 1)) : key, text);
+					}
+					return next;
+				});
+				setExpanded((current) => {
+					const next = /* @__PURE__ */ new Set();
+					for (const at of current) {
+						if (at === index) continue;
+						next.add(at > index ? at - 1 : at);
+					}
+					return next;
+				});
+				props.onChange(props.models.filter((_model, at) => at !== index).map((model) => ({ ...model })));
+			};
+			const reset = () => {
+				setEditing(/* @__PURE__ */ new Map());
+				setExpanded(/* @__PURE__ */ new Set());
+				props.onReset();
+			};
+			const toggle = (index) => {
+				setExpanded((current) => {
+					const next = new Set(current);
+					if (!next.delete(index)) next.add(index);
+					return next;
+				});
+			};
+			/** The field's text: its live keystrokes, else the stored count spelled short. */
+			const capacityText = (model, index, field) => {
+				const typed = editing.get(`${String(index)}:${field}`);
+				if (typed !== void 0) return typed;
+				const value = model[field];
+				return typeof value === "number" ? formatCapacity(value) : "";
+			};
+			const settleCapacity = (index, field) => {
+				const key = `${String(index)}:${field}`;
+				const typed = editing.get(key);
+				if (typed === void 0) return;
+				const parsed = parseCapacity(typed);
+				if (parsed !== void 0 && Number.isNaN(parsed)) return;
+				setEditing((current) => {
+					const next = new Map(current);
+					next.delete(key);
+					return next;
+				});
+			};
+			const capacityInput = (model, index, field, fallback) => ({
+				value: capacityText(model, index, field),
+				placeholder: fallback === void 0 ? props.t(field === "contextWindow" ? "contextWindowPlaceholder" : "maxTokensPlaceholder") : formatCapacity(fallback),
+				onChange: (text) => {
+					setEditing((current) => new Map(current).set(`${String(index)}:${field}`, text));
+					update(index, field, parseCapacity(text));
+				},
+				onBlur: () => {
+					settleCapacity(index, field);
+				}
+			});
+			return (0, react_jsx_runtime.jsxs)("section", {
+				className: ModelsSection_module_css_default["modelCatalog"],
+				"aria-label": props.t("models"),
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: ModelsSection_module_css_default["modelListHead"],
+						children: [(0, react_jsx_runtime.jsxs)("div", {
+							className: ModelsSection_module_css_default["modelCatalogHeading"],
+							children: [(0, react_jsx_runtime.jsx)("span", {
+								className: ModelsSection_module_css_default["modelCatalogTitle"],
+								children: props.t("models")
+							}), (0, react_jsx_runtime.jsx)("span", {
+								className: ModelsSection_module_css_default["modelCatalogMeta"],
+								children: props.overridden ? props.t("modelsCustomized") : props.t("modelsInherited")
+							})]
+						}), props.overridden ? (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: ModelsSection_module_css_default["linkButton"],
+							disabled: props.disabled,
+							onClick: reset,
+							children: props.t("resetModels")
+						}) : null]
+					}),
+					props.models.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["modelEmpty"],
+						children: props.t("modelsEmpty")
+					}) : (0, react_jsx_runtime.jsx)("div", {
+						className: ModelsSection_module_css_default["modelList"],
+						children: props.models.map((model, index) => (0, react_jsx_runtime.jsx)(ModelRow, {
+							model,
+							position: index + 1,
+							inputField: "inputModalities",
+							expanded: expanded.has(index),
+							disabled: props.disabled,
+							t: props.t,
+							contextWindow: capacityInput(model, index, "contextWindow", props.defaultContextWindow),
+							maxTokens: capacityInput(model, index, "maxTokens", props.defaultMaxTokens),
+							onFieldChange: (field, value) => {
+								update(index, field, value);
+							},
+							onIdBlur: (value) => {
+								const trimmed = value.trim();
+								if (trimmed !== value) update(index, "id", trimmed);
+							},
+							onChange: (next) => {
+								props.onChange(props.models.map((row, at) => at === index ? next : row));
+							},
+							onToggle: () => {
+								toggle(index);
+							},
+							onRemove: () => {
+								remove(index);
+							}
+						}, index))
+					}),
+					(0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: ModelsSection_module_css_default["addModelButton"],
+						disabled: props.disabled,
+						onClick: () => {
+							props.onChange([...props.models.map((model) => ({ ...model })), { id: "" }]);
+						},
+						children: [(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPlusOutline16, { size: 14 }), props.t("addModel")]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/ModelListEditor.js
+		/**
+		* The model list of one pi-ai provider profile, plus the action that asks the
+		* provider what it serves.
+		*
+		* The list is the profile's `models` array as the card holds it: an empty list
+		* means "serve this route's built-in catalog", and any entry replaces that
+		* catalog, so a row is only ever added deliberately. Fetching asks the endpoint
+		* **the form currently shows** — including a key typed but not yet saved — so
+		* adding a provider is one pass instead of save-then-return; the reply is
+		* candidates the user picks from, never configuration written behind them.
+		*
+		* A provider that cannot be interrogated (an unreachable endpoint, a protocol
+		* with no readable listing) is not a dead end: the failure is shown next to the
+		* rows the user can still fill in by hand.
+		*/
+		/** A row's text field, or the empty string when unset or not a string. */
+		function textOf(model, key) {
+			const value = model[key];
+			return typeof value === "string" ? value : "";
+		}
+		/** A row's numeric field, or `undefined` when unset or not a number. */
+		function numberOf(model, key) {
+			const value = model[key];
+			return typeof value === "number" ? value : void 0;
+		}
+		/**
+		* What an empty capacity field is worth, shown as its placeholder so a row left
+		* blank does not read as a model with no capacity at all.
+		*
+		* The magnitudes are the adapter's own route-level fallbacks (`llm-pi-ai`'s
+		* `defaultContextWindow` and `defaultMaxTokens`), spelled the way a person
+		* would say them. They are a hint, not a mirror: this page counts `K` as 1000,
+		* so typing `256K` stores 256000 while leaving the field blank keeps the
+		* adapter's 262144. A deployment that overrides those defaults is not
+		* reflected here — nothing on this page can read them.
+		*/
+		const CAPACITY_HINT = {
+			contextWindow: "256K",
+			maxTokens: "32K"
+		};
+		/**
+		* Spell a stored count for a field that may be unset. The spelling itself is
+		* {@link formatCapacity}, shared with the DeepSeek catalog editor so both
+		* surfaces read and write one K/M vocabulary.
+		* @param value - stored capacity, or `undefined` for an unset field.
+		* @returns the field text, empty when unset.
+		*/
+		function capacitySpelling(value) {
+			return value === void 0 ? "" : formatCapacity(value);
+		}
+		/** Adopt a candidate, preserving disclosed capacities and input types. */
+		function adopt(candidate) {
+			return {
+				id: candidate.id,
+				...candidate.name === void 0 ? {} : { name: candidate.name },
+				...candidate.contextWindow === void 0 ? {} : { contextWindow: candidate.contextWindow },
+				...candidate.maxTokens === void 0 ? {} : { maxTokens: candidate.maxTokens },
+				...candidate.inputModalities === void 0 ? {} : { input: [...candidate.inputModalities] }
+			};
+		}
+		/**
+		* Render the model list with its fetch action.
+		* @param props - the drafted rows, probe target, wire face, and copy.
+		* @returns the model-list editor.
+		*/
+		function ModelListEditor(props) {
+			const { models, onChange, probe, operations, t, disabled } = props;
+			const { catalogProvider } = props;
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [failure, setFailure] = (0, react.useState)(void 0);
+			const [inheritedCatalog, setInheritedCatalog] = (0, react.useState)(void 0);
+			(0, react.useEffect)(() => {
+				if (catalogProvider === void 0) return;
+				let current = true;
+				operations.discoverModels(probe.settingsNs, { provider: catalogProvider }).then((answer) => {
+					if (!current) return;
+					setInheritedCatalog({
+						provider: catalogProvider,
+						models: answer.kind === "found" ? answer.models : []
+					});
+					setFailure(answer.kind === "refused" ? answer.message : void 0);
+				});
+				return () => {
+					current = false;
+				};
+			}, [
+				catalogProvider,
+				operations,
+				probe.settingsNs
+			]);
+			const catalog = inheritedCatalog?.provider === catalogProvider ? inheritedCatalog?.models : void 0;
+			const inputDefaults = (0, react.useMemo)(() => new Map(catalog?.map((model) => [model.id, model.inputModalities])), [catalog]);
+			const [candidates, setCandidates] = (0, react.useState)(void 0);
+			const [picked, setPicked] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [candidateQuery, setCandidateQuery] = (0, react.useState)("");
+			const [expanded, setExpanded] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [editing, setEditing] = (0, react.useState)(/* @__PURE__ */ new Map());
+			/** Buffer key for one capacity field; the row half moves when rows do. */
+			const bufferKey = (index, field) => `${String(index)}:${field}`;
+			const editCapacity = (index, field, text) => {
+				setEditing((current) => new Map(current).set(bufferKey(index, field), text));
+				patch(index, { [field]: parseCapacity(text) });
+			};
+			/** What a capacity field shows: the buffer while typing, else the stored count. */
+			const capacityText = (model, index, field) => editing.get(bufferKey(index, field)) ?? capacitySpelling(numberOf(model, field));
+			/** Drop one row's entries and shift the rows after it down, in one pass. */
+			const reindexOnRemove = (current, index) => {
+				const next = /* @__PURE__ */ new Map();
+				for (const [key, value] of current) {
+					const at = Number(key.slice(0, key.indexOf(":")));
+					if (at === index) continue;
+					next.set(at > index ? key.replace(/^\d+/, String(at - 1)) : key, value);
+				}
+				return next;
+			};
+			const toggleExpanded = (index) => {
+				setExpanded((current) => {
+					const next = new Set(current);
+					if (!next.delete(index)) next.add(index);
+					return next;
+				});
+			};
+			const patch = (index, next) => {
+				onChange(models.map((model, at) => {
+					if (at !== index) return model;
+					const cleared = new Set(Object.entries(next).filter(([, value]) => value === void 0 || value === "").map(([key]) => key));
+					return Object.fromEntries(Object.entries({
+						...model,
+						...next
+					}).filter(([key]) => !cleared.has(key)));
+				}));
+			};
+			const fetchModels = async () => {
+				setBusy(true);
+				setFailure(void 0);
+				try {
+					const answer = await operations.discoverModels(probe.settingsNs, {
+						...probe.provider === void 0 ? {} : { provider: probe.provider },
+						...probe.baseURL === void 0 || probe.baseURL.length === 0 ? {} : { baseURL: probe.baseURL },
+						...probe.api === void 0 ? {} : { api: probe.api },
+						...probe.apiKey === void 0 ? {} : { apiKey: probe.apiKey }
+					});
+					if (answer.kind === "refused") {
+						setFailure(answer.message);
+						return;
+					}
+					const found = answer.models;
+					if (catalogProvider !== void 0) setInheritedCatalog({
+						provider: catalogProvider,
+						models: found
+					});
+					if (found.length === 0) {
+						setFailure(t("fetchEmpty"));
+						return;
+					}
+					const known = new Set(models.map((model) => textOf(model, "id")));
+					setCandidateQuery("");
+					setCandidates(found);
+					setPicked(new Set(found.filter((model) => !known.has(model.id)).map((model) => model.id)));
+				} finally {
+					setBusy(false);
+				}
+			};
+			const closePicker = () => {
+				setCandidates(void 0);
+				setPicked(/* @__PURE__ */ new Set());
+				setCandidateQuery("");
+			};
+			const adoptPicked = () => {
+				/* v8 ignore next -- the dialog only renders with candidates loaded */
+				if (candidates === void 0) return;
+				const byId = new Map(models.map((model) => [textOf(model, "id"), model]));
+				for (const candidate of candidates) {
+					if (!picked.has(candidate.id)) continue;
+					byId.set(candidate.id, byId.get(candidate.id) ?? adopt(candidate));
+				}
+				onChange([...byId.values()]);
+				closePicker();
+			};
+			const toggle = (id) => {
+				setPicked((current) => {
+					const next = new Set(current);
+					if (!next.delete(id)) next.add(id);
+					return next;
+				});
+			};
+			const activeCandidates = candidates ?? [];
+			const normalizedCandidateQuery = candidateQuery.trim().toLowerCase();
+			const visibleCandidates = normalizedCandidateQuery.length === 0 ? activeCandidates : activeCandidates.filter((candidate) => candidate.id.toLowerCase().includes(normalizedCandidateQuery) || candidate.name?.toLowerCase().includes(normalizedCandidateQuery) === true);
+			const allVisibleCandidatesPicked = visibleCandidates.length > 0 && visibleCandidates.every((candidate) => picked.has(candidate.id));
+			const toggleVisibleCandidates = () => {
+				setPicked((current) => {
+					if (visibleCandidates.every((candidate) => current.has(candidate.id))) return /* @__PURE__ */ new Set();
+					const next = new Set(current);
+					for (const candidate of visibleCandidates) next.add(candidate.id);
+					return next;
+				});
+			};
+			const askable = probe.provider !== void 0 || probe.baseURL !== void 0 && probe.baseURL.length > 0;
+			return (0, react_jsx_runtime.jsxs)("section", {
+				className: ModelsSection_module_css_default["modelCatalog"],
+				"aria-label": t("models"),
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: ModelsSection_module_css_default["modelListHead"],
+						children: [
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: ModelsSection_module_css_default["modelCatalogHeading"],
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: ModelsSection_module_css_default["modelCatalogTitle"],
+									children: t("models")
+								}), props.overridden === void 0 ? null : (0, react_jsx_runtime.jsx)("span", {
+									className: ModelsSection_module_css_default["modelCatalogMeta"],
+									children: props.overridden ? t("modelsCustomized") : t("modelsInherited")
+								})]
+							}),
+							props.overridden === true && props.onReset !== void 0 ? (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ModelsSection_module_css_default["linkButton"],
+								disabled,
+								onClick: props.onReset,
+								children: t("resetModels")
+							}) : null,
+							(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ModelsSection_module_css_default["linkButton"],
+								disabled: disabled || busy || !askable || props.probeBlocked !== void 0,
+								title: props.probeBlocked !== void 0 ? t(props.probeBlocked) : askable ? void 0 : t("fetchNeedsBaseUrl"),
+								onClick: () => {
+									fetchModels();
+								},
+								children: busy ? t("fetching") : t("fetchModels")
+							})
+						]
+					}),
+					models.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["modelEmpty"],
+						children: t("modelsEmpty")
+					}) : null,
+					(0, react_jsx_runtime.jsx)("div", {
+						className: ModelsSection_module_css_default["modelList"],
+						children: models.map((model, index) => (0, react_jsx_runtime.jsx)(ModelRow, {
+							model,
+							position: index + 1,
+							inputField: "input",
+							inputFallback: inputDefaults.get(textOf(model, "id")) ?? props.defaultInput,
+							inputLoading: catalogProvider !== void 0 && catalog === void 0,
+							expanded: expanded.has(index),
+							disabled,
+							t,
+							contextWindow: {
+								value: capacityText(model, index, "contextWindow"),
+								placeholder: CAPACITY_HINT.contextWindow,
+								onChange: (text) => {
+									editCapacity(index, "contextWindow", text);
+								}
+							},
+							maxTokens: {
+								value: capacityText(model, index, "maxTokens"),
+								placeholder: CAPACITY_HINT.maxTokens,
+								onChange: (text) => {
+									editCapacity(index, "maxTokens", text);
+								}
+							},
+							onFieldChange: (field, value) => {
+								patch(index, { [field]: value });
+							},
+							onChange: (next) => {
+								onChange(models.map((row, at) => at === index ? next : row));
+							},
+							onToggle: () => {
+								toggleExpanded(index);
+							},
+							onRemove: () => {
+								onChange(models.filter((_model, at) => at !== index));
+								setExpanded((current) => {
+									const next = /* @__PURE__ */ new Set();
+									for (const at of current) if (at < index) next.add(at);
+									else if (at > index) next.add(at - 1);
+									return next;
+								});
+								setEditing((current) => reindexOnRemove(current, index));
+							}
+						}, index))
+					}),
+					(0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: ModelsSection_module_css_default["addModelButton"],
+						disabled,
+						onClick: () => {
+							onChange([...models, { id: "" }]);
+						},
+						children: [(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPlusOutline16, { size: 14 }), t("addModel")]
+					}),
+					failure !== void 0 ? (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["error"],
+						children: failure
+					}) : null,
+					(0, react_jsx_runtime.jsxs)(_qilin_agent_client_ui_primitives.Modal, {
+						open: candidates !== void 0,
+						onClose: closePicker,
+						title: t("fetchTitle"),
+						closeLabel: t("close"),
+						description: t("fetchDescription"),
+						className: ModelsSection_module_css_default["fetchDialog"],
+						footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Button, {
+							variant: "outline",
+							onClick: closePicker,
+							children: t("cancel")
+						}), (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Button, {
+							variant: "outline",
+							onClick: adoptPicked,
+							children: t("fetchAdopt")
+						})] }),
+						children: [(0, react_jsx_runtime.jsxs)("div", {
+							className: ModelsSection_module_css_default["candidateToolbar"],
+							children: [(0, react_jsx_runtime.jsx)("input", {
+								className: `${ModelsSection_module_css_default["input"]} ${ModelsSection_module_css_default["candidateSearch"]}`,
+								type: "search",
+								value: candidateQuery,
+								placeholder: t("fetchSearch"),
+								"aria-label": t("fetchSearch"),
+								onChange: (event) => {
+									setCandidateQuery(event.target.value);
+								}
+							}), (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Button, {
+								variant: "ghost",
+								size: "sm",
+								disabled: visibleCandidates.length === 0,
+								onClick: toggleVisibleCandidates,
+								children: t(allVisibleCandidatesPicked ? "fetchDeselectAll" : "fetchSelectAll")
+							})]
+						}), visibleCandidates.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+							className: ModelsSection_module_css_default["candidateEmpty"],
+							role: "status",
+							children: t("fetchNoMatches")
+						}) : (0, react_jsx_runtime.jsx)("ul", {
+							className: ModelsSection_module_css_default["candidateList"],
+							children: visibleCandidates.map((candidate) => (0, react_jsx_runtime.jsx)("li", {
+								className: ModelsSection_module_css_default["candidate"],
+								children: (0, react_jsx_runtime.jsxs)("label", {
+									className: ModelsSection_module_css_default["candidateLabel"],
+									children: [(0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: picked.has(candidate.id),
+										onChange: () => {
+											toggle(candidate.id);
+										}
+									}), (0, react_jsx_runtime.jsx)("span", {
+										className: ModelsSection_module_css_default["candidateId"],
+										children: candidate.id
+									})]
+								})
+							}, candidate.id))
+						})]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/store.js
+		/**
+		* Models settings page store: one snapshot joining the configurable-provider
+		* directory (`llm/listProviders` joined with `llm/listConfigurableProviders`),
+		* the settings namespaces (shared settings mirror),
+		* and the referenced credentials (`credentials/describe`). The host stays the
+		* single fact source — every mutation writes through the wire and the page
+		* re-renders from the next describe, pushed or refetched.
+		*/
+		/**
+		* Any route key walks a dict schema to the same profile node, so the lookup
+		* names one that cannot collide with a configured route.
+		*/
+		const PROBE_ROUTE = "\0probe";
+		/**
+		* Join declared configurable providers with the currently registered routes.
+		* @param registered - live provider routes in registration order.
+		* @param directory - declared configurable providers in declaration order.
+		* @returns declared rows followed by live routes with no declaration.
+		*/
+		function joinProviderDirectory(registered, directory) {
+			const active = new Set(registered.map((provider) => provider.id));
+			const declared = new Set(directory.map((entry) => entry.provider));
+			const rows = directory.map((entry) => ({
+				provider: entry.provider,
+				displayName: entry.displayName,
+				settingsNs: entry.settingsNs,
+				settingsPath: [...entry.settingsPath],
+				active: active.has(entry.provider),
+				...entry.declared === void 0 ? {} : { declared: entry.declared },
+				...entry.error === void 0 ? {} : { error: entry.error }
+			}));
+			for (const provider of registered) {
+				if (declared.has(provider.id)) continue;
+				rows.push({
+					provider: provider.id,
+					displayName: provider.name,
+					settingsNs: "",
+					settingsPath: [],
+					active: true
+				});
+			}
+			return rows;
+		}
+		/**
+		* Derive the conventional credential reference for a provider route: the v1
+		* page never asks for an environment-variable name, so a typed key stores
+		* under this derived reference and the profile records it as `apiKeyEnv`.
+		* @param provider - provider route id (e.g. `anthropic`, `minimax-cn`).
+		* @returns the derived reference name (e.g. `MINIMAX_CN_API_KEY`).
+		*/
+		function deriveKeyRef(provider) {
+			return `${provider.toUpperCase().replace(/[^A-Z0-9]+/g, "_")}_API_KEY`;
+		}
+		/**
+		* The wire protocols a hand-declared route may name, read out of the owning
+		* namespace's own schema. This stays a schema read rather than a wire field so
+		* the choices the page offers cannot drift from the ones the adapter accepts:
+		* both come from the same `Config`.
+		* @param namespace - the namespace view whose schema declares the profile shape.
+		* @param schema - settings schema operations.
+		* @returns the protocol identifiers, or an empty list when the schema has none.
+		*/
+		function protocolChoices(namespace, schema) {
+			if (namespace === void 0) return [];
+			const list = schema.nodeAtPath(schema.rehydrate(namespace.schema), [
+				"providers",
+				PROBE_ROUTE,
+				"api"
+			]);
+			if (list?.type !== "union" || list.list === void 0) return [];
+			return list.list.map((entry) => entry.value).filter((value) => typeof value === "string");
+		}
+		/** The credential reference a resolved profile names (its `apiKeyEnv` field). */
+		function apiKeyEnvOf(namespace, path, schema) {
+			if (namespace === void 0) return void 0;
+			const profile = schema.getPath(namespace.value, path);
+			if (typeof profile !== "object" || profile === null) return void 0;
+			const ref = profile.apiKeyEnv;
+			return typeof ref === "string" && ref.length > 0 ? ref : void 0;
+		}
+		/** The models settings page controller (one per settings surface). */
+		var ModelsSettingsStore = class {
+			ctx;
+			schema;
+			describeFace;
+			/** The snapshot the section renders from (uSES-safe store). */
+			store = (0, _qilin_agent_client_store.createSnapshotStore)({
+				status: "idle",
+				error: null,
+				credentialError: null,
+				writable: false,
+				rows: [],
+				namespaces: /* @__PURE__ */ new Map()
+			});
+			/** Latest load wins; an older response never overwrites a newer one. */
+			generation = 0;
+			/**
+			* @param ctx - the page plugin's context, whose `remote.llm` and
+			* `remote.credentials` namespaces carry the directory and credential reads.
+			* @param schema - settings-owned schema and immutable path operations.
+			* @param describeFace - the shared mirror's describe face (namespace views and writability).
+			*/
+			constructor(ctx, schema, describeFace) {
+				this.ctx = ctx;
+				this.schema = schema;
+				this.describeFace = describeFace;
+			}
+			/**
+			* Refresh the whole page snapshot: the provider directory and the mirror's
+			* settings answer in parallel, then one batched credential describe over
+			* every referenced ref. Provider failure or absence of an initial settings
+			* answer keeps the last good rows and surfaces an error; a failed settings
+			* refresh reuses the mirror's held view.
+			* @returns nothing; the snapshot carries the outcome.
+			*/
+			async load() {
+				const generation = ++this.generation;
+				this.store.update((s) => {
+					s.status = "loading";
+					s.error = null;
+				});
+				const [registered, declared] = await Promise.all([
+					this.ctx.remote.llm.listProviders(),
+					this.ctx.remote.llm.listConfigurableProviders(),
+					this.describeFace.ensure()
+				]);
+				if (!registered.ok) {
+					this.failLoad(generation, registered.error.message);
+					return;
+				}
+				if (!declared.ok) {
+					this.failLoad(generation, declared.error.message);
+					return;
+				}
+				const mirrored = this.describeFace.getSnapshot();
+				if (mirrored.view === void 0) {
+					this.failLoad(generation, mirrored.error ?? "settings are unavailable in this browser");
+					return;
+				}
+				const providers = joinProviderDirectory(registered.value, declared.value);
+				const writable = mirrored.view.writable;
+				const views = mirrored.view.namespaces;
+				const namespaces = new Map(views.map((view) => [view.ns, view]));
+				const rows = providers.map((entry) => {
+					const namespace = namespaces.get(entry.settingsNs);
+					return {
+						entry,
+						configured: namespace !== void 0 && (entry.settingsPath.length === 0 || this.schema.getPath(namespace.value, entry.settingsPath) !== void 0),
+						removable: namespace !== void 0 && entry.settingsPath.length > 0 && this.schema.hasPath(namespace.user, entry.settingsPath) && !this.schema.hasPath(namespace.base, entry.settingsPath),
+						apiKeyEnv: apiKeyEnvOf(namespace, entry.settingsPath, this.schema),
+						credential: void 0
+					};
+				});
+				const refs = [...new Set(rows.map((row) => row.apiKeyEnv ?? deriveKeyRef(row.entry.provider)))];
+				let credentials = {};
+				let credentialError = null;
+				if (refs.length > 0) {
+					const response = await this.ctx.remote.credentials.describe(refs);
+					if (response.ok) credentials = response.value;
+					else credentialError = response.error.message;
+				}
+				if (generation !== this.generation) return;
+				this.store.update((s) => {
+					s.status = "ready";
+					s.error = null;
+					s.credentialError = credentialError;
+					s.writable = writable;
+					s.rows = rows.map((row) => {
+						const named = row.apiKeyEnv === void 0 ? void 0 : credentials[row.apiKeyEnv];
+						const derived = row.apiKeyEnv !== void 0 ? void 0 : credentials[deriveKeyRef(row.entry.provider)];
+						return {
+							...row,
+							...named === void 0 ? {} : { credential: named },
+							...derived === void 0 ? {} : { derivedCredential: derived }
+						};
+					});
+					s.namespaces = namespaces;
+				});
+			}
+			/** Publish one load's failure text, unless a newer load already took over. */
+			failLoad(generation, message) {
+				if (generation !== this.generation) return;
+				this.store.update((s) => {
+					s.status = "error";
+					s.error = message;
+				});
+			}
+		};
+		/**
+		* Whether a joined row can serve model requests as it stands: the route is
+		* registered with the adapter registry, and whatever credential its resolved
+		* profile names is stored. A profile naming no reference authenticates through
+		* the provider's own path (the Bedrock chain, Vertex ADC, a gateway that needs
+		* nothing), as does a live route with no settings address at all, so neither
+		* owes this page a key.
+		* @param row - one joined provider row.
+		* @returns whether the user already has this provider to talk to.
+		*/
+		function providerUsable(row) {
+			if (!row.entry.active) return false;
+			if (row.apiKeyEnv === void 0) return true;
+			return row.credential?.configured === true;
+		}
+		/**
+		* Project first-run readiness from the provider/settings/credential join used
+		* by the Models page. The step exists to leave the user with a model to talk
+		* to, so ANY usable provider ends it; only when none exists does the official
+		* DeepSeek route — the one route the prompt can offer a key field for — decide
+		* whether prompting can help. A missing official configurable-provider
+		* declaration means the adapter is not repairable by navigating to Models.
+		* @param state - current shared Models join snapshot.
+		* @returns the onboarding state without reading a parallel fact source.
+		*/
+		function onboardingReadiness(state) {
+			if ((state.status === "idle" || state.status === "loading") && state.rows.length === 0) return { kind: "loading" };
+			if (state.status === "error") return {
+				kind: "unavailable",
+				reason: "load-failed"
+			};
+			if (state.rows.some(providerUsable)) return { kind: "provider-ready" };
+			const row = state.rows.find((candidate) => candidate.entry.provider === "deepseek-official" && candidate.entry.settingsNs === "llm-deepseek" && candidate.entry.settingsPath.length === 0);
+			if (row === void 0) return { kind: "adapter-absent" };
+			if (!row.entry.active) return {
+				kind: "unavailable",
+				reason: "provider-inactive"
+			};
+			if (state.credentialError !== null || row.credential === void 0) return {
+				kind: "unavailable",
+				reason: "credentials-unavailable"
+			};
+			if (!state.writable) return {
+				kind: "unavailable",
+				reason: "settings-read-only"
+			};
+			if (!row.credential.writable) return {
+				kind: "unavailable",
+				reason: "credential-read-only"
+			};
+			return { kind: "credential-missing" };
+		}
+		//#endregion
+		//#region lib/types/client/protocol-label.js
+		/**
+		* Product names for the wire protocols a pi-ai route may speak. The pickers
+		* show these instead of the schema identifiers (`openai-completions`), which
+		* are what `settings.yaml` carries and what the option values stay.
+		*/
+		/** The protocols this page names, keyed by their schema identifier. */
+		const PROTOCOL_LABEL_KEYS = {
+			"openai-completions": "protocolOpenAiCompletions",
+			"openai-responses": "protocolOpenAiResponses",
+			"anthropic-messages": "protocolAnthropicMessages"
+		};
+		/**
+		* The picker text for one protocol identifier.
+		* @param t - section copy.
+		* @param protocol - the schema identifier of the protocol.
+		* @returns the product name this page knows the protocol by; a protocol the
+		* adapter adds before this page names it shows its identifier, the spelling
+		* `settings.yaml` needs anyway.
+		*/
+		function protocolLabel(t, protocol) {
+			const key = PROTOCOL_LABEL_KEYS[protocol];
+			return key === void 0 ? protocol : t(key);
+		}
+		//#endregion
+		//#region lib/types/client/CustomProviderCard.js
+		/**
+		* The card that declares a provider pi-ai does not ship — an OpenAI-compatible
+		* gateway, a self-hosted server, or a provider newer than the installed
+		* catalog.
+		*
+		* This is a create, not an edit, which is why it is its own card rather than
+		* the provider editor with extra fields: the route id is being *chosen* here,
+		* and the settings address does not exist until it is. One `settings.mutate`
+		* sets the whole profile at `providers.<route>`; the key travels separately
+		* through `credentials/set` under the reference the profile records, exactly as
+		* an existing provider's key does.
+		*
+		* The three fields a hand-declared route cannot default — endpoint, protocol,
+		* and at least one model — are required here rather than at load, so the
+		* failure names the field while the user is still looking at it.
+		*
+		* There is deliberately no reasoning-effort control, here or on the editor
+		* card: effort is a per-MODEL capability, and the models under one provider
+		* disagree about it, so a provider-scoped control can only be set to a value
+		* some of them reject. The composer's model picker offers each model its own
+		* levels instead.
+		*/
+		/** The settings namespace a hand-declared provider is written into. */
+		const NS$1 = "llm-pi-ai";
+		/**
+		* A route id usable as a settings key AND as the stem of a credential name.
+		* The leading letter is the second half of that: `deriveKeyRef` uppercases the
+		* id and replaces every non-alphanumeric run with `_`, and a credential
+		* reference is a POSIX shell identifier, which cannot start with a digit. A
+		* digit-leading id passes every check this card makes and then fails at the
+		* credential seam with a raw regular expression the user cannot act on.
+		*/
+		const ROUTE_PATTERN = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/;
+		function isHttpUrl(value) {
+			try {
+				const protocol = new URL(value).protocol;
+				return protocol === "http:" || protocol === "https:";
+			} catch {
+				return false;
+			}
+		}
+		/**
+		* Render the custom-provider creation card.
+		* @param props - existing routes, protocol choices, wire faces, and copy.
+		* @returns the creation card.
+		*/
+		function CustomProviderCard(props) {
+			const { taken, protocols, operations, t } = props;
+			const [openedAt] = (0, react.useState)(() => props.revision);
+			const [route, setRoute] = (0, react.useState)("");
+			const [displayName, setDisplayName] = (0, react.useState)("");
+			const [baseURL, setBaseURL] = (0, react.useState)("");
+			const [protocol, setProtocol] = (0, react.useState)(protocols[0] ?? "");
+			const [keyDraft, setKeyDraft] = (0, react.useState)("");
+			const [models, setModels] = (0, react.useState)([]);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [failure, setFailure] = (0, react.useState)(void 0);
+			/**
+			* The profile write landed. Only the key write can still be outstanding, so
+			* the fields that describe the provider are settled and the retry path is
+			* the credential alone.
+			*/
+			const [committed, setCommitted] = (0, react.useState)(false);
+			const disabled = props.readOnly || busy;
+			/** Everything but the key stops being editable once the provider exists. */
+			const profileDisabled = disabled || committed;
+			const routeInvalid = route.length > 0 && !ROUTE_PATTERN.test(route);
+			const routeTaken = taken.includes(route);
+			const normalizedBaseURL = baseURL.trim();
+			const baseUrlInvalid = baseURL.length > 0 && !isHttpUrl(normalizedBaseURL);
+			const modelFailure = validateDeepSeekModels(models);
+			const keyFailure = apiKeyFailure(keyDraft);
+			const keyValue = keyDraft.trim();
+			const ready = route.length > 0 && !routeInvalid && !routeTaken && normalizedBaseURL.length > 0 && !baseUrlInvalid && models.length > 0 && modelFailure === void 0 && keyFailure === void 0;
+			const hint = failure !== void 0 || ready || keyFailure !== void 0 || route.length === 0 || routeInvalid || routeTaken || baseUrlInvalid ? void 0 : normalizedBaseURL.length === 0 ? t("customNeedsBaseUrl") : modelFailure !== void 0 ? `${t("model")} ${String(modelFailure.index + 1)}: ${t(modelFailure.key)}` : t("customNeedsModels");
+			/** Perform the create, returning a failure message or undefined. */
+			const createOnce = async () => {
+				const keyRef = deriveKeyRef(route);
+				const storesKey = keyValue.length > 0;
+				if (!committed) {
+					const profile = {
+						...displayName.length === 0 ? {} : { displayName },
+						...storesKey ? { apiKeyEnv: keyRef } : {},
+						api: protocol,
+						baseURL: normalizedBaseURL,
+						models: models.map((model) => ({ ...model }))
+					};
+					const written = await operations.writeSettings(NS$1, [{
+						op: "set",
+						path: ["providers", route],
+						value: profile
+					}], openedAt);
+					if (written.kind !== "written") return written.kind === "conflict" ? t("conflict") : written.message;
+					setCommitted(true);
+				}
+				if (storesKey) {
+					const stored = await operations.storeCredential(keyRef, keyValue);
+					if (stored !== void 0) return stored;
+				}
+			};
+			const create = async () => {
+				setBusy(true);
+				setFailure(void 0);
+				try {
+					const outcome = await createOnce();
+					if (outcome !== void 0) {
+						setFailure(outcome);
+						return;
+					}
+					props.onClose(true);
+				} finally {
+					setBusy(false);
+				}
+			};
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: ModelsSection_module_css_default["editor"],
+				children: [
+					(0, react_jsx_runtime.jsx)("div", {
+						className: ModelsSection_module_css_default["editorHeader"],
+						children: (0, react_jsx_runtime.jsx)("span", {
+							className: ModelsSection_module_css_default["editorTitle"],
+							children: t("customTitle")
+						})
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: ModelsSection_module_css_default["field"],
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: ModelsSection_module_css_default["fieldLabel"],
+							children: t("customRoute")
+						}), (0, react_jsx_runtime.jsx)("input", {
+							className: ModelsSection_module_css_default["input"],
+							type: "text",
+							value: route,
+							placeholder: "acme-gateway",
+							"aria-label": t("customRoute"),
+							disabled: profileDisabled,
+							onChange: (event) => {
+								setRoute(event.target.value);
+							}
+						})]
+					}),
+					routeInvalid || routeTaken ? (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["error"],
+						children: t(routeInvalid ? "customRouteInvalid" : "customRouteTaken")
+					}) : (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["advancedHint"],
+						children: t("customRouteHint")
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: ModelsSection_module_css_default["field"],
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: ModelsSection_module_css_default["fieldLabel"],
+							children: t("customDisplayName")
+						}), (0, react_jsx_runtime.jsx)("input", {
+							className: ModelsSection_module_css_default["input"],
+							type: "text",
+							value: displayName,
+							placeholder: route.length === 0 ? t("customDisplayName") : route,
+							"aria-label": t("customDisplayName"),
+							disabled: profileDisabled,
+							onChange: (event) => {
+								setDisplayName(event.target.value);
+							}
+						})]
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: ModelsSection_module_css_default["field"],
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: ModelsSection_module_css_default["fieldLabel"],
+							children: t("baseUrl")
+						}), (0, react_jsx_runtime.jsx)("input", {
+							className: ModelsSection_module_css_default["input"],
+							type: "text",
+							value: baseURL,
+							placeholder: t("customBaseUrlPlaceholder"),
+							"aria-label": t("baseUrl"),
+							"aria-invalid": baseUrlInvalid,
+							disabled: profileDisabled,
+							onChange: (event) => {
+								setBaseURL(event.target.value);
+							}
+						})]
+					}),
+					baseUrlInvalid ? (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["error"],
+						children: t("customBaseUrlInvalid")
+					}) : null,
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: ModelsSection_module_css_default["field"],
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: ModelsSection_module_css_default["fieldLabel"],
+							children: t("customApi")
+						}), (0, react_jsx_runtime.jsx)("select", {
+							className: `${ModelsSection_module_css_default["input"]} ${ModelsSection_module_css_default["selectInput"]}`,
+							value: protocol,
+							"aria-label": t("customApi"),
+							disabled: profileDisabled,
+							onChange: (event) => {
+								setProtocol(event.target.value);
+							},
+							children: protocols.map((choice) => (0, react_jsx_runtime.jsx)("option", {
+								value: choice,
+								children: protocolLabel(t, choice)
+							}, choice))
+						})]
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: ModelsSection_module_css_default["field"],
+						children: [
+							(0, react_jsx_runtime.jsx)("span", {
+								className: ModelsSection_module_css_default["fieldLabel"],
+								children: t("keyInput")
+							}),
+							(0, react_jsx_runtime.jsx)("input", {
+								className: ModelsSection_module_css_default["input"],
+								type: "password",
+								autoComplete: "off",
+								value: keyDraft,
+								placeholder: t("keyPlaceholder"),
+								"aria-label": t("keyInput"),
+								disabled,
+								onChange: (event) => {
+									setKeyDraft(event.target.value);
+								}
+							}),
+							keyFailure === void 0 ? null : (0, react_jsx_runtime.jsx)("p", {
+								className: ModelsSection_module_css_default["error"],
+								children: t(keyFailure === "keyBlank" ? "keyBlankNew" : keyFailure)
+							})
+						]
+					}),
+					(0, react_jsx_runtime.jsx)(ModelListEditor, {
+						models,
+						onChange: setModels,
+						probe: {
+							settingsNs: NS$1,
+							baseURL: normalizedBaseURL,
+							api: protocol,
+							...keyValue.length === 0 ? {} : { apiKey: keyValue }
+						},
+						probeBlocked: baseUrlInvalid ? "customBaseUrlInvalid" : keyFailure === "keyBlank" ? "keyBlankNew" : keyFailure,
+						operations,
+						t,
+						disabled: profileDisabled
+					}),
+					failure !== void 0 ? (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["error"],
+						children: failure
+					}) : null,
+					hint === void 0 ? null : (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["advancedHint"],
+						children: hint
+					}),
+					(0, react_jsx_runtime.jsx)(EditorFooter, {
+						t,
+						busy,
+						submitDisabled: disabled || !ready,
+						submitLabelKey: "create",
+						submitBusyLabelKey: "creating",
+						onCancel: () => {
+							props.onClose(committed);
+						},
+						onSubmit: () => {
+							create();
+						}
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/ProviderEditor.js
+		/**
+		* One provider's editor card, hand-written per adapter family: the primary
+		* field is a single write-only **API key** input (the page never asks for an
+		* environment-variable name — a typed key stores through `credentials/set`
+		* under the profile's reference, deriving `<ROUTE>_API_KEY` when the profile
+		* has none. The pi-ai profile records that derivation as `apiKeyEnv` only when
+		* a key is entered; a blank key materializes a reference-free profile for
+		* provider-native authentication);
+		* the collapsed 自定义设置 area carries the per-family extras (`baseURL` for
+		* both families, DeepSeek's id/name/context-window model catalog, and the
+		* display name and wire protocol of a pi-ai route the adapter does not ship —
+		* the two fields the create card asked that route for, editable here for the
+		* same reason).
+		* Reasoning effort is deliberately absent: it is a per-MODEL capability, and
+		* the models under one provider disagree about it, so a provider-scoped
+		* control can only be set to a value some of them reject. The composer's
+		* model picker offers each model its own levels; `settings.yaml` keeps the
+		* profile field for a deployment that knows its route. Everything else stays
+		* owned by `settings.yaml`. Profile edits land as minimal `settings.mutate`
+		* path ops against the stored section — the card names only the fields it can
+		* see instead of rebuilding the whole subtree from a partial descriptor.
+		*/
+		/** A user-section subtree as a plain draft object (absent → empty). */
+		function draftAt(schema, namespace, path) {
+			const subtree = schema.getPath(namespace.user, path);
+			if (typeof subtree !== "object" || subtree === null || Array.isArray(subtree)) return {};
+			return structuredClone(subtree);
+		}
+		/**
+		* The minimal path ops carrying `after` over `before`, both as the card sees
+		* them. Only keys the card observed are named; fields absent from both sides
+		* produce no op, which is why edits are path-addressed rather than a rebuilt
+		* section.
+		* @param base - path of the edited subtree inside the user section.
+		* @param before - the subtree as loaded, or undefined when it is new.
+		* @param after - the subtree as edited.
+		* @returns ordered set/unset ops; empty when nothing changed.
+		*/
+		function pathOps(base, before, after) {
+			const previous = typeof before === "object" && before !== null && !Array.isArray(before) ? before : {};
+			const ops = [];
+			for (const [key, value] of Object.entries(after)) {
+				if (JSON.stringify(previous[key]) === JSON.stringify(value)) continue;
+				ops.push({
+					op: "set",
+					path: [...base, key],
+					value
+				});
+			}
+			for (const key of Object.keys(previous)) if (!(key in after)) ops.push({
+				op: "unset",
+				path: [...base, key]
+			});
+			return ops;
+		}
+		/** The editor layout the owning namespace selects. */
+		function layoutOf(ns) {
+			if (ns === "llm-deepseek") return "deepseek";
+			if (ns === "llm-pi-ai") return "pi-ai";
+			return "unknown";
+		}
+		/** The credential reference this profile resolves keys through. */
+		function refFor(schema, namespace, path, provider) {
+			const profile = schema.getPath(namespace.value, path);
+			const named = typeof profile === "object" && profile !== null ? profile.apiKeyEnv : void 0;
+			return typeof named === "string" && named.length > 0 ? named : deriveKeyRef(provider);
+		}
+		/**
+		* Render one provider's editing card.
+		* @param props - the addressed profile plus wire faces and copy.
+		* @returns the editor card.
+		*/
+		function ProviderEditor(props) {
+			const { namespace, schema, settingsPath, operations, t } = props;
+			const [draft, setDraft] = (0, react.useState)(() => draftAt(schema, namespace, settingsPath));
+			const [keyDraft, setKeyDraft] = (0, react.useState)("");
+			const [keyState, setKeyState] = (0, react.useState)(void 0);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [failure, setFailure] = (0, react.useState)(void 0);
+			const [committedOriginal, setCommittedOriginal] = (0, react.useState)(() => schema.getPath(namespace.user, settingsPath));
+			const [expectedRevision, setExpectedRevision] = (0, react.useState)(() => namespace.revision);
+			const root = (0, react.useMemo)(() => schema.rehydrate(namespace.schema), [namespace.schema, schema]);
+			const node = (0, react.useMemo)(() => schema.nodeAtPath(root, settingsPath), [
+				root,
+				schema,
+				settingsPath
+			]);
+			const fallback = schema.getPath(namespace.value, settingsPath);
+			const disabled = props.readOnly || busy;
+			const layout = layoutOf(namespace.ns);
+			const keyRef = refFor(schema, namespace, settingsPath, props.provider);
+			const protocols = (0, react.useMemo)(() => layout === "pi-ai" ? protocolChoices(namespace, schema) : [], [
+				layout,
+				namespace,
+				schema
+			]);
+			(0, react.useEffect)(() => {
+				let stale = false;
+				setKeyState(void 0);
+				operations.describeCredential(keyRef).then((described) => {
+					if (stale) return;
+					setKeyState(described);
+				});
+				return () => {
+					stale = true;
+				};
+			}, [operations, keyRef]);
+			const stringAt = (source, key) => {
+				const value = schema.getPath(source, [key]);
+				return typeof value === "string" && value.trim().length > 0 ? value : void 0;
+			};
+			const setField = (key, next) => {
+				const value = next === void 0 || next.trim().length === 0 ? void 0 : next;
+				setDraft((current) => value === void 0 ? schema.deletePath(current, [key]) : schema.setPath(current, [key], value));
+			};
+			const modelFailure = validateDeepSeekModels(schema.getPath(draft, ["models"]));
+			const keyFailure = apiKeyFailure(keyDraft);
+			const keyValue = keyDraft.trim();
+			const shownKeyFailure = (props.credentialRequired === true && keyDraft.length > 0 && keyValue.length === 0 ? "keyRequired" : void 0) ?? keyFailure;
+			const probeApi = stringAt(draft, "api") ?? stringAt(fallback, "api");
+			const probeBaseURL = stringAt(draft, "baseURL") ?? stringAt(fallback, "baseURL");
+			const probe = {
+				settingsNs: namespace.ns,
+				provider: props.provider,
+				...probeBaseURL === void 0 ? {} : { baseURL: probeBaseURL },
+				...probeApi === void 0 ? {} : { api: probeApi },
+				...keyValue.length === 0 ? {} : { apiKey: keyValue }
+			};
+			/**
+			* The write for this card, or a failure message. Every edit travels as
+			* path ops against the STORED section: the draft comes from the redacted
+			* descriptor, so a wholesale replace rebuilt from it could delete fields
+			* outside the card. Ops name only the fields this card can see.
+			*/
+			const applyOnce = async () => {
+				const ns = namespace.ns;
+				const next = layout === "pi-ai" && stringAt(draft, "apiKeyEnv") === void 0 && stringAt(fallback, "apiKeyEnv") === void 0 && keyValue.length > 0 ? schema.setPath(draft, ["apiKeyEnv"], keyRef) : draft;
+				if (props.credentialOnly !== true) {
+					const failure = validateDeepSeekModels(schema.getPath(next, ["models"]));
+					/* v8 ignore next 3 -- unreachable from the card: the same failure disables submit */
+					if (failure !== void 0) return `${t("model")} ${String(failure.index + 1)}: ${t(failure.key)}`;
+				}
+				/* v8 ignore next -- apply is only reachable from the rendered card, which required a resolved node */
+				if (props.credentialOnly !== true && node !== void 0 && settingsPath.length === 0) {
+					const sectionError = schema.validate(node, next);
+					if (sectionError !== void 0) return sectionError;
+				}
+				const materializesNativeProfile = layout === "pi-ai" && fallback === void 0 && committedOriginal === void 0 && Object.keys(next).length === 0;
+				const ops = props.credentialOnly === true ? [] : materializesNativeProfile ? [{
+					op: "set",
+					path: [...settingsPath],
+					value: {}
+				}] : pathOps(settingsPath, committedOriginal, next);
+				if (ops.length > 0) {
+					const written = await operations.writeSettings(ns, ops, expectedRevision);
+					if (written.kind !== "written") return written.kind === "conflict" ? t("conflict") : written.message;
+					setCommittedOriginal(schema.getPath(written.view.user, settingsPath));
+					setExpectedRevision(written.view.revision);
+					setDraft(next);
+				}
+				if (keyValue.length > 0) {
+					const stored = await operations.storeCredential(keyRef, keyValue);
+					if (stored !== void 0) return stored;
+				}
+				setKeyDraft("");
+			};
+			const apply = async () => {
+				setBusy(true);
+				setFailure(void 0);
+				try {
+					const failure = await applyOnce();
+					if (failure !== void 0) {
+						setFailure(failure);
+						return;
+					}
+					props.onClose(true);
+				} finally {
+					setBusy(false);
+				}
+			};
+			if (node === void 0) return (0, react_jsx_runtime.jsxs)("p", {
+				className: ModelsSection_module_css_default["error"],
+				children: [
+					props.provider,
+					": ",
+					props.t("settingsPathUnresolvable")
+				]
+			});
+			const keyLocked = keyState?.writable === false;
+			/**
+			* The catalog beneath the user layer: what the composition entry pinned, or
+			* else the schema default that `resolve` would supply. The effective value
+			* cannot answer this — it still carries the stored override until the unset
+			* is applied, so reading it would echo that override straight back the
+			* moment reset drops it, leaving the rows unchanged until a reload.
+			*/
+			const inheritedModels = () => {
+				return schema.getPath(namespace.base, [...settingsPath, "models"]) ?? schema.nodeAtPath(root, [...settingsPath, "models"])?.meta.default;
+			};
+			/**
+			* The curated fields of one known adapter family. The family arrives
+			* narrowed so the per-family branches below are total: an unknown namespace
+			* renders the hint instead and never reaches this body.
+			*/
+			const curatedFields = (family) => {
+				const ownsIdentity = family === "pi-ai" && props.declared === true;
+				const customModels = schema.getPath(draft, ["models"]);
+				const modelsOverridden = schema.hasPath(draft, ["models"]);
+				const models = modelDrafts(modelsOverridden ? customModels : inheritedModels());
+				const defaultContextWindow = schema.getPath(fallback, ["defaultContextWindow"]);
+				const defaultMaxTokens = schema.getPath(fallback, ["maxTokens"]);
+				const defaultInput = schema.getPath(fallback, ["defaultInput"]);
+				const keyPlaceholder = keyLocked ? t("keyEnvLocked") : keyState?.configured === true && props.credentialRequired !== true ? t("keyStored") : family === "pi-ai" ? t("keyPlaceholderNative") : t("keyPlaceholder");
+				/** What both family editors take: the rows, whose layer owns them, and the two writes. */
+				const catalogProps = {
+					models,
+					overridden: modelsOverridden,
+					t,
+					disabled,
+					onChange: (next) => {
+						setDraft((current) => schema.setPath(current, ["models"], next));
+					},
+					onReset: () => {
+						setDraft((current) => schema.deletePath(current, ["models"]));
+					}
+				};
+				return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
+					className: ModelsSection_module_css_default["field"],
+					children: [
+						(0, react_jsx_runtime.jsx)("span", {
+							className: ModelsSection_module_css_default["fieldLabel"],
+							children: t("keyInput")
+						}),
+						(0, react_jsx_runtime.jsx)("input", {
+							className: ModelsSection_module_css_default["input"],
+							type: "password",
+							autoComplete: "off",
+							value: keyDraft,
+							placeholder: keyPlaceholder,
+							"aria-label": t("keyInput"),
+							"aria-invalid": shownKeyFailure !== void 0,
+							required: props.credentialRequired === true,
+							autoFocus: props.autoFocusCredential === true,
+							disabled: disabled || keyLocked,
+							onChange: (event) => {
+								setKeyDraft(event.target.value);
+							}
+						}),
+						shownKeyFailure === void 0 ? null : (0, react_jsx_runtime.jsx)("p", {
+							className: ModelsSection_module_css_default["error"],
+							children: t(shownKeyFailure)
+						})
+					]
+				}), props.credentialOnly === true ? null : (0, react_jsx_runtime.jsxs)("details", {
+					className: ModelsSection_module_css_default["customized"],
+					children: [(0, react_jsx_runtime.jsx)("summary", {
+						className: ModelsSection_module_css_default["customizedSummary"],
+						children: t("customized")
+					}), (0, react_jsx_runtime.jsxs)("div", {
+						className: ModelsSection_module_css_default["customizedBody"],
+						children: [
+							ownsIdentity ? (0, react_jsx_runtime.jsxs)("div", {
+								className: ModelsSection_module_css_default["field"],
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: ModelsSection_module_css_default["fieldLabel"],
+									children: t("customDisplayName")
+								}), (0, react_jsx_runtime.jsx)("input", {
+									className: ModelsSection_module_css_default["input"],
+									type: "text",
+									value: stringAt(draft, "displayName") ?? "",
+									placeholder: stringAt(schema.getPath(namespace.base, settingsPath), "displayName") ?? props.provider,
+									"aria-label": t("customDisplayName"),
+									disabled,
+									onChange: (event) => {
+										setField("displayName", event.target.value);
+									}
+								})]
+							}) : null,
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: ModelsSection_module_css_default["field"],
+								children: [
+									(0, react_jsx_runtime.jsx)("span", {
+										className: ModelsSection_module_css_default["fieldLabel"],
+										children: t("baseUrl")
+									}),
+									(0, react_jsx_runtime.jsx)("input", {
+										className: ModelsSection_module_css_default["input"],
+										type: "text",
+										value: stringAt(draft, "baseURL") ?? "",
+										placeholder: family === "deepseek" ? t("deepSeekBaseUrl") : stringAt(fallback, "baseURL") ?? t("baseUrlDefault"),
+										"aria-describedby": family === "deepseek" ? `${props.provider}-endpoint-hint` : void 0,
+										"aria-label": t("baseUrl"),
+										disabled,
+										onChange: (event) => {
+											setField("baseURL", event.target.value === "" ? void 0 : event.target.value);
+										}
+									}),
+									family === "deepseek" ? (0, react_jsx_runtime.jsx)("span", {
+										id: `${props.provider}-endpoint-hint`,
+										className: ModelsSection_module_css_default["advancedHint"],
+										children: t("deepSeekEndpointHint")
+									}) : null
+								]
+							}),
+							ownsIdentity ? (0, react_jsx_runtime.jsxs)("div", {
+								className: ModelsSection_module_css_default["field"],
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: ModelsSection_module_css_default["fieldLabel"],
+									children: t("customApi")
+								}), (0, react_jsx_runtime.jsxs)("select", {
+									className: `${ModelsSection_module_css_default["input"]} ${ModelsSection_module_css_default["selectInput"]}`,
+									value: probeApi ?? "",
+									"aria-label": t("customApi"),
+									disabled,
+									onChange: (event) => {
+										setField("api", event.target.value);
+									},
+									children: [probeApi === void 0 ? (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("customApiUnset")
+									}) : null, protocols.map((choice) => (0, react_jsx_runtime.jsx)("option", {
+										value: choice,
+										children: protocolLabel(t, choice)
+									}, choice))]
+								})]
+							}) : null,
+							family === "deepseek" ? (0, react_jsx_runtime.jsx)(DeepSeekModelsEditor, {
+								...catalogProps,
+								defaultContextWindow: typeof defaultContextWindow === "number" ? defaultContextWindow : void 0,
+								defaultMaxTokens: typeof defaultMaxTokens === "number" ? defaultMaxTokens : void 0
+							}) : (0, react_jsx_runtime.jsx)(ModelListEditor, {
+								...catalogProps,
+								catalogProvider: props.declared === true ? void 0 : props.provider,
+								defaultInput: Array.isArray(defaultInput) ? defaultInput : void 0,
+								probe,
+								probeBlocked: keyFailure,
+								operations
+							})
+						]
+					})]
+				})] });
+			};
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: props.credentialOnly === true ? ModelsSection_module_css_default["addBlock"] : ModelsSection_module_css_default["editor"],
+				children: [
+					props.hideTitle === true ? null : (0, react_jsx_runtime.jsxs)("div", {
+						className: ModelsSection_module_css_default["editorHeader"],
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: ModelsSection_module_css_default["editorTitle"],
+							children: props.displayName
+						}), props.provider !== props.displayName ? (0, react_jsx_runtime.jsx)("span", {
+							className: ModelsSection_module_css_default["editorRoute"],
+							children: props.provider
+						}) : null]
+					}),
+					layout === "unknown" ? (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["advancedHint"],
+						children: `${t("advancedHint")} (${namespace.ns})`
+					}) : curatedFields(layout),
+					failure !== void 0 ? (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["error"],
+						children: failure
+					}) : null,
+					props.credentialOnly === true || modelFailure === void 0 ? null : (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["advancedHint"],
+						children: `${t("model")} ${String(modelFailure.index + 1)}: ${t(modelFailure.key)}`
+					}),
+					(0, react_jsx_runtime.jsx)(EditorFooter, {
+						t,
+						busy,
+						submitDisabled: disabled || layout === "unknown" || props.credentialOnly !== true && modelFailure !== void 0 || shownKeyFailure !== void 0 || props.credentialRequired === true && keyValue.length === 0,
+						submitLabelKey: props.submitLabelKey ?? "apply",
+						submitBusyLabelKey: props.submitBusyLabelKey ?? "applying",
+						...props.cancelLabelKey === void 0 ? {} : { cancelLabelKey: props.cancelLabelKey },
+						onCancel: () => {
+							props.onClose(false);
+						},
+						onSubmit: () => {
+							apply();
+						}
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/ModelsSection.js
+		/**
+		* Models settings section: the provider rows joined from the configurable
+		* directory, settings namespaces, and credential states, with one editor
+		* card at a time. Rows expose only confirmed API-key state through accessible
+		* solid configured or missing dots. A whole-section provider without a
+		* configured key renders as its open setup card instead of a row, but only in
+		* the first-run posture — no provider on the page can serve requests yet — and
+		* only until the user closes that card; the add flow is a card carrying the
+		* dormant-provider select. Each card kind owns its own open state, so closing
+		* one never discards a draft in another. Every mutation writes through the
+		* wire, while a provider removal first requires confirmation; the page
+		* re-renders from pushed invalidations or the post-apply reload.
+		*/
+		/** Render an editor for either the setup posture or an expanded provider row. */
+		function renderProviderEditor({ target, ...props }) {
+			return (0, react_jsx_runtime.jsx)(ProviderEditor, {
+				provider: target.provider,
+				displayName: target.displayName,
+				settingsPath: target.settingsPath,
+				...target.declared === true ? { declared: true } : {},
+				...props
+			});
+		}
+		/**
+		* Remove one user-added provider and its page-managed credential. Credential
+		* removal comes first so a second-step failure leaves the provider row visible
+		* and the whole operation safely retryable; both unsets are idempotent.
+		* The settings removal names the profile rather than rebuilding its whole
+		* namespace from a partial view.
+		* @param operations - the page's Host operations.
+		* @param controller - the page store to refresh.
+		* @param target - the provider's settings address and optional managed credential.
+		* @returns the failure message, or undefined once the write and reload landed.
+		*/
+		async function removeProviderProfile(operations, controller, target) {
+			if (target.credentialRef !== void 0) {
+				const credential = await operations.removeCredential(target.credentialRef);
+				if (credential !== void 0) return credential;
+			}
+			const written = await operations.writeSettings(target.settingsNs, [{
+				op: "unset",
+				path: [...target.settingsPath]
+			}], void 0);
+			if (written.kind !== "written") return written.message;
+			await controller.load();
+		}
+		/**
+		* Whether a whole-section provider still needs its first key: an unconfigured
+		* credential opens the setup card instead of showing a row. This is the
+		* first-run posture alone — a user who can already reach some provider gets an
+		* ordinary row with the missing-key dot, since nothing here is blocking them.
+		* @param row - the joined provider row.
+		* @param anyUsable - whether any joined row can already serve requests.
+		* @returns whether to render the setup card.
+		*/
+		function needsSetup(row, anyUsable) {
+			if (anyUsable) return false;
+			if (row.entry.settingsPath.length > 0) return false;
+			return row.credential?.configured !== true;
+		}
+		/**
+		* The provider-card seat's credential fact: the reference this page would use
+		* for the row — the profile's `apiKeyEnv`, or the page's derived
+		* `<ROUTE>_API_KEY` while the profile names none — confirmed configured. The
+		* derived half is what keeps the seat consistent with the editor on the
+		* add-provider draft, whose dormant row names no reference yet.
+		*/
+		function keyConfiguredOf(row) {
+			return row.apiKeyEnv !== void 0 ? row.credential?.configured === true : row.derivedCredential?.configured === true;
+		}
+		function targetOf(row) {
+			const managedRef = deriveKeyRef(row.entry.provider);
+			const credentialRef = row.apiKeyEnv === managedRef && row.credential?.configured === true && row.credential.writable ? managedRef : void 0;
+			return {
+				provider: row.entry.provider,
+				displayName: row.entry.displayName,
+				settingsNs: row.entry.settingsNs,
+				settingsPath: row.entry.settingsPath,
+				...credentialRef === void 0 ? {} : { credentialRef },
+				...row.entry.declared === true ? { declared: true } : {}
+			};
+		}
+		/** Stable visible and accessible identity for one provider target. */
+		function providerTargetLabel(target) {
+			return target.provider === target.displayName ? target.provider : `${target.displayName} (${target.provider})`;
+		}
+		/** Replace the one provider placeholder in localized destructive-action copy. */
+		function providerCopy(template, target) {
+			return template.replace("{provider}", () => providerTargetLabel(target));
+		}
+		/**
+		* Render the Models section content column.
+		* @param props - slot-delivered injected dependencies.
+		* @returns the section, or null while the shell has not injected yet.
+		*/
+		function ModelsSection(props) {
+			const { controller, useSnapshot, operations, schema, t, renderSlot } = props;
+			if (controller === void 0 || useSnapshot === void 0 || operations === void 0 || schema === void 0 || t === void 0) return null;
+			return (0, react_jsx_runtime.jsx)(Loaded, {
+				injected: {
+					controller,
+					useSnapshot,
+					operations,
+					schema,
+					t
+				},
+				renderSlot
+			});
+		}
+		function Loaded({ injected, renderSlot }) {
+			const { controller, operations, schema, t } = injected;
+			const state = injected.useSnapshot((snapshot) => snapshot);
+			/** A new or failed surface waits for a current snapshot; background refreshes preserve its drafts. */
+			const [hasReadySnapshot, setHasReadySnapshot] = (0, react.useState)(state.status === "ready");
+			if (state.status === "ready" && !hasReadySnapshot) setHasReadySnapshot(true);
+			if (state.status === "error" && hasReadySnapshot) setHasReadySnapshot(false);
+			const [editing, setEditing] = (0, react.useState)(void 0);
+			const [adding, setAdding] = (0, react.useState)(false);
+			const [deleteTarget, setDeleteTarget] = (0, react.useState)(void 0);
+			const [deleting, setDeleting] = (0, react.useState)(false);
+			const [deleteFailure, setDeleteFailure] = (0, react.useState)(void 0);
+			const [savedTarget, setSavedTarget] = (0, react.useState)(void 0);
+			const [declaring, setDeclaring] = (0, react.useState)(false);
+			const [dismissedSetup, setDismissedSetup] = (0, react.useState)(() => /* @__PURE__ */ new Set());
+			const announceSaved = (target) => {
+				controller.load().then(() => {
+					setSavedTarget(target);
+				});
+			};
+			const closeEditor = (changed, target) => {
+				setEditing(void 0);
+				setAdding(false);
+				setDeclaring(false);
+				if (changed) announceSaved(target);
+			};
+			/**
+			* Close a setup card, which owns none of the state above: the row-editor,
+			* add, and declare cards each own one of those, so clearing them here would
+			* discard a draft the user opened beside this card. Dismissal is this card's
+			* own — the provider falls back to an ordinary row for the rest of the
+			* session, and reopens through Edit.
+			*/
+			const closeSetup = (changed, target) => {
+				setDismissedSetup((previous) => new Set([...previous, target.provider]));
+				if (changed) announceSaved(target);
+			};
+			const closeDelete = () => {
+				if (deleting) return;
+				setDeleteTarget(void 0);
+				setDeleteFailure(void 0);
+			};
+			const confirmDelete = () => {
+				/* v8 ignore next -- the action only renders with a target and is disabled while a deletion is pending */
+				if (deleteTarget === void 0 || deleting) return;
+				setDeleting(true);
+				setDeleteFailure(void 0);
+				removeProviderProfile(operations, controller, deleteTarget).then((failure) => {
+					if (failure !== void 0) {
+						setDeleteFailure(failure);
+						return;
+					}
+					setDeleteTarget(void 0);
+				}).finally(() => {
+					setDeleting(false);
+				});
+			};
+			if (state.status === "idle") controller.load();
+			if (state.status === "error") {
+				/* v8 ignore next -- an error status always carries text; the fallback satisfies the nullable type */
+				const errorText = state.error ?? "";
+				return (0, react_jsx_runtime.jsxs)("div", {
+					className: ModelsSection_module_css_default["section"],
+					children: [(0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["error"],
+						children: `${t("loadFailed")}: ${errorText}`
+					}), (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: ModelsSection_module_css_default["secondaryButton"],
+						onClick: () => {
+							controller.load();
+						},
+						children: t("retry")
+					})]
+				});
+			}
+			if (!hasReadySnapshot && state.status !== "ready") return (0, react_jsx_runtime.jsxs)("div", {
+				className: ModelsSection_module_css_default["section"],
+				children: [(0, react_jsx_runtime.jsx)("h2", {
+					className: ModelsSection_module_css_default["title"],
+					children: t("title")
+				}), (0, react_jsx_runtime.jsx)("p", {
+					className: ModelsSection_module_css_default["intro"],
+					children: t("intro")
+				})]
+			});
+			const savedRow = savedTarget === void 0 ? void 0 : state.rows.find((row) => row.entry.provider === savedTarget.provider);
+			const savedIdentity = savedRow === void 0 ? savedTarget : {
+				provider: savedRow.entry.provider,
+				displayName: savedRow.entry.displayName
+			};
+			const anyUsable = state.rows.some(providerUsable);
+			const configured = state.rows.filter((row) => row.configured);
+			const configurable = state.rows.filter((row) => state.namespaces.has(row.entry.settingsNs));
+			const addable = configurable.filter((row) => !row.configured);
+			const addTarget = adding ? editing : void 0;
+			const addNamespace = addTarget === void 0 ? void 0 : state.namespaces.get(addTarget.settingsNs);
+			const addRow = addTarget === void 0 ? void 0 : state.rows.find((row) => row.entry.provider === addTarget.provider);
+			const protocols = protocolChoices(state.namespaces.get("llm-pi-ai"), schema);
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: ModelsSection_module_css_default["section"],
+				children: [
+					(0, react_jsx_runtime.jsx)("h2", {
+						className: ModelsSection_module_css_default["title"],
+						children: t("title")
+					}),
+					(0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["intro"],
+						children: t("intro")
+					}),
+					!state.writable && state.status === "ready" ? (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["notice"],
+						children: t("readOnly")
+					}) : null,
+					savedIdentity === void 0 ? null : (0, react_jsx_runtime.jsx)("p", {
+						className: ModelsSection_module_css_default["savedNotice"],
+						role: "status",
+						"aria-live": "polite",
+						children: providerCopy(t("savedProvider"), savedIdentity)
+					}),
+					(0, react_jsx_runtime.jsx)("ul", {
+						className: ModelsSection_module_css_default["rows"],
+						children: configured.map((row) => {
+							const target = targetOf(row);
+							const namespace = state.namespaces.get(target.settingsNs);
+							/* v8 ignore next -- the join marks a row configured only when its namespace resolved */
+							if (namespace === void 0) return null;
+							const error = row.entry.error === void 0 ? null : (0, react_jsx_runtime.jsx)("p", {
+								role: "alert",
+								className: ModelsSection_module_css_default["error"],
+								children: row.entry.error
+							});
+							if (needsSetup(row, anyUsable) && !dismissedSetup.has(row.entry.provider)) return (0, react_jsx_runtime.jsxs)("li", {
+								className: ModelsSection_module_css_default["setupCard"],
+								children: [
+									error,
+									renderProviderEditor({
+										target,
+										namespace,
+										schema,
+										operations,
+										t,
+										readOnly: !state.writable,
+										onClose: (changed) => {
+											closeSetup(changed, target);
+										}
+									}),
+									renderSlot("settings.models.provider-card", {
+										provider: row.entry,
+										configured: row.configured,
+										keyConfigured: keyConfiguredOf(row)
+									}, { entryKey: row.entry.settingsNs })
+								]
+							}, row.entry.provider);
+							const open = !adding && editing?.provider === row.entry.provider;
+							const credentialConfigured = row.credential?.configured === true;
+							const credentialMissing = !credentialConfigured && row.apiKeyEnv !== void 0 && row.credential?.configured === false;
+							return (0, react_jsx_runtime.jsxs)("li", {
+								className: ModelsSection_module_css_default["rowCard"],
+								children: [
+									(0, react_jsx_runtime.jsxs)("div", {
+										className: ModelsSection_module_css_default["rowHead"],
+										children: [(0, react_jsx_runtime.jsxs)("span", {
+											className: ModelsSection_module_css_default["rowIdentity"],
+											children: [
+												(0, react_jsx_runtime.jsx)("span", {
+													className: ModelsSection_module_css_default["rowName"],
+													children: row.entry.displayName
+												}),
+												row.entry.declared === true ? (0, react_jsx_runtime.jsx)("span", {
+													className: ModelsSection_module_css_default["rowTag"],
+													children: t("customTag")
+												}) : null,
+												credentialConfigured ? (0, react_jsx_runtime.jsx)("span", {
+													className: `${ModelsSection_module_css_default["credentialDot"]} ${ModelsSection_module_css_default["credentialDotConfigured"]}`,
+													role: "img",
+													"aria-label": t("credentialConfigured"),
+													title: t("credentialConfigured")
+												}) : credentialMissing ? (0, react_jsx_runtime.jsx)("span", {
+													className: `${ModelsSection_module_css_default["credentialDot"]} ${ModelsSection_module_css_default["credentialDotMissing"]}`,
+													role: "img",
+													"aria-label": t("credentialMissing"),
+													title: t("credentialMissing")
+												}) : null
+											]
+										}), (0, react_jsx_runtime.jsxs)("span", {
+											className: ModelsSection_module_css_default["rowActions"],
+											children: [(0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: ModelsSection_module_css_default["secondaryButton"],
+												"aria-label": providerCopy(t("editProvider"), target),
+												disabled: !open && state.status !== "ready",
+												onClick: () => {
+													if (!open && controller.store.getSnapshot().status !== "ready") return;
+													setSavedTarget(void 0);
+													setDeclaring(false);
+													setAdding(false);
+													setEditing(open ? void 0 : target);
+												},
+												children: t("edit")
+											}), row.removable ? (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: ModelsSection_module_css_default["dangerButton"],
+												"aria-label": providerCopy(t("removeProvider"), target),
+												disabled: !state.writable || state.status !== "ready",
+												onClick: () => {
+													if (controller.store.getSnapshot().status !== "ready") return;
+													setSavedTarget(void 0);
+													setDeleteFailure(void 0);
+													setDeleteTarget(target);
+												},
+												children: t("remove")
+											}) : null]
+										})]
+									}),
+									error,
+									renderSlot("settings.models.provider-card", {
+										provider: row.entry,
+										configured: row.configured,
+										keyConfigured: keyConfiguredOf(row)
+									}, { entryKey: row.entry.settingsNs }),
+									open ? renderProviderEditor({
+										target,
+										namespace,
+										schema,
+										operations,
+										t,
+										readOnly: !state.writable,
+										onClose: (changed) => {
+											closeEditor(changed, target);
+										}
+									}) : null
+								]
+							}, row.entry.provider);
+						})
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: ModelsSection_module_css_default["addBlock"],
+						children: addTarget !== void 0 && addNamespace !== void 0 ? (0, react_jsx_runtime.jsxs)("div", {
+							className: ModelsSection_module_css_default["addCard"],
+							children: [
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: ModelsSection_module_css_default["field"],
+									children: [(0, react_jsx_runtime.jsx)("span", {
+										className: ModelsSection_module_css_default["fieldLabel"],
+										children: t("provider")
+									}), (0, react_jsx_runtime.jsx)("select", {
+										className: `${ModelsSection_module_css_default["input"]} ${ModelsSection_module_css_default["selectInput"]}`,
+										value: addTarget.provider,
+										"aria-label": t("provider"),
+										onChange: (event) => {
+											const row = addable.find((candidate) => candidate.entry.provider === event.target.value);
+											/* v8 ignore next -- the select only lists addable rows */
+											if (row === void 0) return;
+											setEditing(targetOf(row));
+										},
+										children: addable.map((row) => (0, react_jsx_runtime.jsx)("option", {
+											value: row.entry.provider,
+											children: row.entry.displayName
+										}, row.entry.provider))
+									})]
+								}),
+								(0, react_jsx_runtime.jsx)(ProviderEditor, {
+									provider: addTarget.provider,
+									displayName: addTarget.displayName,
+									hideTitle: true,
+									namespace: addNamespace,
+									schema,
+									settingsPath: addTarget.settingsPath,
+									operations,
+									t,
+									readOnly: !state.writable,
+									onClose: (changed) => {
+										closeEditor(changed, addTarget);
+									}
+								}, addTarget.provider),
+								addRow === void 0 ? null : renderSlot("settings.models.provider-card", {
+									provider: addRow.entry,
+									configured: addRow.configured,
+									keyConfigured: keyConfiguredOf(addRow)
+								}, { entryKey: addRow.entry.settingsNs })
+							]
+						}) : declaring ? (0, react_jsx_runtime.jsx)("div", {
+							className: ModelsSection_module_css_default["addCard"],
+							children: (0, react_jsx_runtime.jsx)(CustomProviderCard, {
+								taken: state.rows.map((row) => row.entry.provider),
+								protocols,
+								/* v8 ignore next -- the card only opens from a button disabled without this namespace */
+								revision: state.namespaces.get("llm-pi-ai")?.revision ?? 0,
+								operations,
+								t,
+								readOnly: !state.writable,
+								onClose: (changed) => {
+									setDeclaring(false);
+									if (changed) controller.load();
+								}
+							})
+						}) : (0, react_jsx_runtime.jsxs)("div", {
+							className: ModelsSection_module_css_default["addActions"],
+							children: [configurable.length > 0 && (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: ModelsSection_module_css_default["addButton"],
+								disabled: addable.length === 0 || !state.writable || state.status !== "ready",
+								onClick: () => {
+									if (controller.store.getSnapshot().status !== "ready") return;
+									const first = addable[0];
+									/* v8 ignore next -- the button is disabled while nothing is addable */
+									if (first === void 0) return;
+									setSavedTarget(void 0);
+									setDeclaring(false);
+									setAdding(true);
+									setEditing(targetOf(first));
+								},
+								children: [(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPlusOutline16, { size: 14 }), t("add")]
+							}), state.namespaces.has("llm-pi-ai") && (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: ModelsSection_module_css_default["addButton"],
+								disabled: protocols.length === 0 || !state.writable || state.status !== "ready",
+								onClick: () => {
+									/* v8 ignore next -- the button is disabled unless the schema names protocols; this covers a same-tick click */
+									if (controller.store.getSnapshot().status !== "ready") return;
+									setSavedTarget(void 0);
+									setAdding(false);
+									setEditing(void 0);
+									setDeclaring(true);
+								},
+								children: [(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPlusOutline16, { size: 14 }), t("customAdd")]
+							})]
+						})
+					}),
+					renderSlot("settings.models.footer", {}),
+					(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Modal, {
+						open: deleteTarget !== void 0,
+						onClose: closeDelete,
+						title: deleteTarget === void 0 ? "" : providerCopy(t("deleteTitle"), deleteTarget),
+						closeLabel: t("close"),
+						description: deleteTarget === void 0 ? "" : providerCopy(deleteTarget.credentialRef === void 0 ? t("deleteDescription") : t("deleteDescriptionWithCredential"), deleteTarget),
+						className: ModelsSection_module_css_default["deleteDialog"],
+						footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Button, {
+							variant: "outline",
+							"data-modal-autofocus": true,
+							disabled: deleting,
+							onClick: closeDelete,
+							children: t("cancel")
+						}), (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Button, {
+							variant: "outline",
+							className: ModelsSection_module_css_default["deleteConfirm"],
+							disabled: deleting,
+							onClick: confirmDelete,
+							children: deleteTarget === void 0 ? "" : providerCopy(deleting ? t("deleting") : t("deleteConfirm"), deleteTarget)
+						})] }),
+						children: deleteFailure === void 0 ? null : (0, react_jsx_runtime.jsx)("p", {
+							className: ModelsSection_module_css_default["error"],
+							children: deleteFailure
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-settings-models/src/client/OnboardingModal.module.css.mjs
+		const css$1 = ".A8d4sa_dialog{width:min(600px,100%);padding:0}.A8d4sa_content{box-sizing:border-box;flex-direction:column;max-height:calc(100vh - 48px);padding:28px;display:flex;overflow-y:auto}.A8d4sa_title{color:var(--qilin-alias-label-primary);outline:none;margin:0;font-size:20px;font-weight:500;line-height:28px}.A8d4sa_body{margin-top:20px}@media (width<=560px){.A8d4sa_content{padding:24px}}";
+		const tagId$1 = "@qilin-agent/client-ui-settings-models/OnboardingModal.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@qilin-agent/client-ui-settings-models";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var OnboardingModal_module_css_default = {
+			"body": "A8d4sa_body",
+			"content": "A8d4sa_content",
+			"dialog": "A8d4sa_dialog",
+			"title": "A8d4sa_title"
+		};
+		//#endregion
+		//#region lib/types/client/OnboardingModal.js
+		/** Shared modal chrome for every step registered by this onboarding plugin. */
+		const ignoreImplicitDismiss = () => {};
+		/**
+		* Render a blocking onboarding dialog and keep the application root inert.
+		* @param props.title - accessible and visible dialog title.
+		* @param props.focusTitle - focus the title when the step has no form control.
+		* @param props.children - step-owned body and actions.
+		* @returns the body-portaled modal.
+		*/
+		function OnboardingModal({ title, focusTitle = false, children }) {
+			const titleRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const appRoot = document.getElementById("root");
+				if (appRoot === null) return;
+				const previous = appRoot.inert;
+				appRoot.inert = true;
+				return () => {
+					appRoot.inert = previous;
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				if (focusTitle) titleRef.current?.focus();
+			}, [focusTitle]);
+			return (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Modal, {
+				open: true,
+				title,
+				onClose: ignoreImplicitDismiss,
+				headless: true,
+				className: OnboardingModal_module_css_default.dialog,
+				children: (0, react_jsx_runtime.jsxs)("div", {
+					className: OnboardingModal_module_css_default.content,
+					children: [(0, react_jsx_runtime.jsx)("h2", {
+						ref: titleRef,
+						className: OnboardingModal_module_css_default.title,
+						tabIndex: focusTitle ? -1 : void 0,
+						children: title
+					}), (0, react_jsx_runtime.jsx)("div", {
+						className: OnboardingModal_module_css_default.body,
+						children
+					})]
+				})
+			});
+		}
+		//#endregion
+		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-settings-models/src/client/DeepSeekOnboardingDialog.module.css.mjs
+		const css = ".JzDw-a_description{color:var(--qilin-alias-label-secondary);margin:0;font-size:14px;line-height:24px}.JzDw-a_editor{margin-top:24px}@media (width<=560px){.JzDw-a_editor{margin-top:20px}}";
+		const tagId = "@qilin-agent/client-ui-settings-models/DeepSeekOnboardingDialog.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@qilin-agent/client-ui-settings-models";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var DeepSeekOnboardingDialog_module_css_default = {
+			"description": "JzDw-a_description",
+			"editor": "JzDw-a_editor"
+		};
+		//#endregion
+		//#region lib/types/client/DeepSeekOnboardingDialog.js
+		/**
+		* Official-DeepSeek first-run step. Readiness comes from the same
+		* provider/settings/credential join as the Models page: any provider the user
+		* can already talk to ends the step, and only a user with none is offered the
+		* official DeepSeek route. The step reuses that page's credential editor in
+		* the onboarding plugin's shared modal, so the key is entered once.
+		*/
+		/* v8 ignore next 3 -- closed-union defaults only defend future source widening */
+		function assertNever(_value) {
+			throw new Error("unexpected DeepSeek onboarding state");
+		}
+		/**
+		* Prompt a first-run user for the official DeepSeek credential while no
+		* provider can serve requests and that credential is writable.
+		* @param props - settings-shell owner state and Models feature dependencies.
+		* @returns the onboarding modal or null when onboarding needs no intervention.
+		*/
+		function DeepSeekOnboardingDialog(props) {
+			const { complete, controller, useModels, operations, schema, t } = props;
+			const state = useModels((snapshot) => snapshot);
+			const readiness = onboardingReadiness(state);
+			(0, react.useEffect)(() => {
+				if (state.status === "idle") controller.load();
+			}, [controller, state.status]);
+			(0, react.useEffect)(() => {
+				if (readiness.kind === "adapter-absent" || readiness.kind === "provider-ready" || readiness.kind === "unavailable") complete();
+			}, [complete, readiness.kind]);
+			switch (readiness.kind) {
+				case "loading":
+				case "adapter-absent":
+				case "provider-ready":
+				case "unavailable": return null;
+				case "credential-missing": break;
+				/* v8 ignore next -- every current readiness variant is handled above */
+				default: return assertNever(readiness);
+			}
+			const row = state.rows.find((candidate) => candidate.entry.provider === "deepseek-official" && candidate.entry.settingsNs === "llm-deepseek" && candidate.entry.settingsPath.length === 0);
+			const namespace = state.namespaces.get("llm-deepseek");
+			/* v8 ignore next 2 -- credential-missing is derived only from this exact joined row. */
+			if (row === void 0 || namespace === void 0) return null;
+			const finishCredential = (changed) => {
+				if (!changed) {
+					complete();
+					return;
+				}
+				controller.load();
+			};
+			return (0, react_jsx_runtime.jsxs)(OnboardingModal, {
+				title: t("onboardingTitle"),
+				children: [(0, react_jsx_runtime.jsx)("p", {
+					className: DeepSeekOnboardingDialog_module_css_default.description,
+					children: t("onboardingDescription")
+				}), (0, react_jsx_runtime.jsx)("div", {
+					className: DeepSeekOnboardingDialog_module_css_default.editor,
+					children: (0, react_jsx_runtime.jsx)(ProviderEditor, {
+						provider: row.entry.provider,
+						displayName: row.entry.displayName,
+						namespace,
+						schema,
+						settingsPath: row.entry.settingsPath,
+						operations,
+						t,
+						readOnly: false,
+						hideTitle: true,
+						credentialOnly: true,
+						credentialRequired: true,
+						autoFocusCredential: true,
+						cancelLabelKey: "onboardingLater",
+						submitLabelKey: "onboardingSave",
+						submitBusyLabelKey: "onboardingSaving",
+						onClose: finishCredential
+					})
+				})]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/operations.js
+		/**
+		* The Host reads and writes the Models cards perform, as callbacks built in the
+		* plugin body. Cards receive these instead of a context: the outcomes name what
+		* a card renders — a stored view, a stale revision, a refusal message — so the
+		* failure codes and Remote namespaces stay in the apply world.
+		*/
+		/**
+		* Bind the page's Host operations to the plugin's own Remote namespaces.
+		* @param ctx - the page plugin's context, which declares `remote.credentials`,
+		* `remote.llm`, and `remote.settings` in its own `inject`.
+		* @returns the callbacks the section and its cards are injected with.
+		*/
+		function createModelsOperations(ctx) {
+			return {
+				describeCredential: async (ref) => {
+					const response = await ctx.remote.credentials.describe([ref]);
+					return response.ok ? response.value[ref] : void 0;
+				},
+				storeCredential: async (ref, value) => {
+					const response = await ctx.remote.credentials.set(ref, value);
+					return response.ok ? void 0 : response.error.message;
+				},
+				removeCredential: async (ref) => {
+					const response = await ctx.remote.credentials.unset(ref);
+					return response.ok ? void 0 : response.error.message;
+				},
+				writeSettings: async (ns, ops, expectedRevision) => {
+					const response = await ctx.remote.settings.mutate(ns, ops, expectedRevision);
+					if (response.ok) return {
+						kind: "written",
+						view: response.value
+					};
+					const { code, message } = response.error;
+					return code === "settings/conflict" ? {
+						kind: "conflict",
+						message
+					} : {
+						kind: "refused",
+						message
+					};
+				},
+				discoverModels: async (settingsNs, request) => {
+					const response = await ctx.remote.llm.discoverModels(settingsNs, request);
+					return response.ok ? {
+						kind: "found",
+						models: response.value
+					} : {
+						kind: "refused",
+						message: response.error.message
+					};
+				}
+			};
+		}
+		//#endregion
+		//#region lib/types/client/schema-operations.js
+		/**
+		* Hide the Cordis service identity behind bound schema callbacks.
+		* @param service - settings-owned schema service available in the apply context.
+		* @returns callbacks that cannot expose the service context to React components.
+		*/
+		function createSettingsSchemaOperations(service) {
+			return {
+				rehydrate: (serialized) => service.rehydrate(serialized),
+				validate: (schema, draft) => service.validate(schema, draft),
+				nodeAtPath: (root, path) => service.nodeAtPath(root, path),
+				getPath: (value, path) => service.getPath(value, path),
+				hasPath: (value, path) => service.hasPath(value, path),
+				setPath: (root, path, value) => service.setPath(root, path, value),
+				deletePath: (root, path) => service.deletePath(root, path)
+			};
+		}
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** Copy dictionaries for the Models settings section. */
+		/** English strings (the key-set source of truth for this pair). */
+		const en = {
+			nav: "Models",
+			title: "Models",
+			intro: "Enter your API keys to use models from the following providers.",
+			edit: "Edit",
+			editProvider: "Edit {provider}",
+			remove: "Delete",
+			removeProvider: "Delete {provider}",
+			deleteTitle: "Delete {provider}?",
+			deleteDescription: "Deleting {provider} removes its configuration. Any credential it uses is managed elsewhere and will be kept.",
+			deleteDescriptionWithCredential: "Deleting {provider} removes its configuration and stored API key.",
+			deleteConfirm: "Delete {provider}",
+			deleting: "Deleting {provider}…",
+			add: "Add provider",
+			provider: "Provider",
+			close: "Close",
+			cancel: "Cancel",
+			apply: "Apply",
+			applying: "Applying…",
+			savedProvider: "Saved {provider}.",
+			credentialConfigured: "API key configured",
+			credentialMissing: "API key missing",
+			readOnly: "The settings document is read-only in this deployment.",
+			loadFailed: "Loading the provider directory failed",
+			conflict: "Someone else changed these settings while this card was open. Close it and reopen to edit the current values.",
+			retry: "Retry",
+			keyInput: "API key",
+			keyPlaceholder: "Enter your API key",
+			keyPlaceholderNative: "Enter an API key, or leave blank to use environment authentication",
+			keyStored: "Configured — enter a new value to replace",
+			keyEnvLocked: "Provided by the launch environment (read-only)",
+			customized: "Customized settings",
+			baseUrl: "Base URL",
+			baseUrlDefault: "Provider default",
+			deepSeekBaseUrl: "https://api.deepseek.com/anthropic",
+			deepSeekEndpointHint: "Use an endpoint compatible with the configured connection.",
+			models: "Models",
+			modelsInherited: "Using the adapter defaults",
+			modelsCustomized: "Customized model catalog",
+			resetModels: "Restore defaults",
+			model: "Model",
+			modelId: "Model ID",
+			modelName: "Display name",
+			modelNamePlaceholder: "Uses the model ID when empty",
+			contextWindow: "Context window",
+			contextWindowPlaceholder: "Uses the provider default",
+			maxTokens: "Max output tokens",
+			maxTokensPlaceholder: "Uses the provider default",
+			modelAdvanced: "Model options",
+			modelInputTypes: "Input types",
+			modelInputText: "Text",
+			modelInputImage: "Image",
+			addModel: "Add model",
+			removeModel: "Delete model",
+			modelsEmpty: "No models will be shown in the selector. Unlisted IDs can still be sent directly.",
+			keyBlank: "Enter the API key, or leave the field empty to keep the stored one.",
+			keyBlankNew: "Enter the API key, or leave the field empty if this provider authenticates another way.",
+			keyIllegalCharacters: "This API key is not in a valid format. Please check it.",
+			modelIdRequired: "Model ID is required.",
+			modelIdDuplicate: "Model ID must be unique.",
+			modelNameInvalid: "Display name cannot be empty.",
+			modelContextInvalid: "Context window must be a positive count, like 131072, 256K, or 1M.",
+			modelMaxTokensInvalid: "Max output tokens must be a positive count, like 8192, 64K, or 1M.",
+			advancedHint: "Other fields live in settings.yaml; edit that section directly.",
+			modelCapacityInvalid: "A capacity must be a number, optionally suffixed K or M.",
+			modelDuplicate: "Each model ID may appear once.",
+			fetchModels: "Fetch available models",
+			fetching: "Asking the provider…",
+			fetchNeedsBaseUrl: "Enter the base URL first, then fetch.",
+			fetchEmpty: "The provider listed no models. Add them by hand.",
+			fetchTitle: "Choose models to add",
+			fetchDescription: "These are the models this provider has available. Choose the ones to add.",
+			fetchSearch: "Search models",
+			fetchNoMatches: "No matching models.",
+			fetchSelectAll: "Select all",
+			fetchDeselectAll: "Deselect all",
+			fetchAdopt: "Add selected",
+			customAdd: "Add a custom provider",
+			customTitle: "Custom provider",
+			customTag: "Custom",
+			customRoute: "Provider ID",
+			customRouteHint: "Lowercase identifier, starting with a letter, that uniquely names this provider in requests and as its credential name.",
+			customRouteInvalid: "Start with a lowercase letter; then lowercase letters, digits, and dashes.",
+			customRouteTaken: "A provider already uses this ID.",
+			customDisplayName: "Display name",
+			customApi: "API protocol",
+			customApiUnset: "Not selected",
+			protocolOpenAiCompletions: "OpenAI Chat Completions",
+			protocolOpenAiResponses: "OpenAI Responses",
+			protocolAnthropicMessages: "Anthropic Messages",
+			customNeedsBaseUrl: "A custom provider needs a base URL.",
+			customBaseUrlInvalid: "Enter a valid HTTP or HTTPS URL.",
+			customNeedsModels: "A custom provider needs at least one model.",
+			customBaseUrlPlaceholder: "https://gateway.example/v1",
+			settingsPathUnresolvable: "unresolvable settings path",
+			create: "Create provider",
+			creating: "Creating…",
+			onboardingTitle: "Add an API key to get started",
+			onboardingDescription: "Configure the official DeepSeek provider to start building.",
+			onboardingLater: "Configure later",
+			onboardingSave: "Save and continue",
+			onboardingSaving: "Saving…",
+			keyRequired: "Enter an API key to continue."
+		};
+		/** Chinese strings (same keys as {@link en}). */
+		const zh = {
+			nav: "模型",
+			title: "模型",
+			intro: "填入各提供方的 API 密钥即可使用其模型。",
+			edit: "编辑",
+			editProvider: "编辑 {provider}",
+			remove: "删除",
+			removeProvider: "删除 {provider}",
+			deleteTitle: "删除 {provider}？",
+			deleteDescription: "删除 {provider} 会移除其配置；其使用的凭证（如有）由其他位置管理，将会保留。",
+			deleteDescriptionWithCredential: "删除 {provider} 会移除其配置和存储的 API 密钥。",
+			deleteConfirm: "删除 {provider}",
+			deleting: "正在删除 {provider}…",
+			add: "添加提供方",
+			provider: "提供方",
+			close: "关闭",
+			cancel: "取消",
+			apply: "保存",
+			applying: "保存中…",
+			savedProvider: "已保存 {provider}。",
+			credentialConfigured: "API 密钥已配置",
+			credentialMissing: "API 密钥缺失",
+			readOnly: "当前部署的设置文档为只读。",
+			loadFailed: "加载提供方目录失败",
+			conflict: "这张卡片打开期间，这些设置已被其他地方改动。请关闭后重新打开，在当前值上编辑。",
+			retry: "重试",
+			keyInput: "API 密钥",
+			keyPlaceholder: "输入 API 密钥",
+			keyPlaceholderNative: "输入 API 密钥，或留空使用环境认证",
+			keyStored: "已配置——输入新值可替换",
+			keyEnvLocked: "由启动环境提供（只读）",
+			customized: "自定义设置",
+			baseUrl: "API 地址",
+			baseUrlDefault: "提供方默认",
+			deepSeekBaseUrl: "https://api.deepseek.com/anthropic",
+			deepSeekEndpointHint: "请填写与当前连接配置兼容的 API 地址。",
+			models: "模型目录",
+			modelsInherited: "正在使用适配器默认模型",
+			modelsCustomized: "已自定义模型目录",
+			resetModels: "恢复默认模型",
+			model: "模型",
+			modelId: "模型 ID",
+			modelName: "显示名称",
+			modelNamePlaceholder: "留空时使用模型 ID",
+			contextWindow: "上下文窗口",
+			contextWindowPlaceholder: "使用提供方默认值",
+			maxTokens: "最大输出 token 数",
+			maxTokensPlaceholder: "使用提供方默认值",
+			modelAdvanced: "模型选项",
+			modelInputTypes: "输入类型",
+			modelInputText: "文本",
+			modelInputImage: "图片",
+			addModel: "添加模型",
+			removeModel: "删除模型",
+			modelsEmpty: "模型选择器中将不显示任何模型；目录外 ID 仍可直接发送。",
+			keyBlank: "请输入 API 密钥；留空则保持已存储的密钥。",
+			keyBlankNew: "请输入 API 密钥；若该提供方以其他方式鉴权，可以留空。",
+			keyIllegalCharacters: "该 API 密钥格式错误，请检查。",
+			modelIdRequired: "模型 ID 不能为空。",
+			modelIdDuplicate: "模型 ID 不能重复。",
+			modelNameInvalid: "显示名称不能为空。",
+			modelContextInvalid: "上下文窗口必须是正数，例如 131072、256K 或 1M。",
+			modelMaxTokensInvalid: "最大输出 token 数必须是正数，例如 8192、64K 或 1M。",
+			advancedHint: "其余字段在 settings.yaml 中，请直接编辑对应段。",
+			modelCapacityInvalid: "容量需为数字，可加 K 或 M 后缀。",
+			modelDuplicate: "每个模型 ID 只能出现一次。",
+			fetchModels: "获取可用模型",
+			fetching: "正在询问提供方…",
+			fetchNeedsBaseUrl: "请先填写 API 地址，再获取。",
+			fetchEmpty: "该提供方没有列出任何模型，请手动添加。",
+			fetchTitle: "选择要添加的模型",
+			fetchDescription: "以下是模型提供方的可用模型，勾选要添加的模型。",
+			fetchSearch: "搜索模型",
+			fetchNoMatches: "没有匹配的模型。",
+			fetchSelectAll: "全选",
+			fetchDeselectAll: "取消全选",
+			fetchAdopt: "添加所选",
+			customAdd: "添加自定义提供方",
+			customTitle: "自定义提供方",
+			customTag: "自定义",
+			customRoute: "Provider ID",
+			customRouteHint: "以小写字母开头的标识，在请求中唯一标识该提供方，并用于派生凭据名。",
+			customRouteInvalid: "需以小写字母开头，之后可用小写字母、数字和短横线。",
+			customRouteTaken: "已有提供方使用了这个 ID。",
+			customDisplayName: "显示名称",
+			customApi: "API 协议",
+			customApiUnset: "未选择",
+			protocolOpenAiCompletions: "OpenAI Chat Completions",
+			protocolOpenAiResponses: "OpenAI Responses",
+			protocolAnthropicMessages: "Anthropic Messages",
+			customNeedsBaseUrl: "自定义提供方需要填写 API 地址。",
+			customBaseUrlInvalid: "请输入有效的 HTTP 或 HTTPS 地址。",
+			customNeedsModels: "自定义提供方至少需要一个模型。",
+			customBaseUrlPlaceholder: "https://gateway.example/v1",
+			settingsPathUnresolvable: "无法解析设置路径",
+			create: "创建提供方",
+			creating: "创建中…",
+			onboardingTitle: "添加一个 API Key 开始使用",
+			onboardingDescription: "配置 DeepSeek 官方模型，即可开始使用。",
+			onboardingLater: "稍后配置",
+			onboardingSave: "保存并继续",
+			onboardingSaving: "保存中…",
+			keyRequired: "请输入 API 密钥后继续。"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "settings.models";
+		/**
+		* Refetch the page snapshot only after its first load: an unopened Models
+		* page must not fetch on background invalidations.
+		* @param controller - the page store.
+		*/
+		function refreshIfLoaded(controller) {
+			if (controller.store.getSnapshot().status === "idle") return;
+			controller.load();
+		}
+		/**
+		* Required services (cordis fiber inject). The target slot is declared by
+		* ui-settings' apply, whose activation order relative to this one is NOT
+		* constrained; registration depends on each slot through `slots.inject()`.
+		*/
+		const inject = [
+			"slots",
+			"locale",
+			"remote",
+			"remote.credentials",
+			"remote.llm",
+			"remote.settings",
+			"configForms",
+			"settingsSchema"
+		];
+		/**
+		* Register the Models section once the `settings.section` declaration is on
+		* the ledger, wire its store to the connection, and keep it fresh on every
+		* pushed invalidation (settings, credentials, or provider topology).
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-settings-models: copy dictionaries");
+			const schema = createSettingsSchemaOperations(ctx.settingsSchema);
+			const operations = createModelsOperations(ctx);
+			const controller = new ModelsSettingsStore(ctx, schema, ctx.configForms.describe());
+			const t = ctx.locale.bind(NS);
+			const injected = () => ({
+				controller,
+				hooks: { snapshot: controller.store },
+				operations,
+				schema,
+				t
+			});
+			const deepSeekOnboardingInjected = () => ({
+				controller,
+				hooks: { models: controller.store },
+				operations,
+				schema,
+				t
+			});
+			ctx.effect(() => {
+				const refreshModels = () => {
+					refreshIfLoaded(controller);
+				};
+				const disposers = [
+					ctx.remote.$on("settings/document-updated", () => {
+						refreshModels();
+					}),
+					ctx.remote.$on("credentials/reference-updated", refreshModels),
+					ctx.remote.$on("llm/adapters-updated", refreshModels),
+					ctx.on("connection/reset", refreshModels)
+				];
+				return () => {
+					for (const dispose of disposers) dispose();
+				};
+			}, "ui-settings-models: pushed invalidations");
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "models",
+				order: 10,
+				label: () => t("nav"),
+				inject: injected,
+				children: {
+					"settings.models.provider-card": {
+						kind: "keyed",
+						scope: "root"
+					},
+					"settings.models.footer": {
+						kind: "list",
+						scope: "root"
+					}
+				}
+			}, ModelsSection));
+			ctx.slots.inject("settings.onboarding", () => ctx.slots.register({
+				name: "settings.onboarding",
+				id: "deepseek-official",
+				order: 0,
+				inject: deepSeekOnboardingInjected
+			}, DeepSeekOnboardingDialog));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.refreshIfLoaded = refreshIfLoaded;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map