@epam/ai-dial-toolset-editor 1.2.0-dev.99 → 1.3.0-dev.5

package/index.js

@@ -1,62 +1,83 @@
-import { AvatarPickerModal as e, DeploymentCreationFieldErrorCode as t, DeploymentCreationForm as n, EditorLayout as r, EditorSection as i, validateDeploymentCreationFields as a } from "@epam/ai-dial-builder-form";
-import { ToolsetAuthTypes as o, ToolsetCredentialsLevel as s, WithLogin as c, dialFileToAttachment as l, getApiErrorDetails as u } from "@epam/ai-dial-chat-hooks";
-import { CopyButton as d, TAG_INPUT_TAG_CLASS_NAME as f, mergeClasses as p, useCodeCopy as m } from "@epam/ai-dial-chat-shared";
-import { ConfirmationPopup as h, ConfirmationPopupVariant as g, DIAL_ICON_SIZE as _, DIAL_KIT_ICON_STROKE as v, Input as y, NeutralButton as b, PasswordInput as x, PrimaryButton as S, Radio as C, RadioGroup as w, SegmentedControl as ee, Select as T, TagInput as E } from "@epam/ai-dial-ui-kit";
-import { memo as D, useCallback as O, useEffect as k, useMemo as A, useRef as j, useState as M } from "react";
-import { IconBrandOauth as N, IconKey as P, IconLockOff as F, IconLogin as te, IconLogout as I } from "@tabler/icons-react";
-import { Fragment as ne, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { DeploymentCreationFieldErrorCode as e, EntityEditor as t, MetadataField as n, MetadataForm as r, SEMVER_VERSION_PATTERN as i, useMetadataForm as a, validateDeploymentCreationFields as o } from "@epam/ai-dial-builder-form";
+import { ToolsetAuthTypes as s, ToolsetCredentialsLevel as c, WithLogin as l, dialFileToAttachment as u, getApiErrorDetails as d } from "@epam/ai-dial-chat-hooks";
+import { CopyButton as f, ENTITY_DESCRIPTION_MAX_LENGTH as p, ENTITY_NAME_MAX_LENGTH as m, TAG_INPUT_TAG_CLASS_NAME as h, TextRefinementField 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 ee, useState as w } from "react";
+import { IconBrandOauth as T, IconKey as te, IconLockOff as ne, IconLogin as E, IconLogout as re } from "@tabler/icons-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { ConfirmationPopup as ie, ConfirmationPopupVariant as ae, 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 oe } from "@epam/ai-dial-ui-kit";
 //#region src/constants/public-class-names.ts
-var z = {
+var se = {
 	metadataSection: "dial-toolset-editor-metadata-section",
 	setupSection: "dial-toolset-editor-setup-section"
-}, B = /* @__PURE__ */ function(e) {
+}, R = /* @__PURE__ */ function(e) {
 	return e.Http = "HTTP", e.Sse = "SSE", e;
-}({}), V = "New toolset", H = "0.0.1", U = {
-	[o.OAuth]: N,
-	[o.ApiKey]: P,
-	[o.None]: F
-}, W = ({ defaultName: e = V, existingNames: t }) => {
+}({}), z = "New toolset", B = "1.0.0", ce = { validateVersionPattern: i }, V = {
+	[s.OAuth]: T,
+	[s.ApiKey]: te,
+	[s.None]: ne
+}, H = ({ defaultName: e = z, existingNames: t }) => {
 	let n = new Set(t);
 	if (!n.has(e)) return e;
 	let r = 1;
 	for (; n.has(`${e} ${r}`);) r += 1;
 	return `${e} ${r}`;
-}, G = () => ({
-	authenticationType: o.None,
-	withLogin: c.WithoutLogin,
+}, le = () => ({
+	authenticationType: s.None,
+	withLogin: l.WithoutLogin,
 	isLoggedIn: !1
-}), K = (e = []) => ({
-	name: W({ existingNames: e }),
-	version: H,
+}), U = (e = []) => ({
+	name: H({ existingNames: e }),
+	version: B,
 	iconUrl: "",
 	description: "",
 	topics: [],
 	otherLocales: [],
 	endpoint: "",
-	protocol: B.Http,
+	protocol: R.Http,
 	allowedTools: [],
-	auth: G()
-}), q = (e) => {
+	auth: le()
+}), W = (e) => {
 	if (!/^https?:\/\//.test(e) || e.endsWith(".") || e.endsWith("//")) return !1;
 	try {
 		return !!new URL(e);
 	} catch {
 		return !1;
 	}
-}, J = (e) => q(e.trim()), Y = (e) => e.replace(/^(https?):\/([^/])/, "$1://$2"), X = (e) => {
+}, G = (e) => W(e.trim()), K = (e) => e.replace(/^(https?):\/([^/])/, "$1://$2"), q = (e) => {
 	let t = e?.trim() ?? "";
-	if (!t || q(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 = Y(e);
-		if (q(t)) return t;
+		let t = K(e);
+		if (W(t)) return t;
 	}
 	return t;
-}, Z = (e) => !e?.trim() || J(e), Q = (e, t = !1) => e.isLoggedIn ? !0 : e.authenticationType === o.ApiKey ? e.keyHeader?.trim() ? e.withLogin === c.WithoutLogin ? !0 : !!(e.keyHeader?.trim() && e.apiKey?.trim()) : !1 : e.authenticationType === o.OAuth && e.withLogin === c.WithConfig ? !!e.clientId?.trim() && (t || !!e.clientSecret?.trim()) && Z(e.authorizationEndpoint) && Z(e.tokenEndpoint) : !0, re = (e, t = !1) => Object.keys(a(e, { validateVersionPattern: !0 })).length === 0 && J(e.endpoint) && Q(e.auth, t), ie = {
+}, J = (e) => !e?.trim() || G(e), Y = (e, t = !1) => e.isLoggedIn ? !0 : e.authenticationType === s.ApiKey ? e.keyHeader?.trim() ? e.withLogin === l.WithoutLogin ? !0 : !!(e.keyHeader?.trim() && e.apiKey?.trim()) : !1 : e.authenticationType === s.OAuth && e.withLogin === l.WithConfig ? !!e.clientId?.trim() && (t || !!e.clientSecret?.trim()) && J(e.authorizationEndpoint) && J(e.tokenEndpoint) : !0, ue = (e, t = !1) => Object.keys(o(e, ce)).length === 0 && G(e.endpoint) && Y(e.auth, t), de = new Set([
+	"name",
+	"description",
+	"iconUrl",
+	"version",
+	"topics",
+	"otherLocales"
+]), fe = (e) => ({
+	name: e.name,
+	description: e.description,
+	iconUrl: e.iconUrl,
+	version: e.version,
+	topics: e.topics,
+	otherLocales: e.otherLocales
+}), pe = (e) => {
+	let t = {}, n = {};
+	for (let [r, i] of Object.entries(e)) (de.has(r) ? t : n)[r] = i;
+	return {
+		metadata: t,
+		setup: n
+	};
+}, X = {
 	name: {
 		label: "Name",
 		placeholder: "Enter name"
@@ -95,381 +116,356 @@ var z = {
 		saveLabel: "Save"
 	},
 	ariaLabel: "General"
-}, ae = {
-	title: "Add avatar",
-	attachLabel: "Attach",
-	emptyTitle: "This folder is empty",
-	emptyDescription: "",
-	errorMessage: "Failed to load files",
-	retryLabel: "Retry",
-	hiddenFilesLabel: "Hidden files",
-	showHiddenFilesLabel: "Show hidden files",
-	hideHiddenFilesLabel: "Hide hidden files",
-	getSelectionLabel: (e) => e === 1 ? `${e} item selected` : `${e} items selected`,
-	uploadFilesLabel: "Upload files",
-	newFolderLabel: "New folder",
-	downloadLabel: "Download",
-	downloadingLabel: "Preparing download…",
-	deleteLabel: "Delete",
-	deletingLabel: "Deleting…",
-	deleteConfirmTitleSingle: "Confirm deleting",
-	deleteConfirmTitleMultiple: "Confirm deleting items",
-	deleteConfirmSingleText: "Are you sure you want to delete",
-	deleteConfirmMultipleText: "Do you want to delete following",
-	deleteConfirmItemsLabel: "items?",
-	deleteConfirmLabel: "Delete",
-	deleteCancelLabel: "Cancel",
-	uploadProgressTitle: "Uploading files",
-	cancelLabel: "Cancel"
-}, oe = ({ form: t, errors: r, bucket: i, FileManagerModal: a, resolveIconUrl: o, allowedMimeTypes: s, maxFileSizeBytes: c, availableLocaleOptions: u, onChange: d, onNameBlur: f, onVersionBlur: p, labels: m }) => {
-	let [h, g] = M(!1), _ = m?.form ?? ie, v = m?.avatarPicker ?? ae, y = A(() => o(t.iconUrl), [t.iconUrl, o]);
-	return /* @__PURE__ */ R(ne, { children: [/* @__PURE__ */ L(n, {
-		values: {
-			name: t.name,
-			description: t.description,
-			iconUrl: t.iconUrl,
-			version: t.version,
-			topics: t.topics,
-			otherLocales: t.otherLocales
-		},
-		errors: r,
-		onChange: d,
-		onNameBlur: f,
-		onVersionBlur: p,
-		iconPreviewUrl: y,
-		onAddAvatarClick: () => g(!0),
-		labels: _,
-		availableLocaleOptions: u
-	}), /* @__PURE__ */ L(e, {
-		isOpen: h,
-		onClose: () => g(!1),
-		onAttach: (e) => {
-			let [t] = e.files, n = t ? l(t, i, { resolvePreviewUrl: o }) : null;
-			n?.url && d({ iconUrl: n.url }), g(!1);
-		},
-		bucket: i,
-		FileManagerModal: a,
-		allowedMimeTypes: s,
-		maxFileSizeBytes: c,
-		labels: v
-	})] });
-}, $ = /* @__PURE__ */ function(e) {
+}, me = ({ form: e, errors: t, bucket: n, FileManagerModal: i, resolveIconUrl: a, allowedMimeTypes: o, maxFileSizeBytes: s, availableLocaleOptions: c, onChange: l, onNameBlur: d, onVersionBlur: f, renderDescription: p, labels: m }) => {
+	let h = x((e) => {
+		let [t] = e.files;
+		return (t ? u(t, n, { resolvePreviewUrl: a }) : null)?.url;
+	}, [n, a]);
+	return /* @__PURE__ */ D(r, {
+		values: e,
+		errors: t,
+		onChange: l,
+		onNameBlur: d,
+		onVersionBlur: f,
+		avatarPicker: C(() => ({
+			bucket: n,
+			FileManagerModal: i,
+			resolveIconUrl: a,
+			resolveAttachedIconUrl: h,
+			allowedMimeTypes: o,
+			maxFileSizeBytes: s
+		}), [
+			n,
+			i,
+			a,
+			h,
+			o,
+			s
+		]),
+		availableLocaleOptions: c,
+		renderDescription: p,
+		labels: C(() => ({
+			form: m?.form ?? X,
+			avatarPicker: m?.avatarPicker
+		}), [m?.form, m?.avatarPicker])
+	});
+}, Z = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Cancelled = "cancelled", e.PopupBlocked = "popup-blocked", e.InvalidConfig = "invalid-config", e.Failed = "failed", e;
-}({}), se = (e, t) => e === o.None ? c.WithoutLogin : e === o.OAuth && !t ? c.WithConfig : c.WithLogin, ce = (e, t) => e === o.None ? t?.typeNone ?? "Open access" : e === o.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", le = ({ auth: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, endpoint: a, authActions: l, onOAuthLogin: d, onNotifySuccess: p, onNotifyError: m, onAuthChange: S, onEnsureSaved: w, labels: T }) => {
-	let [D, O] = M(!1), [k, A] = M(!1), j = e.isLoggedIn || n || D, N = J(a) && Q(e, i) && !j, P = (t) => {
-		j || t === e.authenticationType || S({
+}({}), Q = (e) => e === s.None ? l.WithoutLogin : l.WithLogin, he = (e, t) => e === s.None ? t?.typeNone ?? "Open access" : e === s.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", ge = ({ auth: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, endpoint: a, authActions: o, onOAuthLogin: u, onNotifySuccess: f, onNotifyError: p, onAuthChange: m, onEnsureSaved: g, labels: _ }) => {
+	let [v, y] = w(!1), [b, x] = w(!1), S = e.isLoggedIn || n || v, C = G(a) && Y(e, i) && !S, ee = (t) => {
+		S || t === e.authenticationType || m({
 			authenticationType: t,
-			withLogin: se(t, !!e.clientId?.trim())
+			withLogin: Q(t)
 		});
-	}, F = (e) => {
-		S({ withLogin: e });
-	}, ne = (e) => {
-		switch (e.auth != null && S(e.auth), e.status) {
-			case $.Success:
-				S({ isLoggedIn: !0 }), p(T?.loginSuccessMessage ?? "Successfully logged in.");
+	}, T = (e) => {
+		m({ withLogin: e });
+	}, te = (e) => {
+		switch (e.auth != null && m(e.auth), e.status) {
+			case Z.Success:
+				m({ isLoggedIn: !0 }), f(_?.loginSuccessMessage ?? "Successfully logged in.");
 				return;
-			case $.PopupBlocked:
-				m(T?.errorPopupBlocked ?? "The login popup was blocked by your browser. Please allow popups for this site and try again.");
+			case Z.PopupBlocked:
+				p(_?.errorPopupBlocked ?? "The login popup was blocked by your browser. Please allow popups for this site and try again.");
 				return;
-			case $.InvalidConfig:
-				m(T?.errorOAuthConfigMissing ?? "The OAuth provider did not return a valid client configuration. Please check the endpoint or contact your administrator.");
+			case Z.InvalidConfig:
+				p(_?.errorOAuthConfigMissing ?? "The OAuth provider did not return a valid client configuration. Please check the endpoint or contact your administrator.");
 				return;
-			case $.Failed:
-				m(T?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", e.traceId);
+			case Z.Failed:
+				p(_?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", e.traceId);
 				return;
-			case $.Cancelled: return;
+			case Z.Cancelled: return;
 		}
-	}, z = async () => {
-		if (!N) return;
-		if (e.authenticationType === o.OAuth) {
-			O(!0);
+	}, ne = async () => {
+		if (!C) return;
+		if (e.authenticationType === s.OAuth) {
+			y(!0);
 			try {
-				ne(await d({
+				te(await u({
 					auth: e,
-					ensureSaved: w
+					ensureSaved: g
 				}));
 			} finally {
-				O(!1);
+				y(!1);
 			}
 			return;
 		}
-		let t = await w();
+		let t = await g();
 		if (t) {
-			O(!0);
+			y(!0);
 			try {
 				let n = {
 					url: t,
-					credentialsLevel: s.User,
+					credentialsLevel: c.User,
 					authenticationType: e.authenticationType,
 					apiKey: e.apiKey?.trim()
 				};
-				await l.login(t, n), S({ isLoggedIn: !0 }), p(T?.loginSuccessMessage ?? "Successfully logged in.");
+				await o.login(t, n), m({ isLoggedIn: !0 }), f(_?.loginSuccessMessage ?? "Successfully logged in.");
 			} catch (e) {
-				let { traceId: t } = await u(e);
-				m(T?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
+				let { traceId: t } = await d(e);
+				p(_?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
 			} finally {
-				O(!1);
+				y(!1);
 			}
 		}
-	}, B = async () => {
-		O(!0);
+	}, F = async () => {
+		y(!0);
 		try {
 			let t = {
 				url: r,
-				credentialsLevel: s.User,
+				credentialsLevel: c.User,
 				authenticationType: e.authenticationType
 			};
-			await l.logout(r, t), S({ isLoggedIn: !1 }), A(!1), p(T?.logoutSuccessMessage ?? "Successfully logged out.");
+			await o.logout(r, t), m({ isLoggedIn: !1 }), x(!1), f(_?.logoutSuccessMessage ?? "Successfully logged out.");
 		} catch (e) {
-			let { traceId: t } = await u(e);
-			m(T?.errorLogoutFailed ?? "Failed to log out. Please try again.", t);
+			let { traceId: t } = await d(e);
+			p(_?.errorLogoutFailed ?? "Failed to log out. Please try again.", t);
 		} finally {
-			O(!1);
+			y(!1);
 		}
-	}, V = () => e.isLoggedIn ? /* @__PURE__ */ L("div", {
+	}, L = () => e.isLoggedIn ? /* @__PURE__ */ D("div", {
 		className: "flex",
-		children: /* @__PURE__ */ L(b, {
-			label: T?.logOutLabel ?? "Log out",
-			iconBefore: /* @__PURE__ */ L(I, {
-				size: _.MD,
-				stroke: v
+		children: /* @__PURE__ */ D(M, {
+			label: _?.logOutLabel ?? "Log out",
+			iconBefore: /* @__PURE__ */ D(re, {
+				size: k.MD,
+				stroke: A
 			}),
-			onClick: () => A(!0),
-			disabled: n || D
+			onClick: () => x(!0),
+			disabled: n || v
 		})
-	}) : /* @__PURE__ */ L("div", {
+	}) : /* @__PURE__ */ D("div", {
 		className: "flex",
-		children: /* @__PURE__ */ L(b, {
-			label: T?.logInLabel ?? "Log in",
-			iconBefore: /* @__PURE__ */ L(te, {
-				size: _.MD,
-				stroke: v
+		children: /* @__PURE__ */ D(M, {
+			label: _?.logInLabel ?? "Log in",
+			iconBefore: /* @__PURE__ */ D(E, {
+				size: k.MD,
+				stroke: A
 			}),
-			onClick: z,
-			disabled: !N
+			onClick: ne,
+			disabled: !C
 		})
 	});
-	return /* @__PURE__ */ R("section", {
+	return /* @__PURE__ */ O("section", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ L("h3", {
+			/* @__PURE__ */ D("h3", {
 				className: "dial-h3-text",
-				children: T?.sectionTitle ?? "Authentication"
+				children: _?.sectionTitle ?? "Authentication"
 			}),
-			/* @__PURE__ */ L(ee, {
-				"aria-label": T?.sectionTitle ?? "Authentication",
+			/* @__PURE__ */ D(I, {
+				"aria-label": _?.sectionTitle ?? "Authentication",
 				value: e.authenticationType,
-				onChange: (e) => P(e),
+				onChange: (e) => ee(e),
 				segmentClassName: "px-2",
 				items: [
-					o.None,
-					o.OAuth,
-					o.ApiKey
+					s.None,
+					s.OAuth,
+					s.ApiKey
 				].map((t) => {
-					let n = U[t];
+					let n = V[t];
 					return {
 						value: t,
-						label: /* @__PURE__ */ R("div", {
+						label: /* @__PURE__ */ O("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ L(n, {
+							children: [/* @__PURE__ */ D(n, {
 								className: "shrink-0",
-								size: _.SM,
-								stroke: v,
+								size: k.SM,
+								stroke: A,
 								"aria-hidden": !0
-							}), /* @__PURE__ */ L("span", {
+							}), /* @__PURE__ */ D("span", {
 								className: "sr-only desktop:not-sr-only",
-								children: ce(t, T)
+								children: he(t, _)
 							})]
 						}),
-						disabled: j && e.authenticationType !== t
+						disabled: S && e.authenticationType !== t
 					};
 				})
 			}),
-			e.authenticationType === o.None && /* @__PURE__ */ L("p", {
+			e.authenticationType === s.None && /* @__PURE__ */ D("p", {
 				className: "dial-small-text pt-2 text-secondary",
-				children: T?.openAccessDescription ?? "Open endpoint, no credentials"
+				children: _?.openAccessDescription ?? "Open endpoint, no credentials"
 			}),
-			e.authenticationType === o.OAuth && /* @__PURE__ */ R("div", {
+			e.authenticationType === s.OAuth && /* @__PURE__ */ O("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ R("div", {
+					/* @__PURE__ */ O("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ L(C, {
+						children: [/* @__PURE__ */ D(P, {
 							name: "oauth-login-mode",
 							id: "oauth-with-login",
-							value: c.WithLogin,
-							labelProps: { label: T?.withLoginOAuthLabel ?? "Standard login" },
-							isSelected: e.withLogin === c.WithLogin,
-							disabled: j,
-							onChange: F
-						}), /* @__PURE__ */ L(C, {
+							value: l.WithLogin,
+							labelProps: { label: _?.withLoginOAuthLabel ?? "Standard login" },
+							isSelected: e.withLogin === l.WithLogin,
+							disabled: S,
+							onChange: T
+						}), /* @__PURE__ */ D(P, {
 							name: "oauth-login-mode",
 							id: "oauth-with-config",
-							value: c.WithConfig,
-							labelProps: { label: T?.withConfigOAuthLabel ?? "Custom login" },
-							isSelected: e.withLogin === c.WithConfig,
-							disabled: j,
-							onChange: F
+							value: l.WithConfig,
+							labelProps: { label: _?.withConfigOAuthLabel ?? "Custom login" },
+							isSelected: e.withLogin === l.WithConfig,
+							disabled: S,
+							onChange: T
 						})]
 					}),
-					e.withLogin === c.WithConfig && /* @__PURE__ */ R("div", {
+					e.withLogin === l.WithConfig && /* @__PURE__ */ O("div", {
 						className: "flex flex-col gap-3",
 						children: [
-							/* @__PURE__ */ L(y, {
+							/* @__PURE__ */ D(j, {
 								id: "toolset-client-id",
 								value: e.clientId ?? "",
-								onChange: (e) => S({ clientId: e ?? "" }),
+								onChange: (e) => m({ clientId: e ?? "" }),
 								labelProps: {
-									label: T?.clientIdLabel ?? "Client ID",
+									label: _?.clientIdLabel ?? "Client ID",
 									required: !0
 								},
-								placeholder: T?.clientIdPlaceholder ?? "Enter client ID",
+								placeholder: _?.clientIdPlaceholder ?? "Enter client ID",
 								error: t.clientId || void 0,
 								invalid: !!t.clientId,
-								disabled: j
+								disabled: S
 							}),
-							/* @__PURE__ */ L(x, {
+							/* @__PURE__ */ D(N, {
 								id: "toolset-client-secret",
 								value: e.clientSecret ?? "",
-								onChange: (e) => S({ clientSecret: e ?? "" }),
+								onChange: (e) => m({ clientSecret: e ?? "" }),
 								labelProps: {
-									label: T?.clientSecretLabel ?? "Client secret",
+									label: _?.clientSecretLabel ?? "Client secret",
 									required: !i
 								},
-								placeholder: T?.clientSecretPlaceholder ?? "Enter client secret",
-								showPasswordLabel: T?.showClientSecretLabel ?? "Show client secret",
-								hidePasswordLabel: T?.hideClientSecretLabel ?? "Hide client secret",
+								placeholder: _?.clientSecretPlaceholder ?? "Enter client secret",
+								showPasswordLabel: _?.showClientSecretLabel ?? "Show client secret",
+								hidePasswordLabel: _?.hideClientSecretLabel ?? "Hide client secret",
 								error: t.clientSecret || void 0,
 								invalid: !!t.clientSecret,
-								disabled: j
+								disabled: S
 							}),
-							/* @__PURE__ */ L(y, {
+							/* @__PURE__ */ D(j, {
 								id: "toolset-authorization-endpoint",
 								value: e.authorizationEndpoint ?? "",
-								onChange: (e) => S({ authorizationEndpoint: e ?? "" }),
-								labelProps: { label: T?.authorizationEndpointLabel ?? "Authorization endpoint" },
-								placeholder: T?.authorizationEndpointPlaceholder ?? "Enter authorization endpoint",
+								onChange: (e) => m({ authorizationEndpoint: e ?? "" }),
+								labelProps: { label: _?.authorizationEndpointLabel ?? "Authorization endpoint" },
+								placeholder: _?.authorizationEndpointPlaceholder ?? "Enter authorization endpoint",
 								error: t.authorizationEndpoint || void 0,
 								invalid: !!t.authorizationEndpoint,
-								disabled: j
+								disabled: S
 							}),
-							/* @__PURE__ */ L(y, {
+							/* @__PURE__ */ D(j, {
 								id: "toolset-token-endpoint",
 								value: e.tokenEndpoint ?? "",
-								onChange: (e) => S({ tokenEndpoint: e ?? "" }),
-								labelProps: { label: T?.tokenEndpointLabel ?? "Token endpoint" },
-								placeholder: T?.tokenEndpointPlaceholder ?? "Enter token endpoint",
+								onChange: (e) => m({ tokenEndpoint: e ?? "" }),
+								labelProps: { label: _?.tokenEndpointLabel ?? "Token endpoint" },
+								placeholder: _?.tokenEndpointPlaceholder ?? "Enter token endpoint",
 								error: t.tokenEndpoint || void 0,
 								invalid: !!t.tokenEndpoint,
-								disabled: j
+								disabled: S
 							}),
-							/* @__PURE__ */ L(E, {
+							/* @__PURE__ */ D(oe, {
 								id: "toolset-scopes",
-								labelProps: { label: T?.scopesLabel ?? "Scopes" },
-								placeholder: T?.scopesPlaceholder ?? "Enter scopes",
+								labelProps: { label: _?.scopesLabel ?? "Scopes" },
+								placeholder: _?.scopesPlaceholder ?? "Enter scopes",
 								value: e.scopes ?? [],
-								onChange: (e) => S({ scopes: e }),
-								disabled: j,
-								tagClassName: f
+								onChange: (e) => m({ scopes: e }),
+								disabled: S,
+								tagClassName: h
 							})
 						]
 					}),
-					V()
+					L()
 				]
 			}),
-			e.authenticationType === o.ApiKey && /* @__PURE__ */ R("div", {
+			e.authenticationType === s.ApiKey && /* @__PURE__ */ O("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ R("div", {
+					/* @__PURE__ */ O("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ L(C, {
+						children: [/* @__PURE__ */ D(P, {
 							name: "apikey-login-mode",
 							id: "apikey-with-login",
-							value: c.WithLogin,
-							labelProps: { label: T?.withLoginLabel ?? "With login" },
-							isSelected: e.withLogin === c.WithLogin,
-							disabled: j,
-							onChange: F
-						}), /* @__PURE__ */ L(C, {
+							value: l.WithLogin,
+							labelProps: { label: _?.withLoginLabel ?? "With login" },
+							isSelected: e.withLogin === l.WithLogin,
+							disabled: S,
+							onChange: T
+						}), /* @__PURE__ */ D(P, {
 							name: "apikey-login-mode",
 							id: "apikey-without-login",
-							value: c.WithoutLogin,
-							labelProps: { label: T?.withoutLoginLabel ?? "Without login" },
-							isSelected: e.withLogin === c.WithoutLogin,
-							disabled: j,
-							onChange: F
+							value: l.WithoutLogin,
+							labelProps: { label: _?.withoutLoginLabel ?? "Without login" },
+							isSelected: e.withLogin === l.WithoutLogin,
+							disabled: S,
+							onChange: T
 						})]
 					}),
-					/* @__PURE__ */ R("div", {
+					/* @__PURE__ */ O("div", {
 						className: "flex flex-col gap-3",
-						children: [/* @__PURE__ */ L(y, {
+						children: [/* @__PURE__ */ D(j, {
 							id: "toolset-key-header",
 							value: e.keyHeader ?? "",
-							onChange: (e) => S({ keyHeader: e ?? "" }),
+							onChange: (e) => m({ keyHeader: e ?? "" }),
 							labelProps: {
-								label: T?.keyHeaderLabel ?? "API Key parameter name",
+								label: _?.keyHeaderLabel ?? "API Key parameter name",
 								required: !0
 							},
-							placeholder: T?.keyHeaderPlaceholder ?? "Enter API key parameter name",
+							placeholder: _?.keyHeaderPlaceholder ?? "Enter API key parameter name",
 							error: t.keyHeader || void 0,
 							invalid: !!t.keyHeader,
-							disabled: j
-						}), e.withLogin === c.WithLogin && /* @__PURE__ */ L(x, {
+							disabled: S
+						}), e.withLogin === l.WithLogin && /* @__PURE__ */ D(N, {
 							id: "toolset-api-key",
 							value: e.apiKey ?? "",
-							onChange: (e) => S({ apiKey: e ?? "" }),
+							onChange: (e) => m({ apiKey: e ?? "" }),
 							labelProps: {
-								label: T?.apiKeyLabel ?? "API key",
+								label: _?.apiKeyLabel ?? "API key",
 								required: !0
 							},
-							placeholder: T?.apiKeyPlaceholder ?? "Enter API key",
-							showPasswordLabel: T?.showApiKeyLabel ?? "Show API key",
-							hidePasswordLabel: T?.hideApiKeyLabel ?? "Hide API key",
+							placeholder: _?.apiKeyPlaceholder ?? "Enter API key",
+							showPasswordLabel: _?.showApiKeyLabel ?? "Show API key",
+							hidePasswordLabel: _?.hideApiKeyLabel ?? "Hide API key",
 							error: t.apiKey || void 0,
 							invalid: !!t.apiKey,
-							disabled: j
+							disabled: S
 						})]
 					}),
-					e.withLogin !== c.WithoutLogin && V()
+					e.withLogin !== l.WithoutLogin && L()
 				]
 			}),
-			k && /* @__PURE__ */ L(h, {
-				open: k,
-				header: T?.logoutConfirmTitle ?? "Log out?",
-				description: T?.logoutConfirmDescription ?? "Are you sure you want to log out? You will need to re-enter your credentials to use this toolset again.",
-				confirmLabel: T?.logOutLabel ?? "Log out",
-				cancelLabel: T?.cancelLabel ?? "Cancel",
-				variant: g.Danger,
-				isLoading: D,
-				disableConfirmButton: D,
-				onConfirm: B,
-				onCancel: () => A(!1),
-				onClose: () => A(!1)
+			b && /* @__PURE__ */ D(ie, {
+				open: b,
+				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: v,
+				disableConfirmButton: v,
+				onConfirm: F,
+				onCancel: () => x(!1),
+				onClose: () => x(!1)
 			})
 		]
 	});
-}, ue = D(({ url: e, className: t, labels: n }) => {
-	let { isCopied: r, copy: i } = m(e), a = n?.copiedLabel ?? "Copied!";
-	return /* @__PURE__ */ R("div", {
-		className: p("flex flex-col gap-3", t),
+}, _e = b(({ url: e, className: t, labels: n }) => {
+	let { isCopied: r, copy: i } = v(e), a = n?.copiedLabel ?? "Copied!";
+	return /* @__PURE__ */ O("div", {
+		className: _("flex flex-col gap-3", t),
 		children: [
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ O("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ L("p", {
+				children: [/* @__PURE__ */ D("p", {
 					className: "dial-body-semi-text text-start text-primary",
 					children: n?.title ?? "Connect toolset"
-				}), /* @__PURE__ */ L("p", {
+				}), /* @__PURE__ */ D("p", {
 					className: "dial-small-text text-start text-secondary",
 					children: n?.description ?? "Copy endpoint URL to easily integrate toolset into your workflows"
 				})]
 			}),
-			/* @__PURE__ */ L("div", { children: /* @__PURE__ */ L(d, {
+			/* @__PURE__ */ D("div", { children: /* @__PURE__ */ D(f, {
 				copiedLabel: a,
 				copyLabel: n?.copyLabel ?? "Copy URL",
 				isCopied: r,
 				onClick: i
 			}) }),
-			/* @__PURE__ */ L("span", {
+			/* @__PURE__ */ D("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
@@ -477,16 +473,16 @@ var z = {
 			})
 		]
 	});
-}), de = ({ 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: p, onEnsureSaved: m, labels: h }) => {
-	let [g, _] = M(null), v = !!a && !!r, b = A(() => [{
-		value: B.Http,
+}), ve = ({ 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 [g, _] = w(null), v = !!a && !!r, y = C(() => [{
+		value: R.Http,
 		label: "HTTP"
 	}, {
-		value: B.Sse,
+		value: R.Sse,
 		label: "SSE"
 	}], []);
-	return k(() => {
-		if (!r || !o || !Q(e.auth, i)) {
+	return S(() => {
+		if (!r || !o || !Y(e.auth, i)) {
 			_(null);
 			return;
 		}
@@ -507,56 +503,56 @@ var z = {
 		e.auth,
 		e.endpoint,
 		o
-	]), /* @__PURE__ */ R("div", {
+	]), /* @__PURE__ */ O("div", {
 		className: "flex max-w-[1060px] flex-col gap-4",
 		children: [
-			/* @__PURE__ */ L(y, {
+			/* @__PURE__ */ D(j, {
 				id: "toolset-endpoint",
 				value: e.endpoint,
 				onChange: (e) => d({ endpoint: e ?? "" }),
 				labelProps: {
-					label: h?.endpointLabel ?? "Endpoint",
+					label: m?.endpointLabel ?? "Endpoint",
 					required: !0
 				},
-				placeholder: h?.endpointPlaceholder ?? "https://...",
-				caption: h?.endpointCaption ?? "The HTTPS address where the server accepts MCP requests. Choose the transport under Protocol below.",
+				placeholder: m?.endpointPlaceholder ?? "https://...",
+				caption: m?.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(w, {
+			/* @__PURE__ */ D(F, {
 				labelProps: {
-					label: h?.protocolLabel ?? "Protocol",
+					label: m?.protocolLabel ?? "Protocol",
 					required: !0
 				},
 				id: "toolset-protocol",
-				items: b,
+				items: y,
 				value: e.protocol,
 				onChange: (e) => {
 					d({ protocol: e });
 				}
 			}),
-			g ? /* @__PURE__ */ L(T, {
+			g ? /* @__PURE__ */ D(L, {
 				id: "toolset-allowed-tools",
 				multiple: !0,
 				searchable: !0,
 				selectAll: !0,
-				labelProps: { label: h?.allowedToolsLabel ?? "Allowed tools" },
-				placeholder: h?.allowedToolsSelectPlaceholder ?? "Select allowed tools",
+				labelProps: { label: m?.allowedToolsLabel ?? "Allowed tools" },
+				placeholder: m?.allowedToolsSelectPlaceholder ?? "Select allowed tools",
 				options: g.map((e) => ({
 					value: e,
 					label: e
 				})),
 				value: e.allowedTools,
 				onChange: (e) => d({ allowedTools: e })
-			}) : /* @__PURE__ */ L(E, {
+			}) : /* @__PURE__ */ D(oe, {
 				id: "toolset-allowed-tools",
-				labelProps: { label: h?.allowedToolsLabel ?? "Allowed tools" },
-				placeholder: h?.allowedToolsPlaceholder ?? "Add tools, comma separated",
+				labelProps: { label: m?.allowedToolsLabel ?? "Allowed tools" },
+				placeholder: m?.allowedToolsPlaceholder ?? "Add tools, comma separated",
 				value: e.allowedTools,
 				onChange: (e) => d({ allowedTools: e }),
-				tagClassName: f
+				tagClassName: h
 			}),
-			/* @__PURE__ */ L(le, {
+			/* @__PURE__ */ D(ge, {
 				auth: e.auth,
 				errors: t,
 				isSaving: n,
@@ -567,182 +563,206 @@ var z = {
 				onOAuthLogin: c,
 				onNotifySuccess: l,
 				onNotifyError: u,
-				onAuthChange: p,
-				onEnsureSaved: m,
-				labels: h?.auth
+				onAuthChange: f,
+				onEnsureSaved: p,
+				labels: m?.auth
 			}),
-			v && /* @__PURE__ */ L(ue, {
+			v && /* @__PURE__ */ D(_e, {
 				url: a ?? "",
-				labels: h?.connect,
+				labels: m?.connect,
 				className: "border-t border-tertiary pt-4"
 			})
 		]
 	});
-}, fe = [
+}, ye = [
 	"keyHeader",
 	"apiKey",
 	"clientId",
 	"clientSecret",
 	"authorizationEndpoint",
 	"tokenEndpoint"
-], pe = [
-	"name",
-	"version",
-	"endpoint",
-	...fe
-], me = new Set(pe), he = (e) => {
+], be = ["endpoint", ...ye], $ = new Set(be), xe = (e) => {
 	let t = {};
-	for (let n of Object.keys(e)) me.has(n) && (t[n] = !0);
+	for (let n of Object.keys(e)) $.has(n) && (t[n] = !0);
 	return t;
-}, ge = ({ initialForm: e, toolsetId: n, onPersist: s, onPostSaveLogin: l, onToolsetsChanged: d, onSaveSuccess: f, onSaveComplete: m, onBack: h, buildMcpUrl: g, listToolNames: _, authActions: v, onOAuthLogin: y, onNotifySuccess: x, onNotifyError: C, bucket: w, FileManagerModal: ee, resolveIconUrl: T, allowedMimeTypes: E, maxFileSizeBytes: D, availableLocaleOptions: N, labels: P }) => {
-	let F = !!n, [te, I] = M(""), B = n || te, [V, H] = M(e), [U, W] = M(!1), [G, K] = M({}), [q, Y] = M({}), X = j(null);
-	k(() => {
-		H(e), X.current = e, K({}), Y({}), I("");
-	}, [e]);
-	let Z = O((e) => {
-		H((t) => ({
-			...t,
-			...e
-		})), Y((t) => ({
-			...t,
-			...he(e)
-		})), K((t) => {
-			let n = { ...t };
-			for (let t of Object.keys(e)) delete n[t];
-			return n;
-		});
-	}, []), Q = O((e) => {
-		H((t) => ({
+}, Se = ({ initialForm: r, toolsetId: i, onPersist: o, onPostSaveLogin: c, onToolsetsChanged: u, onSaveSuccess: f, onSaveComplete: h, onBack: _, buildMcpUrl: v, listToolNames: b, authActions: T, onOAuthLogin: te, onNotifySuccess: ne, onNotifyError: E, bucket: re, FileManagerModal: O, resolveIconUrl: ie, allowedMimeTypes: ae, maxFileSizeBytes: k, availableLocaleOptions: A, onRefineDescription: j, labels: M }) => {
+	let N = !!i, [P, F] = w(""), I = i || P, [L, oe] = w({
+		initialForm: r,
+		key: 0
+	});
+	L.initialForm !== r && oe({
+		initialForm: r,
+		key: L.key + 1
+	});
+	let { values: R, setValues: z, markTouched: B, visibleErrorCodes: V, attemptSubmit: H } = a({
+		initialValues: C(() => fe(r), [r]),
+		validationOptions: ce,
+		reseedKey: L.key
+	}), [le, U] = w(r), W = C(() => ({
+		...le,
+		...R
+	}), [le, R]), [K, q] = w(!1), [J, Y] = w({}), [de, X] = w({}), Z = ee(null);
+	S(() => {
+		U(r), Z.current = r, Y({}), X({}), F("");
+	}, [r]);
+	let Q = x((e) => {
+		let { metadata: t, setup: r } = pe(e);
+		Object.keys(t).length > 0 && (z(t), "name" in t && B(n.Name), "version" in t && B(n.Version)), Object.keys(r).length !== 0 && (U((e) => ({
+			...e,
+			...r
+		})), X((e) => ({
+			...e,
+			...xe(r)
+		})), Y((e) => {
+			let t = { ...e };
+			for (let e of Object.keys(r)) delete t[e];
+			return t;
+		}));
+	}, [z, B]), he = x((e) => {
+		U((t) => ({
 			...t,
 			auth: {
 				...t.auth,
 				...e
 			}
-		})), Y((t) => ({
+		})), X((t) => ({
 			...t,
-			...he(e)
-		})), K((t) => {
+			...xe(e)
+		})), Y((t) => {
 			let n = { ...t };
-			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of fe) delete n[e];
+			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of ye) delete n[e];
 			else for (let t of Object.keys(e)) delete n[t];
 			return n;
-		}), "isLoggedIn" in e && d();
-	}, [d]), ie = O(async () => {
-		if (B && X.current != null && JSON.stringify(X.current) === JSON.stringify(V)) return B;
-		W(!0);
+		}), "isLoggedIn" in e && u();
+	}, [u]), ge = x(async () => {
+		if (I && Z.current != null && JSON.stringify(Z.current) === JSON.stringify(W)) return I;
+		q(!0);
 		try {
-			let e = await s(V, B);
-			return e ? (B || I(e), X.current = V, await d(), e) : null;
+			let e = await o(W, I);
+			return e ? (I || F(e), Z.current = W, await u(), e) : null;
 		} catch {
 			return null;
 		} finally {
-			W(!1);
+			q(!1);
 		}
 	}, [
-		V,
-		B,
-		s,
-		d
-	]), ae = O(async () => await ie() ?? !1, [ie]), $ = O((e) => {
-		let n = P?.validation, r = {}, i = a(e, { validateVersionPattern: !0 });
-		return i.name === t.Required && (r.name = n?.nameRequired ?? "Name is required"), i.version === t.InvalidFormat && (r.version = n?.versionInvalid ?? "Version may only contain letters, digits, dots, underscores, and dashes"), e.endpoint.trim() ? J(e.endpoint) || (r.endpoint = n?.endpointInvalid ?? "Enter a valid http(s) URL") : r.endpoint = n?.endpointRequired ?? "Endpoint is required", e.auth.isLoggedIn || (e.auth.authenticationType === o.ApiKey && (e.auth.keyHeader?.trim() || (r.keyHeader = n?.keyHeaderRequired ?? "Key name is required"), e.auth.withLogin === c.WithLogin && !e.auth.apiKey?.trim() && (r.apiKey = n?.apiKeyRequired ?? "API key is required")), e.auth.authenticationType === o.OAuth && e.auth.withLogin === c.WithConfig && (e.auth.clientId?.trim() || (r.clientId = n?.clientIdRequired ?? "Client ID is required"), !F && !e.auth.clientSecret?.trim() && (r.clientSecret = n?.clientSecretRequired ?? "Client secret is required"), e.auth.authorizationEndpoint?.trim() && !J(e.auth.authorizationEndpoint) && (r.authorizationEndpoint = n?.endpointInvalid ?? "Enter a valid http(s) URL"), e.auth.tokenEndpoint?.trim() && !J(e.auth.tokenEndpoint) && (r.tokenEndpoint = n?.endpointInvalid ?? "Enter a valid http(s) URL"))), r;
-	}, [P, F]), se = O(async () => {
-		let e = $(V);
-		if (Object.keys(e).length > 0) {
-			K(e);
+		W,
+		I,
+		o,
+		u
+	]), _e = x(async () => await ge() ?? !1, [ge]), $ = x((e) => {
+		let t = M?.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"), e.auth.tokenEndpoint?.trim() && !G(e.auth.tokenEndpoint) && (n.tokenEndpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL"))), n;
+	}, [M, N]), Se = x(async () => {
+		let e = H(), t = $(W);
+		if (!e || Object.keys(t).length > 0) {
+			Y(t);
 			return;
 		}
-		K({}), W(!0);
+		Y({}), q(!0);
 		try {
-			let e = await s(V, B);
+			let e = await o(W, I);
 			if (!e) return;
-			await d(), f(V);
+			await u(), f(W);
 			try {
-				await l(e, V.auth), m();
+				await c(e, W.auth), h();
 			} catch (e) {
-				let { traceId: t } = await u(e);
-				C(P?.settings?.auth?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
+				let { traceId: t } = await d(e);
+				E(M?.settings?.auth?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
 			}
 		} catch {} finally {
-			W(!1);
+			q(!1);
 		}
 	}, [
-		V,
+		H,
+		W,
 		$,
-		B,
-		s,
-		d,
+		I,
+		o,
+		u,
 		f,
-		m,
-		l,
-		C,
-		P
-	]), ce = A(() => !re(V, F), [V, F]), le = A(() => {
-		let e = $(V), t = { ...G };
-		for (let n of pe) {
-			if (!q[n]) continue;
-			let r = e[n];
-			r ? t[n] = r : delete t[n];
+		h,
+		c,
+		E,
+		M
+	]), Ce = y({
+		value: R.description,
+		onChange: (e) => Q({ description: e }),
+		onRefine: j,
+		disabled: K,
+		resetKey: L.key
+	}), we = j ? (e, t) => /* @__PURE__ */ D(g, {
+		isEnabled: !0,
+		fieldId: t,
+		label: M?.general?.form?.description.label ?? "Description",
+		labels: M?.refinement,
+		refinement: Ce,
+		disabled: Ce.isPending || K,
+		children: e
+	}) : void 0, Te = C(() => !ue(W, N), [W, N]), Ee = C(() => {
+		let t = M?.validation, n = $(W), r = { ...J };
+		for (let e of be) {
+			if (!de[e]) continue;
+			let t = n[e];
+			t ? r[e] = t : delete r[e];
 		}
-		return t;
+		return V.name === e.Required ? r.name = t?.nameRequired ?? "Name is required" : V.name === e.TooLong ? r.name = t?.nameTooLong ?? `Use ${m} characters or fewer.` : V.name === e.ControlCharacters && (r.name = t?.nameControlCharacters ?? "Remove line breaks, tabs and other control characters."), V.description === e.TooLong && (r.description = t?.descriptionTooLong ?? `Use ${p} characters or fewer.`), V.version === e.InvalidFormat && (r.version = t?.versionInvalid ?? "Version must follow semantic versioning (e.g., 1.0.0)"), r;
 	}, [
-		q,
-		G,
+		de,
+		J,
+		W,
+		M,
 		V,
 		$
-	]), ue = g && B ? g(B) : void 0;
-	return /* @__PURE__ */ L(r, {
-		title: F ? P?.layout?.editTitle ?? "Edit toolset" : P?.layout?.createTitle ?? "Create toolset",
-		onBack: h,
-		backAriaLabel: P?.layout?.backAriaLabel ?? "Back to catalog",
-		isSaving: U,
-		labels: { savingStatusLabel: P?.layout?.savingStatusLabel ?? "Saving" },
-		actions: /* @__PURE__ */ R(ne, { children: [/* @__PURE__ */ L(b, {
-			label: P?.layout?.cancelLabel ?? "Cancel",
-			onClick: h
-		}), /* @__PURE__ */ L(S, {
-			label: F ? P?.layout?.saveLabel ?? "Save" : P?.layout?.createLabel ?? "Create",
-			disabled: ce,
-			onClick: se
-		})] }),
-		leftContent: /* @__PURE__ */ L(i, {
-			title: P?.layout?.metadataSectionTitle ?? "Metadata",
-			className: p("border-0 p-4 desktop:p-6", z.metadataSection),
-			children: /* @__PURE__ */ L(oe, {
-				form: V,
-				errors: le,
-				bucket: w,
-				FileManagerModal: ee,
-				resolveIconUrl: T,
-				allowedMimeTypes: E,
-				maxFileSizeBytes: D,
-				availableLocaleOptions: N,
-				onChange: Z,
-				labels: P?.general
-			})
+	]), De = v && I ? v(I) : void 0;
+	return /* @__PURE__ */ D(t, {
+		title: N ? M?.layout?.editTitle ?? "Edit toolset" : M?.layout?.createTitle ?? "Create toolset",
+		onBack: _,
+		onCancel: _,
+		onSubmit: Se,
+		submitLabel: N ? M?.layout?.saveLabel ?? "Save" : M?.layout?.createLabel ?? "Create",
+		isSubmitting: K,
+		isSubmitDisabled: Te || Ce.isPending,
+		metadataSectionClassName: se.metadataSection,
+		setupSectionClassName: se.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"
+		},
+		metadata: /* @__PURE__ */ D(me, {
+			form: W,
+			errors: Ee,
+			bucket: re,
+			FileManagerModal: O,
+			resolveIconUrl: ie,
+			allowedMimeTypes: ae,
+			maxFileSizeBytes: k,
+			availableLocaleOptions: A,
+			onChange: Q,
+			renderDescription: we,
+			labels: M?.general
 		}),
-		rightContent: /* @__PURE__ */ L(i, {
-			title: P?.layout?.setupSectionTitle ?? "Setup",
-			className: p("border-0 p-4 desktop:p-6", z.setupSection),
-			children: /* @__PURE__ */ L(de, {
-				form: V,
-				errors: le,
-				isSaving: U,
-				toolsetId: B,
-				isEditMode: F,
-				connectUrl: ue,
-				listToolNames: _,
-				authActions: v,
-				onOAuthLogin: y,
-				onNotifySuccess: x,
-				onNotifyError: C,
-				onChange: Z,
-				onAuthChange: Q,
-				onEnsureSaved: ae,
-				labels: P?.settings
-			})
+		setup: /* @__PURE__ */ D(ve, {
+			form: W,
+			errors: Ee,
+			isSaving: K,
+			toolsetId: I,
+			isEditMode: N,
+			connectUrl: De,
+			listToolNames: b,
+			authActions: T,
+			onOAuthLogin: te,
+			onNotifySuccess: ne,
+			onNotifyError: E,
+			onChange: Q,
+			onAuthChange: he,
+			onEnsureSaved: _e,
+			labels: M?.settings
 		})
 	});
 };
 //#endregion
-export { U as AUTH_TYPE_ICONS, V as DEFAULT_TOOLSET_NAME, H as DEFAULT_TOOLSET_VERSION, oe as GeneralForm, z as TOOLSET_EDITOR_CLASS, ge as ToolsetEditor, $ as ToolsetOAuthLoginStatus, B as ToolsetTransportType, K as getDefaultToolsetForm, W as getStorageSafeUniqueToolsetName, Q as isToolsetAuthValid, re as isToolsetFormValid, J as isValidEndpointUrl, X as normalizeReturnedEndpointUrl };
+export { V as AUTH_TYPE_ICONS, z as DEFAULT_TOOLSET_NAME, B as DEFAULT_TOOLSET_VERSION, me as GeneralForm, se as TOOLSET_EDITOR_CLASS, Se as ToolsetEditor, Z as ToolsetOAuthLoginStatus, R as ToolsetTransportType, U as getDefaultToolsetForm, H as getStorageSafeUniqueToolsetName, Y as isToolsetAuthValid, ue as isToolsetFormValid, G as isValidEndpointUrl, q as normalizeReturnedEndpointUrl };