@huanlin/dsh-plugin-aigc-canvas 0.1.10 → 0.2.0

package/lib/client.js

@@ -8,9 +8,6 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		//#region src/client/api.ts
-		/**
-		* Typed fetch wrapper over the /aigc-canvas JSON API.
-		*/
 		/** One wire failure. */
 		var AigcApiError = class extends Error {
 			code;
@@ -64,22 +61,6 @@ window.__ModuleLoader__.load({
 				...opts
 			}, signal);
 		}
-		/** Fetch the full runtime config (providers + global settings). */
-		function fetchConfig(signal) {
-			return call("config.get", {}, signal);
-		}
-		/** Add a new provider. */
-		function addProvider(provider, signal) {
-			return call("providers.add", { provider }, signal);
-		}
-		/** Update an existing provider. */
-		function updateProvider(provider, signal) {
-			return call("providers.update", { provider }, signal);
-		}
-		/** Remove a provider by id. */
-		function removeProvider(id, signal) {
-			return call("providers.remove", { id }, signal);
-		}
 		/** Build the media URL for one element's media file (by uuid; the host resolves to the file). */
 		function mediaUrlOf(sessionId, uuid, download = false) {
 			const params = new URLSearchParams({
@@ -1058,8 +1039,28 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/provider-shape.ts
+		/**
+		* Pure provider-id validation shared by the host half (Config / ProviderStore)
+		* and the client settings page. Kept free of schemastery imports so the
+		* client bundle (tsdown purity gate) can inline it.
+		*
+		* @module @huanlin/dsh-plugin-aigc-canvas/provider-shape
+		*/
+		/** Provider id pattern: lowercase letters, digits, hyphens; must start with a letter. */
+		const PROVIDER_ID_PATTERN = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/;
+		/**
+		* Validate a provider id.
+		* @param id - candidate id (as typed into the settings page or passed to the store).
+		* @returns an error message, or undefined when valid.
+		*/
+		function validateProviderId(id) {
+			if (id === "") return "provider id is required";
+			if (!PROVIDER_ID_PATTERN.test(id)) return `invalid provider id: ${JSON.stringify(id)} (must be lowercase, hyphenated, start with a letter)`;
+		}
+		//#endregion
 		//#region \0dsh-css:D:\Projects\deepseek-harness\dsh-aigc-canvas\src\client\SettingsPage.module.css.mjs
-		const css = "/* AIGC canvas settings section, in the settings-panel design language shared\r\n * with ModelsSection / GeneralSection / yet-another-subagent: 14/22 body,\r\n * 12/18 caption, 16/24 title, capsule controls (h36 r18 primary, h28 r14\r\n * secondary), 32px fields, border-l2 hairlines, and the editor as a filled\r\n * module on the panel fill.\r\n *\r\n * Every color resolves through a --dsw-alias-* token (no literal colors). */\r\n\r\n.o6nt8s_section {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  max-width: 720px;\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.o6nt8s_title {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  font-weight: 500;\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.o6nt8s_intro {\r\n  margin: 0;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  color: var(--dsw-alias-label-tertiary);\r\n}\r\n\r\n.o6nt8s_error {\r\n  margin: 0;\r\n  padding: 8px 12px;\r\n  border: 1px solid var(--dsw-alias-state-error-primary);\r\n  border-radius: 8px;\r\n  background: var(--dsw-alias-interactive-bg-hover-danger);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--dsw-alias-state-error-primary);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 8px;\r\n}\r\n\r\n.o6nt8s_errorDismiss {\r\n  flex: none;\r\n  border: none;\r\n  background: transparent;\r\n  color: inherit;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n  padding: 0 4px;\r\n}\r\n\r\n.o6nt8s_rows {\r\n  list-style: none;\r\n  margin: 12px 0 0;\r\n  padding: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n/* A configured provider: outlined on the panel fill, matching the rowCard\r\n * chrome in ModelsSection. */\r\n.o6nt8s_rowCard {\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  border-radius: 12px;\r\n  padding: 12px 14px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.o6nt8s_rowHead {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n/* Chevron toggle: a small square with two borders, rotated to point right\r\n * (collapsed) or down (expanded). Pure CSS, no icon font. */\r\n.o6nt8s_chevronButton {\r\n  flex: none;\r\n  width: 24px;\r\n  height: 24px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: none;\r\n  background: transparent;\r\n  color: var(--dsw-alias-label-secondary);\r\n  cursor: pointer;\r\n  padding: 0;\r\n  border-radius: 4px;\r\n}\r\n\r\n.o6nt8s_chevronButton:hover {\r\n  background: var(--dsw-alias-interactive-bg-hover-solid);\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n/* Spacer that occupies the chevron slot on cards without a toggle (e.o6nt8s_g. the\r\n * new-draft card, which is always expanded). Keeps row-head alignment. */\r\n.o6nt8s_chevronSpacer {\r\n  flex: none;\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.o6nt8s_chevron {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-right: 1.5px solid currentColor;\r\n  border-bottom: 1.5px solid currentColor;\r\n  transform: rotate(-45deg);\r\n  transition: transform 0.15s ease;\r\n}\r\n\r\n.o6nt8s_chevronExpanded {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.o6nt8s_rowIdentity {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  min-width: 0;\r\n  flex: 1 1 auto;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.o6nt8s_rowName {\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  font-weight: 500;\r\n  color: var(--dsw-alias-label-primary);\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.o6nt8s_rowNamePlaceholder {\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  font-weight: 500;\r\n  color: var(--dsw-alias-label-tertiary);\r\n  font-style: italic;\r\n}\r\n\r\n/* Builtin badge: uses DSH <Pill> with a brand-colored override to mark\r\n * seed providers. */\r\n.o6nt8s_builtinBadge {\r\n  height: 18px;\r\n  padding: 0 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  font-weight: 500;\r\n  background: var(--dsw-alias-brand-primary);\r\n  color: var(--dsw-alias-label-primary-foreground);\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n/* Default provider badge. */\r\n.o6nt8s_defaultBadge {\r\n  height: 18px;\r\n  padding: 0 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  font-weight: 500;\r\n  background: var(--dsw-alias-bg-layer-2);\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n/* Stub/real mode badge. */\r\n.o6nt8s_stubBadge {\r\n  height: 18px;\r\n  padding: 0 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  font-weight: 500;\r\n  background: var(--dsw-alias-bg-layer-2);\r\n  color: var(--dsw-alias-label-tertiary);\r\n}\r\n\r\n.o6nt8s_realBadge {\r\n  height: 18px;\r\n  padding: 0 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  font-weight: 500;\r\n  background: var(--dsw-alias-state-success-primary);\r\n  color: var(--dsw-alias-label-primary-foreground);\r\n}\r\n\r\n.o6nt8s_rowId {\r\n  flex: none;\r\n  padding: 1px 6px;\r\n  border: 1px solid var(--dsw-alias-border-l3);\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  font-family: var(--dsw-font-markdown-code-block-small, monospace);\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n.o6nt8s_rowActions {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  margin-left: auto;\r\n  flex: none;\r\n}\r\n\r\n/* Editor surface: a filled module on the panel, matching ModelsSection's\r\n * editor chrome (bg-module-platform, r12, p14/16). */\r\n.o6nt8s_editor {\r\n  border-radius: 12px;\r\n  background: var(--dsw-alias-bg-module-platform);\r\n  padding: 14px 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n\r\n.o6nt8s_field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.o6nt8s_fieldLabel {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  font-weight: 500;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n/* Input: matching ModelsSection .o6nt8s_input — h32, r8, border-l2, bg-layer-1. */\r\n.o6nt8s_input {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 32px;\r\n  padding: 0 10px;\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  border-radius: 8px;\r\n  font: inherit;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  background: var(--dsw-alias-bg-layer-1);\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.o6nt8s_input:focus {\r\n  outline: none;\r\n  border-color: var(--dsw-alias-brand-primary);\r\n}\r\n\r\n.o6nt8s_input::placeholder {\r\n  color: var(--dsw-alias-label-dimmed);\r\n}\r\n\r\n.o6nt8s_input:disabled {\r\n  opacity: 0.6;\r\n  cursor: default;\r\n}\r\n\r\n.o6nt8s_textarea {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  min-height: 64px;\r\n  padding: 6px 10px;\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  border-radius: 8px;\r\n  font: inherit;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  background: var(--dsw-alias-bg-layer-1);\r\n  color: var(--dsw-alias-label-primary);\r\n  resize: vertical;\r\n}\r\n\r\n.o6nt8s_textarea:focus {\r\n  outline: none;\r\n  border-color: var(--dsw-alias-brand-primary);\r\n}\r\n\r\n.o6nt8s_textarea::placeholder {\r\n  color: var(--dsw-alias-label-dimmed);\r\n}\r\n\r\n/* Auth scheme row: scheme select + optional name input side by side. */\r\n.o6nt8s_authRow {\r\n  display: flex;\r\n  gap: 8px;\r\n}\r\n\r\n.o6nt8s_authRow .o6nt8s_input {\r\n  flex: 1 1 auto;\r\n}\r\n\r\n/* Select: same chrome as .o6nt8s_input. */\r\n.o6nt8s_select {\r\n  box-sizing: border-box;\r\n  flex: 0 0 auto;\r\n  min-width: 130px;\r\n  height: 32px;\r\n  padding: 0 10px;\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  border-radius: 8px;\r\n  font: inherit;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  background: var(--dsw-alias-bg-layer-1);\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.o6nt8s_select:focus {\r\n  outline: none;\r\n  border-color: var(--dsw-alias-brand-primary);\r\n}\r\n\r\n/* Caption labels under fields. */\r\n.o6nt8s_desc {\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--dsw-alias-label-tertiary);\r\n}\r\n\r\n.o6nt8s_hint {\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n/* Buttons: capsule controls matching ModelsSection (h36 r18 primary,\r\n * h28 r14 secondary in row context). */\r\n.o6nt8s_primaryButton,\r\n.o6nt8s_secondaryButton,\r\n.o6nt8s_dangerButton,\r\n.o6nt8s_addBlockButton {\r\n  box-sizing: border-box;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  height: 36px;\r\n  padding: 0 14px;\r\n  border: none;\r\n  border-radius: 18px;\r\n  font: inherit;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  cursor: pointer;\r\n}\r\n\r\n.o6nt8s_primaryButton {\r\n  background: var(--dsw-alias-button-primary-fill);\r\n  color: var(--dsw-alias-label-primary-foreground);\r\n}\r\n\r\n.o6nt8s_primaryButton:hover:not(:disabled) {\r\n  background: var(--dsw-alias-button-primary-hover);\r\n}\r\n\r\n.o6nt8s_secondaryButton,\r\n.o6nt8s_addBlockButton {\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  background: transparent;\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.o6nt8s_secondaryButton:hover:not(:disabled),\r\n.o6nt8s_addBlockButton:hover:not(:disabled) {\r\n  background: var(--dsw-alias-interactive-bg-hover-solid);\r\n}\r\n\r\n.o6nt8s_dangerButton {\r\n  background: transparent;\r\n  color: var(--dsw-alias-state-error-primary);\r\n}\r\n\r\n.o6nt8s_dangerButton:hover:not(:disabled) {\r\n  background: var(--dsw-alias-interactive-bg-hover-danger);\r\n}\r\n\r\n/* Row-context buttons go dense (h28 r14, 12/18). */\r\n.o6nt8s_rowActions .o6nt8s_secondaryButton,\r\n.o6nt8s_rowActions .o6nt8s_dangerButton {\r\n  height: 28px;\r\n  padding: 0 10px;\r\n  border-radius: 14px;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.o6nt8s_rowActions .o6nt8s_primaryButton {\r\n  height: 28px;\r\n  padding: 0 10px;\r\n  border-radius: 14px;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.o6nt8s_primaryButton:disabled,\r\n.o6nt8s_secondaryButton:disabled,\r\n.o6nt8s_dangerButton:disabled,\r\n.o6nt8s_addBlockButton:disabled {\r\n  opacity: 0.4;\r\n  cursor: default;\r\n}\r\n\r\n.o6nt8s_primaryButton:focus-visible,\r\n.o6nt8s_secondaryButton:focus-visible,\r\n.o6nt8s_dangerButton:focus-visible,\r\n.o6nt8s_addBlockButton:focus-visible {\r\n  outline: none;\r\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\r\n}\r\n\r\n/* Add-provider action: a full-width dashed-outline place card matching\r\n * ModelsSection's addBlock. */\r\n.o6nt8s_addBlockButton {\r\n  width: 100%;\r\n  margin-top: 12px;\r\n  border-style: dashed;\r\n  border-radius: 12px;\r\n  height: 40px;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n.o6nt8s_addBlockButton:hover:not(:disabled) {\r\n  color: var(--dsw-alias-label-primary);\r\n  border-color: var(--dsw-alias-brand-primary);\r\n}\r\n\r\n/* Empty state. */\r\n.o6nt8s_empty {\r\n  margin: 0;\r\n  padding: 24px 12px;\r\n  text-align: center;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  color: var(--dsw-alias-label-tertiary);\r\n}\r\n\r\n/* Modal confirm body text. */\r\n.o6nt8s_confirmText {\r\n  margin: 0;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n.o6nt8s_loading {\r\n  padding: 12px;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  color: var(--dsw-alias-label-tertiary);\r\n}\r\n";
+		const css = "/* AIGC canvas row-configuration page, in the design language shared with\r\n * ModelsSection / GeneralSection / yet-another-subagent: 14/22 body,\r\n * 12/18 caption, capsule controls (h36 r18 primary, h28 r14\r\n * secondary), 32px fields, border-l2 hairlines, and the editor as a filled\r\n * module on the panel fill.\r\n *\r\n * Every color resolves through a --dsw-alias-* token (no literal colors). */\r\n\r\n.o6nt8s_section {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  max-width: 720px;\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.o6nt8s_intro {\r\n  margin: 0;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  color: var(--dsw-alias-label-tertiary);\r\n}\r\n\r\n.o6nt8s_error {\r\n  margin: 0;\r\n  padding: 8px 12px;\r\n  border: 1px solid var(--dsw-alias-state-error-primary);\r\n  border-radius: 8px;\r\n  background: var(--dsw-alias-interactive-bg-hover-danger);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--dsw-alias-state-error-primary);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 8px;\r\n}\r\n\r\n.o6nt8s_errorDismiss {\r\n  flex: none;\r\n  border: none;\r\n  background: transparent;\r\n  color: inherit;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n  padding: 0 4px;\r\n}\r\n\r\n.o6nt8s_rows {\r\n  list-style: none;\r\n  margin: 12px 0 0;\r\n  padding: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n/* A configured provider: outlined on the panel fill, matching the rowCard\r\n * chrome in ModelsSection. */\r\n.o6nt8s_rowCard {\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  border-radius: 12px;\r\n  padding: 12px 14px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.o6nt8s_rowHead {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n/* Chevron toggle: a small square with two borders, rotated to point right\r\n * (collapsed) or down (expanded). Pure CSS, no icon font. */\r\n.o6nt8s_chevronButton {\r\n  flex: none;\r\n  width: 24px;\r\n  height: 24px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: none;\r\n  background: transparent;\r\n  color: var(--dsw-alias-label-secondary);\r\n  cursor: pointer;\r\n  padding: 0;\r\n  border-radius: 4px;\r\n}\r\n\r\n.o6nt8s_chevronButton:hover {\r\n  background: var(--dsw-alias-interactive-bg-hover-solid);\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n/* Spacer that occupies the chevron slot on cards without a toggle (e.o6nt8s_g. the\r\n * new-draft card, which is always expanded). Keeps row-head alignment. */\r\n.o6nt8s_chevronSpacer {\r\n  flex: none;\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.o6nt8s_chevron {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-right: 1.5px solid currentColor;\r\n  border-bottom: 1.5px solid currentColor;\r\n  transform: rotate(-45deg);\r\n  transition: transform 0.15s ease;\r\n}\r\n\r\n.o6nt8s_chevronExpanded {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.o6nt8s_rowIdentity {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  min-width: 0;\r\n  flex: 1 1 auto;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.o6nt8s_rowName {\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  font-weight: 500;\r\n  color: var(--dsw-alias-label-primary);\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.o6nt8s_rowNamePlaceholder {\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  font-weight: 500;\r\n  color: var(--dsw-alias-label-tertiary);\r\n  font-style: italic;\r\n}\r\n\r\n/* Builtin badge: uses DSH <Pill> with a brand-colored override to mark\r\n * seed providers. */\r\n.o6nt8s_builtinBadge {\r\n  height: 18px;\r\n  padding: 0 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  font-weight: 500;\r\n  background: var(--dsw-alias-brand-primary);\r\n  color: var(--dsw-alias-label-primary-foreground);\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n/* Default provider badge. */\r\n.o6nt8s_defaultBadge {\r\n  height: 18px;\r\n  padding: 0 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  font-weight: 500;\r\n  background: var(--dsw-alias-bg-layer-2);\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n/* Stub/real mode badge. */\r\n.o6nt8s_stubBadge {\r\n  height: 18px;\r\n  padding: 0 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  font-weight: 500;\r\n  background: var(--dsw-alias-bg-layer-2);\r\n  color: var(--dsw-alias-label-tertiary);\r\n}\r\n\r\n.o6nt8s_realBadge {\r\n  height: 18px;\r\n  padding: 0 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  font-weight: 500;\r\n  background: var(--dsw-alias-state-success-primary);\r\n  color: var(--dsw-alias-label-primary-foreground);\r\n}\r\n\r\n.o6nt8s_rowId {\r\n  flex: none;\r\n  padding: 1px 6px;\r\n  border: 1px solid var(--dsw-alias-border-l3);\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  font-family: var(--dsw-font-markdown-code-block-small, monospace);\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n.o6nt8s_rowActions {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  margin-left: auto;\r\n  flex: none;\r\n}\r\n\r\n/* Editor surface: a filled module on the panel, matching ModelsSection's\r\n * editor chrome (bg-module-platform, r12, p14/16). */\r\n.o6nt8s_editor {\r\n  border-radius: 12px;\r\n  background: var(--dsw-alias-bg-module-platform);\r\n  padding: 14px 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n\r\n.o6nt8s_field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.o6nt8s_fieldLabel {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  font-weight: 500;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n/* Input: matching ModelsSection .o6nt8s_input — h32, r8, border-l2, bg-layer-1. */\r\n.o6nt8s_input {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 32px;\r\n  padding: 0 10px;\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  border-radius: 8px;\r\n  font: inherit;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  background: var(--dsw-alias-bg-layer-1);\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.o6nt8s_input:focus {\r\n  outline: none;\r\n  border-color: var(--dsw-alias-brand-primary);\r\n}\r\n\r\n.o6nt8s_input::placeholder {\r\n  color: var(--dsw-alias-label-dimmed);\r\n}\r\n\r\n.o6nt8s_input:disabled {\r\n  opacity: 0.6;\r\n  cursor: default;\r\n}\r\n\r\n.o6nt8s_textarea {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  min-height: 64px;\r\n  padding: 6px 10px;\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  border-radius: 8px;\r\n  font: inherit;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  background: var(--dsw-alias-bg-layer-1);\r\n  color: var(--dsw-alias-label-primary);\r\n  resize: vertical;\r\n}\r\n\r\n.o6nt8s_textarea:focus {\r\n  outline: none;\r\n  border-color: var(--dsw-alias-brand-primary);\r\n}\r\n\r\n.o6nt8s_textarea::placeholder {\r\n  color: var(--dsw-alias-label-dimmed);\r\n}\r\n\r\n/* Auth scheme row: scheme select + optional name input side by side. */\r\n.o6nt8s_authRow {\r\n  display: flex;\r\n  gap: 8px;\r\n}\r\n\r\n.o6nt8s_authRow .o6nt8s_input {\r\n  flex: 1 1 auto;\r\n}\r\n\r\n/* Select: same chrome as .o6nt8s_input. */\r\n.o6nt8s_select {\r\n  box-sizing: border-box;\r\n  flex: 0 0 auto;\r\n  min-width: 130px;\r\n  height: 32px;\r\n  padding: 0 10px;\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  border-radius: 8px;\r\n  font: inherit;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  background: var(--dsw-alias-bg-layer-1);\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.o6nt8s_select:focus {\r\n  outline: none;\r\n  border-color: var(--dsw-alias-brand-primary);\r\n}\r\n\r\n/* Caption labels under fields. */\r\n.o6nt8s_desc {\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--dsw-alias-label-tertiary);\r\n}\r\n\r\n.o6nt8s_hint {\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n/* Buttons: capsule controls matching ModelsSection (h36 r18 primary,\r\n * h28 r14 secondary in row context). */\r\n.o6nt8s_primaryButton,\r\n.o6nt8s_secondaryButton,\r\n.o6nt8s_dangerButton,\r\n.o6nt8s_addBlockButton {\r\n  box-sizing: border-box;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  height: 36px;\r\n  padding: 0 14px;\r\n  border: none;\r\n  border-radius: 18px;\r\n  font: inherit;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  cursor: pointer;\r\n}\r\n\r\n.o6nt8s_primaryButton {\r\n  background: var(--dsw-alias-button-primary-fill);\r\n  color: var(--dsw-alias-label-primary-foreground);\r\n}\r\n\r\n.o6nt8s_primaryButton:hover:not(:disabled) {\r\n  background: var(--dsw-alias-button-primary-hover);\r\n}\r\n\r\n.o6nt8s_secondaryButton,\r\n.o6nt8s_addBlockButton {\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  background: transparent;\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.o6nt8s_secondaryButton:hover:not(:disabled),\r\n.o6nt8s_addBlockButton:hover:not(:disabled) {\r\n  background: var(--dsw-alias-interactive-bg-hover-solid);\r\n}\r\n\r\n.o6nt8s_dangerButton {\r\n  background: transparent;\r\n  color: var(--dsw-alias-state-error-primary);\r\n}\r\n\r\n.o6nt8s_dangerButton:hover:not(:disabled) {\r\n  background: var(--dsw-alias-interactive-bg-hover-danger);\r\n}\r\n\r\n/* Row-context buttons go dense (h28 r14, 12/18). */\r\n.o6nt8s_rowActions .o6nt8s_secondaryButton,\r\n.o6nt8s_rowActions .o6nt8s_dangerButton {\r\n  height: 28px;\r\n  padding: 0 10px;\r\n  border-radius: 14px;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.o6nt8s_rowActions .o6nt8s_primaryButton {\r\n  height: 28px;\r\n  padding: 0 10px;\r\n  border-radius: 14px;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.o6nt8s_primaryButton:disabled,\r\n.o6nt8s_secondaryButton:disabled,\r\n.o6nt8s_dangerButton:disabled,\r\n.o6nt8s_addBlockButton:disabled {\r\n  opacity: 0.4;\r\n  cursor: default;\r\n}\r\n\r\n.o6nt8s_primaryButton:focus-visible,\r\n.o6nt8s_secondaryButton:focus-visible,\r\n.o6nt8s_dangerButton:focus-visible,\r\n.o6nt8s_addBlockButton:focus-visible {\r\n  outline: none;\r\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\r\n}\r\n\r\n/* Add-provider action: a full-width dashed-outline place card matching\r\n * ModelsSection's addBlock. */\r\n.o6nt8s_addBlockButton {\r\n  width: 100%;\r\n  margin-top: 12px;\r\n  border-style: dashed;\r\n  border-radius: 12px;\r\n  height: 40px;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n.o6nt8s_addBlockButton:hover:not(:disabled) {\r\n  color: var(--dsw-alias-label-primary);\r\n  border-color: var(--dsw-alias-brand-primary);\r\n}\r\n\r\n/* Empty state. */\r\n.o6nt8s_empty {\r\n  margin: 0;\r\n  padding: 24px 12px;\r\n  text-align: center;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  color: var(--dsw-alias-label-tertiary);\r\n}\r\n\r\n/* Modal confirm body text. */\r\n.o6nt8s_confirmText {\r\n  margin: 0;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n.o6nt8s_loading {\r\n  padding: 12px;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  color: var(--dsw-alias-label-tertiary);\r\n}\r\n";
 		const tagId = "@huanlin/dsh-plugin-aigc-canvas/SettingsPage.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1070,7 +1071,6 @@ window.__ModuleLoader__.load({
 		}
 		var SettingsPage_module_css_default = {
 			"section": "o6nt8s_section",
-			"title": "o6nt8s_title",
 			"intro": "o6nt8s_intro",
 			"error": "o6nt8s_error",
 			"errorDismiss": "o6nt8s_errorDismiss",
@@ -1111,7 +1111,23 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/SettingsPage.tsx
 		/**
-		* SettingsPage — the AIGC canvas settings section: provider list CRUD.
+		* SettingsPage — the AIGC canvas row-configuration page: provider list CRUD.
+		*
+		* Mounts as the bundle row's `plugins.row.config` entry on the Plugins page
+		* (dsh 0.1.7-rc.1): `view: 'summary'` renders the one-line description the
+		* row page falls back to when the row declares none; `view: 'page'` renders
+		* the editor under the page's own title/breadcrumb. The optional owner
+		* `form` is the page-assembled ConfigPageForm; this editor keeps its own
+		* reactive binding (below), and an undefined `form` means the entry's config
+		* is not served (row freshly disabled) — the editor reports that instead.
+		*
+		* Transport (dsh 0.1.7-rc.1 DSH-0.1.7-J1-27): reads/writes ride the entry's
+		* shared config form (`ctx.configForms.get('dsh-aigc-canvas')`, provided by
+		* the ui-settings base and bound reactively into this component as the
+		* `useAigcSettings` hook through the registration's `hooks` compartment).
+		* Saves are whole-list writes through `form.set('providers', …)`; the host
+		* persists them into the active profile's `cordis.patch.yml` under the
+		* entry id.
 		*
 		* Visual language: matches ModelsSection / GeneralSection / yet-another-subagent —
 		* outlined rowCard per provider (border-l2, r12, p12/14), filled editor surface
@@ -1149,82 +1165,107 @@ window.__ModuleLoader__.load({
 				builtin: false
 			};
 		}
+		/** Clone the committed list into editable drafts (auth object detached). */
+		function toDrafts(providers) {
+			return providers.map((p) => ({
+				...p,
+				auth: { ...p.auth }
+			}));
+		}
+		/**
+		* Render the AIGC provider configuration entry.
+		*
+		* `view: 'summary'` returns the one-line description; `view: 'page'` renders
+		* the CRUD editor (with its own hook set, in {@link ProviderEditor} below).
+		* Branching before any hook keeps both arms hook-stable.
+		*
+		* @param props - plugins.row.config runtime share + locale + inject + form hook.
+		* @returns the summary one-liner or the page element.
+		*/
+		function SettingsPage(props) {
+			if (props.view === "summary") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: props.t("rowSummary") });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderEditor, { ...props });
+		}
 		/**
-		* Render the AIGC provider settings page.
-		* @param props - settings.section runtime share + locale + inject.
-		* @returns the page element.
+		* Render the provider CRUD editor (the `view: 'page'` arm).
+		*
+		* Reads the committed provider list through the entry's config form
+		* (dsh 0.1.7-rc.1 DSH-0.1.7-J1-27: `ctx.configForms.get('dsh-aigc-canvas')`,
+		* bound reactively as `useAigcSettings`) and writes whole-list replacements
+		* through `saveProviders`. Local drafts re-seed from the committed list on
+		* every revision bump — own saves land there, and so do external writers
+		* (e.g. the model's aigc_provider_set_instructions tool).
+		*
+		* @param props - plugins.row.config runtime share + locale + inject + form hook.
+		* @returns the editor element.
 		*/
