@epam/ai-dial-toolset-editor 1.2.0-dev.3 → 1.2.0-dev.303

package/index.js

@@ -1,59 +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 { ConfirmationPopup as d, ConfirmationPopupVariant as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, Input as h, NeutralButton as g, PasswordInput as _, PrimaryButton as v, Radio as y, RadioGroup as b, SegmentedControl as ee, Select as x, TagInput as S } from "@epam/ai-dial-ui-kit";
-import { memo as C, useCallback as w, useEffect as T, useMemo as E, useRef as D, useState as O } from "react";
-import { IconBrandOauth as k, IconKey as A, IconLockOff as j, IconLogin as te, IconLogout as M } from "@tabler/icons-react";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { CopyButton as I, TAG_INPUT_TAG_CLASS_NAME as L, mergeClasses as R, useCodeCopy as z } from "@epam/ai-dial-chat-shared";
-//#region src/constants/toolsets.ts
-var B = /* @__PURE__ */ function(e) {
+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 se = {
+	metadataSection: "dial-toolset-editor-metadata-section",
+	setupSection: "dial-toolset-editor-setup-section"
+}, R = /* @__PURE__ */ function(e) {
 	return e.Http = "HTTP", e.Sse = "SSE", e;
-}({}), V = "New toolset", H = "0.0.1", U = {
-	[o.OAuth]: k,
-	[o.ApiKey]: A,
-	[o.None]: j
-}, 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;
-}, ne = (e) => !e?.trim() || J(e), Z = (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()) && ne(e.authorizationEndpoint) && ne(e.tokenEndpoint) : !0, re = (e, t = !1) => Object.keys(a(e, { validateVersionPattern: !0 })).length === 0 && J(e.endpoint) && Z(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"
@@ -92,381 +116,356 @@ var B = /* @__PURE__ */ function(e) {
 		saveLabel: "Save"
 	},
 	ariaLabel: "General"
-}, Q = {
-	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"
-}, ae = ({ 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] = O(!1), _ = m?.form ?? ie, v = m?.avatarPicker ?? Q, y = E(() => o(t.iconUrl), [t.iconUrl, o]);
-	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(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__ */ P(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;
-}({}), oe = (e, t) => e === o.None ? c.WithoutLogin : e === o.OAuth && !t ? c.WithConfig : c.WithLogin, se = (e, t) => e === o.None ? t?.typeNone ?? "Open access" : e === o.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", ce = ({ auth: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, endpoint: a, authActions: l, onOAuthLogin: v, onNotifySuccess: b, onNotifyError: x, onAuthChange: C, onEnsureSaved: w, labels: T }) => {
-	let [E, D] = O(!1), [k, A] = O(!1), j = e.isLoggedIn || n || E, N = J(a) && Z(e, i) && !j, I = (t) => {
-		j || t === e.authenticationType || C({
+}({}), 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: oe(t, !!e.clientId?.trim())
+			withLogin: Q(t)
 		});
-	}, R = (e) => {
-		C({ withLogin: e });
-	}, z = (e) => {
-		switch (e.auth != null && C(e.auth), e.status) {
-			case $.Success:
-				C({ isLoggedIn: !0 }), b(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:
-				x(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:
-				x(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:
-				x(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;
 		}
-	}, B = async () => {
-		if (!N) return;
-		if (e.authenticationType === o.OAuth) {
-			D(!0);
+	}, ne = async () => {
+		if (!C) return;
+		if (e.authenticationType === s.OAuth) {
+			y(!0);
 			try {
-				z(await v({
+				te(await u({
 					auth: e,
-					ensureSaved: w
+					ensureSaved: g
 				}));
 			} finally {
-				D(!1);
+				y(!1);
 			}
 			return;
 		}
-		let t = await w();
+		let t = await g();
 		if (t) {
-			D(!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), C({ isLoggedIn: !0 }), b(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);
-				x(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 {
-				D(!1);
+				y(!1);
 			}
 		}
-	}, V = async () => {
-		D(!0);
+	}, F = async () => {
+		y(!0);
 		try {
 			let t = {
 				url: r,
-				credentialsLevel: s.User,
+				credentialsLevel: c.User,
 				authenticationType: e.authenticationType
 			};
-			await l.logout(r, t), C({ isLoggedIn: !1 }), A(!1), b(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);
-			x(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 {
-			D(!1);
+			y(!1);
 		}
-	}, H = () => e.isLoggedIn ? /* @__PURE__ */ P("div", {
+	}, L = () => e.isLoggedIn ? /* @__PURE__ */ D("div", {
 		className: "flex",
-		children: /* @__PURE__ */ P(g, {
-			label: T?.logOutLabel ?? "Log out",
-			iconBefore: /* @__PURE__ */ P(M, {
-				size: p.MD,
-				stroke: m
+		children: /* @__PURE__ */ D(M, {
+			label: _?.logOutLabel ?? "Log out",
+			iconBefore: /* @__PURE__ */ D(re, {
+				size: k.MD,
+				stroke: A
 			}),
-			onClick: () => A(!0),
-			disabled: n || E
+			onClick: () => x(!0),
+			disabled: n || v
 		})
-	}) : /* @__PURE__ */ P("div", {
+	}) : /* @__PURE__ */ D("div", {
 		className: "flex",
-		children: /* @__PURE__ */ P(g, {
-			label: T?.logInLabel ?? "Log in",
-			iconBefore: /* @__PURE__ */ P(te, {
-				size: p.MD,
-				stroke: m
+		children: /* @__PURE__ */ D(M, {
+			label: _?.logInLabel ?? "Log in",
+			iconBefore: /* @__PURE__ */ D(E, {
+				size: k.MD,
+				stroke: A
 			}),
-			onClick: B,
-			disabled: !N
+			onClick: ne,
+			disabled: !C
 		})
 	});
-	return /* @__PURE__ */ F("section", {
+	return /* @__PURE__ */ O("section", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ P("h3", {
+			/* @__PURE__ */ D("h3", {
 				className: "dial-h3-text",
-				children: T?.sectionTitle ?? "Authentication"
+				children: _?.sectionTitle ?? "Authentication"
 			}),
-			/* @__PURE__ */ P(ee, {
-				"aria-label": T?.sectionTitle ?? "Authentication",
+			/* @__PURE__ */ D(I, {
+				"aria-label": _?.sectionTitle ?? "Authentication",
 				value: e.authenticationType,
-				onChange: (e) => I(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__ */ F("div", {
+						label: /* @__PURE__ */ O("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ P(n, {
+							children: [/* @__PURE__ */ D(n, {
 								className: "shrink-0",
-								size: p.SM,
-								stroke: m,
+								size: k.SM,
+								stroke: A,
 								"aria-hidden": !0
-							}), /* @__PURE__ */ P("span", {
+							}), /* @__PURE__ */ D("span", {
 								className: "sr-only desktop:not-sr-only",
-								children: se(t, T)
+								children: he(t, _)
 							})]
 						}),
-						disabled: j && e.authenticationType !== t
+						disabled: S && e.authenticationType !== t
 					};
 				})
 			}),
-			e.authenticationType === o.None && /* @__PURE__ */ P("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__ */ F("div", {
+			e.authenticationType === s.OAuth && /* @__PURE__ */ O("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ O("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ P(y, {
+						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: R
-						}), /* @__PURE__ */ P(y, {
+							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: R
+							value: l.WithConfig,
+							labelProps: { label: _?.withConfigOAuthLabel ?? "Custom login" },
+							isSelected: e.withLogin === l.WithConfig,
+							disabled: S,
+							onChange: T
 						})]
 					}),
-					e.withLogin === c.WithConfig && /* @__PURE__ */ F("div", {
+					e.withLogin === l.WithConfig && /* @__PURE__ */ O("div", {
 						className: "flex flex-col gap-3",
 						children: [
-							/* @__PURE__ */ P(h, {
+							/* @__PURE__ */ D(j, {
 								id: "toolset-client-id",
 								value: e.clientId ?? "",
-								onChange: (e) => C({ 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__ */ P(_, {
+							/* @__PURE__ */ D(N, {
 								id: "toolset-client-secret",
 								value: e.clientSecret ?? "",
-								onChange: (e) => C({ 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__ */ P(h, {
+							/* @__PURE__ */ D(j, {
 								id: "toolset-authorization-endpoint",
 								value: e.authorizationEndpoint ?? "",
-								onChange: (e) => C({ 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__ */ P(h, {
+							/* @__PURE__ */ D(j, {
 								id: "toolset-token-endpoint",
 								value: e.tokenEndpoint ?? "",
-								onChange: (e) => C({ 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__ */ P(S, {
+							/* @__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) => C({ scopes: e }),
-								disabled: j,
-								tagClassName: L
+								onChange: (e) => m({ scopes: e }),
+								disabled: S,
+								tagClassName: h
 							})
 						]
 					}),
-					H()
+					L()
 				]
 			}),
-			e.authenticationType === o.ApiKey && /* @__PURE__ */ F("div", {
+			e.authenticationType === s.ApiKey && /* @__PURE__ */ O("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ O("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ P(y, {
+						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: R
-						}), /* @__PURE__ */ P(y, {
+							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: R
+							value: l.WithoutLogin,
+							labelProps: { label: _?.withoutLoginLabel ?? "Without login" },
+							isSelected: e.withLogin === l.WithoutLogin,
+							disabled: S,
+							onChange: T
 						})]
 					}),
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ O("div", {
 						className: "flex flex-col gap-3",
-						children: [/* @__PURE__ */ P(h, {
+						children: [/* @__PURE__ */ D(j, {
 							id: "toolset-key-header",
 							value: e.keyHeader ?? "",
-							onChange: (e) => C({ 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__ */ P(_, {
+							disabled: S
+						}), e.withLogin === l.WithLogin && /* @__PURE__ */ D(N, {
 							id: "toolset-api-key",
 							value: e.apiKey ?? "",
-							onChange: (e) => C({ 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 && H()
+					e.withLogin !== l.WithoutLogin && L()
 				]
 			}),
-			k && /* @__PURE__ */ P(d, {
-				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: f.Danger,
-				isLoading: E,
-				disableConfirmButton: E,
-				onConfirm: V,
-				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)
 			})
 		]
 	});
-}, le = C(({ url: e, className: t, labels: n }) => {
-	let { isCopied: r, copy: i } = z(e), a = n?.copiedLabel ?? "Copied!";
-	return /* @__PURE__ */ F("div", {
-		className: R("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__ */ F("div", {
+			/* @__PURE__ */ O("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ P("p", {
+				children: [/* @__PURE__ */ D("p", {
 					className: "dial-body-semi-text text-start text-primary",
 					children: n?.title ?? "Connect toolset"
-				}), /* @__PURE__ */ P("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__ */ P("div", { children: /* @__PURE__ */ P(I, {
+			/* @__PURE__ */ D("div", { children: /* @__PURE__ */ D(f, {
 				copiedLabel: a,
 				copyLabel: n?.copyLabel ?? "Copy URL",
 				isCopied: r,
 				onClick: i
 			}) }),
-			/* @__PURE__ */ P("span", {
+			/* @__PURE__ */ D("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
@@ -474,16 +473,16 @@ var B = /* @__PURE__ */ function(e) {
 			})
 		]
 	});
-}), ue = ({ 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, _] = O(null), v = !!a && !!r, y = E(() => [{
-		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 T(() => {
-		if (!r || !o || !Z(e.auth, i)) {
+	return S(() => {
+		if (!r || !o || !Y(e.auth, i)) {
 			_(null);
 			return;
 		}
@@ -504,10 +503,10 @@ var B = /* @__PURE__ */ function(e) {
 		e.auth,
 		e.endpoint,
 		o
-	]), /* @__PURE__ */ F("div", {
+	]), /* @__PURE__ */ O("div", {
 		className: "flex max-w-[1060px] flex-col gap-4",
 		children: [
-			/* @__PURE__ */ P(h, {
+			/* @__PURE__ */ D(j, {
 				id: "toolset-endpoint",
 				value: e.endpoint,
 				onChange: (e) => d({ endpoint: e ?? "" }),
@@ -520,7 +519,7 @@ var B = /* @__PURE__ */ function(e) {
 				error: t.endpoint || void 0,
 				invalid: !!t.endpoint
 			}),
-			/* @__PURE__ */ P(b, {
+			/* @__PURE__ */ D(F, {
 				labelProps: {
 					label: m?.protocolLabel ?? "Protocol",
 					required: !0
@@ -532,7 +531,7 @@ var B = /* @__PURE__ */ function(e) {
 					d({ protocol: e });
 				}
 			}),
-			g ? /* @__PURE__ */ P(x, {
+			g ? /* @__PURE__ */ D(L, {
 				id: "toolset-allowed-tools",
 				multiple: !0,
 				searchable: !0,
@@ -545,15 +544,15 @@ var B = /* @__PURE__ */ function(e) {
 				})),
 				value: e.allowedTools,
 				onChange: (e) => d({ allowedTools: e })
-			}) : /* @__PURE__ */ P(S, {
+			}) : /* @__PURE__ */ D(oe, {
 				id: "toolset-allowed-tools",
 				labelProps: { label: m?.allowedToolsLabel ?? "Allowed tools" },
 				placeholder: m?.allowedToolsPlaceholder ?? "Add tools, comma separated",
 				value: e.allowedTools,
 				onChange: (e) => d({ allowedTools: e }),
-				tagClassName: L
+				tagClassName: h
 			}),
-			/* @__PURE__ */ P(ce, {
+			/* @__PURE__ */ D(ge, {
 				auth: e.auth,
 				errors: t,
 				isSaving: n,
@@ -568,178 +567,202 @@ var B = /* @__PURE__ */ function(e) {
 				onEnsureSaved: p,
 				labels: m?.auth
 			}),
-			v && /* @__PURE__ */ P(le, {
+			v && /* @__PURE__ */ D(_e, {
 				url: a ?? "",
 				labels: m?.connect,
 				className: "border-t border-tertiary pt-4"
 			})
 		]
 	});
-}, de = [
+}, ye = [
 	"keyHeader",
 	"apiKey",
 	"clientId",
 	"clientSecret",
 	"authorizationEndpoint",
 	"tokenEndpoint"
-], fe = [
-	"name",
-	"version",
-	"endpoint",
-	...de
-], pe = new Set(fe), me = (e) => {
+], be = ["endpoint", ...ye], $ = new Set(be), xe = (e) => {
 	let t = {};
-	for (let n of Object.keys(e)) pe.has(n) && (t[n] = !0);
+	for (let n of Object.keys(e)) $.has(n) && (t[n] = !0);
 	return t;
-}, he = ({ initialForm: e, toolsetId: n, onPersist: s, onPostSaveLogin: l, onToolsetsChanged: d, onSaveSuccess: f, onSaveComplete: p, onBack: m, buildMcpUrl: h, listToolNames: _, authActions: y, onOAuthLogin: b, onNotifySuccess: ee, onNotifyError: x, bucket: S, FileManagerModal: C, resolveIconUrl: k, allowedMimeTypes: A, maxFileSizeBytes: j, availableLocaleOptions: te, labels: M }) => {
-	let I = !!n, [L, R] = O(""), z = n || L, [B, V] = O(e), [H, U] = O(!1), [W, G] = O({}), [K, q] = O({}), Y = D(null);
-	T(() => {
-		V(e), Y.current = e, G({}), q({}), R("");
-	}, [e]);
-	let X = w((e) => {
-		V((t) => ({
-			...t,
-			...e
-		})), q((t) => ({
-			...t,
-			...me(e)
-		})), G((t) => {
-			let n = { ...t };
-			for (let t of Object.keys(e)) delete n[t];
-			return n;
-		});
-	}, []), ne = w((e) => {
-		V((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
 			}
-		})), q((t) => ({
+		})), X((t) => ({
 			...t,
-			...me(e)
-		})), G((t) => {
+			...xe(e)
+		})), Y((t) => {
 			let n = { ...t };
-			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of de) 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]), Z = w(async () => {
-		if (z && Y.current != null && JSON.stringify(Y.current) === JSON.stringify(B)) return z;
-		U(!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(B, z);
-			return e ? (z || R(e), Y.current = B, 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 {
-			U(!1);
+			q(!1);
 		}
 	}, [
-		B,
-		z,
-		s,
-		d
-	]), ie = w(async () => await Z() ?? !1, [Z]), Q = w((e) => {
-		let n = M?.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"), !I && !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;
-	}, [M, I]), $ = w(async () => {
-		let e = Q(B);
-		if (Object.keys(e).length > 0) {
-			G(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;
 		}
-		G({}), U(!0);
+		Y({}), q(!0);
 		try {
-			let e = await s(B, z);
+			let e = await o(W, I);
 			if (!e) return;
-			await d(), f(B);
+			await u(), f(W);
 			try {
-				await l(e, B.auth), p();
+				await c(e, W.auth), h();
 			} catch (e) {
-				let { traceId: t } = await u(e);
-				x(M?.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 {
-			U(!1);
+			q(!1);
 		}
 	}, [
-		B,
-		Q,
-		z,
-		s,
-		d,
+		H,
+		W,
+		$,
+		I,
+		o,
+		u,
 		f,
-		p,
-		l,
-		x,
+		h,
+		c,
+		E,
 		M
-	]), oe = E(() => !re(B, I), [B, I]), se = E(() => {
-		let e = Q(B), t = { ...W };
-		for (let n of fe) {
-			if (!K[n]) continue;
-			let r = e[n];
-			r ? t[n] = r : delete t[n];
+	]), 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;
 	}, [
-		K,
+		de,
+		J,
 		W,
-		B,
-		Q
-	]), ce = h && z ? h(z) : void 0;
-	return /* @__PURE__ */ P(r, {
-		title: I ? M?.layout?.editTitle ?? "Edit toolset" : M?.layout?.createTitle ?? "Create toolset",
-		onBack: m,
-		backAriaLabel: M?.layout?.backAriaLabel ?? "Back to catalog",
-		isSaving: H,
-		labels: { savingStatusLabel: M?.layout?.savingStatusLabel ?? "Saving" },
-		actions: /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(g, {
-			label: M?.layout?.cancelLabel ?? "Cancel",
-			onClick: m
-		}), /* @__PURE__ */ P(v, {
-			label: I ? M?.layout?.saveLabel ?? "Save" : M?.layout?.createLabel ?? "Create",
-			disabled: oe,
-			onClick: $
-		})] }),
-		leftContent: /* @__PURE__ */ P(i, {
-			title: M?.layout?.metadataSectionTitle ?? "Metadata",
-			className: "border-0 p-4 desktop:p-6",
-			children: /* @__PURE__ */ P(ae, {
-				form: B,
-				errors: se,
-				bucket: S,
-				FileManagerModal: C,
-				resolveIconUrl: k,
-				allowedMimeTypes: A,
-				maxFileSizeBytes: j,
-				availableLocaleOptions: te,
-				onChange: X,
-				labels: M?.general
-			})
+		M,
+		V,
+		$
+	]), 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__ */ P(i, {
-			title: M?.layout?.setupSectionTitle ?? "Setup",
-			className: "border-0 p-4 desktop:p-6",
-			children: /* @__PURE__ */ P(ue, {
-				form: B,
-				errors: se,
-				isSaving: H,
-				toolsetId: z,
-				isEditMode: I,
-				connectUrl: ce,
-				listToolNames: _,
-				authActions: y,
-				onOAuthLogin: b,
-				onNotifySuccess: ee,
-				onNotifyError: x,
-				onChange: X,
-				onAuthChange: ne,
-				onEnsureSaved: ie,
-				labels: M?.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, ae as GeneralForm, he as ToolsetEditor, $ as ToolsetOAuthLoginStatus, B as ToolsetTransportType, K as getDefaultToolsetForm, W as getStorageSafeUniqueToolsetName, Z 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 };