@epam/ai-dial-toolset-editor 1.2.0-dev.20 → 1.2.0-dev.201

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 { DeploymentCreationFieldErrorCode as e, EntityEditor as t, MetadataField as n, MetadataForm as r, useMetadataForm 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 { CopyButton as d, ENTITY_DESCRIPTION_MAX_LENGTH as f, ENTITY_NAME_MAX_LENGTH as p, TAG_INPUT_TAG_CLASS_NAME as m, mergeClasses as h, useCodeCopy as g } from "@epam/ai-dial-chat-shared";
+import { memo as _, useCallback as v, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
+import { IconBrandOauth as C, IconKey as w, IconLockOff as ee, IconLogin as te, IconLogout as T } from "@tabler/icons-react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { ConfirmationPopup as ne, ConfirmationPopupVariant as re, DIAL_ICON_SIZE as O, DIAL_KIT_ICON_STROKE as k, Input as A, NeutralButton as j, PasswordInput as M, Radio as N, RadioGroup as P, SegmentedControl as F, Select as I, TagInput as L } from "@epam/ai-dial-ui-kit";
+//#region src/constants/public-class-names.ts
+var R = {
+	metadataSection: "dial-toolset-editor-metadata-section",
+	setupSection: "dial-toolset-editor-setup-section"
+}, z = /* @__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 }) => {
+}({}), B = "New toolset", V = "1.0.0", H = {
+	[o.OAuth]: C,
+	[o.ApiKey]: w,
+	[o.None]: ee
+}, U = ({ defaultName: e = B, 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 = () => ({
+}, W = () => ({
 	authenticationType: o.None,
 	withLogin: c.WithoutLogin,
 	isLoggedIn: !1
-}), K = (e = []) => ({
-	name: W({ existingNames: e }),
-	version: H,
+}), G = (e = []) => ({
+	name: U({ existingNames: e }),
+	version: V,
 	iconUrl: "",
 	description: "",
 	topics: [],
 	otherLocales: [],
 	endpoint: "",
-	protocol: B.Http,
+	protocol: z.Http,
 	allowedTools: [],
-	auth: G()
-}), q = (e) => {
+	auth: W()
+}), K = (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) => {
+}, q = (e) => K(e.trim()), ie = (e) => e.replace(/^(https?):\/([^/])/, "$1://$2"), J = (e) => {
 	let t = e?.trim() ?? "";
-	if (!t || q(t)) return t;
+	if (!t || K(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 = ie(e);
+		if (K(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 = {
+}, Y = (e) => !e?.trim() || q(e), X = (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()) && Y(e.authorizationEndpoint) && Y(e.tokenEndpoint) : !0, ae = (e, t = !1) => Object.keys(a(e, { validateVersionPattern: !0 })).length === 0 && q(e.endpoint) && X(e.auth, t), oe = new Set([
+	"name",
+	"description",
+	"iconUrl",
+	"version",
+	"topics",
+	"otherLocales"
+]), se = (e) => ({
+	name: e.name,
+	description: e.description,
+	iconUrl: e.iconUrl,
+	version: e.version,
+	topics: e.topics,
+	otherLocales: e.otherLocales
+}), ce = (e) => {
+	let t = {}, n = {};
+	for (let [r, i] of Object.entries(e)) (oe.has(r) ? t : n)[r] = i;
+	return {
+		metadata: t,
+		setup: n
+	};
+}, Z = {
 	name: {
 		label: "Name",
 		placeholder: "Enter name"
@@ -92,107 +116,81 @@ 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) {
+}, le = ({ form: e, errors: t, bucket: n, FileManagerModal: i, resolveIconUrl: a, allowedMimeTypes: o, maxFileSizeBytes: s, availableLocaleOptions: c, onChange: u, onNameBlur: d, onVersionBlur: f, labels: p }) => {
+	let m = v((e) => {
+		let [t] = e.files;
+		return (t ? l(t, n, { resolvePreviewUrl: a }) : null)?.url;
+	}, [n, a]);
+	return /* @__PURE__ */ E(r, {
+		values: e,
+		errors: t,
+		onChange: u,
+		onNameBlur: d,
+		onVersionBlur: f,
+		avatarPicker: b(() => ({
+			bucket: n,
+			FileManagerModal: i,
+			resolveIconUrl: a,
+			resolveAttachedIconUrl: m,
+			allowedMimeTypes: o,
+			maxFileSizeBytes: s
+		}), [
+			n,
+			i,
+			a,
+			m,
+			o,
+			s
+		]),
+		availableLocaleOptions: c,
+		labels: b(() => ({
+			form: p?.form ?? Z,
+			avatarPicker: p?.avatarPicker
+		}), [p?.form, p?.avatarPicker])
+	});
+}, Q = /* @__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({
+}({}), ue = (e, t) => e === o.None ? c.WithoutLogin : e === o.OAuth && !t ? c.WithConfig : c.WithLogin, de = (e, t) => e === o.None ? t?.typeNone ?? "Open access" : e === o.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", fe = ({ auth: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, endpoint: a, authActions: l, onOAuthLogin: d, onNotifySuccess: f, onNotifyError: p, onAuthChange: h, onEnsureSaved: g, labels: _ }) => {
+	let [v, y] = S(!1), [b, x] = S(!1), C = e.isLoggedIn || n || v, w = q(a) && X(e, i) && !C, ee = (t) => {
+		C || t === e.authenticationType || h({
 			authenticationType: t,
-			withLogin: oe(t, !!e.clientId?.trim())
+			withLogin: ue(t, !!e.clientId?.trim())
 		});
-	}, 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.");
+	}, P = (e) => {
+		h({ withLogin: e });
+	}, I = (e) => {
+		switch (e.auth != null && h(e.auth), e.status) {
+			case Q.Success:
+				h({ 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 Q.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 Q.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 Q.Failed:
+				p(_?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", e.traceId);
 				return;
-			case $.Cancelled: return;
+			case Q.Cancelled: return;
 		}
-	}, B = async () => {
-		if (!N) return;
+	}, R = async () => {
+		if (!w) return;
 		if (e.authenticationType === o.OAuth) {
-			D(!0);
+			y(!0);
 			try {
-				z(await v({
+				I(await d({
 					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,
@@ -200,273 +198,273 @@ var B = /* @__PURE__ */ function(e) {
 					authenticationType: e.authenticationType,
 					apiKey: e.apiKey?.trim()
 				};
-				await l.login(t, n), C({ isLoggedIn: !0 }), b(T?.loginSuccessMessage ?? "Successfully logged in.");
+				await l.login(t, n), h({ 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);
+				p(_?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
 			} finally {
-				D(!1);
+				y(!1);
 			}
 		}
-	}, V = async () => {
-		D(!0);
+	}, z = async () => {
+		y(!0);
 		try {
 			let t = {
 				url: r,
 				credentialsLevel: s.User,
 				authenticationType: e.authenticationType
 			};
-			await l.logout(r, t), C({ isLoggedIn: !1 }), A(!1), b(T?.logoutSuccessMessage ?? "Successfully logged out.");
+			await l.logout(r, t), h({ 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);
+			p(_?.errorLogoutFailed ?? "Failed to log out. Please try again.", t);
 		} finally {
-			D(!1);
+			y(!1);
 		}
-	}, H = () => e.isLoggedIn ? /* @__PURE__ */ P("div", {
+	}, B = () => e.isLoggedIn ? /* @__PURE__ */ E("div", {
 		className: "flex",
-		children: /* @__PURE__ */ P(g, {
-			label: T?.logOutLabel ?? "Log out",
-			iconBefore: /* @__PURE__ */ P(M, {
-				size: p.MD,
-				stroke: m
+		children: /* @__PURE__ */ E(j, {
+			label: _?.logOutLabel ?? "Log out",
+			iconBefore: /* @__PURE__ */ E(T, {
+				size: O.MD,
+				stroke: k
 			}),
-			onClick: () => A(!0),
-			disabled: n || E
+			onClick: () => x(!0),
+			disabled: n || v
 		})
-	}) : /* @__PURE__ */ P("div", {
+	}) : /* @__PURE__ */ E("div", {
 		className: "flex",
-		children: /* @__PURE__ */ P(g, {
-			label: T?.logInLabel ?? "Log in",
-			iconBefore: /* @__PURE__ */ P(te, {
-				size: p.MD,
-				stroke: m
+		children: /* @__PURE__ */ E(j, {
+			label: _?.logInLabel ?? "Log in",
+			iconBefore: /* @__PURE__ */ E(te, {
+				size: O.MD,
+				stroke: k
 			}),
-			onClick: B,
-			disabled: !N
+			onClick: R,
+			disabled: !w
 		})
 	});
-	return /* @__PURE__ */ F("section", {
+	return /* @__PURE__ */ D("section", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ P("h3", {
+			/* @__PURE__ */ E("h3", {
 				className: "dial-h3-text",
-				children: T?.sectionTitle ?? "Authentication"
+				children: _?.sectionTitle ?? "Authentication"
 			}),
-			/* @__PURE__ */ P(ee, {
-				"aria-label": T?.sectionTitle ?? "Authentication",
+			/* @__PURE__ */ E(F, {
+				"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
 				].map((t) => {
-					let n = U[t];
+					let n = H[t];
 					return {
 						value: t,
-						label: /* @__PURE__ */ F("div", {
+						label: /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ P(n, {
+							children: [/* @__PURE__ */ E(n, {
 								className: "shrink-0",
-								size: p.SM,
-								stroke: m,
+								size: O.SM,
+								stroke: k,
 								"aria-hidden": !0
-							}), /* @__PURE__ */ P("span", {
+							}), /* @__PURE__ */ E("span", {
 								className: "sr-only desktop:not-sr-only",
-								children: se(t, T)
+								children: de(t, _)
 							})]
 						}),
-						disabled: j && e.authenticationType !== t
+						disabled: C && e.authenticationType !== t
 					};
 				})
 			}),
-			e.authenticationType === o.None && /* @__PURE__ */ P("p", {
+			e.authenticationType === o.None && /* @__PURE__ */ E("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 === o.OAuth && /* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ D("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ P(y, {
+						children: [/* @__PURE__ */ E(N, {
 							name: "oauth-login-mode",
 							id: "oauth-with-login",
 							value: c.WithLogin,
-							labelProps: { label: T?.withLoginOAuthLabel ?? "Standard login" },
+							labelProps: { label: _?.withLoginOAuthLabel ?? "Standard login" },
 							isSelected: e.withLogin === c.WithLogin,
-							disabled: j,
-							onChange: R
-						}), /* @__PURE__ */ P(y, {
+							disabled: C,
+							onChange: P
+						}), /* @__PURE__ */ E(N, {
 							name: "oauth-login-mode",
 							id: "oauth-with-config",
 							value: c.WithConfig,
-							labelProps: { label: T?.withConfigOAuthLabel ?? "Custom login" },
+							labelProps: { label: _?.withConfigOAuthLabel ?? "Custom login" },
 							isSelected: e.withLogin === c.WithConfig,
-							disabled: j,
-							onChange: R
+							disabled: C,
+							onChange: P
 						})]
 					}),
-					e.withLogin === c.WithConfig && /* @__PURE__ */ F("div", {
+					e.withLogin === c.WithConfig && /* @__PURE__ */ D("div", {
 						className: "flex flex-col gap-3",
 						children: [
-							/* @__PURE__ */ P(h, {
+							/* @__PURE__ */ E(A, {
 								id: "toolset-client-id",
 								value: e.clientId ?? "",
-								onChange: (e) => C({ clientId: e ?? "" }),
+								onChange: (e) => h({ 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: C
 							}),
-							/* @__PURE__ */ P(_, {
+							/* @__PURE__ */ E(M, {
 								id: "toolset-client-secret",
 								value: e.clientSecret ?? "",
-								onChange: (e) => C({ clientSecret: e ?? "" }),
+								onChange: (e) => h({ 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: C
 							}),
-							/* @__PURE__ */ P(h, {
+							/* @__PURE__ */ E(A, {
 								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) => h({ authorizationEndpoint: e ?? "" }),
+								labelProps: { label: _?.authorizationEndpointLabel ?? "Authorization endpoint" },
+								placeholder: _?.authorizationEndpointPlaceholder ?? "Enter authorization endpoint",
 								error: t.authorizationEndpoint || void 0,
 								invalid: !!t.authorizationEndpoint,
-								disabled: j
+								disabled: C
 							}),
-							/* @__PURE__ */ P(h, {
+							/* @__PURE__ */ E(A, {
 								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) => h({ tokenEndpoint: e ?? "" }),
+								labelProps: { label: _?.tokenEndpointLabel ?? "Token endpoint" },
+								placeholder: _?.tokenEndpointPlaceholder ?? "Enter token endpoint",
 								error: t.tokenEndpoint || void 0,
 								invalid: !!t.tokenEndpoint,
-								disabled: j
+								disabled: C
 							}),
-							/* @__PURE__ */ P(S, {
+							/* @__PURE__ */ E(L, {
 								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) => h({ scopes: e }),
+								disabled: C,
+								tagClassName: m
 							})
 						]
 					}),
-					H()
+					B()
 				]
 			}),
-			e.authenticationType === o.ApiKey && /* @__PURE__ */ F("div", {
+			e.authenticationType === o.ApiKey && /* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ D("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ P(y, {
+						children: [/* @__PURE__ */ E(N, {
 							name: "apikey-login-mode",
 							id: "apikey-with-login",
 							value: c.WithLogin,
-							labelProps: { label: T?.withLoginLabel ?? "With login" },
+							labelProps: { label: _?.withLoginLabel ?? "With login" },
 							isSelected: e.withLogin === c.WithLogin,
-							disabled: j,
-							onChange: R
-						}), /* @__PURE__ */ P(y, {
+							disabled: C,
+							onChange: P
+						}), /* @__PURE__ */ E(N, {
 							name: "apikey-login-mode",
 							id: "apikey-without-login",
 							value: c.WithoutLogin,
-							labelProps: { label: T?.withoutLoginLabel ?? "Without login" },
+							labelProps: { label: _?.withoutLoginLabel ?? "Without login" },
 							isSelected: e.withLogin === c.WithoutLogin,
-							disabled: j,
-							onChange: R
+							disabled: C,
+							onChange: P
 						})]
 					}),
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ D("div", {
 						className: "flex flex-col gap-3",
-						children: [/* @__PURE__ */ P(h, {
+						children: [/* @__PURE__ */ E(A, {
 							id: "toolset-key-header",
 							value: e.keyHeader ?? "",
-							onChange: (e) => C({ keyHeader: e ?? "" }),
+							onChange: (e) => h({ 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: C
+						}), e.withLogin === c.WithLogin && /* @__PURE__ */ E(M, {
 							id: "toolset-api-key",
 							value: e.apiKey ?? "",
-							onChange: (e) => C({ apiKey: e ?? "" }),
+							onChange: (e) => h({ 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: C
 						})]
 					}),
-					e.withLogin !== c.WithoutLogin && H()
+					e.withLogin !== c.WithoutLogin && B()
 				]
 			}),
-			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__ */ E(ne, {
+				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: re.Danger,
+				isLoading: v,
+				disableConfirmButton: v,
+				onConfirm: z,
+				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),
+}, pe = _(({ url: e, className: t, labels: n }) => {
+	let { isCopied: r, copy: i } = g(e), a = n?.copiedLabel ?? "Copied!";
+	return /* @__PURE__ */ D("div", {
+		className: h("flex flex-col gap-3", t),
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ P("p", {
+				children: [/* @__PURE__ */ E("p", {
 					className: "dial-body-semi-text text-start text-primary",
 					children: n?.title ?? "Connect toolset"
-				}), /* @__PURE__ */ P("p", {
+				}), /* @__PURE__ */ E("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__ */ E("div", { children: /* @__PURE__ */ E(d, {
 				copiedLabel: a,
 				copyLabel: n?.copyLabel ?? "Copy URL",
 				isCopied: r,
 				onClick: i
 			}) }),
-			/* @__PURE__ */ P("span", {
+			/* @__PURE__ */ E("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
@@ -474,16 +472,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,
+}), me = ({ form: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, connectUrl: a, listToolNames: o, authActions: s, onOAuthLogin: c, onNotifySuccess: l, onNotifyError: u, onChange: d, onAuthChange: f, onEnsureSaved: p, labels: h }) => {
+	let [g, _] = S(null), v = !!a && !!r, x = b(() => [{
+		value: z.Http,
 		label: "HTTP"
 	}, {
-		value: B.Sse,
+		value: z.Sse,
 		label: "SSE"
 	}], []);
-	return T(() => {
-		if (!r || !o || !Z(e.auth, i)) {
+	return y(() => {
+		if (!r || !o || !X(e.auth, i)) {
 			_(null);
 			return;
 		}
@@ -504,56 +502,56 @@ var B = /* @__PURE__ */ function(e) {
 		e.auth,
 		e.endpoint,
 		o
-	]), /* @__PURE__ */ F("div", {
+	]), /* @__PURE__ */ D("div", {
 		className: "flex max-w-[1060px] flex-col gap-4",
 		children: [
-			/* @__PURE__ */ P(h, {
+			/* @__PURE__ */ E(A, {
 				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__ */ P(b, {
+			/* @__PURE__ */ E(P, {
 				labelProps: {
-					label: m?.protocolLabel ?? "Protocol",
+					label: h?.protocolLabel ?? "Protocol",
 					required: !0
 				},
 				id: "toolset-protocol",
-				items: y,
+				items: x,
 				value: e.protocol,
 				onChange: (e) => {
 					d({ protocol: e });
 				}
 			}),
-			g ? /* @__PURE__ */ P(x, {
+			g ? /* @__PURE__ */ E(I, {
 				id: "toolset-allowed-tools",
 				multiple: !0,
 				searchable: !0,
 				selectAll: !0,
-				labelProps: { label: m?.allowedToolsLabel ?? "Allowed tools" },
-				placeholder: m?.allowedToolsSelectPlaceholder ?? "Select allowed tools",
+				labelProps: { label: h?.allowedToolsLabel ?? "Allowed tools" },
+				placeholder: h?.allowedToolsSelectPlaceholder ?? "Select allowed tools",
 				options: g.map((e) => ({
 					value: e,
 					label: e
 				})),
 				value: e.allowedTools,
 				onChange: (e) => d({ allowedTools: e })
-			}) : /* @__PURE__ */ P(S, {
+			}) : /* @__PURE__ */ E(L, {
 				id: "toolset-allowed-tools",
-				labelProps: { label: m?.allowedToolsLabel ?? "Allowed tools" },
-				placeholder: m?.allowedToolsPlaceholder ?? "Add tools, comma separated",
+				labelProps: { label: h?.allowedToolsLabel ?? "Allowed tools" },
+				placeholder: h?.allowedToolsPlaceholder ?? "Add tools, comma separated",
 				value: e.allowedTools,
 				onChange: (e) => d({ allowedTools: e }),
-				tagClassName: L
+				tagClassName: m
 			}),
-			/* @__PURE__ */ P(ce, {
+			/* @__PURE__ */ E(fe, {
 				auth: e.auth,
 				errors: t,
 				isSaving: n,
@@ -566,180 +564,189 @@ var B = /* @__PURE__ */ function(e) {
 				onNotifyError: u,
 				onAuthChange: f,
 				onEnsureSaved: p,
-				labels: m?.auth
+				labels: h?.auth
 			}),
-			v && /* @__PURE__ */ P(le, {
+			v && /* @__PURE__ */ E(pe, {
 				url: a ?? "",
-				labels: m?.connect,
+				labels: h?.connect,
 				className: "border-t border-tertiary pt-4"
 			})
 		]
 	});
-}, de = [
+}, he = [
 	"keyHeader",
 	"apiKey",
 	"clientId",
 	"clientSecret",
 	"authorizationEndpoint",
 	"tokenEndpoint"
-], fe = [
-	"name",
-	"version",
-	"endpoint",
-	...de
-], pe = new Set(fe), me = (e) => {
+], ge = ["endpoint", ...he], $ = new Set(ge), _e = { validateVersionPattern: !0 }, ve = (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) => ({
+}, ye = ({ initialForm: r, toolsetId: a, onPersist: s, onPostSaveLogin: l, onToolsetsChanged: d, onSaveSuccess: m, onSaveComplete: h, onBack: g, buildMcpUrl: _, listToolNames: C, authActions: w, onOAuthLogin: ee, onNotifySuccess: te, onNotifyError: T, bucket: D, FileManagerModal: ne, resolveIconUrl: re, allowedMimeTypes: O, maxFileSizeBytes: k, availableLocaleOptions: A, labels: j }) => {
+	let M = !!a, [N, P] = S(""), F = a || N, [I, L] = S({
+		initialForm: r,
+		key: 0
+	});
+	I.initialForm !== r && L({
+		initialForm: r,
+		key: I.key + 1
+	});
+	let { values: z, setValues: B, markTouched: V, visibleErrorCodes: H, attemptSubmit: U } = i({
+		initialValues: b(() => se(r), [r]),
+		validationOptions: _e,
+		reseedKey: I.key
+	}), [W, G] = S(r), K = b(() => ({
+		...W,
+		...z
+	}), [W, z]), [ie, J] = S(!1), [Y, X] = S({}), [oe, Z] = S({}), Q = x(null);
+	y(() => {
+		G(r), Q.current = r, X({}), Z({}), P("");
+	}, [r]);
+	let ue = v((e) => {
+		let { metadata: t, setup: r } = ce(e);
+		Object.keys(t).length > 0 && (B(t), "name" in t && V(n.Name), "version" in t && V(n.Version)), Object.keys(r).length !== 0 && (G((e) => ({
+			...e,
+			...r
+		})), Z((e) => ({
+			...e,
+			...ve(r)
+		})), X((e) => {
+			let t = { ...e };
+			for (let e of Object.keys(r)) delete t[e];
+			return t;
+		}));
+	}, [B, V]), de = v((e) => {
+		G((t) => ({
 			...t,
 			auth: {
 				...t.auth,
 				...e
 			}
-		})), q((t) => ({
+		})), Z((t) => ({
 			...t,
-			...me(e)
-		})), G((t) => {
+			...ve(e)
+		})), X((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 he) 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);
+	}, [d]), fe = v(async () => {
+		if (F && Q.current != null && JSON.stringify(Q.current) === JSON.stringify(K)) return F;
+		J(!0);
 		try {
-			let e = await s(B, z);
-			return e ? (z || R(e), Y.current = B, await d(), e) : null;
+			let e = await s(K, F);
+			return e ? (F || P(e), Q.current = K, await d(), e) : null;
 		} catch {
 			return null;
 		} finally {
-			U(!1);
+			J(!1);
 		}
 	}, [
-		B,
-		z,
+		K,
+		F,
 		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);
+	]), pe = v(async () => await fe() ?? !1, [fe]), $ = v((e) => {
+		let t = j?.validation, n = {};
+		return e.endpoint.trim() ? q(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 === o.ApiKey && (e.auth.keyHeader?.trim() || (n.keyHeader = t?.keyHeaderRequired ?? "Key name is required"), e.auth.withLogin === c.WithLogin && !e.auth.apiKey?.trim() && (n.apiKey = t?.apiKeyRequired ?? "API key is required")), e.auth.authenticationType === o.OAuth && e.auth.withLogin === c.WithConfig && (e.auth.clientId?.trim() || (n.clientId = t?.clientIdRequired ?? "Client ID is required"), !M && !e.auth.clientSecret?.trim() && (n.clientSecret = t?.clientSecretRequired ?? "Client secret is required"), e.auth.authorizationEndpoint?.trim() && !q(e.auth.authorizationEndpoint) && (n.authorizationEndpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL"), e.auth.tokenEndpoint?.trim() && !q(e.auth.tokenEndpoint) && (n.tokenEndpoint = t?.endpointInvalid ?? "Enter a valid http(s) URL"))), n;
+	}, [j, M]), ye = v(async () => {
+		let e = U(), t = $(K);
+		if (!e || Object.keys(t).length > 0) {
+			X(t);
 			return;
 		}
-		G({}), U(!0);
+		X({}), J(!0);
 		try {
-			let e = await s(B, z);
+			let e = await s(K, F);
 			if (!e) return;
-			await d(), f(B);
+			await d(), m(K);
 			try {
-				await l(e, B.auth), p();
+				await l(e, K.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);
+				T(j?.settings?.auth?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
 			}
 		} catch {} finally {
-			U(!1);
+			J(!1);
 		}
 	}, [
-		B,
-		Q,
-		z,
+		U,
+		K,
+		$,
+		F,
 		s,
 		d,
-		f,
-		p,
+		m,
+		h,
 		l,
-		x,
-		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];
+		T,
+		j
+	]), be = b(() => !ae(K, M), [K, M]), xe = b(() => {
+		let t = j?.validation, n = $(K), r = { ...Y };
+		for (let e of ge) {
+			if (!oe[e]) continue;
+			let t = n[e];
+			t ? r[e] = t : delete r[e];
 		}
-		return t;
+		return H.name === e.Required ? r.name = t?.nameRequired ?? "Name is required" : H.name === e.TooLong ? r.name = t?.nameTooLong ?? `Use ${p} characters or fewer.` : H.name === e.ControlCharacters && (r.name = t?.nameControlCharacters ?? "Remove line breaks, tabs and other control characters."), H.description === e.TooLong && (r.description = t?.descriptionTooLong ?? `Use ${f} characters or fewer.`), H.version === e.InvalidFormat && (r.version = t?.versionInvalid ?? "Version may only contain letters, digits, dots, underscores, and dashes"), r;
 	}, [
+		oe,
+		Y,
 		K,
-		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
-			})
+		j,
+		H,
+		$
+	]), Se = _ && F ? _(F) : void 0;
+	return /* @__PURE__ */ E(t, {
+		title: M ? j?.layout?.editTitle ?? "Edit toolset" : j?.layout?.createTitle ?? "Create toolset",
+		onBack: g,
+		onCancel: g,
+		onSubmit: ye,
+		submitLabel: M ? j?.layout?.saveLabel ?? "Save" : j?.layout?.createLabel ?? "Create",
+		isSubmitting: ie,
+		isSubmitDisabled: be,
+		metadataSectionClassName: R.metadataSection,
+		setupSectionClassName: R.setupSection,
+		labels: {
+			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__ */ E(le, {
+			form: K,
+			errors: xe,
+			bucket: D,
+			FileManagerModal: ne,
+			resolveIconUrl: re,
+			allowedMimeTypes: O,
+			maxFileSizeBytes: k,
+			availableLocaleOptions: A,
+			onChange: ue,
+			labels: j?.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__ */ E(me, {
+			form: K,
+			errors: xe,
+			isSaving: ie,
+			toolsetId: F,
+			isEditMode: M,
+			connectUrl: Se,
+			listToolNames: C,
+			authActions: w,
+			onOAuthLogin: ee,
+			onNotifySuccess: te,
+			onNotifyError: T,
+			onChange: ue,
+			onAuthChange: de,
+			onEnsureSaved: pe,
+			labels: j?.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 { H as AUTH_TYPE_ICONS, B as DEFAULT_TOOLSET_NAME, V as DEFAULT_TOOLSET_VERSION, le as GeneralForm, R as TOOLSET_EDITOR_CLASS, ye as ToolsetEditor, Q as ToolsetOAuthLoginStatus, z as ToolsetTransportType, G as getDefaultToolsetForm, U as getStorageSafeUniqueToolsetName, X as isToolsetAuthValid, ae as isToolsetFormValid, q as isValidEndpointUrl, J as normalizeReturnedEndpointUrl };