-		function SettingsPage({ t, send }) {
-			const [providers, setProviders] = (0, react.useState)([]);
+		function ProviderEditor({ form, t, send, useAigcSettings, saveProviders }) {
+			const snapshot = useAigcSettings((s) => s);
+			const providers = snapshot.status === "ready" && snapshot.value !== void 0 ? snapshot.value.providers : [];
 			const [drafts, setDrafts] = (0, react.useState)([]);
 			const [expanded, setExpanded] = (0, react.useState)(/* @__PURE__ */ new Set());
 			const [addingNew, setAddingNew] = (0, react.useState)(false);
 			const [newDraft, setNewDraft] = (0, react.useState)(emptyDraft());
-			const [loading, setLoading] = (0, react.useState)(true);
 			const [error, setError] = (0, react.useState)(void 0);
 			const [confirmDelete, setConfirmDelete] = (0, react.useState)(void 0);
-			const refresh = (0, react.useCallback)(async () => {
-				setLoading(true);
+			const { status, revision, value } = snapshot;
+			(0, react.useEffect)(() => {
+				if (status !== "ready" || value === void 0) return;
+				setDrafts(toDrafts(value.providers));
+			}, [status, revision]);
+			const commit = (0, react.useCallback)(async (next) => {
 				setError(void 0);
 				try {
-					const result = await fetchConfig();
-					setProviders(result.providers);
-					setDrafts(result.providers.map((p) => ({
-						...p,
-						auth: { ...p.auth }
-					})));
+					if (!await saveProviders(next)) {
+						setError(t("settingsSaveFailed"));
+						return false;
+					}
+					return true;
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
-				} finally {
-					setLoading(false);
+					return false;
 				}
-			}, []);
-			(0, react.useEffect)(() => {
-				refresh();
-			}, [refresh]);
+			}, [saveProviders, t]);
 			const add = (0, react.useCallback)(async () => {
 				if (newDraft.id === "") return;
-				try {
-					const result = await addProvider(newDraft);
-					setProviders(result.providers);
-					setDrafts(result.providers.map((p) => ({
-						...p,
-						auth: { ...p.auth }
-					})));
+				const idError = validateProviderId(newDraft.id);
+				if (idError !== void 0) {
+					setError(idError);
+					return;
+				}
+				if (providers.some((p) => p.id === newDraft.id)) {
+					setError(`provider id already exists: ${newDraft.id}`);
+					return;
+				}
+				const stored = {
+					...newDraft,
+					builtin: false
+				};
+				if (await commit([...providers, stored])) {
 					setExpanded(/* @__PURE__ */ new Set([...expanded, newDraft.id]));
 					setAddingNew(false);
 					setNewDraft(emptyDraft());
-				} catch (err) {
-					setError(err instanceof Error ? err.message : String(err));
 				}
-			}, [expanded, newDraft]);
+			}, [
+				commit,
+				expanded,
+				newDraft,
+				providers
+			]);
 			const update = (0, react.useCallback)(async (draft) => {
-				try {
-					const result = await updateProvider(draft);
-					setProviders(result.providers);
-					setDrafts(result.providers.map((p) => ({
-						...p,
-						auth: { ...p.auth }
-					})));
-				} catch (err) {
-					setError(err instanceof Error ? err.message : String(err));
-				}
-			}, []);
+				await commit(providers.map((p) => p.id === draft.id ? draft : p));
+			}, [commit, providers]);
 			const remove = (0, react.useCallback)(async (id) => {
-				try {
-					const result = await removeProvider(id);
-					setProviders(result.providers);
-					setDrafts(result.providers.map((p) => ({
-						...p,
-						auth: { ...p.auth }
-					})));
+				if (await commit(providers.filter((p) => p.id !== id))) {
 					const next = new Set(expanded);
 					next.delete(id);
 					setExpanded(next);
-				} catch (err) {
-					setError(err instanceof Error ? err.message : String(err));
 				}
-			}, [expanded]);
+			}, [
+				commit,
+				expanded,
+				providers
+			]);
 			const init = (0, react.useCallback)(async (provider) => {
 				const label = provider.name === "" ? provider.id : provider.name;
 				const text = t("row.initPrompt").replace("{name}", label).replace("{id}", provider.id);
@@ -1251,13 +1292,16 @@ window.__ModuleLoader__.load({
 				setNewDraft(emptyDraft());
 			};
 			const defaultId = providers.length > 0 ? providers[0]?.id : void 0;
+			if (form === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				className: SettingsPage_module_css_default.section,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: SettingsPage_module_css_default.empty,
+					children: t("settingsUnavailable")
+				})
+			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 				className: SettingsPage_module_css_default.section,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-						className: SettingsPage_module_css_default.title,
-						children: t("settingsTitle")
-					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: SettingsPage_module_css_default.intro,
 						children: t("settingsIntro")
@@ -1271,9 +1315,16 @@ window.__ModuleLoader__.load({
 							children: "×"
 						})]
 					}),
