@epam/ai-dial-toolset-editor 1.3.0-dev.98 → 1.3.0-rc.0

package/index.js

@@ -1,492 +1,493 @@
-import { DEFAULT_DEPLOYMENT_VERSION as e, DeploymentCreationFieldErrorCode as t, EntityEditor as n, MetadataField as r, MetadataForm as i, SEMVER_VERSION_PATTERN as a, useMetadataForm as o, validateDeploymentCreationFields as s } from "@epam/ai-dial-builder-form";
-import { ToolsetAuthTypes as c, ToolsetCredentialsLevel as l, WithLogin as u, dialFileToAttachment as d, getApiErrorDetails as f } from "@epam/ai-dial-chat-hooks";
-import { CopyButton as p, ENTITY_DESCRIPTION_MAX_LENGTH as m, ENTITY_NAME_MAX_LENGTH as h, TAG_INPUT_TAG_CLASS_NAME as g, TextRefinementField as _, mergeClasses as v, useCodeCopy as y, useTextRefinement as ee } from "@epam/ai-dial-chat-shared";
+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 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 te, IconKey as ne, IconLockOff as re, IconLogin as E, IconLogout as ie } from "@tabler/icons-react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { ConfirmationPopup as ae, ConfirmationPopupVariant as oe, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, Input as j, NeutralButton as M, PasswordInput as N, Radio as P, RadioGroup as F, SegmentedControl as I, Select as L, TagInput as se } from "@epam/ai-dial-ui-kit";
+import { IconBrandOauth as E, IconKey as D, IconLockOff as O, IconLogin as ee, IconLogout as te } from "@tabler/icons-react";
+import { CaptionText as k, ConfirmationPopup as ne, ConfirmationPopupVariant as re, DIAL_ICON_SIZE as ie, 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 I, Select as L, TagInput as se } 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 ce = {
+var B = {
 	metadataSection: "dial-toolset-editor-metadata-section",
 	setupSection: "dial-toolset-editor-setup-section"
-}, R = /* @__PURE__ */ function(e) {
+}, V = /* @__PURE__ */ function(e) {
 	return e.Http = "HTTP", e.Sse = "SSE", e;
-}({}), z = e, le = { validateVersionPattern: a }, B = {
-	[c.OAuth]: te,
-	[c.ApiKey]: ne,
-	[c.None]: re
+}({}), ce = e, le = {
+	name: {
+		label: "Name",
+		placeholder: "Enter name"
+	},
+	description: {
+		label: "Description",
+		placeholder: "Describe what this toolset does"
+	},
+	iconUrl: {
+		label: "Avatar",
+		addAvatarLabel: "Add avatar",
+		captionText: "PNG, JPG or SVG (max 1 MB)"
+	},
+	version: {
+		label: "Version",
+		placeholder: "e.g. 1.0.0"
+	},
+	topics: {
+		label: "Tags",
+		placeholder: "Add tags, comma separated"
+	},
+	otherLocales: {
+		summaryLabel: "Locales",
+		addLabel: "Add locales",
+		editLabel: "Edit locales",
+		popupTitle: "Add locale",
+		addLocaleLabel: "Add locale",
+		localeRowLabel: "Locale",
+		languageLabel: "Language",
+		nameLabel: "Name",
+		namePlaceholder: "Enter name",
+		descriptionLabel: "About",
+		descriptionPlaceholder: "Enter brief description",
+		deleteAriaLabel: "Delete locale",
+		cancelLabel: "Cancel",
+		saveLabel: "Save"
+	},
+	ariaLabel: "General"
+}, H = {
+	[s.OAuth]: E,
+	[s.ApiKey]: D,
+	[s.None]: O
 }, ue = () => ({
-	authenticationType: c.None,
-	withLogin: u.WithoutLogin,
+	authenticationType: s.None,
+	withLogin: l.WithoutLogin,
 	isLoggedIn: !1
-}), V = () => ({
+}), U = () => ({
 	name: "",
-	version: z,
+	version: ce,
 	iconUrl: "",
 	description: "",
 	topics: [],
 	otherLocales: [],
 	endpoint: "",
-	protocol: R.Http,
+	protocol: V.Http,
 	allowedTools: [],
 	auth: ue()
-}), H = (e) => {
+}), W = (e) => {
 	if (!/^https?:\/\//.test(e) || e.endsWith(".") || e.endsWith("//")) return !1;
 	try {
 		return !!new URL(e);
 	} catch {
 		return !1;
 	}
-}, U = (e) => H(e.trim()), de = (e) => e.replace(/^(https?):\/([^/])/, "$1://$2"), W = (e) => {
+}, G = (e) => W(e.trim()), de = /^[A-Za-z][A-Za-z0-9+.-]*:[^\s#]+$/, fe = 2048, pe = (e) => {
+	let t = e?.trim() ?? "";
+	if (!t) return !0;
+	if (t.length > fe || !de.test(t)) return !1;
+	try {
+		return !!new URL(t);
+	} catch {
+		return !1;
+	}
+}, K = (e) => e.replace(/^(https?):\/([^/])/, "$1://$2"), q = (e) => {
 	let t = e?.trim() ?? "";
-	if (!t || H(t)) return t;
+	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 = de(e);
-		if (H(t)) return t;
+		let t = K(e);
+		if (W(t)) return t;
 	}
 	return t;
-}, G = (e) => !e?.trim() || U(e), K = (e, t = !1) => e.isLoggedIn ? !0 : e.authenticationType === c.ApiKey ? e.keyHeader?.trim() ? e.withLogin === u.WithoutLogin ? !0 : !!(e.keyHeader?.trim() && e.apiKey?.trim()) : !1 : e.authenticationType === c.OAuth && e.withLogin === u.WithConfig ? !!e.clientId?.trim() && (t || !!e.clientSecret?.trim()) && G(e.authorizationEndpoint) && G(e.tokenEndpoint) : !0, fe = (e, t = !1) => Object.keys(s(e, le)).length === 0 && U(e.endpoint) && K(e.auth, t), pe = new Set([
+}, 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()) && G(e.authorizationEndpoint ?? "") && G(e.tokenEndpoint ?? "") && pe(e.resource) : !0, me = (e, t = !1) => Object.keys(o(e, { validateVersionPattern: !0 })).length === 0 && G(e.endpoint) && J(e.auth, t), Y = /* @__PURE__ */ new Set([
 	"name",
 	"description",
 	"iconUrl",
 	"version",
 	"topics",
 	"otherLocales"
-]), me = (e) => ({
+]), he = (e) => ({
 	name: e.name,
 	description: e.description,
 	iconUrl: e.iconUrl,
 	version: e.version,
 	topics: e.topics,
 	otherLocales: e.otherLocales
-}), he = (e) => {
+}), ge = (e) => {
 	let t = {}, n = {};
-	for (let [r, i] of Object.entries(e)) (pe.has(r) ? t : n)[r] = i;
+	for (let [r, i] of Object.entries(e)) (Y.has(r) ? t : n)[r] = i;
 	return {
 		metadata: t,
 		setup: n
 	};
-}, q = {
-	name: {
-		label: "Name",
-		placeholder: "Enter name"
-	},
-	description: {
-		label: "Description",
-		placeholder: "Describe what this toolset does"
-	},
-	iconUrl: {
-		label: "Avatar",
-		addAvatarLabel: "Add avatar",
-		captionText: "PNG, JPG or SVG (max 1 MB)"
-	},
-	version: {
-		label: "Version",
-		placeholder: "e.g. 1.0.0"
-	},
-	topics: {
-		label: "Tags",
-		placeholder: "Add tags, comma separated"
-	},
-	otherLocales: {
-		summaryLabel: "Locales",
-		addLabel: "Add locales",
-		editLabel: "Edit locales",
-		popupTitle: "Add locale",
-		addLocaleLabel: "Add locale",
-		localeRowLabel: "Locale",
-		languageLabel: "Language",
-		nameLabel: "Name",
-		namePlaceholder: "Enter name",
-		descriptionLabel: "About",
-		descriptionPlaceholder: "Enter brief description",
-		deleteAriaLabel: "Delete locale",
-		cancelLabel: "Cancel",
-		saveLabel: "Save"
-	},
-	ariaLabel: "General"
-}, ge = ({ form: e, errors: t, bucket: n, FileManagerModal: r, resolveIconUrl: a, allowedMimeTypes: o, maxFileSizeBytes: s, availableLocaleOptions: c, onChange: l, onNameBlur: u, onVersionBlur: f, renderDescription: p, labels: m }) => {
-	let h = x((e) => {
-		let [t] = e.files;
-		return (t ? d(t, n, { resolvePreviewUrl: a }) : null)?.url;
-	}, [n, a]);
-	return /* @__PURE__ */ D(i, {
-		values: e,
-		errors: t,
-		onChange: l,
-		onNameBlur: u,
-		onVersionBlur: f,
-		avatarPicker: C(() => ({
-			bucket: n,
-			FileManagerModal: r,
-			resolveIconUrl: a,
-			resolveAttachedIconUrl: h,
-			allowedMimeTypes: o,
-			maxFileSizeBytes: s
-		}), [
-			n,
-			r,
-			a,
-			h,
-			o,
-			s
-		]),
-		availableLocaleOptions: c,
-		renderDescription: p,
-		labels: C(() => ({
-			form: m?.form ?? q,
-			avatarPicker: m?.avatarPicker
-		}), [m?.form, m?.avatarPicker])
-	});
-}, J = /* @__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;
-}({}), _e = (e) => e === c.None ? u.WithoutLogin : u.WithLogin, Y = (e, t) => e === c.None ? t?.typeNone ?? "Open access" : e === c.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", ve = ({ auth: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, endpoint: a, authActions: o, onOAuthLogin: s, onNotifySuccess: d, onNotifyError: p, onAuthChange: m, onEnsureSaved: h, labels: _ }) => {
-	let [v, y] = T(!1), [ee, b] = T(!1), x = e.isLoggedIn || n || v, S = U(a) && K(e, i) && !x, C = (t) => {
-		x || t === e.authenticationType || m({
+}({}), _e = { openAccessDescription: "_openAccessDescription_1ltst_1" }, Z = "toolset-client-secret-keep-caption", ve = (e) => `******${e}`, ye = (e) => e === s.None ? l.WithoutLogin : l.WithLogin, Q = (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, O = G(a) && J(e, i) && !E, ae = (t) => {
+		E || t === e.authenticationType || h({
 			authenticationType: t,
-			withLogin: _e(t)
+			withLogin: ye(t)
 		});
-	}, w = (e) => {
-		m({ withLogin: e });
-	}, te = (e) => {
-		switch (e.auth != null && m(e.auth), e.status) {
-			case J.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 J.PopupBlocked:
-				p(_?.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 J.InvalidConfig:
-				p(_?.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 J.Failed:
-				p(_?.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 J.Cancelled: return;
+			case X.Cancelled: return;
 		}
-	}, ne = async () => {
-		if (!S) return;
-		if (e.authenticationType === c.OAuth) {
-			y(!0);
+	}, L = async () => {
+		if (!O) return;
+		if (e.authenticationType === s.OAuth) {
+			S(!0);
 			try {
-				te(await s({
+				F(await d({
 					auth: e,
-					ensureSaved: h
+					ensureSaved: g
 				}));
 			} finally {
-				y(!1);
+				S(!1);
 			}
 			return;
 		}
-		let t = await h();
+		let t = await g();
 		if (t) {
-			y(!0);
+			S(!0);
 			try {
 				let n = {
 					url: t,
-					credentialsLevel: l.User,
+					credentialsLevel: c.User,
 					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 f(e);
-				p(_?.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 {
-				y(!1);
+				S(!1);
 			}
 		}
-	}, re = async () => {
-		y(!0);
+	}, B = async () => {
+		S(!0);
 		try {
 			let t = {
 				url: r,
-				credentialsLevel: l.User,
+				credentialsLevel: c.User,
 				authenticationType: e.authenticationType
 			};
-			await o.logout(r, t), m({ isLoggedIn: !1 }), b(!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 f(e);
-			p(_?.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 {
-			y(!1);
+			S(!1);
 		}
-	}, F = () => e.isLoggedIn ? /* @__PURE__ */ D("div", {
+	}, V = () => e.isLoggedIn ? /* @__PURE__ */ R("div", {
 		className: "flex",
-		children: /* @__PURE__ */ D(M, {
-			label: _?.logOutLabel ?? "Log out",
-			iconBefore: /* @__PURE__ */ D(ie, {
-				size: k.MD,
+		children: /* @__PURE__ */ R(oe, {
+			label: v?.logOutLabel ?? "Log out",
+			iconBefore: /* @__PURE__ */ R(te, {
+				size: ie.MD,
 				stroke: A
 			}),
-			onClick: () => b(!0),
-			disabled: n || v
+			onClick: () => w(!0),
+			disabled: n || x
 		})
-	}) : /* @__PURE__ */ D("div", {
+	}) : /* @__PURE__ */ R("div", {
 		className: "flex",
-		children: /* @__PURE__ */ D(M, {
-			label: _?.logInLabel ?? "Log in",
-			iconBefore: /* @__PURE__ */ D(E, {
-				size: k.MD,
+		children: /* @__PURE__ */ R(oe, {
+			label: v?.logInLabel ?? "Log in",
+			iconBefore: /* @__PURE__ */ R(ee, {
+				size: ie.MD,
 				stroke: A
 			}),
-			onClick: ne,
-			disabled: !S
+			onClick: L,
+			disabled: !O
 		})
 	});
-	return /* @__PURE__ */ O("section", {
+	return /* @__PURE__ */ z("section", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ D("h3", {
-				className: "dial-h3-text",
-				children: _?.sectionTitle ?? "Authentication"
+			/* @__PURE__ */ R("h3", {
+				className: y,
+				children: v?.sectionTitle ?? "Authentication"
 			}),
-			/* @__PURE__ */ D(I, {
-				"aria-label": _?.sectionTitle ?? "Authentication",
+			/* @__PURE__ */ R(I, {
+				"aria-label": v?.sectionTitle ?? "Authentication",
 				value: e.authenticationType,
-				onChange: (e) => C(e),
+				onChange: (e) => ae(e),
 				segmentClassName: "px-2",
 				items: [
-					c.None,
-					c.OAuth,
-					c.ApiKey
+					s.None,
+					s.OAuth,
+					s.ApiKey
 				].map((t) => {
-					let n = B[t];
+					let n = H[t];
 					return {
 						value: t,
-						label: /* @__PURE__ */ O("div", {
+						label: /* @__PURE__ */ z("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(n, {
+							children: [/* @__PURE__ */ R(n, {
 								className: "shrink-0",
-								size: k.SM,
+								size: ie.SM,
 								stroke: A,
 								"aria-hidden": !0
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ R("span", {
 								className: "sr-only desktop:not-sr-only",
-								children: Y(t, _)
+								children: Q(t, v)
 							})]
 						}),
-						disabled: x && e.authenticationType !== t
+						disabled: E && e.authenticationType !== t
 					};
 				})
 			}),
-			e.authenticationType === c.None && /* @__PURE__ */ D("p", {
-				className: "dial-small-text pt-2 text-secondary",
-				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 === c.OAuth && /* @__PURE__ */ O("div", {
+			e.authenticationType === s.OAuth && /* @__PURE__ */ z("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ z("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ D(P, {
+						children: [/* @__PURE__ */ R(P, {
 							name: "oauth-login-mode",
 							id: "oauth-with-login",
-							value: u.WithLogin,
-							labelProps: { label: _?.withLoginOAuthLabel ?? "Standard login" },
-							isSelected: e.withLogin === u.WithLogin,
-							disabled: x,
-							onChange: w
-						}), /* @__PURE__ */ D(P, {
+							value: l.WithLogin,
+							labelProps: { label: v?.withLoginOAuthLabel ?? "Standard login" },
+							isSelected: e.withLogin === l.WithLogin,
+							disabled: E,
+							onChange: M
+						}), /* @__PURE__ */ R(P, {
 							name: "oauth-login-mode",
 							id: "oauth-with-config",
-							value: u.WithConfig,
-							labelProps: { label: _?.withConfigOAuthLabel ?? "Custom login" },
-							isSelected: e.withLogin === u.WithConfig,
-							disabled: x,
-							onChange: w
+							value: l.WithConfig,
+							labelProps: { label: v?.withConfigOAuthLabel ?? "Custom login" },
+							isSelected: e.withLogin === l.WithConfig,
+							disabled: E,
+							onChange: M
 						})]
 					}),
-					e.withLogin === u.WithConfig && /* @__PURE__ */ O("div", {
+					e.withLogin === l.WithConfig && /* @__PURE__ */ z("div", {
 						className: "flex flex-col gap-3",
 						children: [
-							/* @__PURE__ */ D(j, {
+							/* @__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: x
+								disabled: E
 							}),
-							/* @__PURE__ */ D(N, {
-								id: "toolset-client-secret",
-								value: e.clientSecret ?? "",
-								onChange: (e) => m({ clientSecret: e ?? "" }),
-								labelProps: {
-									label: _?.clientSecretLabel ?? "Client secret",
-									required: !i
-								},
-								placeholder: _?.clientSecretPlaceholder ?? "Enter client secret",
-								showPasswordLabel: _?.showClientSecretLabel ?? "Show client secret",
-								hidePasswordLabel: _?.hideClientSecretLabel ?? "Hide client secret",
-								error: t.clientSecret || void 0,
-								invalid: !!t.clientSecret,
-								disabled: x
+							/* @__PURE__ */ z("div", {
+								className: "flex flex-col gap-1",
+								children: [/* @__PURE__ */ R(N, {
+									id: "toolset-client-secret",
+									value: e.clientSecret ?? "",
+									onChange: (e) => h({ clientSecret: e ?? "" }),
+									labelProps: {
+										label: v?.clientSecretLabel ?? "Client secret",
+										required: !i
+									},
+									placeholder: D == null ? v?.clientSecretPlaceholder ?? "Enter client secret" : (v?.clientSecretHintPlaceholder ?? ve)(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: E
+								}), D != null && /* @__PURE__ */ R(k, {
+									id: Z,
+									text: v?.clientSecretKeepCaption ?? "Leave empty to keep the saved secret."
+								})]
 							}),
-							/* @__PURE__ */ D(j, {
+							/* @__PURE__ */ R(j, {
 								id: "toolset-authorization-endpoint",
 								value: e.authorizationEndpoint ?? "",
-								onChange: (e) => m({ authorizationEndpoint: e ?? "" }),
-								labelProps: { label: _?.authorizationEndpointLabel ?? "Authorization endpoint" },
-								placeholder: _?.authorizationEndpointPlaceholder ?? "Enter authorization endpoint",
+								onChange: (e) => h({ authorizationEndpoint: e ?? "" }),
+								labelProps: {
+									label: v?.authorizationEndpointLabel ?? "Authorization endpoint",
+									required: !0
+								},
+								placeholder: v?.authorizationEndpointPlaceholder ?? "Enter authorization endpoint",
 								error: t.authorizationEndpoint || void 0,
 								invalid: !!t.authorizationEndpoint,
-								disabled: x
+								disabled: E
 							}),
-							/* @__PURE__ */ D(j, {
+							/* @__PURE__ */ R(j, {
 								id: "toolset-token-endpoint",
 								value: e.tokenEndpoint ?? "",
-								onChange: (e) => m({ tokenEndpoint: e ?? "" }),
-								labelProps: { label: _?.tokenEndpointLabel ?? "Token endpoint" },
-								placeholder: _?.tokenEndpointPlaceholder ?? "Enter token endpoint",
+								onChange: (e) => h({ tokenEndpoint: e ?? "" }),
+								labelProps: {
+									label: v?.tokenEndpointLabel ?? "Token endpoint",
+									required: !0
+								},
+								placeholder: v?.tokenEndpointPlaceholder ?? "Enter token endpoint",
 								error: t.tokenEndpoint || void 0,
 								invalid: !!t.tokenEndpoint,
-								disabled: x
+								disabled: E
 							}),
-							/* @__PURE__ */ D(se, {
+							/* @__PURE__ */ R(se, {
 								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: x,
-								tagClassName: g
+								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
 							})
 						]
 					}),
-					F()
+					V()
 				]
 			}),
-			e.authenticationType === c.ApiKey && /* @__PURE__ */ O("div", {
+			e.authenticationType === s.ApiKey && /* @__PURE__ */ z("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ z("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ D(P, {
+						children: [/* @__PURE__ */ R(P, {
 							name: "apikey-login-mode",
 							id: "apikey-with-login",
-							value: u.WithLogin,
-							labelProps: { label: _?.withLoginLabel ?? "With login" },
-							isSelected: e.withLogin === u.WithLogin,
-							disabled: x,
-							onChange: w
-						}), /* @__PURE__ */ D(P, {
+							value: l.WithLogin,
+							labelProps: { label: v?.withLoginLabel ?? "With login" },
+							isSelected: e.withLogin === l.WithLogin,
+							disabled: E,
+							onChange: M
+						}), /* @__PURE__ */ R(P, {
 							name: "apikey-login-mode",
 							id: "apikey-without-login",
-							value: u.WithoutLogin,
-							labelProps: { label: _?.withoutLoginLabel ?? "Without login" },
-							isSelected: e.withLogin === u.WithoutLogin,
-							disabled: x,
-							onChange: w
+							value: l.WithoutLogin,
+							labelProps: { label: v?.withoutLoginLabel ?? "Without login" },
+							isSelected: e.withLogin === l.WithoutLogin,
+							disabled: E,
+							onChange: M
 						})]
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ z("div", {
 						className: "flex flex-col gap-3",
-						children: [/* @__PURE__ */ D(j, {
+						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: x
-						}), e.withLogin === u.WithLogin && /* @__PURE__ */ D(N, {
+							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: x
+							disabled: E
 						})]
 					}),
-					e.withLogin !== u.WithoutLogin && F()
+					e.withLogin !== l.WithoutLogin && V()
 				]
 			}),
-			ee && /* @__PURE__ */ D(ae, {
-				open: ee,
-				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: oe.Danger,
-				isLoading: v,
-				disableConfirmButton: v,
-				onConfirm: re,
-				onCancel: () => b(!1),
-				onClose: () => b(!1)
+			C && /* @__PURE__ */ R(ne, {
+				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: re.Danger,
+				isLoading: x,
+				disableConfirmButton: x,
+				onConfirm: B,
+				onCancel: () => w(!1),
+				onClose: () => w(!1)
 			})
 		]
 	});
-}, X = b(({ url: e, className: t, labels: n }) => {
-	let { isCopied: r, copy: i } = y(e), a = n?.copiedLabel ?? "Copied!";
-	return /* @__PURE__ */ O("div", {
-		className: v("flex flex-col gap-3", t),
+}, xe = {
+	title: "_title_17wsg_1",
+	description: "_description_17wsg_5"
+}, Se = 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__ */ O("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ D("p", {
-					className: "dial-body-semi-text text-start text-primary",
+				children: [/* @__PURE__ */ R("p", {
+					className: _("text-start", r, xe.title),
 					children: n?.title ?? "Connect toolset"
-				}), /* @__PURE__ */ D("p", {
-					className: "dial-small-text text-start text-secondary",
+				}), /* @__PURE__ */ R("p", {
+					className: _("text-start", i, xe.description),
 					children: n?.description ?? "Copy endpoint URL to easily integrate toolset into your workflows"
 				})]
 			}),
-			/* @__PURE__ */ D("div", { children: /* @__PURE__ */ D(p, {
-				copiedLabel: a,
+			/* @__PURE__ */ R("div", { children: /* @__PURE__ */ R(d, {
+				copiedLabel: s,
 				copyLabel: n?.copyLabel ?? "Copy URL",
-				isCopied: r,
-				onClick: i
+				isCopied: a,
+				onClick: o
 			}) }),
-			/* @__PURE__ */ D("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: r ? a : ""
+			/* @__PURE__ */ R(ae, {
+				visuallyHidden: !0,
+				as: M.Span,
+				children: a ? s : ""
 			})
 		]
 	});
-}), ye = ({ 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: m }) => {
-	let [h, _] = T(null), v = !!a && !!r, y = C(() => [{
-		value: R.Http,
+}), Ce = { connectDivider: "_connectDivider_obfkd_1" }, we = ({ 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: V.Http,
 		label: "HTTP"
 	}, {
-		value: R.Sse,
+		value: V.Sse,
 		label: "SSE"
 	}], []);
 	return S(() => {
-		if (!r || !o || !K(e.auth, i)) {
-			_(null);
+		if (!r || !o || !J(e.auth, i)) {
+			x(null);
 			return;
 		}
 		let t = !1;
 		return (async () => {
 			try {
 				let e = await o(r);
-				t || _(e.length > 0 ? e : null);
+				t || x(e.length > 0 ? e : null);
 			} catch {
-				t || _(null);
+				t || x(null);
 			}
 		})(), () => {
 			t = !0;
@@ -497,56 +498,62 @@ var ce = {
 		e.auth,
 		e.endpoint,
 		o
-	]), /* @__PURE__ */ O("div", {
+	]), /* @__PURE__ */ z("div", {
 		className: "flex max-w-[1060px] flex-col gap-4",
+		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__ */ D(j, {
+			/* @__PURE__ */ R(j, {
 				id: "toolset-endpoint",
 				value: e.endpoint,
 				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__ */ D(F, {
+			/* @__PURE__ */ R(F, {
 				labelProps: {
-					label: m?.protocolLabel ?? "Protocol",
+					label: h?.protocolLabel ?? "Protocol",
 					required: !0
 				},
 				id: "toolset-protocol",
-				items: y,
+				items: E,
 				value: e.protocol,
 				onChange: (e) => {
 					d({ protocol: e });
 				}
 			}),
-			h ? /* @__PURE__ */ D(L, {
+			b ? /* @__PURE__ */ R(L, {
 				id: "toolset-allowed-tools",
 				multiple: !0,
 				searchable: !0,
 				selectAll: !0,
-				labelProps: { label: m?.allowedToolsLabel ?? "Allowed tools" },
-				placeholder: m?.allowedToolsSelectPlaceholder ?? "Select allowed tools",
-				options: h.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) => d({ allowedTools: e })
-			}) : /* @__PURE__ */ D(se, {
+			}) : /* @__PURE__ */ R(se, {
 				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) => d({ allowedTools: e }),
-				tagClassName: g
+				tagClassName: m
 			}),
-			/* @__PURE__ */ D(ve, {
+			/* @__PURE__ */ R(be, {
 				auth: e.auth,
 				errors: t,
 				isSaving: n,
@@ -559,209 +566,217 @@ var ce = {
 				onNotifyError: u,
 				onAuthChange: f,
 				onEnsureSaved: p,
-				labels: m?.auth
+				labels: h?.auth,
+				titleClassName: y?.authTitleClassName,
+				openAccessDescriptionClassName: y?.openAccessDescriptionClassName
 			}),
-			v && /* @__PURE__ */ D(X, {
+			w && /* @__PURE__ */ R(Se, {
 				url: a ?? "",
-				labels: m?.connect,
-				className: "border-t border-tertiary pt-4"
+				labels: h?.connect,
+				titleClassName: y?.connectTitleClassName,
+				descriptionClassName: y?.connectDescriptionClassName,
+				className: _("border-t pt-4", Ce.connectDivider)
 			})
 		]
 	});
-}, be = [
+}, Te = [
 	"keyHeader",
 	"apiKey",
 	"clientId",
 	"clientSecret",
 	"authorizationEndpoint",
-	"tokenEndpoint"
-], xe = ["endpoint", ...be], Z = new Set(xe), Se = (e) => {
+	"tokenEndpoint",
+	"resource"
+], Ee = ["endpoint", ...Te], $ = new Set(Ee), De = { validateVersionPattern: !0 }, Oe = (e) => {
 	let t = {};
-	for (let n of Object.keys(e)) Z.has(n) && (t[n] = !0);
+	for (let n of Object.keys(e)) $.has(n) && (t[n] = !0);
 	return t;
-}, Q = ({ initialForm: e, toolsetId: i, onPersist: a, onPostSaveLogin: s, onToolsetsChanged: l, onSaveSuccess: d, onSaveComplete: p, onBack: g, onDirtyChange: v, buildMcpUrl: y, listToolNames: b, authActions: te, onOAuthLogin: ne, onNotifySuccess: re, onNotifyError: E, bucket: ie, FileManagerModal: O, resolveIconUrl: ae, allowedMimeTypes: oe, maxFileSizeBytes: k, availableLocaleOptions: A, onRefineDescription: j, labels: M }) => {
-	let N = !!i, [P, F] = T(""), I = i || P, [L, se] = T({
+}, ke = ({ initialForm: e, toolsetId: o, onPersist: c, onPostSaveLogin: d, onToolsetsChanged: m, onSaveSuccess: g, onSaveComplete: _, onBack: v, onDirtyChange: b, buildMcpUrl: E, listToolNames: D, authActions: O, onOAuthLogin: ee, onNotifySuccess: te, onNotifyError: k, avatarPicker: ne, availableLocaleOptions: re, formatLocaleLabel: ie, onRefineDescription: A, labels: j, colors: ae, typography: M, isVersionReadOnly: oe = !1 }) => {
+	let N = !!o, [P, F] = T(""), I = o || P, [L, se] = T({
 		initialForm: e,
 		key: 0
-	}), [R, z] = T(e);
+	}), [z, V] = T(e);
 	L.initialForm !== e && (se({
 		initialForm: e,
 		key: L.key + 1
-	}), z(e));
-	let { values: B, setValues: ue, markTouched: V, visibleErrorCodes: H, attemptSubmit: de } = o({
-		initialValues: C(() => me(e), [e]),
-		validationOptions: le,
+	}), V(e));
+	let ce = C(() => he(e), [e]), { values: H, setValues: ue, markTouched: U, visibleErrorCodes: W, attemptSubmit: de } = a({
+		initialValues: ce,
+		validationOptions: De,
 		reseedKey: L.key
-	}), [W, G] = T(e), K = C(() => ({
-		...W,
-		...B
-	}), [W, B]), pe = C(() => JSON.stringify(K) !== JSON.stringify(R), [K, R]);
+	}), [fe, K] = T(e), q = C(() => ({
+		...fe,
+		...H
+	}), [fe, H]), J = C(() => JSON.stringify(q) !== JSON.stringify(z), [q, z]);
 	S(() => {
-		v?.(pe);
-	}, [pe, v]);
-	let [q, J] = T(!1), [_e, Y] = T({}), [ve, X] = T({}), Z = w(null);
+		b?.(J);
+	}, [J, b]);
+	let [Y, X] = T(!1), [_e, Z] = T({}), [ve, ye] = T({}), Q = w(null);
 	S(() => {
-		G(e), Z.current = e, Y({}), X({}), F("");
+		K(e), Q.current = e, Z({}), ye({}), F("");
 	}, [e]);
-	let Q = x((e) => {
-		let { metadata: t, setup: n } = he(e);
-		Object.keys(t).length > 0 && (ue(t), "name" in t && V(r.Name), "version" in t && V(r.Version)), Object.keys(n).length !== 0 && (G((e) => ({
+	let be = x((e) => {
+		let { metadata: t, setup: n } = ge(e);
+		Object.keys(t).length > 0 && (ue(t), "name" in t && U(r.Name), "version" in t && U(r.Version)), Object.keys(n).length !== 0 && (K((e) => ({
 			...e,
 			...n
-		})), X((e) => ({
+		})), ye((e) => ({
 			...e,
-			...Se(n)
-		})), Y((e) => {
+			...Oe(n)
+		})), Z((e) => {
 			let t = { ...e };
 			for (let e of Object.keys(n)) delete t[e];
 			return t;
 		}));
-	}, [ue, V]), Ce = x((e) => {
-		G((t) => ({
+	}, [ue, U]), xe = x((e) => {
+		K((t) => ({
 			...t,
 			auth: {
 				...t.auth,
 				...e
 			}
-		})), X((t) => ({
+		})), ye((t) => ({
 			...t,
-			...Se(e)
-		})), Y((t) => {
+			...Oe(e)
+		})), Z((t) => {
 			let n = { ...t };
-			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of be) delete n[e];
+			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of Te) delete n[e];
 			else for (let t of Object.keys(e)) delete n[t];
 			return n;
-		}), "isLoggedIn" in e && l();
-	}, [l]), we = x(async () => {
-		if (I && Z.current != null && JSON.stringify(Z.current) === JSON.stringify(K)) return I;
-		J(!0);
+		}), "isLoggedIn" in e && m();
+	}, [m]), Se = x(async () => {
+		if (I && Q.current != null && JSON.stringify(Q.current) === JSON.stringify(q)) return I;
+		X(!0);
 		try {
-			let e = await a(K, I);
-			return e ? (I || F(e), Z.current = K, z(K), v?.(!1), await l(), e) : null;
+			let e = await c(q, I);
+			return e ? (I || F(e), Q.current = q, V(q), b?.(!1), await m(), e) : null;
 		} catch {
 			return null;
 		} finally {
-			J(!1);
+			X(!1);
 		}
 	}, [
-		K,
+		q,
 		I,
-		a,
-		l,
-		v
-	]), Te = x(async () => await we() ?? !1, [we]), $ = x((e) => {
-		let t = M?.validation, n = {};
-		return e.endpoint.trim() ? U(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 === c.ApiKey && (e.auth.keyHeader?.trim() || (n.keyHeader = t?.keyHeaderRequired ?? "Key name is required"), e.auth.withLogin === u.WithLogin && !e.auth.apiKey?.trim() && (n.apiKey = t?.apiKeyRequired ?? "API key is required")), e.auth.authenticationType === c.OAuth && e.auth.withLogin === u.WithConfig && (e.auth.clientId?.trim() || (n.clientId = t?.clientIdRequired ?? "Client ID is required"), !N && !e.auth.clientSecret?.trim() && (n.clientSecret = t?.clientSecretRequired ?? "Client secret is required"), e.auth.authorizationEndpoint?.trim() && !U(e.auth.authorizationEndpoint) && (n.authorizationEndpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL"), e.auth.tokenEndpoint?.trim() && !U(e.auth.tokenEndpoint) && (n.tokenEndpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL"))), n;
-	}, [M, N]), Ee = x(async () => {
-		let e = de(), t = $(K);
-		if (!e || Object.keys(t).length > 0) {
-			Y(t);
-			return;
-		}
-		Y({}), J(!0);
-		try {
-			let e = await a(K, I);
-			if (!e) return;
-			z(K), await l(), d(K);
+		c,
+		m,
+		b
+	]), Ce = x(async () => await Se() ?? !1, [Se]), $ = x((e) => {
+		let t = j?.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"), !N && !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", pe(e.auth.resource) || (n.resource = t?.resourceInvalid ?? "Enter an absolute URI without a fragment"))), n;
+	}, [j, N]), ke = x(async () => {
+		let e = de(), t = $(q);
+		if (!e || Object.keys(t).length > 0) Z(t);
+		else {
+			Z({}), X(!0);
 			try {
-				await s(e, K.auth), p();
-			} catch (e) {
-				let { traceId: t } = await f(e);
-				E(M?.settings?.auth?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
+				let e = await c(q, I);
+				if (!e) return;
+				V(q), await m(), g(q);
+				try {
+					await d(e, q.auth), _();
+				} catch (e) {
+					let { traceId: t } = await u(e);
+					k(j?.settings?.auth?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
+				}
+			} catch {} finally {
+				X(!1);
 			}
-		} catch {} finally {
-			J(!1);
 		}
 	}, [
 		de,
-		K,
+		q,
 		$,
 		I,
-		a,
-		l,
+		c,
+		m,
+		g,
+		_,
 		d,
-		p,
-		s,
-		E,
-		M
-	]), De = ee({
-		value: B.description,
-		onChange: (e) => Q({ description: e }),
-		onRefine: j,
-		disabled: q,
+		k,
+		j
+	]), Ae = y({
+		value: H.description,
+		onChange: (e) => be({ description: e }),
+		onRefine: A,
+		disabled: Y,
 		resetKey: L.key
-	}), Oe = j ? (e, t) => /* @__PURE__ */ D(_, {
+	}), je = A ? (e, t) => /* @__PURE__ */ R(h, {
 		isEnabled: !0,
 		fieldId: t,
-		label: M?.general?.form?.description.label ?? "Description",
-		labels: M?.refinement,
-		refinement: De,
-		disabled: De.isPending || q,
+		label: j?.general?.form?.description.label ?? "Description",
+		labels: j?.refinement,
+		refinement: Ae,
+		disabled: Ae.isPending || Y,
 		children: e
-	}) : void 0, ke = C(() => !fe(K, N), [K, N]), Ae = C(() => {
-		let e = M?.validation, n = $(K), r = { ..._e };
-		for (let e of xe) {
+	}) : void 0, Me = C(() => ({
+		form: j?.general?.form ?? le,
+		avatarPicker: j?.general?.avatarPicker
+	}), [j?.general?.form, j?.general?.avatarPicker]), Ne = C(() => !me(q, N), [q, N]), Pe = C(() => {
+		let e = j?.validation, n = $(q), r = { ..._e };
+		for (let e of Ee) {
 			if (!ve[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 ${h} 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 ${m} characters or fewer.`), H.version === t.InvalidFormat && (r.version = e?.versionInvalid ?? "Version must follow semantic versioning (e.g., 1.0.0)"), r;
+		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;
 	}, [
 		ve,
 		_e,
-		K,
-		M,
-		H,
+		q,
+		j,
+		W,
 		$
-	]), je = y && I ? y(I) : void 0;
-	return /* @__PURE__ */ D(n, {
-		title: N ? M?.layout?.editTitle ?? "Edit toolset" : M?.layout?.createTitle ?? "Create toolset",
-		onBack: g,
-		onCancel: g,
-		onSubmit: Ee,
-		submitLabel: N ? M?.layout?.saveLabel ?? "Save" : M?.layout?.createLabel ?? "Create",
-		isSubmitting: q,
-		isSubmitDisabled: ke || De.isPending,
-		metadataSectionClassName: ce.metadataSection,
-		setupSectionClassName: ce.setupSection,
+	]), Fe = E && I ? E(I) : void 0;
+	return /* @__PURE__ */ R(n, {
+		title: N ? j?.layout?.editTitle ?? "Edit toolset" : j?.layout?.createTitle ?? "Create toolset",
+		onBack: v,
+		onCancel: v,
+		onSubmit: ke,
+		submitLabel: N ? j?.layout?.saveLabel ?? "Save" : j?.layout?.createLabel ?? "Create",
+		isSubmitting: Y,
+		isSubmitDisabled: Ne || Ae.isPending,
+		metadataSectionClassName: B.metadataSection,
+		setupSectionClassName: B.setupSection,
 		labels: {
-			backAriaLabel: M?.layout?.backAriaLabel ?? "Back to catalog",
-			savingStatusLabel: M?.layout?.savingStatusLabel ?? "Saving",
-			metadataTitle: M?.layout?.metadataSectionTitle ?? "Metadata",
-			setupTitle: M?.layout?.setupSectionTitle ?? "Setup",
-			cancelLabel: M?.layout?.cancelLabel ?? "Cancel"
+			backAriaLabel: j?.layout?.backAriaLabel ?? "Back to catalog",
+			savingStatusLabel: j?.layout?.savingStatusLabel ?? "Saving",
+			metadataTitle: j?.layout?.metadataSectionTitle ?? "Metadata",
+			setupTitle: j?.layout?.setupSectionTitle ?? "Setup",
+			cancelLabel: j?.layout?.cancelLabel ?? "Cancel"
 		},
-		metadata: /* @__PURE__ */ D(ge, {
-			form: K,
-			errors: Ae,
-			bucket: ie,
-			FileManagerModal: O,
-			resolveIconUrl: ae,
-			allowedMimeTypes: oe,
-			maxFileSizeBytes: k,
-			availableLocaleOptions: A,
-			onChange: Q,
-			renderDescription: Oe,
-			labels: M?.general
+		metadata: /* @__PURE__ */ R(i, {
+			values: q,
+			errors: Pe,
+			onChange: be,
+			avatarPicker: ne,
+			availableLocaleOptions: re,
+			formatLocaleLabel: ie,
+			renderDescription: je,
+			labels: Me,
+			isVersionReadOnly: oe,
+			versionReadOnlyTooltip: j?.versionReadOnlyTooltip
 		}),
-		setup: /* @__PURE__ */ D(ye, {
-			form: K,
-			errors: Ae,
-			isSaving: q,
+		setup: /* @__PURE__ */ R(we, {
+			form: q,
+			errors: Pe,
+			isSaving: Y,
 			toolsetId: I,
 			isEditMode: N,
-			connectUrl: je,
-			listToolNames: b,
-			authActions: te,
-			onOAuthLogin: ne,
-			onNotifySuccess: re,
-			onNotifyError: E,
-			onChange: Q,
-			onAuthChange: Ce,
-			onEnsureSaved: Te,
-			labels: M?.settings
+			connectUrl: Fe,
+			listToolNames: D,
+			authActions: O,
+			onOAuthLogin: ee,
+			onNotifySuccess: te,
+			onNotifyError: k,
+			onChange: be,
+			onAuthChange: xe,
+			onEnsureSaved: Ce,
+			labels: j?.settings,
+			colors: ae?.settings,
+			typography: M?.settings
 		})
 	});
 };
 //#endregion
-export { B as AUTH_TYPE_ICONS, z as DEFAULT_TOOLSET_VERSION, ge as GeneralForm, ce as TOOLSET_EDITOR_CLASS, Q as ToolsetEditor, J as ToolsetOAuthLoginStatus, R as ToolsetTransportType, V as getDefaultToolsetForm, K as isToolsetAuthValid, fe as isToolsetFormValid, U as isValidEndpointUrl, W as normalizeReturnedEndpointUrl };
+export { H as AUTH_TYPE_ICONS, ce as DEFAULT_TOOLSET_VERSION, B as TOOLSET_EDITOR_CLASS, ke as ToolsetEditor, X as ToolsetOAuthLoginStatus, V as ToolsetTransportType, U as getDefaultToolsetForm, J as isToolsetAuthValid, me as isToolsetFormValid, G as isValidEndpointUrl, q as normalizeReturnedEndpointUrl };