@epam/ai-dial-toolset-editor 1.3.0-dev.296 → 1.3.0-dev.304

package/index.js

@@ -1,17 +1,17 @@
 import { DEFAULT_DEPLOYMENT_VERSION as e, DeploymentCreationFieldErrorCode as t, EntityEditor as n, MetadataField as r, MetadataForm as i, useMetadataForm as a, validateDeploymentCreationFields as o } from "@epam/ai-dial-builder-form";
-import { ToolsetAuthTypes as s, ToolsetCredentialsLevel as c, WithLogin as l, getApiErrorDetails as ee } from "@epam/ai-dial-chat-hooks";
-import { CopyButton as u, ENTITY_DESCRIPTION_MAX_LENGTH as d, ENTITY_NAME_MAX_LENGTH as f, TAG_INPUT_TAG_CLASS_NAME as p, TextRefinementField as m, buildCssVars 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 te, IconLogin as ne, IconLogout as re } from "@tabler/icons-react";
-import { CaptionText as D, ConfirmationPopup as ie, ConfirmationPopupVariant as ae, DIAL_ICON_SIZE as O, DIAL_KIT_ICON_STROKE as k, Input as A, LiveRegion as oe, LiveRegionElement as j, NeutralButton as se, PasswordInput as M, Radio as N, RadioGroup as P, SegmentedControl as ce, Select as F, TagInput as I } from "@epam/ai-dial-ui-kit";
-import { jsx as L, jsxs as R } from "react/jsx-runtime";
+import { ToolsetAuthTypes as s, ToolsetCredentialsLevel as c, WithLogin as l, getApiErrorDetails as u } from "@epam/ai-dial-chat-hooks";
+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, buildCssVars as g, mergeClasses as _, useCodeCopy as v, useTextRefinement as y } from "@epam/ai-dial-chat-shared";
+import { memo as b, useCallback as x, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
+import { IconBrandOauth as E, IconKey as D, IconLockOff as ee, IconLogin as te, IconLogout as ne } from "@tabler/icons-react";
+import { CaptionText as O, ConfirmationPopup as re, ConfirmationPopupVariant as ie, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, Input as j, LiveRegion as ae, LiveRegionElement as M, NeutralButton as oe, PasswordInput as N, Radio as P, RadioGroup as F, SegmentedControl as se, Select as I, TagInput as L } from "@epam/ai-dial-ui-kit";
+import { jsx as R, jsxs as z } from "react/jsx-runtime";
 //#region src/constants/public-class-names.ts
-var le = {
+var ce = {
 	metadataSection: "dial-toolset-editor-metadata-section",
 	setupSection: "dial-toolset-editor-setup-section"
-}, z = /* @__PURE__ */ function(e) {
+}, B = /* @__PURE__ */ function(e) {
 	return e.Http = "HTTP", e.Sse = "SSE", e;
-}({}), B = e, ue = {
+}({}), V = e, le = {
 	name: {
 		label: "Name",
 		placeholder: "Enter name"
@@ -50,109 +50,118 @@ var le = {
 		saveLabel: "Save"
 	},
 	ariaLabel: "General"
-}, V = {
-	[s.OAuth]: T,
-	[s.ApiKey]: E,
-	[s.None]: te
-}, H = () => ({
+}, H = {
+	[s.OAuth]: E,
+	[s.ApiKey]: D,
+	[s.None]: ee
+}, U = () => ({
 	authenticationType: s.None,
 	withLogin: l.WithoutLogin,
 	isLoggedIn: !1
-}), de = () => ({
+}), ue = () => ({
 	name: "",
-	version: B,
+	version: V,
 	iconUrl: "",
 	description: "",
 	topics: [],
 	otherLocales: [],
 	endpoint: "",
-	protocol: z.Http,
+	protocol: B.Http,
 	allowedTools: [],
-	auth: H()
-}), U = (e) => {
+	auth: U()
+}), W = (e) => {
 	if (!/^https?:\/\//.test(e) || e.endsWith(".") || e.endsWith("//")) return !1;
 	try {
 		return !!new URL(e);
 	} catch {
 		return !1;
 	}
-}, W = (e) => U(e.trim()), G = (e) => e.replace(/^(https?):\/([^/])/, "$1://$2"), K = (e) => {
+}, G = (e) => W(e.trim()), K = /^[A-Za-z][A-Za-z0-9+.-]*:[^\s#]+$/, q = 2048, de = (e) => {
 	let t = e?.trim() ?? "";
-	if (!t || U(t)) return t;
+	if (!t) return !0;
+	if (t.length > q || !K.test(t)) return !1;
+	try {
+		return !!new URL(t);
+	} catch {
+		return !1;
+	}
+}, fe = (e) => e.replace(/^(https?):\/([^/])/, "$1://$2"), J = (e) => {
+	let t = e?.trim() ?? "";
+	if (!t || W(t)) return t;
 	let n = [t];
 	try {
 		let e = decodeURIComponent(t);
 		e !== t && n.push(e);
 	} catch {}
 	for (let e of n) {
-		let t = G(e);
-		if (U(t)) return t;
+		let t = fe(e);
+		if (W(t)) return t;
 	}
 	return t;
-}, q = (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) && q(e.auth, t), J = /* @__PURE__ */ new Set([
+}, Y = (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()) && G(e.authorizationEndpoint ?? "") && G(e.tokenEndpoint ?? "") && de(e.resource) : !0, pe = (e, t = !1) => Object.keys(o(e, { validateVersionPattern: !0 })).length === 0 && G(e.endpoint) && Y(e.auth, t), me = /* @__PURE__ */ new Set([
 	"name",
 	"description",
 	"iconUrl",
 	"version",
 	"topics",
 	"otherLocales"
-]), pe = (e) => ({
+]), he = (e) => ({
 	name: e.name,
 	description: e.description,
 	iconUrl: e.iconUrl,
 	version: e.version,
 	topics: e.topics,
 	otherLocales: e.otherLocales
-}), me = (e) => {
+}), ge = (e) => {
 	let t = {}, n = {};
-	for (let [r, i] of Object.entries(e)) (J.has(r) ? t : n)[r] = i;
+	for (let [r, i] of Object.entries(e)) (me.has(r) ? t : n)[r] = i;
 	return {
 		metadata: t,
 		setup: n
 	};
-}, Y = /* @__PURE__ */ function(e) {
+}, X = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Cancelled = "cancelled", e.PopupBlocked = "popup-blocked", e.InvalidConfig = "invalid-config", e.Failed = "failed", e;
-}({}), he = { openAccessDescription: "_openAccessDescription_1ltst_1" }, X = "toolset-client-secret-keep-caption", ge = (e) => `******${e}`, _e = (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: u, onNotifySuccess: d, onNotifyError: f, onAuthChange: m, onEnsureSaved: h, labels: _, titleClassName: v = "dial-h3-text", openAccessDescriptionClassName: y = "dial-small-text" }) => {
-	let [b, x] = w(!1), [S, C] = w(!1), T = e.isLoggedIn || n || b, E = i && e.clientSecretHint && !e.clientSecret ? e.clientSecretHint : void 0, te = W(a) && q(e, i) && !T, oe = (t) => {
-		T || t === e.authenticationType || m({
+}({}), _e = { openAccessDescription: "_openAccessDescription_1ltst_1" }, Z = "toolset-client-secret-keep-caption", Q = (e) => `******${e}`, ve = (e) => e === s.None ? l.WithoutLogin : l.WithLogin, ye = (e, t) => e === s.None ? t?.typeNone ?? "Open access" : e === s.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", be = ({ 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: v, titleClassName: y = "dial-h3-text", openAccessDescriptionClassName: b = "dial-small-text" }) => {
+	let [x, S] = T(!1), [C, w] = T(!1), E = e.isLoggedIn || n || x, D = i && e.clientSecretHint && !e.clientSecret ? e.clientSecretHint : void 0, ee = G(a) && Y(e, i) && !E, ae = (t) => {
+		E || t === e.authenticationType || h({
 			authenticationType: t,
-			withLogin: _e(t)
+			withLogin: ve(t)
 		});
-	}, j = (e) => {
-		m({ withLogin: e });
-	}, P = (e) => {
-		switch (e.auth != null && m(e.auth), e.status) {
-			case Y.Success:
-				m({ isLoggedIn: !0 }), d(_?.loginSuccessMessage ?? "Successfully logged in.");
+	}, M = (e) => {
+		h({ withLogin: e });
+	}, F = (e) => {
+		switch (e.auth != null && h(e.auth), e.status) {
+			case X.Success:
+				h({ isLoggedIn: !0 }), f(v?.loginSuccessMessage ?? "Successfully logged in.");
 				return;
-			case Y.PopupBlocked:
-				f(_?.errorPopupBlocked ?? "The login popup was blocked by your browser. Please allow popups for this site and try again.");
+			case X.PopupBlocked:
+				p(v?.errorPopupBlocked ?? "The login popup was blocked by your browser. Please allow popups for this site and try again.");
 				return;
-			case Y.InvalidConfig:
-				f(_?.errorOAuthConfigMissing ?? "The OAuth provider did not return a valid client configuration. Please check the endpoint or contact your administrator.");
+			case X.InvalidConfig:
+				p(v?.errorOAuthConfigMissing ?? "The OAuth provider did not return a valid client configuration. Please check the endpoint or contact your administrator.");
 				return;
-			case Y.Failed:
-				f(_?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", e.traceId);
+			case X.Failed:
+				p(v?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", e.traceId);
 				return;
-			case Y.Cancelled: return;
+			case X.Cancelled: return;
 		}
-	}, F = async () => {
-		if (!te) return;
+	}, I = async () => {
+		if (!ee) return;
 		if (e.authenticationType === s.OAuth) {
-			x(!0);
+			S(!0);
 			try {
-				P(await u({
+				F(await d({
 					auth: e,
-					ensureSaved: h
+					ensureSaved: g
 				}));
 			} finally {
-				x(!1);
+				S(!1);
 			}
 			return;
 		}
-		let t = await h();
+		let t = await g();
 		if (t) {
-			x(!0);
+			S(!0);
 			try {
 				let n = {
 					url: t,
@@ -160,315 +169,325 @@ var le = {
 					authenticationType: e.authenticationType,
 					apiKey: e.apiKey?.trim()
 				};
-				await o.login(t, n), m({ isLoggedIn: !0 }), d(_?.loginSuccessMessage ?? "Successfully logged in.");
+				await o.login(t, n), h({ isLoggedIn: !0 }), f(v?.loginSuccessMessage ?? "Successfully logged in.");
 			} catch (e) {
-				let { traceId: t } = await ee(e);
-				f(_?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
+				let { traceId: t } = await u(e);
+				p(v?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
 			} finally {
-				x(!1);
+				S(!1);
 			}
 		}
-	}, le = async () => {
-		x(!0);
+	}, ce = async () => {
+		S(!0);
 		try {
 			let t = {
 				url: r,
 				credentialsLevel: c.User,
 				authenticationType: e.authenticationType
 			};
-			await o.logout(r, t), m({ isLoggedIn: !1 }), C(!1), d(_?.logoutSuccessMessage ?? "Successfully logged out.");
+			await o.logout(r, t), h({ isLoggedIn: !1 }), w(!1), f(v?.logoutSuccessMessage ?? "Successfully logged out.");
 		} catch (e) {
-			let { traceId: t } = await ee(e);
-			f(_?.errorLogoutFailed ?? "Failed to log out. Please try again.", t);
+			let { traceId: t } = await u(e);
+			p(v?.errorLogoutFailed ?? "Failed to log out. Please try again.", t);
 		} finally {
-			x(!1);
+			S(!1);
 		}
-	}, z = () => e.isLoggedIn ? /* @__PURE__ */ L("div", {
+	}, B = () => e.isLoggedIn ? /* @__PURE__ */ R("div", {
 		className: "flex",
-		children: /* @__PURE__ */ L(se, {
-			label: _?.logOutLabel ?? "Log out",
-			iconBefore: /* @__PURE__ */ L(re, {
-				size: O.MD,
-				stroke: k
+		children: /* @__PURE__ */ R(oe, {
+			label: v?.logOutLabel ?? "Log out",
+			iconBefore: /* @__PURE__ */ R(ne, {
+				size: k.MD,
+				stroke: A
 			}),
-			onClick: () => C(!0),
-			disabled: n || b
+			onClick: () => w(!0),
+			disabled: n || x
 		})
-	}) : /* @__PURE__ */ L("div", {
+	}) : /* @__PURE__ */ R("div", {
 		className: "flex",
-		children: /* @__PURE__ */ L(se, {
-			label: _?.logInLabel ?? "Log in",
-			iconBefore: /* @__PURE__ */ L(ne, {
-				size: O.MD,
-				stroke: k
+		children: /* @__PURE__ */ R(oe, {
+			label: v?.logInLabel ?? "Log in",
+			iconBefore: /* @__PURE__ */ R(te, {
+				size: k.MD,
+				stroke: A
 			}),
-			onClick: F,
-			disabled: !te
+			onClick: I,
+			disabled: !ee
 		})
 	});
-	return /* @__PURE__ */ R("section", {
+	return /* @__PURE__ */ z("section", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ L("h3", {
-				className: v,
-				children: _?.sectionTitle ?? "Authentication"
+			/* @__PURE__ */ R("h3", {
+				className: y,
+				children: v?.sectionTitle ?? "Authentication"
 			}),
-			/* @__PURE__ */ L(ce, {
-				"aria-label": _?.sectionTitle ?? "Authentication",
+			/* @__PURE__ */ R(se, {
+				"aria-label": v?.sectionTitle ?? "Authentication",
 				value: e.authenticationType,
-				onChange: (e) => oe(e),
+				onChange: (e) => ae(e),
 				segmentClassName: "px-2",
 				items: [
 					s.None,
 					s.OAuth,
 					s.ApiKey
 				].map((t) => {
-					let n = V[t];
+					let n = H[t];
 					return {
 						value: t,
-						label: /* @__PURE__ */ R("div", {
+						label: /* @__PURE__ */ z("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ L(n, {
+							children: [/* @__PURE__ */ R(n, {
 								className: "shrink-0",
-								size: O.SM,
-								stroke: k,
+								size: k.SM,
+								stroke: A,
 								"aria-hidden": !0
-							}), /* @__PURE__ */ L("span", {
+							}), /* @__PURE__ */ R("span", {
 								className: "sr-only desktop:not-sr-only",
-								children: Z(t, _)
+								children: ye(t, v)
 							})]
 						}),
-						disabled: T && e.authenticationType !== t
+						disabled: E && e.authenticationType !== t
 					};
 				})
 			}),
-			e.authenticationType === s.None && /* @__PURE__ */ L("p", {
-				className: g("pt-2", y, he.openAccessDescription),
-				children: _?.openAccessDescription ?? "Open endpoint, no credentials"
+			e.authenticationType === s.None && /* @__PURE__ */ R("p", {
+				className: _("pt-2", b, _e.openAccessDescription),
+				children: v?.openAccessDescription ?? "Open endpoint, no credentials"
 			}),
-			e.authenticationType === s.OAuth && /* @__PURE__ */ R("div", {
+			e.authenticationType === s.OAuth && /* @__PURE__ */ z("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ R("div", {
+					/* @__PURE__ */ z("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ L(N, {
+						children: [/* @__PURE__ */ R(P, {
 							name: "oauth-login-mode",
 							id: "oauth-with-login",
 							value: l.WithLogin,
-							labelProps: { label: _?.withLoginOAuthLabel ?? "Standard login" },
+							labelProps: { label: v?.withLoginOAuthLabel ?? "Standard login" },
 							isSelected: e.withLogin === l.WithLogin,
-							disabled: T,
-							onChange: j
-						}), /* @__PURE__ */ L(N, {
+							disabled: E,
+							onChange: M
+						}), /* @__PURE__ */ R(P, {
 							name: "oauth-login-mode",
 							id: "oauth-with-config",
 							value: l.WithConfig,
-							labelProps: { label: _?.withConfigOAuthLabel ?? "Custom login" },
+							labelProps: { label: v?.withConfigOAuthLabel ?? "Custom login" },
 							isSelected: e.withLogin === l.WithConfig,
-							disabled: T,
-							onChange: j
+							disabled: E,
+							onChange: M
 						})]
 					}),
-					e.withLogin === l.WithConfig && /* @__PURE__ */ R("div", {
+					e.withLogin === l.WithConfig && /* @__PURE__ */ z("div", {
 						className: "flex flex-col gap-3",
 						children: [
-							/* @__PURE__ */ L(A, {
+							/* @__PURE__ */ R(j, {
 								id: "toolset-client-id",
 								value: e.clientId ?? "",
-								onChange: (e) => m({ clientId: e ?? "" }),
+								onChange: (e) => h({ clientId: e ?? "" }),
 								labelProps: {
-									label: _?.clientIdLabel ?? "Client ID",
+									label: v?.clientIdLabel ?? "Client ID",
 									required: !0
 								},
-								placeholder: _?.clientIdPlaceholder ?? "Enter client ID",
+								placeholder: v?.clientIdPlaceholder ?? "Enter client ID",
 								error: t.clientId || void 0,
 								invalid: !!t.clientId,
-								disabled: T
+								disabled: E
 							}),
-							/* @__PURE__ */ R("div", {
+							/* @__PURE__ */ z("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ L(M, {
+								children: [/* @__PURE__ */ R(N, {
 									id: "toolset-client-secret",
 									value: e.clientSecret ?? "",
-									onChange: (e) => m({ clientSecret: e ?? "" }),
+									onChange: (e) => h({ clientSecret: e ?? "" }),
 									labelProps: {
-										label: _?.clientSecretLabel ?? "Client secret",
+										label: v?.clientSecretLabel ?? "Client secret",
 										required: !i
 									},
-									placeholder: E == null ? _?.clientSecretPlaceholder ?? "Enter client secret" : (_?.clientSecretHintPlaceholder ?? ge)(E),
-									"aria-describedby": E == null ? void 0 : X,
-									showPasswordLabel: _?.showClientSecretLabel ?? "Show client secret",
-									hidePasswordLabel: _?.hideClientSecretLabel ?? "Hide client secret",
+									placeholder: D == null ? v?.clientSecretPlaceholder ?? "Enter client secret" : (v?.clientSecretHintPlaceholder ?? Q)(D),
+									"aria-describedby": D == null ? void 0 : Z,
+									showPasswordLabel: v?.showClientSecretLabel ?? "Show client secret",
+									hidePasswordLabel: v?.hideClientSecretLabel ?? "Hide client secret",
 									error: t.clientSecret || void 0,
 									invalid: !!t.clientSecret,
-									disabled: T
-								}), E != null && /* @__PURE__ */ L(D, {
-									id: X,
-									text: _?.clientSecretKeepCaption ?? "Leave empty to keep the saved secret."
+									disabled: E
+								}), D != null && /* @__PURE__ */ R(O, {
+									id: Z,
+									text: v?.clientSecretKeepCaption ?? "Leave empty to keep the saved secret."
 								})]
 							}),
-							/* @__PURE__ */ L(A, {
+							/* @__PURE__ */ R(j, {
 								id: "toolset-authorization-endpoint",
 								value: e.authorizationEndpoint ?? "",
-								onChange: (e) => m({ authorizationEndpoint: e ?? "" }),
+								onChange: (e) => h({ authorizationEndpoint: e ?? "" }),
 								labelProps: {
-									label: _?.authorizationEndpointLabel ?? "Authorization endpoint",
+									label: v?.authorizationEndpointLabel ?? "Authorization endpoint",
 									required: !0
 								},
-								placeholder: _?.authorizationEndpointPlaceholder ?? "Enter authorization endpoint",
+								placeholder: v?.authorizationEndpointPlaceholder ?? "Enter authorization endpoint",
 								error: t.authorizationEndpoint || void 0,
 								invalid: !!t.authorizationEndpoint,
-								disabled: T
+								disabled: E
 							}),
-							/* @__PURE__ */ L(A, {
+							/* @__PURE__ */ R(j, {
 								id: "toolset-token-endpoint",
 								value: e.tokenEndpoint ?? "",
-								onChange: (e) => m({ tokenEndpoint: e ?? "" }),
+								onChange: (e) => h({ tokenEndpoint: e ?? "" }),
 								labelProps: {
-									label: _?.tokenEndpointLabel ?? "Token endpoint",
+									label: v?.tokenEndpointLabel ?? "Token endpoint",
 									required: !0
 								},
-								placeholder: _?.tokenEndpointPlaceholder ?? "Enter token endpoint",
+								placeholder: v?.tokenEndpointPlaceholder ?? "Enter token endpoint",
 								error: t.tokenEndpoint || void 0,
 								invalid: !!t.tokenEndpoint,
-								disabled: T
+								disabled: E
 							}),
-							/* @__PURE__ */ L(I, {
+							/* @__PURE__ */ R(L, {
 								id: "toolset-scopes",
-								labelProps: { label: _?.scopesLabel ?? "Scopes" },
-								placeholder: _?.scopesPlaceholder ?? "Enter scopes",
+								labelProps: { label: v?.scopesLabel ?? "Scopes" },
+								placeholder: v?.scopesPlaceholder ?? "Enter scopes",
 								value: e.scopes ?? [],
-								onChange: (e) => m({ scopes: e }),
-								disabled: T,
-								tagClassName: p
+								onChange: (e) => h({ scopes: e }),
+								disabled: E,
+								tagClassName: m
+							}),
+							/* @__PURE__ */ R(j, {
+								id: "toolset-resource",
+								value: e.resource ?? "",
+								onChange: (e) => h({ resource: e ?? "" }),
+								labelProps: { label: v?.resourceLabel ?? "Resource" },
+								placeholder: v?.resourcePlaceholder ?? "Enter resource URI",
+								error: t.resource || void 0,
+								invalid: !!t.resource,
+								disabled: E
 							})
 						]
 					}),
-					z()
+					B()
 				]
 			}),
-			e.authenticationType === s.ApiKey && /* @__PURE__ */ R("div", {
+			e.authenticationType === s.ApiKey && /* @__PURE__ */ z("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ R("div", {
+					/* @__PURE__ */ z("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ L(N, {
+						children: [/* @__PURE__ */ R(P, {
 							name: "apikey-login-mode",
 							id: "apikey-with-login",
 							value: l.WithLogin,
-							labelProps: { label: _?.withLoginLabel ?? "With login" },
+							labelProps: { label: v?.withLoginLabel ?? "With login" },
 							isSelected: e.withLogin === l.WithLogin,
-							disabled: T,
-							onChange: j
-						}), /* @__PURE__ */ L(N, {
+							disabled: E,
+							onChange: M
+						}), /* @__PURE__ */ R(P, {
 							name: "apikey-login-mode",
 							id: "apikey-without-login",
 							value: l.WithoutLogin,
-							labelProps: { label: _?.withoutLoginLabel ?? "Without login" },
+							labelProps: { label: v?.withoutLoginLabel ?? "Without login" },
 							isSelected: e.withLogin === l.WithoutLogin,
-							disabled: T,
-							onChange: j
+							disabled: E,
+							onChange: M
 						})]
 					}),
-					/* @__PURE__ */ R("div", {
+					/* @__PURE__ */ z("div", {
 						className: "flex flex-col gap-3",
-						children: [/* @__PURE__ */ L(A, {
+						children: [/* @__PURE__ */ R(j, {
 							id: "toolset-key-header",
 							value: e.keyHeader ?? "",
-							onChange: (e) => m({ keyHeader: e ?? "" }),
+							onChange: (e) => h({ keyHeader: e ?? "" }),
 							labelProps: {
-								label: _?.keyHeaderLabel ?? "API Key parameter name",
+								label: v?.keyHeaderLabel ?? "API Key parameter name",
 								required: !0
 							},
-							placeholder: _?.keyHeaderPlaceholder ?? "Enter API key parameter name",
+							placeholder: v?.keyHeaderPlaceholder ?? "Enter API key parameter name",
 							error: t.keyHeader || void 0,
 							invalid: !!t.keyHeader,
-							disabled: T
-						}), e.withLogin === l.WithLogin && /* @__PURE__ */ L(M, {
+							disabled: E
+						}), e.withLogin === l.WithLogin && /* @__PURE__ */ R(N, {
 							id: "toolset-api-key",
 							value: e.apiKey ?? "",
-							onChange: (e) => m({ apiKey: e ?? "" }),
+							onChange: (e) => h({ apiKey: e ?? "" }),
 							labelProps: {
-								label: _?.apiKeyLabel ?? "API key",
+								label: v?.apiKeyLabel ?? "API key",
 								required: !0
 							},
-							placeholder: _?.apiKeyPlaceholder ?? "Enter API key",
-							showPasswordLabel: _?.showApiKeyLabel ?? "Show API key",
-							hidePasswordLabel: _?.hideApiKeyLabel ?? "Hide API key",
+							placeholder: v?.apiKeyPlaceholder ?? "Enter API key",
+							showPasswordLabel: v?.showApiKeyLabel ?? "Show API key",
+							hidePasswordLabel: v?.hideApiKeyLabel ?? "Hide API key",
 							error: t.apiKey || void 0,
 							invalid: !!t.apiKey,
-							disabled: T
+							disabled: E
 						})]
 					}),
-					e.withLogin !== l.WithoutLogin && z()
+					e.withLogin !== l.WithoutLogin && B()
 				]
 			}),
-			S && /* @__PURE__ */ L(ie, {
-				open: S,
-				header: _?.logoutConfirmTitle ?? "Log out?",
-				description: _?.logoutConfirmDescription ?? "Are you sure you want to log out? You will need to re-enter your credentials to use this toolset again.",
-				confirmLabel: _?.logOutLabel ?? "Log out",
-				cancelLabel: _?.cancelLabel ?? "Cancel",
-				variant: ae.Danger,
-				isLoading: b,
-				disableConfirmButton: b,
-				onConfirm: le,
-				onCancel: () => C(!1),
-				onClose: () => C(!1)
+			C && /* @__PURE__ */ R(re, {
+				open: C,
+				header: v?.logoutConfirmTitle ?? "Log out?",
+				description: v?.logoutConfirmDescription ?? "Are you sure you want to log out? You will need to re-enter your credentials to use this toolset again.",
+				confirmLabel: v?.logOutLabel ?? "Log out",
+				cancelLabel: v?.cancelLabel ?? "Cancel",
+				variant: ie.Danger,
+				isLoading: x,
+				disableConfirmButton: x,
+				onConfirm: ce,
+				onCancel: () => w(!1),
+				onClose: () => w(!1)
 			})
 		]
 	});
-}, ve = {
+}, xe = {
 	title: "_title_17wsg_1",
 	description: "_description_17wsg_5"
-}, ye = y(({ url: e, className: t, labels: n, titleClassName: r = "dial-body-semi-text", descriptionClassName: i = "dial-small-text" }) => {
-	let { isCopied: a, copy: o } = _(e), s = n?.copiedLabel ?? "Copied!";
-	return /* @__PURE__ */ R("div", {
-		className: g("flex flex-col gap-3", t),
+}, $ = b(({ url: e, className: t, labels: n, titleClassName: r = "dial-body-semi-text", descriptionClassName: i = "dial-small-text" }) => {
+	let { isCopied: a, copy: o } = v(e), s = n?.copiedLabel ?? "Copied!";
+	return /* @__PURE__ */ z("div", {
+		className: _("flex flex-col gap-3", t),
 		children: [
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ L("p", {
-					className: g("text-start", r, ve.title),
+				children: [/* @__PURE__ */ R("p", {
+					className: _("text-start", r, xe.title),
 					children: n?.title ?? "Connect toolset"
-				}), /* @__PURE__ */ L("p", {
-					className: g("text-start", i, ve.description),
+				}), /* @__PURE__ */ R("p", {
+					className: _("text-start", i, xe.description),
 					children: n?.description ?? "Copy endpoint URL to easily integrate toolset into your workflows"
 				})]
 			}),
-			/* @__PURE__ */ L("div", { children: /* @__PURE__ */ L(u, {
+			/* @__PURE__ */ R("div", { children: /* @__PURE__ */ R(d, {
 				copiedLabel: s,
 				copyLabel: n?.copyLabel ?? "Copy URL",
 				isCopied: a,
 				onClick: o
 			}) }),
-			/* @__PURE__ */ L(oe, {
+			/* @__PURE__ */ R(ae, {
 				visuallyHidden: !0,
-				as: j.Span,
+				as: M.Span,
 				children: a ? s : ""
 			})
 		]
 	});
-}), be = { connectDivider: "_connectDivider_obfkd_1" }, xe = ({ form: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, connectUrl: a, listToolNames: o, authActions: s, onOAuthLogin: c, onNotifySuccess: l, onNotifyError: ee, onChange: u, onAuthChange: d, onEnsureSaved: f, labels: m, colors: _, typography: v }) => {
-	let [y, b] = w(null), C = !!a && !!r, T = S(() => [{
-		value: z.Http,
+}), Se = { connectDivider: "_connectDivider_obfkd_1" }, Ce = ({ 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, colors: v, typography: y }) => {
+	let [b, x] = T(null), w = !!a && !!r, E = C(() => [{
+		value: B.Http,
 		label: "HTTP"
 	}, {
-		value: z.Sse,
+		value: B.Sse,
 		label: "SSE"
 	}], []);
-	return x(() => {
-		if (!r || !o || !q(e.auth, i)) {
-			b(null);
+	return S(() => {
+		if (!r || !o || !Y(e.auth, i)) {
+			x(null);
 			return;
 		}
 		let t = !1;
 		return (async () => {
 			try {
 				let e = await o(r);
-				t || b(e.length > 0 ? e : null);
+				t || x(e.length > 0 ? e : null);
 			} catch {
-				t || b(null);
+				t || x(null);
 			}
 		})(), () => {
 			t = !0;
@@ -479,62 +498,62 @@ var le = {
 		e.auth,
 		e.endpoint,
 		o
-	]), /* @__PURE__ */ R("div", {
+	]), /* @__PURE__ */ z("div", {
 		className: "flex max-w-[1060px] flex-col gap-4",
-		style: h({
-			"--te-connect-title": _?.connectTitle,
-			"--te-connect-description": _?.connectDescription,
-			"--te-connect-divider": _?.connectDivider,
-			"--te-open-access-description": _?.openAccessDescription
+		style: g({
+			"--te-connect-title": v?.connectTitle,
+			"--te-connect-description": v?.connectDescription,
+			"--te-connect-divider": v?.connectDivider,
+			"--te-open-access-description": v?.openAccessDescription
 		}),
 		children: [
-			/* @__PURE__ */ L(A, {
+			/* @__PURE__ */ R(j, {
 				id: "toolset-endpoint",
 				value: e.endpoint,
-				onChange: (e) => u({ endpoint: e ?? "" }),
+				onChange: (e) => d({ endpoint: e ?? "" }),
 				labelProps: {
-					label: m?.endpointLabel ?? "Endpoint",
+					label: h?.endpointLabel ?? "Endpoint",
 					required: !0
 				},
-				placeholder: m?.endpointPlaceholder ?? "https://...",
-				caption: m?.endpointCaption ?? "The HTTPS address where the server accepts MCP requests. Choose the transport under Protocol below.",
+				placeholder: h?.endpointPlaceholder ?? "https://...",
+				caption: h?.endpointCaption ?? "The HTTPS address where the server accepts MCP requests. Choose the transport under Protocol below.",
 				error: t.endpoint || void 0,
 				invalid: !!t.endpoint
 			}),
-			/* @__PURE__ */ L(P, {
+			/* @__PURE__ */ R(F, {
 				labelProps: {
-					label: m?.protocolLabel ?? "Protocol",
+					label: h?.protocolLabel ?? "Protocol",
 					required: !0
 				},
 				id: "toolset-protocol",
-				items: T,
+				items: E,
 				value: e.protocol,
 				onChange: (e) => {
-					u({ protocol: e });
+					d({ protocol: e });
 				}
 			}),
-			y ? /* @__PURE__ */ L(F, {
+			b ? /* @__PURE__ */ R(I, {
 				id: "toolset-allowed-tools",
 				multiple: !0,
 				searchable: !0,
 				selectAll: !0,
-				labelProps: { label: m?.allowedToolsLabel ?? "Allowed tools" },
-				placeholder: m?.allowedToolsSelectPlaceholder ?? "Select allowed tools",
-				options: y.map((e) => ({
+				labelProps: { label: h?.allowedToolsLabel ?? "Allowed tools" },
+				placeholder: h?.allowedToolsSelectPlaceholder ?? "Select allowed tools",
+				options: b.map((e) => ({
 					value: e,
 					label: e
 				})),
 				value: e.allowedTools,
-				onChange: (e) => u({ allowedTools: e })
-			}) : /* @__PURE__ */ L(I, {
+				onChange: (e) => d({ allowedTools: e })
+			}) : /* @__PURE__ */ R(L, {
 				id: "toolset-allowed-tools",
-				labelProps: { label: m?.allowedToolsLabel ?? "Allowed tools" },
-				placeholder: m?.allowedToolsPlaceholder ?? "Add tools, comma separated",
+				labelProps: { label: h?.allowedToolsLabel ?? "Allowed tools" },
+				placeholder: h?.allowedToolsPlaceholder ?? "Add tools, comma separated",
 				value: e.allowedTools,
-				onChange: (e) => u({ allowedTools: e }),
-				tagClassName: p
+				onChange: (e) => d({ allowedTools: e }),
+				tagClassName: m
 			}),
-			/* @__PURE__ */ L(Q, {
+			/* @__PURE__ */ R(be, {
 				auth: e.auth,
 				errors: t,
 				isSaving: n,
@@ -544,216 +563,217 @@ var le = {
 				authActions: s,
 				onOAuthLogin: c,
 				onNotifySuccess: l,
-				onNotifyError: ee,
-				onAuthChange: d,
-				onEnsureSaved: f,
-				labels: m?.auth,
-				titleClassName: v?.authTitleClassName,
-				openAccessDescriptionClassName: v?.openAccessDescriptionClassName
+				onNotifyError: u,
+				onAuthChange: f,
+				onEnsureSaved: p,
+				labels: h?.auth,
+				titleClassName: y?.authTitleClassName,
+				openAccessDescriptionClassName: y?.openAccessDescriptionClassName
 			}),
-			C && /* @__PURE__ */ L(ye, {
+			w && /* @__PURE__ */ R($, {
 				url: a ?? "",
-				labels: m?.connect,
-				titleClassName: v?.connectTitleClassName,
-				descriptionClassName: v?.connectDescriptionClassName,
-				className: g("border-t pt-4", be.connectDivider)
+				labels: h?.connect,
+				titleClassName: y?.connectTitleClassName,
+				descriptionClassName: y?.connectDescriptionClassName,
+				className: _("border-t pt-4", Se.connectDivider)
 			})
 		]
 	});
-}, Se = [
+}, we = [
 	"keyHeader",
 	"apiKey",
 	"clientId",
 	"clientSecret",
 	"authorizationEndpoint",
-	"tokenEndpoint"
-], Ce = ["endpoint", ...Se], $ = new Set(Ce), we = { validateVersionPattern: !0 }, Te = (e) => {
+	"tokenEndpoint",
+	"resource"
+], Te = ["endpoint", ...we], Ee = new Set(Te), De = { validateVersionPattern: !0 }, Oe = (e) => {
 	let t = {};
-	for (let n of Object.keys(e)) $.has(n) && (t[n] = !0);
+	for (let n of Object.keys(e)) Ee.has(n) && (t[n] = !0);
 	return t;
-}, Ee = ({ initialForm: e, toolsetId: o, onPersist: c, onPostSaveLogin: u, onToolsetsChanged: p, onSaveSuccess: h, onSaveComplete: g, onBack: _, onDirtyChange: y, buildMcpUrl: T, listToolNames: E, authActions: te, onOAuthLogin: ne, onNotifySuccess: re, onNotifyError: D, avatarPicker: ie, availableLocaleOptions: ae, onRefineDescription: O, labels: k, colors: A, typography: oe }) => {
-	let j = !!o, [se, M] = w(""), N = o || se, [P, ce] = w({
+}, ke = ({ initialForm: e, toolsetId: o, onPersist: c, onPostSaveLogin: d, onToolsetsChanged: m, onSaveSuccess: g, onSaveComplete: _, onBack: v, onDirtyChange: b, buildMcpUrl: E, listToolNames: D, authActions: ee, onOAuthLogin: te, onNotifySuccess: ne, onNotifyError: O, avatarPicker: re, availableLocaleOptions: ie, onRefineDescription: k, labels: A, colors: j, typography: ae }) => {
+	let M = !!o, [oe, N] = T(""), P = o || oe, [F, se] = T({
 		initialForm: e,
 		key: 0
-	}), [F, I] = w(e);
-	P.initialForm !== e && (ce({
+	}), [I, L] = T(e);
+	F.initialForm !== e && (se({
 		initialForm: e,
-		key: P.key + 1
-	}), I(e));
-	let R = S(() => pe(e), [e]), { values: z, setValues: B, markTouched: V, visibleErrorCodes: H, attemptSubmit: de } = a({
-		initialValues: R,
-		validationOptions: we,
-		reseedKey: P.key
-	}), [U, G] = w(e), K = S(() => ({
-		...U,
-		...z
-	}), [U, z]), q = S(() => JSON.stringify(K) !== JSON.stringify(F), [K, F]);
-	x(() => {
-		y?.(q);
-	}, [q, y]);
-	let [J, Y] = w(!1), [he, X] = w({}), [ge, _e] = w({}), Z = C(null);
-	x(() => {
-		G(e), Z.current = e, X({}), _e({}), M("");
+		key: F.key + 1
+	}), L(e));
+	let z = C(() => he(e), [e]), { values: B, setValues: V, markTouched: H, visibleErrorCodes: U, attemptSubmit: ue } = a({
+		initialValues: z,
+		validationOptions: De,
+		reseedKey: F.key
+	}), [W, K] = T(e), q = C(() => ({
+		...W,
+		...B
+	}), [W, B]), fe = C(() => JSON.stringify(q) !== JSON.stringify(I), [q, I]);
+	S(() => {
+		b?.(fe);
+	}, [fe, b]);
+	let [J, Y] = T(!1), [me, X] = T({}), [_e, Z] = T({}), Q = w(null);
+	S(() => {
+		K(e), Q.current = e, X({}), Z({}), N("");
 	}, [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 && (G((e) => ({
+	let ve = x((e) => {
+		let { metadata: t, setup: n } = ge(e);
+		Object.keys(t).length > 0 && (V(t), "name" in t && H(r.Name), "version" in t && H(r.Version)), Object.keys(n).length !== 0 && (K((e) => ({
 			...e,
 			...n
-		})), _e((e) => ({
+		})), Z((e) => ({
 			...e,
-			...Te(n)
+			...Oe(n)
 		})), X((e) => {
 			let t = { ...e };
 			for (let e of Object.keys(n)) delete t[e];
 			return t;
 		}));
-	}, [B, V]), ve = b((e) => {
-		G((t) => ({
+	}, [V, H]), ye = x((e) => {
+		K((t) => ({
 			...t,
 			auth: {
 				...t.auth,
 				...e
 			}
-		})), _e((t) => ({
+		})), Z((t) => ({
 			...t,
-			...Te(e)
+			...Oe(e)
 		})), X((t) => {
 			let n = { ...t };
-			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of Se) delete n[e];
+			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of we) delete n[e];
 			else for (let t of Object.keys(e)) delete n[t];
 			return n;
-		}), "isLoggedIn" in e && p();
-	}, [p]), ye = b(async () => {
-		if (N && Z.current != null && JSON.stringify(Z.current) === JSON.stringify(K)) return N;
+		}), "isLoggedIn" in e && m();
+	}, [m]), be = x(async () => {
+		if (P && Q.current != null && JSON.stringify(Q.current) === JSON.stringify(q)) return P;
 		Y(!0);
 		try {
-			let e = await c(K, N);
-			return e ? (N || M(e), Z.current = K, I(K), y?.(!1), await p(), e) : null;
+			let e = await c(q, P);
+			return e ? (P || N(e), Q.current = q, L(q), b?.(!1), await m(), e) : null;
 		} catch {
 			return null;
 		} finally {
 			Y(!1);
 		}
 	}, [
-		K,
-		N,
+		q,
+		P,
 		c,
-		p,
-		y
-	]), be = b(async () => await ye() ?? !1, [ye]), $ = b((e) => {
-		let t = k?.validation, 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"), !j && !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;
-	}, [k, j]), Ee = b(async () => {
-		let e = de(), t = $(K);
+		m,
+		b
+	]), xe = x(async () => await be() ?? !1, [be]), $ = x((e) => {
+		let t = A?.validation, n = {};
+		return e.endpoint.trim() ? G(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() ? G(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() ? G(e.auth.tokenEndpoint) || (n.tokenEndpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL") : n.tokenEndpoint = t?.tokenEndpointRequired ?? "Token endpoint is required", de(e.auth.resource) || (n.resource = t?.resourceInvalid ?? "Enter an absolute URI without a fragment"))), n;
+	}, [A, M]), Se = x(async () => {
+		let e = ue(), t = $(q);
 		if (!e || Object.keys(t).length > 0) X(t);
 		else {
 			X({}), Y(!0);
 			try {
-				let e = await c(K, N);
+				let e = await c(q, P);
 				if (!e) return;
-				I(K), await p(), h(K);
+				L(q), await m(), g(q);
 				try {
-					await u(e, K.auth), g();
+					await d(e, q.auth), _();
 				} catch (e) {
-					let { traceId: t } = await ee(e);
-					D(k?.settings?.auth?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
+					let { traceId: t } = await u(e);
+					O(A?.settings?.auth?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
 				}
 			} catch {} finally {
 				Y(!1);
 			}
 		}
 	}, [
-		de,
-		K,
+		ue,
+		q,
 		$,
-		N,
+		P,
 		c,
-		p,
-		h,
+		m,
 		g,
-		u,
-		D,
-		k
-	]), De = v({
-		value: z.description,
-		onChange: (e) => Q({ description: e }),
-		onRefine: O,
+		_,
+		d,
+		O,
+		A
+	]), Ee = y({
+		value: B.description,
+		onChange: (e) => ve({ description: e }),
+		onRefine: k,
 		disabled: J,
-		resetKey: P.key
-	}), Oe = O ? (e, t) => /* @__PURE__ */ L(m, {
+		resetKey: F.key
+	}), ke = k ? (e, t) => /* @__PURE__ */ R(h, {
 		isEnabled: !0,
 		fieldId: t,
-		label: k?.general?.form?.description.label ?? "Description",
-		labels: k?.refinement,
-		refinement: De,
-		disabled: De.isPending || J,
+		label: A?.general?.form?.description.label ?? "Description",
+		labels: A?.refinement,
+		refinement: Ee,
+		disabled: Ee.isPending || J,
 		children: e
-	}) : void 0, ke = S(() => ({
-		form: k?.general?.form ?? ue,
-		avatarPicker: k?.general?.avatarPicker
-	}), [k?.general?.form, k?.general?.avatarPicker]), Ae = S(() => !fe(K, j), [K, j]), je = S(() => {
-		let e = k?.validation, n = $(K), r = { ...he };
-		for (let e of Ce) {
-			if (!ge[e]) continue;
+	}) : void 0, Ae = C(() => ({
+		form: A?.general?.form ?? le,
+		avatarPicker: A?.general?.avatarPicker
+	}), [A?.general?.form, A?.general?.avatarPicker]), je = C(() => !pe(q, M), [q, M]), Me = C(() => {
+		let e = A?.validation, n = $(q), r = { ...me };
+		for (let e of Te) {
+			if (!_e[e]) continue;
 			let t = n[e];
 			t ? r[e] = t : delete r[e];
 		}
-		return H.name === t.Required ? r.name = e?.nameRequired ?? "Name is required" : H.name === t.TooLong ? r.name = e?.nameTooLong ?? `Use ${f} 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 ${d} characters or fewer.`), H.version === t.InvalidFormat && (r.version = e?.versionInvalid ?? "Version may only contain letters, digits, dots, underscores, and dashes"), r;
+		return U.name === t.Required ? r.name = e?.nameRequired ?? "Name is required" : U.name === t.TooLong ? r.name = e?.nameTooLong ?? `Use ${p} characters or fewer.` : U.name === t.ControlCharacters && (r.name = e?.nameControlCharacters ?? "Remove line breaks, tabs and other control characters."), U.description === t.TooLong && (r.description = e?.descriptionTooLong ?? `Use ${f} characters or fewer.`), U.version === t.InvalidFormat && (r.version = e?.versionInvalid ?? "Version may only contain letters, digits, dots, underscores, and dashes"), r;
 	}, [
-		ge,
-		he,
-		K,
-		k,
-		H,
+		_e,
+		me,
+		q,
+		A,
+		U,
 		$
-	]), Me = T && N ? T(N) : void 0;
-	return /* @__PURE__ */ L(n, {
-		title: j ? k?.layout?.editTitle ?? "Edit toolset" : k?.layout?.createTitle ?? "Create toolset",
-		onBack: _,
-		onCancel: _,
-		onSubmit: Ee,
-		submitLabel: j ? k?.layout?.saveLabel ?? "Save" : k?.layout?.createLabel ?? "Create",
+	]), Ne = E && P ? E(P) : void 0;
+	return /* @__PURE__ */ R(n, {
+		title: M ? A?.layout?.editTitle ?? "Edit toolset" : A?.layout?.createTitle ?? "Create toolset",
+		onBack: v,
+		onCancel: v,
+		onSubmit: Se,
+		submitLabel: M ? A?.layout?.saveLabel ?? "Save" : A?.layout?.createLabel ?? "Create",
 		isSubmitting: J,
-		isSubmitDisabled: Ae || De.isPending,
-		metadataSectionClassName: le.metadataSection,
-		setupSectionClassName: le.setupSection,
+		isSubmitDisabled: je || Ee.isPending,
+		metadataSectionClassName: ce.metadataSection,
+		setupSectionClassName: ce.setupSection,
 		labels: {
-			backAriaLabel: k?.layout?.backAriaLabel ?? "Back to catalog",
-			savingStatusLabel: k?.layout?.savingStatusLabel ?? "Saving",
-			metadataTitle: k?.layout?.metadataSectionTitle ?? "Metadata",
-			setupTitle: k?.layout?.setupSectionTitle ?? "Setup",
-			cancelLabel: k?.layout?.cancelLabel ?? "Cancel"
+			backAriaLabel: A?.layout?.backAriaLabel ?? "Back to catalog",
+			savingStatusLabel: A?.layout?.savingStatusLabel ?? "Saving",
+			metadataTitle: A?.layout?.metadataSectionTitle ?? "Metadata",
+			setupTitle: A?.layout?.setupSectionTitle ?? "Setup",
+			cancelLabel: A?.layout?.cancelLabel ?? "Cancel"
 		},
-		metadata: /* @__PURE__ */ L(i, {
-			values: K,
-			errors: je,
-			onChange: Q,
-			avatarPicker: ie,
-			availableLocaleOptions: ae,
-			renderDescription: Oe,
-			labels: ke
+		metadata: /* @__PURE__ */ R(i, {
+			values: q,
+			errors: Me,
+			onChange: ve,
+			avatarPicker: re,
+			availableLocaleOptions: ie,
+			renderDescription: ke,
+			labels: Ae
 		}),
-		setup: /* @__PURE__ */ L(xe, {
-			form: K,
-			errors: je,
+		setup: /* @__PURE__ */ R(Ce, {
+			form: q,
+			errors: Me,
 			isSaving: J,
-			toolsetId: N,
-			isEditMode: j,
-			connectUrl: Me,
-			listToolNames: E,
-			authActions: te,
-			onOAuthLogin: ne,
-			onNotifySuccess: re,
-			onNotifyError: D,
-			onChange: Q,
-			onAuthChange: ve,
-			onEnsureSaved: be,
-			labels: k?.settings,
-			colors: A?.settings,
-			typography: oe?.settings
+			toolsetId: P,
+			isEditMode: M,
+			connectUrl: Ne,
+			listToolNames: D,
+			authActions: ee,
+			onOAuthLogin: te,
+			onNotifySuccess: ne,
+			onNotifyError: O,
+			onChange: ve,
+			onAuthChange: ye,
+			onEnsureSaved: xe,
+			labels: A?.settings,
+			colors: j?.settings,
+			typography: ae?.settings
 		})
 	});
 };
 //#endregion
-export { V as AUTH_TYPE_ICONS, B as DEFAULT_TOOLSET_VERSION, le as TOOLSET_EDITOR_CLASS, Ee as ToolsetEditor, Y as ToolsetOAuthLoginStatus, z as ToolsetTransportType, de as getDefaultToolsetForm, q as isToolsetAuthValid, fe as isToolsetFormValid, W as isValidEndpointUrl, K as normalizeReturnedEndpointUrl };
+export { H as AUTH_TYPE_ICONS, V as DEFAULT_TOOLSET_VERSION, ce as TOOLSET_EDITOR_CLASS, ke as ToolsetEditor, X as ToolsetOAuthLoginStatus, B as ToolsetTransportType, ue as getDefaultToolsetForm, Y as isToolsetAuthValid, pe as isToolsetFormValid, G as isValidEndpointUrl, J as normalizeReturnedEndpointUrl };