-					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					status === "ready" && !snapshot.writable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: SettingsPage_module_css_default.intro,
+						children: t("settingsReadOnly")
+					}),
+					status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: SettingsPage_module_css_default.loading,
 						children: t("settingsLoading")
+					}) : status === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: SettingsPage_module_css_default.empty,
+						children: t("settingsUnavailable")
 					}) : providers.length === 0 && !addingNew ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: SettingsPage_module_css_default.empty,
 						children: t("settingsEmpty")
@@ -1303,7 +1354,7 @@ window.__ModuleLoader__.load({
 							onCancel: cancelNew
 						}, "__new__")]
 					}),
-					!loading && !addingNew && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					status === "ready" && !addingNew && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						className: SettingsPage_module_css_default.addBlockButton,
 						onClick: () => setAddingNew(true),
@@ -1595,7 +1646,7 @@ window.__ModuleLoader__.load({
 			tabTitle: "AIGC 画布",
 			title: "AIGC 画布",
 			empty: "画布是空的。模型通过 aigc_http_request 调用供应商 API 生成素材,再用 aigc_canvas_place 把文件放到画布的任意位置。",
-			emptyHint: "可在右侧设置页配置供应商,然后让模型开始生成。",
+			emptyHint: "可在插件页(Plugins)的本插件行配置供应商,然后让模型开始生成。",
 			prompt: "提示词",
 			image: "图片",
 			video: "视频",
@@ -1621,13 +1672,15 @@ window.__ModuleLoader__.load({
 			deleteElement: "删除元素",
 			dropHint: "拖放文件到画布",
 			uploading: "上传中…",
-			settingsNav: "AIGC 画布",
-			settingsTitle: "AIGC 供应商",
+			rowSummary: "配置 AIGC 生成供应商(API 地址、密钥、鉴权方式、调用说明)。",
 			settingsIntro: "配置一个或多个 AIGC 供应商。每个供应商可独立设置名称、API 地址、密钥、鉴权方式和调用说明。模型通过 aigc_get_provider_info 读取供应商列表,用 aigc_http_request 调用 API(自动携带 endpoint 和 apiKey),生成的文件用 aigc_canvas_place 放到画布上。",
 			settingsEmpty: "暂无供应商,请在下方添加。",
 			settingsAdd: "+ 添加供应商",
 			settingsLoading: "加载中…",
 			settingsError: "错误",
+			settingsUnavailable: "设置服务不可用（宿主未提供此插件的配置）。",
+			settingsReadOnly: "当前连接不持久化配置，修改将不会保存。",
+			settingsSaveFailed: "保存失败：配置已在其他位置修改，请稍后重试。",
 			"row.id": "ID",
 			"row.name": "名称",
 			"row.endpoint": "API 地址",
@@ -1667,7 +1720,7 @@ window.__ModuleLoader__.load({
 			tabTitle: "AIGC Canvas",
 			title: "AIGC Canvas",
 			empty: "Canvas is empty. The agent calls provider APIs via aigc_http_request and places the generated files anywhere on the canvas with aigc_canvas_place.",
-			emptyHint: "Configure a provider in the settings tab on the right, then ask the agent to generate something.",
+			emptyHint: "Configure providers on the Plugins page (this plugin's row), then ask the agent to generate something.",
 			prompt: "Prompt",
 			image: "Image",
 			video: "Video",
@@ -1693,13 +1746,15 @@ window.__ModuleLoader__.load({
 			deleteElement: "Delete element",
 			dropHint: "Drop files onto canvas",
 			uploading: "Uploading…",
-			settingsNav: "AIGC Canvas",
-			settingsTitle: "AIGC Providers",
+			rowSummary: "Configure AIGC generation providers (API endpoint, key, auth scheme, usage instructions).",
 			settingsIntro: "Configure one or more AIGC providers. Each provider has its own name, API endpoint, key, auth scheme, and usage instructions. The agent reads the provider list via aigc_get_provider_info, calls the API via aigc_http_request (endpoint + apiKey attached automatically), and places generated files onto the canvas with aigc_canvas_place.",
 			settingsEmpty: "No providers configured. Add one below.",
 			settingsAdd: "+ Add provider",
 			settingsLoading: "Loading…",
 			settingsError: "Error",
+			settingsUnavailable: "Settings are unavailable (the host does not serve this plugin's configuration).",
+			settingsReadOnly: "This connection does not persist configuration; changes will not be saved.",
+			settingsSaveFailed: "Save refused — the configuration changed elsewhere. Please retry.",
 			"row.id": "ID",
 			"row.name": "Name",
 			"row.endpoint": "Endpoint",
@@ -1742,7 +1797,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "AIGC キャンバス",
 				title: "AIGC キャンバス",
 				empty: "キャンバスは空です。エージェントが aigc_http_request でプロバイダー API を呼び出して素材を生成し、aigc_canvas_place で生成されたファイルをキャンバスの任意の場所に配置します。",
-				emptyHint: "右側の設定タブでプロバイダーを設定してから、エージェントに生成を依頼してください。",
+				emptyHint: "プラグインページ(Plugins)のこのプラグインの行でプロバイダーを設定してから、エージェントに生成を依頼してください。",
 				prompt: "プロンプト",
 				image: "画像",
 				video: "動画",
@@ -1769,13 +1824,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "要素を削除",
 				dropHint: "ファイルをキャンバスにドロップ",
 				uploading: "アップロード中…",
-				settingsNav: "AIGC キャンバス",
-				settingsTitle: "AIGC プロバイダー",
+				rowSummary: "AIGC 生成プロバイダーを設定します(API アドレス、キー、認証方式、呼び出し手順)。",
 				settingsIntro: "1 つ以上の AIGC プロバイダーを設定します。各プロバイダーに名前、API アドレス、キー、認証方式、呼び出し手順を個別に設定できます。エージェントは aigc_get_provider_info でプロバイダー一覧を読み取り、aigc_http_request で API を呼び出し（endpoint と apiKey は自動的に付与されます）、生成されたファイルは aigc_canvas_place でキャンバスに配置します。",
 				settingsEmpty: "プロバイダーが設定されていません。下から追加してください。",
 				settingsAdd: "+ プロバイダーを追加",
 				settingsLoading: "読み込み中…",
 				settingsError: "エラー",
+				settingsUnavailable: "設定サービスを利用できません（ホストがこのプラグインの設定を提供していません）。",
+				settingsReadOnly: "この接続では設定を保存しないため、変更は保存されません。",
+				settingsSaveFailed: "保存できませんでした。設定が他の場所で変更されました。再試行してください。",
 				"row.id": "ID",
 				"row.name": "名前",
 				"row.endpoint": "API アドレス",
@@ -1814,7 +1871,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "AIGC-Leinwand",
 				title: "AIGC-Leinwand",
 				empty: "Die Leinwand ist leer. Der Agent ruft die API des Anbieters über aigc_http_request auf, um Assets zu generieren, und legt die erzeugten Dateien mit aigc_canvas_place an beliebiger Stelle auf der Leinwand ab.",
-				emptyHint: "Konfiguriere einen Anbieter im Einstellungs-Tab rechts und bitte den Agenten dann, etwas zu generieren.",
+				emptyHint: "Konfiguriere Anbieter in der Zeile dieses Plugins auf der Plugins-Seite und bitte den Agenten dann, etwas zu generieren.",
 				prompt: "Prompt",
 				image: "Bild",
 				video: "Video",
@@ -1841,13 +1898,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Element löschen",
 				dropHint: "Dateien auf die Leinwand ziehen",
 				uploading: "Hochladen…",
-				settingsNav: "AIGC-Leinwand",
-				settingsTitle: "AIGC-Anbieter",
+				rowSummary: "AIGC-Generierungsanbieter konfigurieren (API-Adresse, Schlüssel, Authentifizierung, Aufrufanweisungen).",
 				settingsIntro: "Konfiguriere einen oder mehrere AIGC-Anbieter. Jeder Anbieter hat eigene Einstellungen für Name, API-Adresse, Schlüssel, Authentifizierung und Aufrufanweisungen. Der Agent liest die Anbieterliste über aigc_get_provider_info, ruft die API über aigc_http_request auf (endpoint + apiKey werden automatisch angehängt) und legt die generierten Dateien mit aigc_canvas_place auf der Leinwand ab.",
 				settingsEmpty: "Keine Anbieter konfiguriert. Füge unten einen hinzu.",
 				settingsAdd: "+ Anbieter hinzufügen",
 				settingsLoading: "Wird geladen…",
 				settingsError: "Fehler",
+				settingsUnavailable: "Einstellungen sind nicht verfügbar (der Host stellt die Konfiguration dieses Plugins nicht bereit).",
+				settingsReadOnly: "Diese Verbindung speichert die Konfiguration nicht; Änderungen werden nicht gespeichert.",
+				settingsSaveFailed: "Speichern abgelehnt — die Konfiguration wurde anderweitig geändert. Bitte erneut versuchen.",
 				"row.id": "ID",
 				"row.name": "Name",
 				"row.endpoint": "API-Adresse",
@@ -1886,7 +1945,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "Toile AIGC",
 				title: "Toile AIGC",
 				empty: "La toile est vide. L’agent appelle les API du fournisseur via aigc_http_request pour générer les ressources, puis place les fichiers générés n’importe où sur la toile avec aigc_canvas_place.",
-				emptyHint: "Configurez un fournisseur dans l’onglet des paramètres à droite, puis demandez à l’agent de générer quelque chose.",
+				emptyHint: "Configurez les fournisseurs dans la ligne de ce plugin sur la page Plugins, puis demandez à l’agent de générer quelque chose.",
 				prompt: "Invite",
 				image: "Image",
 				video: "Vidéo",
@@ -1913,13 +1972,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Supprimer l’élément",
 				dropHint: "Déposez des fichiers sur la toile",
 				uploading: "Téléversement…",
-				settingsNav: "Toile AIGC",
-				settingsTitle: "Fournisseurs AIGC",
+				rowSummary: "Configurer les fournisseurs de génération AIGC (endpoint API, clé, schéma d’authentification, instructions d’appel).",
 				settingsIntro: "Configurez un ou plusieurs fournisseurs AIGC. Chaque fournisseur a son propre nom, endpoint API, clé, schéma d’authentification et instructions d’appel. L’agent lit la liste des fournisseurs via aigc_get_provider_info, appelle l’API via aigc_http_request (endpoint et apiKey attachés automatiquement) et place les fichiers générés sur la toile avec aigc_canvas_place.",
 				settingsEmpty: "Aucun fournisseur configuré. Ajoutez-en un ci-dessous.",
 				settingsAdd: "+ Ajouter un fournisseur",
 				settingsLoading: "Chargement…",
 				settingsError: "Erreur",
+				settingsUnavailable: "Les paramètres sont indisponibles (l’hôte ne fournit pas la configuration de ce plugin).",
+				settingsReadOnly: "Cette connexion ne persiste pas la configuration ; les modifications ne seront pas enregistrées.",
+				settingsSaveFailed: "Enregistrement refusé — la configuration a été modifiée ailleurs. Veuillez réessayer.",
 				"row.id": "ID",
 				"row.name": "Nom",
 				"row.endpoint": "Endpoint",
@@ -1958,7 +2019,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "Tela AIGC",
 				title: "Tela AIGC",
 				empty: "A tela está vazia. O agente chama as APIs do provedor via aigc_http_request para gerar os recursos e coloca os arquivos gerados em qualquer posição da tela com aigc_canvas_place.",
-				emptyHint: "Configure um provedor na aba de configurações à direita e peça ao agente para gerar algo.",
+				emptyHint: "Configure provedores na linha deste plugin na página Plugins e peça ao agente para gerar algo.",
 				prompt: "Prompt",
 				image: "Imagem",
 				video: "Vídeo",
@@ -1985,13 +2046,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Excluir elemento",
 				dropHint: "Solte arquivos na tela",
 				uploading: "Enviando…",
-				settingsNav: "Tela AIGC",
-				settingsTitle: "Provedores AIGC",
+				rowSummary: "Configurar provedores de geração AIGC (endereço da API, chave, autenticação, instruções de chamada).",
 				settingsIntro: "Configure um ou mais provedores AIGC. Cada provedor tem configurações independentes de nome, endereço da API, chave, método de autenticação e instruções de chamada. O agente lê a lista de provedores via aigc_get_provider_info, chama a API via aigc_http_request (endpoint e apiKey anexados automaticamente) e coloca os arquivos gerados na tela com aigc_canvas_place.",
 				settingsEmpty: "Nenhum provedor configurado. Adicione um abaixo.",
 				settingsAdd: "+ Adicionar provedor",
 				settingsLoading: "Carregando…",
 				settingsError: "Erro",
+				settingsUnavailable: "As configurações estão indisponíveis (o host não serve a configuração deste plugin).",
+				settingsReadOnly: "Esta conexão não persiste a configuração; as alterações não serão salvas.",
+				settingsSaveFailed: "Salvamento recusado — a configuração foi alterada em outro lugar. Tente novamente.",
 				"row.id": "ID",
 				"row.name": "Nome",
 				"row.endpoint": "Endereço da API",
@@ -2030,7 +2093,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "AIGC 캔버스",
 				title: "AIGC 캔버스",
 				empty: "캔버스가 비어 있습니다. 에이전트가 aigc_http_request로 공급자 API를 호출해 자산을 생성한 후, aigc_canvas_place로 생성된 파일을 캔버스의 원하는 위치에 배치합니다.",
-				emptyHint: "오른쪽 설정 탭에서 공급자를 구성한 다음 에이전트에게 생성을 요청하세요.",
+				emptyHint: "플러그인(Plugins) 페이지의 이 플러그인 행에서 공급자를 구성한 다음 에이전트에게 생성을 요청하세요.",
 				prompt: "프롬프트",
 				image: "이미지",
 				video: "동영상",
@@ -2057,13 +2120,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "요소 삭제",
 				dropHint: "캔버스에 파일을 끌어다 놓기",
 				uploading: "업로드 중…",
-				settingsNav: "AIGC 캔버스",
-				settingsTitle: "AIGC 공급자",
+				rowSummary: "AIGC 생성 공급자를 구성합니다(API 주소, 키, 인증 방식, 호출 지침).",
 				settingsIntro: "하나 이상의 AIGC 공급자를 구성합니다. 각 공급자에 이름, API 주소, 키, 인증 방식, 호출 지침을 개별적으로 설정할 수 있습니다. 에이전트는 aigc_get_provider_info로 공급자 목록을 읽고, aigc_http_request로 API를 호출하며(endpoint와 apiKey 자동 첨부), 생성된 파일은 aigc_canvas_place로 캔버스에 배치합니다.",
 				settingsEmpty: "구성된 공급자가 없습니다. 아래에서 추가하세요.",
 				settingsAdd: "+ 공급자 추가",
 				settingsLoading: "불러오는 중…",
 				settingsError: "오류",
+				settingsUnavailable: "설정 서비스를 사용할 수 없습니다(호스트가 이 플러그인의 구성을 제공하지 않음).",
+				settingsReadOnly: "이 연결은 구성을 저장하지 않으므로 변경 사항이 저장되지 않습니다.",
+				settingsSaveFailed: "저장이 거부되었습니다. 구성이 다른 곳에서 변경되었습니다. 다시 시도하세요.",
 				"row.id": "ID",
 				"row.name": "이름",
 				"row.endpoint": "API 주소",
@@ -2102,7 +2167,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "لوحة AIGC",
 				title: "لوحة AIGC",
 				empty: "اللوحة فارغة. يستدعي الوكيل واجهات برمجة تطبيقات المزوّد عبر aigc_http_request لتوليد الموارد، ثم يضع الملفات المولَّدة في أي موضع على اللوحة باستخدام aigc_canvas_place.",
-				emptyHint: "قم بتكوين مزوّد في تبويب الإعدادات على اليمين، ثم اطلب من الوكيل توليد شيء.",
+				emptyHint: "قم بتكوين المزوّدين في صف هذا البرنامج المساعد على صفحة الإضافات (Plugins)، ثم اطلب من الوكيل توليد شيء.",
 				prompt: "الموجّه",
 				image: "صورة",
 				video: "فيديو",
@@ -2129,13 +2194,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "حذف العنصر",
 				dropHint: "اسحب الملفات إلى اللوحة",
 				uploading: "جارٍ الرفع…",
-				settingsNav: "لوحة AIGC",
-				settingsTitle: "مزوّدو AIGC",
+				rowSummary: "تكوين مزوّدي توليد AIGC (عنوان API، المفتاح، المصادقة، تعليمات الاستدعاء).",
 				settingsIntro: "قم بتكوين مزوّد واحد أو أكثر من مزوّدي AIGC. يمكن ضبط اسم وعنوان API ومفتاح وطريقة مصادقة وتعليمات الاستدعاء لكل مزوّد بشكل مستقل. يقرأ الوكيل قائمة المزوّدين عبر aigc_get_provider_info، ويستدعي واجهة API عبر aigc_http_request (مع إرفاق endpoint وapiKey تلقائيًا)، ويضع الملفات المولَّدة على اللوحة باستخدام aigc_canvas_place.",
 				settingsEmpty: "لا توجد مزوّدات مكوّنة. أضف واحدًا أدناه.",
 				settingsAdd: "+ إضافة مزوّد",
 				settingsLoading: "جارٍ التحميل…",
 				settingsError: "خطأ",
+				settingsUnavailable: "الإعدادات غير متاحة (لا يوفر المضيف تكوين هذا البرنامج المساعد).",
+				settingsReadOnly: "هذا الاتصال لا يحفظ التكوين؛ لن يتم حفظ التغييرات.",
+				settingsSaveFailed: "تم رفض الحفظ — تم تغيير التكوين في مكان آخر. يرجى المحاولة مرة أخرى.",
 				"row.id": "المعرّف",
 				"row.name": "الاسم",
 				"row.endpoint": "عنوان API",
@@ -2174,7 +2241,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "AIGC कैनवास",
 				title: "AIGC कैनवास",
 				empty: "कैनवास खाली है। एजेंट aigc_http_request के माध्यम से प्रदाता API को कॉल करके एसेट जनरेट करता है, फिर aigc_canvas_place से जनरेट की गई फ़ाइलों को कैनवास पर किसी भी स्थान पर रखता है।",
-				emptyHint: "दाईं ओर सेटिंग्स टैब में प्रदाता कॉन्फ़िगर करें, फिर एजेंट से कुछ जनरेट करने के लिए कहें।",
+				emptyHint: "प्लगइन्स (Plugins) पेज पर इस प्लगइन की पंक्ति में प्रदाता कॉन्फ़िगर करें, फिर एजेंट से कुछ जनरेट करने के लिए कहें।",
 				prompt: "प्रॉम्प्ट",
 				image: "छवि",
 				video: "वीडियो",
@@ -2201,13 +2268,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "तत्व हटाएं",
 				dropHint: "फ़ाइलों को कैनवास पर छोड़ें",
 				uploading: "अपलोड किया जा रहा…",
-				settingsNav: "AIGC कैनवास",
-				settingsTitle: "AIGC प्रदाता",
+				rowSummary: "AIGC जनरेशन प्रदाता कॉन्फ़िगर करें (API पता, कुंजी, प्रमाणीकरण, कॉल निर्देश)।",
 				settingsIntro: "एक या अधिक AIGC प्रदाता कॉन्फ़िगर करें। प्रत्येक प्रदाता के लिए नाम, API पता, कुंजी, प्रमाणीकरण विधि और कॉल निर्देश अलग से सेट किए जा सकते हैं। एजेंट aigc_get_provider_info से प्रदाता सूची पढ़ता है, aigc_http_request से API कॉल करता है (endpoint और apiKey स्वतः जुड़ जाते हैं), और जनरेट की गई फ़ाइलें aigc_canvas_place से कैनवास पर रखता है।",
 				settingsEmpty: "कोई प्रदाता कॉन्फ़िगर नहीं है। नीचे जोड़ें।",
 				settingsAdd: "+ प्रदाता जोड़ें",
 				settingsLoading: "लोड हो रहा…",
 				settingsError: "त्रुटि",
+				settingsUnavailable: "सेटिंग्स अनुपलब्ध हैं (होस्ट इस प्लगइन का कॉन्फ़िगरेशन प्रदान नहीं करता है)।",
+				settingsReadOnly: "यह कनेक्शन कॉन्फ़िगरेशन सहेजता नहीं है; परिवर्तन सहेजे नहीं जाएंगे।",
+				settingsSaveFailed: "सहेजना अस्वीकार — कॉन्फ़िगरेशन कहीं और बदल गया। कृपया पुनः प्रयास करें।",
 				"row.id": "आईडी",
 				"row.name": "नाम",
 				"row.endpoint": "API पता",
@@ -2246,7 +2315,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "Kanvas AIGC",
 				title: "Kanvas AIGC",
 				empty: "Kanvas kosong. Agen memanggil API penyedia melalui aigc_http_request untuk menghasilkan aset, lalu menempatkan file yang dihasilkan ke posisi mana pun di kanvas dengan aigc_canvas_place.",
-				emptyHint: "Konfigurasikan penyedia di tab pengaturan di kanan, lalu minta agen untuk menghasilkan sesuatu.",
+				emptyHint: "Konfigurasikan penyedia di baris plugin ini pada halaman Plugins, lalu minta agen menghasilkan sesuatu.",
 				prompt: "Prompt",
 				image: "Gambar",
 				video: "Video",
@@ -2273,13 +2342,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Hapus elemen",
 				dropHint: "Letakkan file di kanvas",
 				uploading: "Mengunggah…",
-				settingsNav: "Kanvas AIGC",
-				settingsTitle: "Penyedia AIGC",
+				rowSummary: "Konfigurasikan penyedia pembuatan AIGC (alamat API, kunci, autentikasi, instruksi pemanggilan).",
 				settingsIntro: "Konfigurasikan satu atau lebih penyedia AIGC. Setiap penyedia dapat mengatur nama, alamat API, kunci, metode autentikasi, dan instruksi pemanggilan secara terpisah. Agen membaca daftar penyedia melalui aigc_get_provider_info, memanggil API melalui aigc_http_request (endpoint dan apiKey dilampirkan otomatis), dan file yang dihasilkan diletakkan di kanvas dengan aigc_canvas_place.",
 				settingsEmpty: "Belum ada penyedia yang dikonfigurasi. Tambahkan di bawah.",
 				settingsAdd: "+ Tambah penyedia",
 				settingsLoading: "Memuat…",
 				settingsError: "Kesalahan",
+				settingsUnavailable: "Pengaturan tidak tersedia (host tidak menyajikan konfigurasi plugin ini).",
+				settingsReadOnly: "Koneksi ini tidak menyimpan konfigurasi; perubahan tidak akan disimpan.",
+				settingsSaveFailed: "Penyimpanan ditolak — konfigurasi berubah di tempat lain. Coba lagi.",
 				"row.id": "ID",
 				"row.name": "Nama",
 				"row.endpoint": "Alamat API",
@@ -2318,7 +2389,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "AIGC Tuvali",
 				title: "AIGC Tuvali",
 				empty: "Tuval boş. Aracı, aigc_http_request ile sağlayıcı API’lerini çağırıp varlık üretir; ardından aigc_canvas_place ile dosyaları tuvale istediğiniz konuma yerleştirir.",
-				emptyHint: "Sağdaki ayarlar sekmesinde bir sağlayıcı yapılandırın, sonra aracıdan bir şey üretmesini isteyin.",
+				emptyHint: "Eklentiler (Plugins) sayfasında bu eklentinin satırında sağlayıcıları yapılandırın, sonra aracıdan bir şey üretmesini isteyin.",
 				prompt: "İstek",
 				image: "Görsel",
 				video: "Video",
@@ -2345,13 +2416,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Öğeyi sil",
 				dropHint: "Dosyaları tuvale bırakın",
 				uploading: "Yükleniyor…",
-				settingsNav: "AIGC Tuvali",
-				settingsTitle: "AIGC Sağlayıcıları",
+				rowSummary: "AIGC üretim sağlayıcılarını yapılandırın (API adresi, anahtar, kimlik doğrulama, çağrı talimatları).",
 				settingsIntro: "Bir veya daha fazla AIGC sağlayıcısı yapılandırın. Her sağlayıcı için ad, API adresi, anahtar, kimlik doğrulama biçimi ve çağrı talimatları bağımsız olarak ayarlanabilir. Aracı, sağlayıcı listesini aigc_get_provider_info ile okur, API’yi aigc_http_request ile çağırır (endpoint ve apiKey otomatik eklenir) ve üretilen dosyaları aigc_canvas_place ile tuvale yerleştirir.",
 				settingsEmpty: "Yapılandırılmış sağlayıcı yok. Aşağıdan ekleyin.",
 				settingsAdd: "+ Sağlayıcı ekle",
 				settingsLoading: "Yükleniyor…",
 				settingsError: "Hata",
+				settingsUnavailable: "Ayarlar kullanılamıyor (ana makine bu eklentinin yapılandırmasını sunmuyor).",
+				settingsReadOnly: "Bu bağlantı yapılandırmayı kalıcı kılmaz; değişiklikler kaydedilmez.",
+				settingsSaveFailed: "Kaydetme reddedildi — yapılandırma başka yerde değişti. Lütfen tekrar deneyin.",
 				"row.id": "Kimlik",
 				"row.name": "Ad",
 				"row.endpoint": "API adresi",
@@ -2390,7 +2463,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "Canvas AIGC",
 				title: "Canvas AIGC",
 				empty: "Canvas đang trống. Agent gọi API của nhà cung cấp qua aigc_http_request để tạo tài nguyên, sau đó dùng aigc_canvas_place đặt tệp đã tạo vào bất kỳ vị trí nào trên canvas.",
-				emptyHint: "Cấu hình một nhà cung cấp trong tab cài đặt bên phải, rồi yêu cầu agent tạo nội dung.",
+				emptyHint: "Cấu hình nhà cung cấp trong hàng plugin này trên trang Plugins, rồi yêu cầu agent tạo nội dung.",
 				prompt: "Lời nhắc",
 				image: "Hình ảnh",
 				video: "Video",
@@ -2417,13 +2490,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Xóa phần tử",
 				dropHint: "Kéo thả tệp vào canvas",
 				uploading: "Đang tải lên…",
-				settingsNav: "Canvas AIGC",
-				settingsTitle: "Nhà cung cấp AIGC",
+				rowSummary: "Cấu hình nhà cung cấp tạo AIGC (địa chỉ API, khóa, xác thực, hướng dẫn gọi).",
 				settingsIntro: "Cấu hình một hoặc nhiều nhà cung cấp AIGC. Mỗi nhà cung cấp có thể đặt riêng tên, địa chỉ API, khóa, phương thức xác thực và hướng dẫn gọi. Agent đọc danh sách nhà cung cấp qua aigc_get_provider_info, gọi API qua aigc_http_request (endpoint và apiKey tự động đính kèm) và đặt tệp đã tạo lên canvas bằng aigc_canvas_place.",
 				settingsEmpty: "Chưa có nhà cung cấp nào được cấu hình. Thêm một nhà cung cấp bên dưới.",
 				settingsAdd: "+ Thêm nhà cung cấp",
 				settingsLoading: "Đang tải…",
 				settingsError: "Lỗi",
+				settingsUnavailable: "Cài đặt không khả dụng (máy chủ không cung cấp cấu hình của plugin này).",
+				settingsReadOnly: "Kết nối này không lưu cấu hình; thay đổi sẽ không được lưu.",
+				settingsSaveFailed: "Đã từ chối lưu — cấu hình đã thay đổi ở nơi khác. Vui lòng thử lại.",
 				"row.id": "ID",
 				"row.name": "Tên",
 				"row.endpoint": "Địa chỉ API",
@@ -2462,7 +2537,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "แคนวาส AIGC",
 				title: "แคนวาส AIGC",
 				empty: "แคนวาสว่างเปล่า เอเจนต์เรียก API ของผู้ให้บริการผ่าน aigc_http_request เพื่อสร้างทรัพยากร แล้ววางไฟล์ที่สร้างแล้วบนตำแหน่งใดก็ได้บนแคนวาสด้วย aigc_canvas_place",
-				emptyHint: "กำหนดค่าผู้ให้บริการในแท็บการตั้งค่าทางขวา แล้วขอให้เอเจนต์สร้างบางอย่าง",
+				emptyHint: "กำหนดค่าผู้ให้บริการในแถวของปลั๊กอินนี้บนหน้าปลั๊กอิน (Plugins) แล้วให้เอเจนต์สร้างสิ่งที่ต้องการ",
 				prompt: "พรอมต์",
 				image: "รูปภาพ",
 				video: "วิดีโอ",
@@ -2489,13 +2564,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "ลบองค์ประกอบ",
 				dropHint: "วางไฟล์ลงบนแคนวาส",
 				uploading: "กำลังอัปโหลด…",
-				settingsNav: "แคนวาส AIGC",
-				settingsTitle: "ผู้ให้บริการ AIGC",
+				rowSummary: "กำหนดค่าผู้ให้บริการสร้าง AIGC (ที่อยู่ API, คีย์, การยืนยันตัวตน, คำแนะนำการเรียก)",
 				settingsIntro: "กำหนดค่าผู้ให้บริการ AIGC หนึ่งรายขึ้นไป แต่ละรายสามารถตั้งชื่อ ที่อยู่ API คีย์ วิธีการยืนยันตัวตน และคำแนะนำการเรียกได้ด้วยตัวเอง เอเจนต์อ่านรายชื่อผู้ให้บริการผ่าน aigc_get_provider_info เรียก API ผ่าน aigc_http_request (แนบ endpoint และ apiKey อัตโนมัติ) และวางไฟล์ที่สร้างแล้วบนแคนวาสด้วย aigc_canvas_place",
 				settingsEmpty: "ยังไม่ได้กำหนดค่าผู้ให้บริการ เพิ่มด้านล่าง",
 				settingsAdd: "+ เพิ่มผู้ให้บริการ",
 				settingsLoading: "กำลังโหลด…",
 				settingsError: "ข้อผิดพลาด",
+				settingsUnavailable: "การตั้งค่าใช้งานไม่ได้ (โฮสต์ไม่ได้ให้ค่าตั้งค่าของปลั๊กอินนี้)",
+				settingsReadOnly: "การเชื่อมต่อนี้ไม่บันทึกค่าตั้งค่า การเปลี่ยนแปลงจะไม่ถูกบันทึก",
+				settingsSaveFailed: "บันทึกไม่สำเร็จ — ค่าตั้งค่าถูกเปลี่ยนที่อื่น โปรดลองอีกครั้ง",
 				"row.id": "ID",
 				"row.name": "ชื่อ",
 				"row.endpoint": "ที่อยู่ API",
@@ -2534,7 +2611,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "Холст AIGC",
 				title: "Холст AIGC",
 				empty: "Холст пуст. Агент вызывает API провайдера через aigc_http_request для генерации ресурсов, затем помещает сгенерированные файлы в любое место холста с помощью aigc_canvas_place.",
-				emptyHint: "Настройте провайдера на вкладке настроек справа, затем попросите агента что-нибудь сгенерировать.",
+				emptyHint: "Настройте провайдеров в строке этого плагина на странице Plugins, затем попросите агента что-нибудь сгенерировать.",
 				prompt: "Промпт",
 				image: "Изображение",
 				video: "Видео",
@@ -2561,13 +2638,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Удалить элемент",
 				dropHint: "Перетащите файлы на холст",
 				uploading: "Загрузка…",
-				settingsNav: "Холст AIGC",
-				settingsTitle: "Провайдеры AIGC",
+				rowSummary: "Настройка провайдеров генерации AIGC (адрес API, ключ, аутентификация, инструкции вызова).",
 				settingsIntro: "Настройте одного или нескольких провайдеров AIGC. Для каждого провайдера можно отдельно задать имя, адрес API, ключ, способ аутентификации и инструкции по вызову. Агент читает список провайдеров через aigc_get_provider_info, вызывает API через aigc_http_request (endpoint и apiKey прикрепляются автоматически) и помещает сгенерированные файлы на холст с помощью aigc_canvas_place.",
 				settingsEmpty: "Провайдеры не настроены. Добавьте одного ниже.",
 				settingsAdd: "+ Добавить провайдера",
 				settingsLoading: "Загрузка…",
 				settingsError: "Ошибка",
+				settingsUnavailable: "Настройки недоступны (хост не предоставляет конфигурацию этого плагина).",
+				settingsReadOnly: "Это соединение не сохраняет конфигурацию; изменения не будут сохранены.",
+				settingsSaveFailed: "Сохранение отклонено — конфигурация изменилась в другом месте. Повторите попытку.",
 				"row.id": "ID",
 				"row.name": "Название",
 				"row.endpoint": "Адрес API",
@@ -2606,7 +2685,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "Tela AIGC",
 				title: "Tela AIGC",
 				empty: "La tela è vuota. L’agente chiama le API del fornitore tramite aigc_http_request per generare le risorse, quindi posiziona i file generati in un punto qualsiasi della tela con aigc_canvas_place.",
-				emptyHint: "Configura un fornitore nella scheda impostazioni a destra, poi chiedi all’agente di generare qualcosa.",
+				emptyHint: "Configura i provider nella riga di questo plugin nella pagina Plugin, poi chiedi all’agente di generare qualcosa.",
 				prompt: "Prompt",
 				image: "Immagine",
 				video: "Video",
@@ -2633,13 +2712,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Elimina elemento",
 				dropHint: "Trascina i file sulla tela",
 				uploading: "Caricamento…",
-				settingsNav: "Tela AIGC",
-				settingsTitle: "Fornitori AIGC",
+				rowSummary: "Configura i provider di generazione AIGC (indirizzo API, chiave, autenticazione, istruzioni di chiamata).",
 				settingsIntro: "Configura uno o più fornitori AIGC. Ogni fornitore ha nome, endpoint API, chiave, schema di autenticazione e istruzioni di chiamata propri. L’agente legge l’elenco dei fornitori tramite aigc_get_provider_info, chiama l’API tramite aigc_http_request (endpoint e apiKey allegati automaticamente) e posiziona i file generati sulla tela con aigc_canvas_place.",
 				settingsEmpty: "Nessun fornitore configurato. Aggiungine uno qui sotto.",
 				settingsAdd: "+ Aggiungi fornitore",
 				settingsLoading: "Caricamento…",
 				settingsError: "Errore",
+				settingsUnavailable: "Le impostazioni non sono disponibili (l’host non serve la configurazione di questo plugin).",
+				settingsReadOnly: "Questa connessione non salva la configurazione; le modifiche non verranno salvate.",
+				settingsSaveFailed: "Salvataggio rifiutato — la configurazione è cambiata altrove. Riprova.",
 				"row.id": "ID",
 				"row.name": "Nome",
 				"row.endpoint": "Endpoint",
@@ -2678,7 +2759,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "AIGC-canvas",
 				title: "AIGC-canvas",
 				empty: "Het canvas is leeg. De agent roept provider-API’s aan via aigc_http_request om assets te genereren en plaatst de gegenereerde bestanden met aigc_canvas_place op elke gewenste positie op het canvas.",
-				emptyHint: "Configureer een provider op het tabblad Instellingen rechts en vraag de agent vervolgens iets te genereren.",
+				emptyHint: "Configureer providers in de rij van deze plugin op de Plugins-pagina en vraag de agent dan iets te genereren.",
 				prompt: "Prompt",
 				image: "Afbeelding",
 				video: "Video",
@@ -2705,13 +2786,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Element verwijderen",
 				dropHint: "Sleep bestanden naar het canvas",
 				uploading: "Bezig met uploaden…",
-				settingsNav: "AIGC-canvas",
-				settingsTitle: "AIGC-providers",
+				rowSummary: "AIGC-generatieproviders configureren (API-adres, sleutel, authenticatie, aanroepinstructies).",
 				settingsIntro: "Configureer een of meer AIGC-providers. Elke provider kan afzonderlijk worden ingesteld op naam, API-adres, sleutel, authenticatiemethode en aanroepinstructies. De agent leest de providerlijst via aigc_get_provider_info, roept de API aan via aigc_http_request (endpoint en apiKey automatisch toegevoegd) en plaatst de gegenereerde bestanden met aigc_canvas_place op het canvas.",
 				settingsEmpty: "Geen providers geconfigureerd. Voeg er hieronder een toe.",
 				settingsAdd: "+ Provider toevoegen",
 				settingsLoading: "Laden…",
 				settingsError: "Fout",
+				settingsUnavailable: "Instellingen zijn niet beschikbaar (de host levert de configuratie van deze plugin niet).",
+				settingsReadOnly: "Deze verbinding slaat de configuratie niet op; wijzigingen worden niet bewaard.",
+				settingsSaveFailed: "Opslaan geweigerd — de configuratie is elders gewijzigd. Probeer het opnieuw.",
 				"row.id": "ID",
 				"row.name": "Naam",
 				"row.endpoint": "API-adres",
@@ -2750,7 +2833,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "AIGC-canvas",
 				title: "AIGC-canvas",
 				empty: "Canvasen är tom. Agenten anropar leverantörens API:er via aigc_http_request för att generera tillgångar och placerar sedan de genererade filerna var som helst på canvasen med aigc_canvas_place.",
-				emptyHint: "Konfigurera en leverantör i inställningsfliken till höger och be sedan agenten att generera något.",
+				emptyHint: "Konfigurera leverantörer i denna plugins rad på Plugins-sidan och be sedan agenten generera något.",
 				prompt: "Prompt",
 				image: "Bild",
 				video: "Video",
@@ -2777,13 +2860,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Ta bort element",
 				dropHint: "Släpp filer på canvasen",
 				uploading: "Laddar upp…",
-				settingsNav: "AIGC-canvas",
-				settingsTitle: "AIGC-leverantörer",
+				rowSummary: "Konfigurera AIGC-genereringsleverantörer (API-adress, nyckel, autentisering, anropsinstruktioner).",
 				settingsIntro: "Konfigurera en eller flera AIGC-leverantörer. Varje leverantör kan ställas in med eget namn, API-adress, nyckel, autentiseringsmetod och anropssinstruktioner. Agenten läser leverantörslistan via aigc_get_provider_info, anropar API:et via aigc_http_request (endpoint och apiKey läggs till automatiskt) och placerar de genererade filerna på canvasen med aigc_canvas_place.",
 				settingsEmpty: "Inga leverantörer konfigurerade. Lägg till en nedan.",
 				settingsAdd: "+ Lägg till leverantör",
 				settingsLoading: "Läser in…",
 				settingsError: "Fel",
+				settingsUnavailable: "Inställningarna är inte tillgängliga (värden tillhandahåller inte pluginens konfiguration).",
+				settingsReadOnly: "Denna anslutning sparar inte konfigurationen; ändringar sparas inte.",
+				settingsSaveFailed: "Spara nekades — konfigurationen ändrades någon annanstans. Försök igen.",
 				"row.id": "ID",
 				"row.name": "Namn",
 				"row.endpoint": "API-adress",
@@ -2822,7 +2907,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "Płótno AIGC",
 				title: "Płótno AIGC",
 				empty: "Płótno jest puste. Agent wywołuje API dostawcy przez aigc_http_request, aby wygenerować zasoby, a następnie umieszcza wygenerowane pliki w dowolnym miejscu na płótnie za pomocą aigc_canvas_place.",
-				emptyHint: "Skonfiguruj dostawcę w zakładce ustawień po prawej, a następnie poproś agenta o wygenerowanie czegoś.",
+				emptyHint: "Skonfiguruj dostawców w wierszu tej wtyczki na stronie Wtyczki (Plugins), a następnie poproś agenta o wygenerowanie czegoś.",
 				prompt: "Komunikat",
 				image: "Obraz",
 				video: "Wideo",
@@ -2849,13 +2934,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "Usuń element",
 				dropHint: "Przeciągnij pliki na płótno",
 				uploading: "Przesyłanie…",
-				settingsNav: "Płótno AIGC",
-				settingsTitle: "Dostawcy AIGC",
+				rowSummary: "Skonfiguruj dostawców generowania AIGC (adres API, klucz, uwierzytelnianie, instrukcje wywołania).",
 				settingsIntro: "Skonfiguruj jednego lub więcej dostawców AIGC. Dla każdego dostawcy można osobno ustawić nazwę, adres API, klucz, metodę uwierzytelniania i instrukcje wywołania. Agent odczytuje listę dostawców przez aigc_get_provider_info, wywołuje API przez aigc_http_request (endpoint i apiKey dołączane automatycznie) i umieszcza wygenerowane pliki na płótnie za pomocą aigc_canvas_place.",
 				settingsEmpty: "Nie skonfigurowano żadnych dostawców. Dodaj jednego poniżej.",
 				settingsAdd: "+ Dodaj dostawcę",
 				settingsLoading: "Ładowanie…",
 				settingsError: "Błąd",
+				settingsUnavailable: "Ustawienia są niedostępne (host nie udostępnia konfiguracji tej wtyczki).",
+				settingsReadOnly: "To połączenie nie zapisuje konfiguracji; zmiany nie zostaną zapisane.",
+				settingsSaveFailed: "Odrzucono zapis — konfiguracja zmieniła się gdzie indziej. Spróbuj ponownie.",
 				"row.id": "ID",
 				"row.name": "Nazwa",
 				"row.endpoint": "Adres API",
@@ -2894,7 +2981,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "AIGC 畫布",
 				title: "AIGC 畫布",
 				empty: "畫布是空的。模型透過 aigc_http_request 呼叫供應商 API 產生素材，再用 aigc_canvas_place 把檔案放到畫布的任意位置。",
-				emptyHint: "可在右側設定頁配置供應商，然後讓模型開始產生。",
+				emptyHint: "可在外掛頁(Plugins)本外掛的行內設定供應商,然後讓模型開始生成。",
 				prompt: "提示詞",
 				image: "圖片",
 				video: "影片",
@@ -2921,13 +3008,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "刪除元素",
 				dropHint: "拖放檔案到畫布",
 				uploading: "上載中…",
-				settingsNav: "AIGC 畫布",
-				settingsTitle: "AIGC 供應商",
+				rowSummary: "設定 AIGC 生成供應商(API 位址、金鑰、鑑權方式、呼叫說明)。",
 				settingsIntro: "設定一個或多個 AIGC 供應商。每個供應商可獨立設定名稱、API 位址、金鑰、驗證方式和呼叫說明。模型透過 aigc_get_provider_info 讀取供應商列表，用 aigc_http_request 呼叫 API（自動攜帶 endpoint 和 apiKey），產生的檔案用 aigc_canvas_place 放到畫布上。",
 				settingsEmpty: "尚無供應商，請在下方新增。",
 				settingsAdd: "+ 新增供應商",
 				settingsLoading: "載入中…",
 				settingsError: "錯誤",
+				settingsUnavailable: "設定服務無法使用（主機未提供此外掛程式的設定）。",
+				settingsReadOnly: "此連線不會保存設定，變更將不會儲存。",
+				settingsSaveFailed: "儲存失敗：設定已在其他地方修改，請稍後重試。",
 				"row.id": "ID",
 				"row.name": "名稱",
 				"row.endpoint": "API 位址",
@@ -2966,7 +3055,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "AIGC 畫布",
 				title: "AIGC 畫布",
 				empty: "畫布是空的。模型透過 aigc_http_request 呼叫供應商 API 產生素材，再用 aigc_canvas_place 把檔案放到畫布的任意位置。",
-				emptyHint: "可在右側設定頁配置供應商，然後讓模型開始產生。",
+				emptyHint: "可在外掛頁(Plugins)本外掛的行內設定供應商,然後讓模型開始生成。",
 				prompt: "提示詞",
 				image: "圖片",
 				video: "影片",
@@ -2993,13 +3082,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "刪除元素",
 				dropHint: "拖放檔案到畫布",
 				uploading: "上傳中…",
-				settingsNav: "AIGC 畫布",
-				settingsTitle: "AIGC 供應商",
+				rowSummary: "設定 AIGC 生成供應商(API 位址、金鑰、鑑權方式、呼叫說明)。",
 				settingsIntro: "設定一個或多個 AIGC 供應商。每個供應商可獨立設定名稱、API 位址、金鑰、驗證方式和呼叫說明。模型透過 aigc_get_provider_info 讀取供應商列表，用 aigc_http_request 呼叫 API（自動攜帶 endpoint 和 apiKey），產生的檔案用 aigc_canvas_place 放到畫布上。",
 				settingsEmpty: "尚無供應商，請在下方新增。",
 				settingsAdd: "+ 新增供應商",
 				settingsLoading: "載入中…",
 				settingsError: "錯誤",
+				settingsUnavailable: "設定服務無法使用（主機未提供此外掛程式的設定）。",
+				settingsReadOnly: "此連線不會保存設定，變更將不會儲存。",
+				settingsSaveFailed: "儲存失敗：設定已在其他地方修改，請稍後重試。",
 				"row.id": "ID",
 				"row.name": "名稱",
 				"row.endpoint": "API 位址",
@@ -3038,7 +3129,7 @@ window.__ModuleLoader__.load({
 				tabTitle: "AIGC 畫布",
 				title: "AIGC 畫布",
 				empty: "畫布是空的。模型透過 aigc_http_request 呼叫供應商 API 產生素材，再用 aigc_canvas_place 把檔案放到畫布的任意位置。",
-				emptyHint: "可在右側設定頁配置供應商，然後讓模型開始產生。",
+				emptyHint: "可在外掛頁(Plugins)本外掛的行內設定供應商,然後讓模型開始生成。",
 				prompt: "提示詞",
 				image: "圖片",
 				video: "影片",
@@ -3065,13 +3156,15 @@ window.__ModuleLoader__.load({
 				deleteElement: "刪除元素",
 				dropHint: "拖放檔案到畫布",
 				uploading: "上載中…",
-				settingsNav: "AIGC 畫布",
-				settingsTitle: "AIGC 供應商",
+				rowSummary: "設定 AIGC 生成供應商(API 位址、金鑰、鑑權方式、呼叫說明)。",
 				settingsIntro: "設定一個或多個 AIGC 供應商。每個供應商可獨立設定名稱、API 位址、金鑰、驗證方式和呼叫說明。模型透過 aigc_get_provider_info 讀取供應商列表，用 aigc_http_request 呼叫 API（自動攜帶 endpoint 和 apiKey），產生的檔案用 aigc_canvas_place 放到畫布上。",
 				settingsEmpty: "尚無供應商，請在下方新增。",
 				settingsAdd: "+ 新增供應商",
 				settingsLoading: "載入中…",
 				settingsError: "錯誤",
+				settingsUnavailable: "設定服務無法使用（主機未提供此外掛程式的設定）。",
+				settingsReadOnly: "此連線不會保存設定，變更將不會儲存。",
+				settingsSaveFailed: "儲存失敗：設定已在其他地方修改，請稍後重試。",
 				"row.id": "ID",
 				"row.name": "名稱",
 				"row.endpoint": "API 位址",
@@ -3108,14 +3201,38 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region src/entry-identity.ts
+		/**
+		* entry-identity.ts — the identity triple that binds this plugin's three
+		* naming surfaces together. Keeping them in one dependency-free module lets
+		* a unit test pin them against `cordis.patch.yml` and `package.json`
+		* (a mismatched `plugins.row.config` key fails silently: the row's configure
+		* entry simply never appears).
+		*
+		*  - ENTRY_ID: the profile entry id — the `id` of the insert row in
+		*    `cordis.patch.yml`. The Host serves the entry's volatile config under
+		*    it, so it keys `ctx.configForms.get` and `settings.update`.
+		*  - PACKAGE_NAME: the bundle's npm package name — the row's `name` field.
+		*  - ROW_CONFIG_KEY: the Plugins page `plugins.row.config` slot key,
+		*    `<package name>#<row id>` with the row id passed through verbatim.
+		*
+		* @module @huanlin/dsh-plugin-aigc-canvas/entry-identity
+		*/
+		/** Profile entry id (= the `cordis.patch.yml` insert row id / settings namespace). */
+		const ENTRY_ID = "dsh-aigc-canvas";
+		/** `plugins.row.config` key: the bundle's package name `#` the patch row id. */
+		const ROW_CONFIG_KEY = `@huanlin/dsh-plugin-aigc-canvas#${ENTRY_ID}`;
+		//#endregion
 		//#region src/client/index.tsx
 		/** Services required before mounting. `betterSidebar` is intentionally NOT
 		*  listed here — this plugin extends `dsh-better-sidebar` when present, but
-		*  must remain loadable without it (defensive lookup via `ctx.get(...)`). */
+		*  must remain loadable without it (defensive lookup via `ctx.get(...)`).
+		*  `configForms` is provided by the ui-settings base plugin. */
 		const inject = [
 			"slots",
 			"locale",
-			"conversation"
+			"conversation",
+			"configForms"
 		];
 		function apply(ctx) {
 			ctx.effect(() => ctx.locale.register(NS, {
@@ -3162,18 +3279,24 @@ window.__ModuleLoader__.load({
 					});
 				}
 			}));
+			const form = ctx.configForms.get(ENTRY_ID);
 			const settingsInjected = () => ({
 				t,
-				send: (text) => ctx.conversation.send(text)
+				send: (text) => ctx.conversation.send(text),
+				hooks: { aigcSettings: form },
+				saveProviders: (providers) => form.set("providers", providers.map((p) => ({
+					...p,
+					auth: { ...p.auth }
+				})))
 			});
-			ctx.slots.inject("settings.section", () => ctx.slots.register({
-				name: "settings.section",
-				id: "aigc-canvas",
-				order: 60,
-				label: () => t("settingsNav"),
-				locale: NS,
-				inject: settingsInjected
-			}, SettingsPage));
+			ctx.effect(() => ctx.configForms.whileServed([ENTRY_ID], () => ctx.slots.inject("plugins.row.config", function* () {
+				yield ctx.slots.register({
+					name: "plugins.row.config",
+					key: ROW_CONFIG_KEY,
+					locale: NS,
+					inject: settingsInjected
+				}, SettingsPage);
+			})), "dsh-aigc-canvas: plugin row config page");
 		}
 		//#endregion
 		exports.apply = apply;