@epam/ai-dial-toolset-editor 1.3.0-dev.245 → 1.3.0-dev.248

package/components/ConnectMcpUrlContent/ConnectMcpUrlContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectMcpUrlContent.d.ts","sourceRoot":"","sources":["../../../src/components/ConnectMcpUrlContent/ConnectMcpUrlContent.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAEnF,UAAU,yBAAyB;IACjC,yCAAyC;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,MAAM,CAAC,EAAE,0BAA0B,CAAC;CACrC;;AAsCD,wBAA0C"}
+{"version":3,"file":"ConnectMcpUrlContent.d.ts","sourceRoot":"","sources":["../../../src/components/ConnectMcpUrlContent/ConnectMcpUrlContent.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAEnF,UAAU,yBAAyB;IACjC,yCAAyC;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,MAAM,CAAC,EAAE,0BAA0B,CAAC;CACrC;;AAsCD,wBAA0C"}

package/index.js

@@ -3,7 +3,7 @@ import { ToolsetAuthTypes as s, ToolsetCredentialsLevel as c, WithLogin as l, ge
 import { CopyButton as d, ENTITY_DESCRIPTION_MAX_LENGTH as f, ENTITY_NAME_MAX_LENGTH as p, TAG_INPUT_TAG_CLASS_NAME as m, TextRefinementField as h, mergeClasses as g, useCodeCopy as _, useTextRefinement as v } from "@epam/ai-dial-chat-shared";
 import { memo as y, useCallback as b, useEffect as x, useMemo as S, useRef as C, useState as w } from "react";
 import { IconBrandOauth as T, IconKey as E, IconLockOff as D, IconLogin as ee, IconLogout as te } from "@tabler/icons-react";
-import { CaptionText as ne, ConfirmationPopup as O, ConfirmationPopupVariant as re, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, Input as j, NeutralButton as M, PasswordInput as ie, Radio as N, RadioGroup as P, SegmentedControl as F, Select as ae, TagInput as I } from "@epam/ai-dial-ui-kit";
+import { CaptionText as ne, ConfirmationPopup as O, ConfirmationPopupVariant as re, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, Input as j, LiveRegion as M, LiveRegionElement as ie, NeutralButton as N, PasswordInput as P, Radio as F, RadioGroup as ae, SegmentedControl as oe, Select as I, TagInput as se } from "@epam/ai-dial-ui-kit";
 import { jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region src/constants/public-class-names.ts
 var z = {
@@ -11,7 +11,7 @@ var z = {
 	setupSection: "dial-toolset-editor-setup-section"
 }, B = /* @__PURE__ */ function(e) {
 	return e.Http = "HTTP", e.Sse = "SSE", e;
-}({}), V = e, oe = {
+}({}), V = e, ce = {
 	name: {
 		label: "Name",
 		placeholder: "Enter name"
@@ -54,11 +54,11 @@ var z = {
 	[s.OAuth]: T,
 	[s.ApiKey]: E,
 	[s.None]: D
-}, U = () => ({
+}, le = () => ({
 	authenticationType: s.None,
 	withLogin: l.WithoutLogin,
 	isLoggedIn: !1
-}), W = () => ({
+}), ue = () => ({
 	name: "",
 	version: V,
 	iconUrl: "",
@@ -68,80 +68,80 @@ var z = {
 	endpoint: "",
 	protocol: B.Http,
 	allowedTools: [],
-	auth: U()
-}), G = (e) => {
+	auth: le()
+}), U = (e) => {
 	if (!/^https?:\/\//.test(e) || e.endsWith(".") || e.endsWith("//")) return !1;
 	try {
 		return !!new URL(e);
 	} catch {
 		return !1;
 	}
-}, K = (e) => G(e.trim()), se = (e) => e.replace(/^(https?):\/([^/])/, "$1://$2"), q = (e) => {
+}, W = (e) => U(e.trim()), G = (e) => e.replace(/^(https?):\/([^/])/, "$1://$2"), de = (e) => {
 	let t = e?.trim() ?? "";
-	if (!t || G(t)) return t;
+	if (!t || U(t)) return t;
 	let n = [t];
 	try {
 		let e = decodeURIComponent(t);
 		e !== t && n.push(e);
 	} catch {}
 	for (let e of n) {
-		let t = se(e);
-		if (G(t)) return t;
+		let t = G(e);
+		if (U(t)) return t;
 	}
 	return t;
-}, J = (e, t = !1) => e.isLoggedIn ? !0 : e.authenticationType === s.ApiKey ? e.keyHeader?.trim() ? e.withLogin === l.WithoutLogin || !!(e.keyHeader?.trim() && e.apiKey?.trim()) : !1 : e.authenticationType === s.OAuth && e.withLogin === l.WithConfig ? !!e.clientId?.trim() && (t || !!e.clientSecret?.trim()) && K(e.authorizationEndpoint ?? "") && K(e.tokenEndpoint ?? "") : !0, ce = (e, t = !1) => Object.keys(o(e, { validateVersionPattern: !0 })).length === 0 && K(e.endpoint) && J(e.auth, t), le = /* @__PURE__ */ new Set([
+}, K = (e, t = !1) => e.isLoggedIn ? !0 : e.authenticationType === s.ApiKey ? e.keyHeader?.trim() ? e.withLogin === l.WithoutLogin || !!(e.keyHeader?.trim() && e.apiKey?.trim()) : !1 : e.authenticationType === s.OAuth && e.withLogin === l.WithConfig ? !!e.clientId?.trim() && (t || !!e.clientSecret?.trim()) && W(e.authorizationEndpoint ?? "") && W(e.tokenEndpoint ?? "") : !0, fe = (e, t = !1) => Object.keys(o(e, { validateVersionPattern: !0 })).length === 0 && W(e.endpoint) && K(e.auth, t), q = /* @__PURE__ */ new Set([
 	"name",
 	"description",
 	"iconUrl",
 	"version",
 	"topics",
 	"otherLocales"
-]), ue = (e) => ({
+]), pe = (e) => ({
 	name: e.name,
 	description: e.description,
 	iconUrl: e.iconUrl,
 	version: e.version,
 	topics: e.topics,
 	otherLocales: e.otherLocales
-}), de = (e) => {
+}), me = (e) => {
 	let t = {}, n = {};
-	for (let [r, i] of Object.entries(e)) (le.has(r) ? t : n)[r] = i;
+	for (let [r, i] of Object.entries(e)) (q.has(r) ? t : n)[r] = i;
 	return {
 		metadata: t,
 		setup: n
 	};
-}, Y = /* @__PURE__ */ function(e) {
+}, J = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Cancelled = "cancelled", e.PopupBlocked = "popup-blocked", e.InvalidConfig = "invalid-config", e.Failed = "failed", e;
-}({}), X = "toolset-client-secret-keep-caption", fe = (e) => `******${e}`, Z = (e) => e === s.None ? l.WithoutLogin : l.WithLogin, pe = (e, t) => e === s.None ? t?.typeNone ?? "Open access" : e === s.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", Q = ({ auth: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, endpoint: a, authActions: o, onOAuthLogin: d, onNotifySuccess: f, onNotifyError: p, onAuthChange: h, onEnsureSaved: g, labels: _ }) => {
-	let [v, y] = w(!1), [b, x] = w(!1), S = e.isLoggedIn || n || v, C = i && e.clientSecretHint && !e.clientSecret ? e.clientSecretHint : void 0, T = K(a) && J(e, i) && !S, E = (t) => {
+}({}), Y = "toolset-client-secret-keep-caption", he = (e) => `******${e}`, X = (e) => e === s.None ? l.WithoutLogin : l.WithLogin, Z = (e, t) => e === s.None ? t?.typeNone ?? "Open access" : e === s.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", Q = ({ auth: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, endpoint: a, authActions: o, onOAuthLogin: d, onNotifySuccess: f, onNotifyError: p, onAuthChange: h, onEnsureSaved: g, labels: _ }) => {
+	let [v, y] = w(!1), [b, x] = w(!1), S = e.isLoggedIn || n || v, C = i && e.clientSecretHint && !e.clientSecret ? e.clientSecretHint : void 0, T = W(a) && K(e, i) && !S, E = (t) => {
 		S || t === e.authenticationType || h({
 			authenticationType: t,
-			withLogin: Z(t)
+			withLogin: X(t)
 		});
 	}, D = (e) => {
 		h({ withLogin: e });
-	}, P = (e) => {
+	}, M = (e) => {
 		switch (e.auth != null && h(e.auth), e.status) {
-			case Y.Success:
+			case J.Success:
 				h({ isLoggedIn: !0 }), f(_?.loginSuccessMessage ?? "Successfully logged in.");
 				return;
-			case Y.PopupBlocked:
+			case J.PopupBlocked:
 				p(_?.errorPopupBlocked ?? "The login popup was blocked by your browser. Please allow popups for this site and try again.");
 				return;
-			case Y.InvalidConfig:
+			case J.InvalidConfig:
 				p(_?.errorOAuthConfigMissing ?? "The OAuth provider did not return a valid client configuration. Please check the endpoint or contact your administrator.");
 				return;
-			case Y.Failed:
+			case J.Failed:
 				p(_?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", e.traceId);
 				return;
-			case Y.Cancelled: return;
+			case J.Cancelled: return;
 		}
-	}, ae = async () => {
+	}, ie = async () => {
 		if (!T) return;
 		if (e.authenticationType === s.OAuth) {
 			y(!0);
 			try {
-				P(await d({
+				M(await d({
 					auth: e,
 					ensureSaved: g
 				}));
@@ -168,7 +168,7 @@ var z = {
 				y(!1);
 			}
 		}
-	}, z = async () => {
+	}, ae = async () => {
 		y(!0);
 		try {
 			let t = {
@@ -183,9 +183,9 @@ var z = {
 		} finally {
 			y(!1);
 		}
-	}, B = () => e.isLoggedIn ? /* @__PURE__ */ L("div", {
+	}, I = () => e.isLoggedIn ? /* @__PURE__ */ L("div", {
 		className: "flex",
-		children: /* @__PURE__ */ L(M, {
+		children: /* @__PURE__ */ L(N, {
 			label: _?.logOutLabel ?? "Log out",
 			iconBefore: /* @__PURE__ */ L(te, {
 				size: k.MD,
@@ -196,13 +196,13 @@ var z = {
 		})
 	}) : /* @__PURE__ */ L("div", {
 		className: "flex",
-		children: /* @__PURE__ */ L(M, {
+		children: /* @__PURE__ */ L(N, {
 			label: _?.logInLabel ?? "Log in",
 			iconBefore: /* @__PURE__ */ L(ee, {
 				size: k.MD,
 				stroke: A
 			}),
-			onClick: ae,
+			onClick: ie,
 			disabled: !T
 		})
 	});
@@ -213,7 +213,7 @@ var z = {
 				className: "dial-h3-text",
 				children: _?.sectionTitle ?? "Authentication"
 			}),
-			/* @__PURE__ */ L(F, {
+			/* @__PURE__ */ L(oe, {
 				"aria-label": _?.sectionTitle ?? "Authentication",
 				value: e.authenticationType,
 				onChange: (e) => E(e),
@@ -235,7 +235,7 @@ var z = {
 								"aria-hidden": !0
 							}), /* @__PURE__ */ L("span", {
 								className: "sr-only desktop:not-sr-only",
-								children: pe(t, _)
+								children: Z(t, _)
 							})]
 						}),
 						disabled: S && e.authenticationType !== t
@@ -251,7 +251,7 @@ var z = {
 				children: [
 					/* @__PURE__ */ R("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ L(N, {
+						children: [/* @__PURE__ */ L(F, {
 							name: "oauth-login-mode",
 							id: "oauth-with-login",
 							value: l.WithLogin,
@@ -259,7 +259,7 @@ var z = {
 							isSelected: e.withLogin === l.WithLogin,
 							disabled: S,
 							onChange: D
-						}), /* @__PURE__ */ L(N, {
+						}), /* @__PURE__ */ L(F, {
 							name: "oauth-login-mode",
 							id: "oauth-with-config",
 							value: l.WithConfig,
@@ -287,7 +287,7 @@ var z = {
 							}),
 							/* @__PURE__ */ R("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ L(ie, {
+								children: [/* @__PURE__ */ L(P, {
 									id: "toolset-client-secret",
 									value: e.clientSecret ?? "",
 									onChange: (e) => h({ clientSecret: e ?? "" }),
@@ -295,15 +295,15 @@ var z = {
 										label: _?.clientSecretLabel ?? "Client secret",
 										required: !i
 									},
-									placeholder: C == null ? _?.clientSecretPlaceholder ?? "Enter client secret" : (_?.clientSecretHintPlaceholder ?? fe)(C),
-									"aria-describedby": C == null ? void 0 : X,
+									placeholder: C == null ? _?.clientSecretPlaceholder ?? "Enter client secret" : (_?.clientSecretHintPlaceholder ?? he)(C),
+									"aria-describedby": C == null ? void 0 : Y,
 									showPasswordLabel: _?.showClientSecretLabel ?? "Show client secret",
 									hidePasswordLabel: _?.hideClientSecretLabel ?? "Hide client secret",
 									error: t.clientSecret || void 0,
 									invalid: !!t.clientSecret,
 									disabled: S
 								}), C != null && /* @__PURE__ */ L(ne, {
-									id: X,
+									id: Y,
 									text: _?.clientSecretKeepCaption ?? "Leave empty to keep the saved secret."
 								})]
 							}),
@@ -333,7 +333,7 @@ var z = {
 								invalid: !!t.tokenEndpoint,
 								disabled: S
 							}),
-							/* @__PURE__ */ L(I, {
+							/* @__PURE__ */ L(se, {
 								id: "toolset-scopes",
 								labelProps: { label: _?.scopesLabel ?? "Scopes" },
 								placeholder: _?.scopesPlaceholder ?? "Enter scopes",
@@ -344,7 +344,7 @@ var z = {
 							})
 						]
 					}),
-					B()
+					I()
 				]
 			}),
 			e.authenticationType === s.ApiKey && /* @__PURE__ */ R("div", {
@@ -352,7 +352,7 @@ var z = {
 				children: [
 					/* @__PURE__ */ R("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ L(N, {
+						children: [/* @__PURE__ */ L(F, {
 							name: "apikey-login-mode",
 							id: "apikey-with-login",
 							value: l.WithLogin,
@@ -360,7 +360,7 @@ var z = {
 							isSelected: e.withLogin === l.WithLogin,
 							disabled: S,
 							onChange: D
-						}), /* @__PURE__ */ L(N, {
+						}), /* @__PURE__ */ L(F, {
 							name: "apikey-login-mode",
 							id: "apikey-without-login",
 							value: l.WithoutLogin,
@@ -384,7 +384,7 @@ var z = {
 							error: t.keyHeader || void 0,
 							invalid: !!t.keyHeader,
 							disabled: S
-						}), e.withLogin === l.WithLogin && /* @__PURE__ */ L(ie, {
+						}), e.withLogin === l.WithLogin && /* @__PURE__ */ L(P, {
 							id: "toolset-api-key",
 							value: e.apiKey ?? "",
 							onChange: (e) => h({ apiKey: e ?? "" }),
@@ -400,7 +400,7 @@ var z = {
 							disabled: S
 						})]
 					}),
-					e.withLogin !== l.WithoutLogin && B()
+					e.withLogin !== l.WithoutLogin && I()
 				]
 			}),
 			b && /* @__PURE__ */ L(O, {
@@ -412,13 +412,13 @@ var z = {
 				variant: re.Danger,
 				isLoading: v,
 				disableConfirmButton: v,
-				onConfirm: z,
+				onConfirm: ae,
 				onCancel: () => x(!1),
 				onClose: () => x(!1)
 			})
 		]
 	});
-}, $ = y(({ url: e, className: t, labels: n }) => {
+}, ge = y(({ url: e, className: t, labels: n }) => {
 	let { isCopied: r, copy: i } = _(e), a = n?.copiedLabel ?? "Copied!";
 	return /* @__PURE__ */ R("div", {
 		className: g("flex flex-col gap-3", t),
@@ -439,15 +439,14 @@ var z = {
 				isCopied: r,
 				onClick: i
 			}) }),
-			/* @__PURE__ */ L("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
+			/* @__PURE__ */ L(M, {
+				visuallyHidden: !0,
+				as: ie.Span,
 				children: r ? a : ""
 			})
 		]
 	});
-}), me = ({ form: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, connectUrl: a, listToolNames: o, authActions: s, onOAuthLogin: c, onNotifySuccess: l, onNotifyError: u, onChange: d, onAuthChange: f, onEnsureSaved: p, labels: h }) => {
+}), _e = ({ form: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, connectUrl: a, listToolNames: o, authActions: s, onOAuthLogin: c, onNotifySuccess: l, onNotifyError: u, onChange: d, onAuthChange: f, onEnsureSaved: p, labels: h }) => {
 	let [g, _] = w(null), v = !!a && !!r, y = S(() => [{
 		value: B.Http,
 		label: "HTTP"
@@ -456,7 +455,7 @@ var z = {
 		label: "SSE"
 	}], []);
 	return x(() => {
-		if (!r || !o || !J(e.auth, i)) {
+		if (!r || !o || !K(e.auth, i)) {
 			_(null);
 			return;
 		}
@@ -493,7 +492,7 @@ var z = {
 				error: t.endpoint || void 0,
 				invalid: !!t.endpoint
 			}),
-			/* @__PURE__ */ L(P, {
+			/* @__PURE__ */ L(ae, {
 				labelProps: {
 					label: h?.protocolLabel ?? "Protocol",
 					required: !0
@@ -505,7 +504,7 @@ var z = {
 					d({ protocol: e });
 				}
 			}),
-			g ? /* @__PURE__ */ L(ae, {
+			g ? /* @__PURE__ */ L(I, {
 				id: "toolset-allowed-tools",
 				multiple: !0,
 				searchable: !0,
@@ -518,7 +517,7 @@ var z = {
 				})),
 				value: e.allowedTools,
 				onChange: (e) => d({ allowedTools: e })
-			}) : /* @__PURE__ */ L(I, {
+			}) : /* @__PURE__ */ L(se, {
 				id: "toolset-allowed-tools",
 				labelProps: { label: h?.allowedToolsLabel ?? "Allowed tools" },
 				placeholder: h?.allowedToolsPlaceholder ?? "Add tools, comma separated",
@@ -541,120 +540,120 @@ var z = {
 				onEnsureSaved: p,
 				labels: h?.auth
 			}),
-			v && /* @__PURE__ */ L($, {
+			v && /* @__PURE__ */ L(ge, {
 				url: a ?? "",
 				labels: h?.connect,
 				className: "border-t border-tertiary pt-4"
 			})
 		]
 	});
-}, he = [
+}, ve = [
 	"keyHeader",
 	"apiKey",
 	"clientId",
 	"clientSecret",
 	"authorizationEndpoint",
 	"tokenEndpoint"
-], ge = ["endpoint", ...he], _e = new Set(ge), ve = { validateVersionPattern: !0 }, ye = (e) => {
+], ye = ["endpoint", ...ve], be = new Set(ye), xe = { validateVersionPattern: !0 }, Se = (e) => {
 	let t = {};
-	for (let n of Object.keys(e)) _e.has(n) && (t[n] = !0);
+	for (let n of Object.keys(e)) be.has(n) && (t[n] = !0);
 	return t;
-}, be = ({ initialForm: e, toolsetId: o, onPersist: c, onPostSaveLogin: d, onToolsetsChanged: m, onSaveSuccess: g, onSaveComplete: _, onBack: y, onDirtyChange: T, buildMcpUrl: E, listToolNames: D, authActions: ee, onOAuthLogin: te, onNotifySuccess: ne, onNotifyError: O, avatarPicker: re, availableLocaleOptions: k, onRefineDescription: A, labels: j }) => {
+}, Ce = ({ initialForm: e, toolsetId: o, onPersist: c, onPostSaveLogin: d, onToolsetsChanged: m, onSaveSuccess: g, onSaveComplete: _, onBack: y, onDirtyChange: T, buildMcpUrl: E, listToolNames: D, authActions: ee, onOAuthLogin: te, onNotifySuccess: ne, onNotifyError: O, avatarPicker: re, availableLocaleOptions: k, onRefineDescription: A, labels: j }) => {
 	let M = !!o, [ie, N] = w(""), P = o || ie, [F, ae] = w({
 		initialForm: e,
 		key: 0
-	}), [I, R] = w(e);
+	}), [oe, I] = w(e);
 	F.initialForm !== e && (ae({
 		initialForm: e,
 		key: F.key + 1
-	}), R(e));
-	let B = S(() => ue(e), [e]), { values: V, setValues: H, markTouched: U, visibleErrorCodes: W, attemptSubmit: G } = a({
-		initialValues: B,
-		validationOptions: ve,
+	}), I(e));
+	let se = S(() => pe(e), [e]), { values: R, setValues: B, markTouched: V, visibleErrorCodes: H, attemptSubmit: le } = a({
+		initialValues: se,
+		validationOptions: xe,
 		reseedKey: F.key
-	}), [se, q] = w(e), J = S(() => ({
-		...se,
-		...V
-	}), [se, V]), le = S(() => JSON.stringify(J) !== JSON.stringify(I), [J, I]);
+	}), [ue, U] = w(e), G = S(() => ({
+		...ue,
+		...R
+	}), [ue, R]), de = S(() => JSON.stringify(G) !== JSON.stringify(oe), [G, oe]);
 	x(() => {
-		T?.(le);
-	}, [le, T]);
-	let [Y, X] = w(!1), [fe, Z] = w({}), [pe, Q] = w({}), $ = C(null);
+		T?.(de);
+	}, [de, T]);
+	let [K, q] = w(!1), [J, Y] = w({}), [he, X] = w({}), Z = C(null);
 	x(() => {
-		q(e), $.current = e, Z({}), Q({}), N("");
+		U(e), Z.current = e, Y({}), X({}), N("");
 	}, [e]);
-	let _e = b((e) => {
-		let { metadata: t, setup: n } = de(e);
-		Object.keys(t).length > 0 && (H(t), "name" in t && U(r.Name), "version" in t && U(r.Version)), Object.keys(n).length !== 0 && (q((e) => ({
+	let Q = b((e) => {
+		let { metadata: t, setup: n } = me(e);
+		Object.keys(t).length > 0 && (B(t), "name" in t && V(r.Name), "version" in t && V(r.Version)), Object.keys(n).length !== 0 && (U((e) => ({
 			...e,
 			...n
-		})), Q((e) => ({
+		})), X((e) => ({
 			...e,
-			...ye(n)
-		})), Z((e) => {
+			...Se(n)
+		})), Y((e) => {
 			let t = { ...e };
 			for (let e of Object.keys(n)) delete t[e];
 			return t;
 		}));
-	}, [H, U]), be = b((e) => {
-		q((t) => ({
+	}, [B, V]), ge = b((e) => {
+		U((t) => ({
 			...t,
 			auth: {
 				...t.auth,
 				...e
 			}
-		})), Q((t) => ({
+		})), X((t) => ({
 			...t,
-			...ye(e)
-		})), Z((t) => {
+			...Se(e)
+		})), Y((t) => {
 			let n = { ...t };
-			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of he) delete n[e];
+			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of ve) delete n[e];
 			else for (let t of Object.keys(e)) delete n[t];
 			return n;
 		}), "isLoggedIn" in e && m();
-	}, [m]), xe = b(async () => {
-		if (P && $.current != null && JSON.stringify($.current) === JSON.stringify(J)) return P;
-		X(!0);
+	}, [m]), be = b(async () => {
+		if (P && Z.current != null && JSON.stringify(Z.current) === JSON.stringify(G)) return P;
+		q(!0);
 		try {
-			let e = await c(J, P);
-			return e ? (P || N(e), $.current = J, R(J), T?.(!1), await m(), e) : null;
+			let e = await c(G, P);
+			return e ? (P || N(e), Z.current = G, I(G), T?.(!1), await m(), e) : null;
 		} catch {
 			return null;
 		} finally {
-			X(!1);
+			q(!1);
 		}
 	}, [
-		J,
+		G,
 		P,
 		c,
 		m,
 		T
-	]), Se = b(async () => await xe() ?? !1, [xe]), Ce = b((e) => {
+	]), Ce = b(async () => await be() ?? !1, [be]), $ = b((e) => {
 		let t = j?.validation, n = {};
-		return e.endpoint.trim() ? K(e.endpoint) || (n.endpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL") : n.endpoint = t?.endpointRequired ?? "Endpoint is required", e.auth.isLoggedIn || (e.auth.authenticationType === s.ApiKey && (e.auth.keyHeader?.trim() || (n.keyHeader = t?.keyHeaderRequired ?? "Key name is required"), e.auth.withLogin === l.WithLogin && !e.auth.apiKey?.trim() && (n.apiKey = t?.apiKeyRequired ?? "API key is required")), e.auth.authenticationType === s.OAuth && e.auth.withLogin === l.WithConfig && (e.auth.clientId?.trim() || (n.clientId = t?.clientIdRequired ?? "Client ID is required"), !M && !e.auth.clientSecret?.trim() && (n.clientSecret = t?.clientSecretRequired ?? "Client secret is required"), e.auth.authorizationEndpoint?.trim() ? K(e.auth.authorizationEndpoint) || (n.authorizationEndpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL") : n.authorizationEndpoint = t?.authorizationEndpointRequired ?? "Authorization endpoint is required", e.auth.tokenEndpoint?.trim() ? K(e.auth.tokenEndpoint) || (n.tokenEndpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL") : n.tokenEndpoint = t?.tokenEndpointRequired ?? "Token endpoint is required")), n;
+		return e.endpoint.trim() ? W(e.endpoint) || (n.endpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL") : n.endpoint = t?.endpointRequired ?? "Endpoint is required", e.auth.isLoggedIn || (e.auth.authenticationType === s.ApiKey && (e.auth.keyHeader?.trim() || (n.keyHeader = t?.keyHeaderRequired ?? "Key name is required"), e.auth.withLogin === l.WithLogin && !e.auth.apiKey?.trim() && (n.apiKey = t?.apiKeyRequired ?? "API key is required")), e.auth.authenticationType === s.OAuth && e.auth.withLogin === l.WithConfig && (e.auth.clientId?.trim() || (n.clientId = t?.clientIdRequired ?? "Client ID is required"), !M && !e.auth.clientSecret?.trim() && (n.clientSecret = t?.clientSecretRequired ?? "Client secret is required"), e.auth.authorizationEndpoint?.trim() ? W(e.auth.authorizationEndpoint) || (n.authorizationEndpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL") : n.authorizationEndpoint = t?.authorizationEndpointRequired ?? "Authorization endpoint is required", e.auth.tokenEndpoint?.trim() ? W(e.auth.tokenEndpoint) || (n.tokenEndpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL") : n.tokenEndpoint = t?.tokenEndpointRequired ?? "Token endpoint is required")), n;
 	}, [j, M]), we = b(async () => {
-		let e = G(), t = Ce(J);
-		if (!e || Object.keys(t).length > 0) Z(t);
+		let e = le(), t = $(G);
+		if (!e || Object.keys(t).length > 0) Y(t);
 		else {
-			Z({}), X(!0);
+			Y({}), q(!0);
 			try {
-				let e = await c(J, P);
+				let e = await c(G, P);
 				if (!e) return;
-				R(J), await m(), g(J);
+				I(G), await m(), g(G);
 				try {
-					await d(e, J.auth), _();
+					await d(e, G.auth), _();
 				} catch (e) {
 					let { traceId: t } = await u(e);
 					O(j?.settings?.auth?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
 				}
 			} catch {} finally {
-				X(!1);
+				q(!1);
 			}
 		}
 	}, [
+		le,
 		G,
-		J,
-		Ce,
+		$,
 		P,
 		c,
 		m,
@@ -664,10 +663,10 @@ var z = {
 		O,
 		j
 	]), Te = v({
-		value: V.description,
-		onChange: (e) => _e({ description: e }),
+		value: R.description,
+		onChange: (e) => Q({ description: e }),
 		onRefine: A,
-		disabled: Y,
+		disabled: K,
 		resetKey: F.key
 	}), Ee = A ? (e, t) => /* @__PURE__ */ L(h, {
 		isEnabled: !0,
@@ -675,26 +674,26 @@ var z = {
 		label: j?.general?.form?.description.label ?? "Description",
 		labels: j?.refinement,
 		refinement: Te,
-		disabled: Te.isPending || Y,
+		disabled: Te.isPending || K,
 		children: e
 	}) : void 0, De = S(() => ({
-		form: j?.general?.form ?? oe,
+		form: j?.general?.form ?? ce,
 		avatarPicker: j?.general?.avatarPicker
-	}), [j?.general?.form, j?.general?.avatarPicker]), Oe = S(() => !ce(J, M), [J, M]), ke = S(() => {
-		let e = j?.validation, n = Ce(J), r = { ...fe };
-		for (let e of ge) {
-			if (!pe[e]) continue;
+	}), [j?.general?.form, j?.general?.avatarPicker]), Oe = S(() => !fe(G, M), [G, M]), ke = S(() => {
+		let e = j?.validation, n = $(G), r = { ...J };
+		for (let e of ye) {
+			if (!he[e]) continue;
 			let t = n[e];
 			t ? r[e] = t : delete r[e];
 		}
-		return W.name === t.Required ? r.name = e?.nameRequired ?? "Name is required" : W.name === t.TooLong ? r.name = e?.nameTooLong ?? `Use ${p} characters or fewer.` : W.name === t.ControlCharacters && (r.name = e?.nameControlCharacters ?? "Remove line breaks, tabs and other control characters."), W.description === t.TooLong && (r.description = e?.descriptionTooLong ?? `Use ${f} characters or fewer.`), W.version === t.InvalidFormat && (r.version = e?.versionInvalid ?? "Version may only contain letters, digits, dots, underscores, and dashes"), r;
+		return H.name === t.Required ? r.name = e?.nameRequired ?? "Name is required" : H.name === t.TooLong ? r.name = e?.nameTooLong ?? `Use ${p} characters or fewer.` : H.name === t.ControlCharacters && (r.name = e?.nameControlCharacters ?? "Remove line breaks, tabs and other control characters."), H.description === t.TooLong && (r.description = e?.descriptionTooLong ?? `Use ${f} characters or fewer.`), H.version === t.InvalidFormat && (r.version = e?.versionInvalid ?? "Version may only contain letters, digits, dots, underscores, and dashes"), r;
 	}, [
-		pe,
-		fe,
+		he,
 		J,
+		G,
 		j,
-		W,
-		Ce
+		H,
+		$
 	]), Ae = E && P ? E(P) : void 0;
 	return /* @__PURE__ */ L(n, {
 		title: M ? j?.layout?.editTitle ?? "Edit toolset" : j?.layout?.createTitle ?? "Create toolset",
@@ -702,7 +701,7 @@ var z = {
 		onCancel: y,
 		onSubmit: we,
 		submitLabel: M ? j?.layout?.saveLabel ?? "Save" : j?.layout?.createLabel ?? "Create",
-		isSubmitting: Y,
+		isSubmitting: K,
 		isSubmitDisabled: Oe || Te.isPending,
 		metadataSectionClassName: z.metadataSection,
 		setupSectionClassName: z.setupSection,
@@ -714,18 +713,18 @@ var z = {
 			cancelLabel: j?.layout?.cancelLabel ?? "Cancel"
 		},
 		metadata: /* @__PURE__ */ L(i, {
-			values: J,
+			values: G,
 			errors: ke,
-			onChange: _e,
+			onChange: Q,
 			avatarPicker: re,
 			availableLocaleOptions: k,
 			renderDescription: Ee,
 			labels: De
 		}),
-		setup: /* @__PURE__ */ L(me, {
-			form: J,
+		setup: /* @__PURE__ */ L(_e, {
+			form: G,
 			errors: ke,
-			isSaving: Y,
+			isSaving: K,
 			toolsetId: P,
 			isEditMode: M,
 			connectUrl: Ae,
@@ -734,12 +733,12 @@ var z = {
 			onOAuthLogin: te,
 			onNotifySuccess: ne,
 			onNotifyError: O,
-			onChange: _e,
-			onAuthChange: be,
-			onEnsureSaved: Se,
+			onChange: Q,
+			onAuthChange: ge,
+			onEnsureSaved: Ce,
 			labels: j?.settings
 		})
 	});
 };
 //#endregion
-export { H as AUTH_TYPE_ICONS, V as DEFAULT_TOOLSET_VERSION, z as TOOLSET_EDITOR_CLASS, be as ToolsetEditor, Y as ToolsetOAuthLoginStatus, B as ToolsetTransportType, W as getDefaultToolsetForm, J as isToolsetAuthValid, ce as isToolsetFormValid, K as isValidEndpointUrl, q as normalizeReturnedEndpointUrl };
+export { H as AUTH_TYPE_ICONS, V as DEFAULT_TOOLSET_VERSION, z as TOOLSET_EDITOR_CLASS, Ce as ToolsetEditor, J as ToolsetOAuthLoginStatus, B as ToolsetTransportType, ue as getDefaultToolsetForm, K as isToolsetAuthValid, fe as isToolsetFormValid, W as isValidEndpointUrl, de as normalizeReturnedEndpointUrl };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-toolset-editor",
   "description": "Host-agnostic form for authoring and editing a DIAL MCP toolset",
-  "version": "1.3.0-dev.245",
+  "version": "1.3.0-dev.248",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,12 +18,12 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-builder-form": "1.3.0-dev.245"
+    "@epam/ai-dial-builder-form": "1.3.0-dev.248"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-hooks": "1.3.0-dev.245",
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.245",
-    "@epam/ai-dial-ui-kit": "^0.16.0-dev.45",
+    "@epam/ai-dial-chat-hooks": "1.3.0-dev.248",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.248",
+    "@epam/ai-dial-ui-kit": "^0.16.0-dev.56",
     "react": "^19.2.8"
   },
   "repository": {