@epam/ai-dial-toolset-editor 1.2.0-dev.176 → 1.2.0-dev.181

package/components/GeneralForm/GeneralForm.d.ts

@@ -1,5 +1,8 @@
 import { FC } from 'react';
 import { GeneralFormProps } from '../../models/general-form-props';
-/** General (metadata) form shared by the Toolset and Custom App editors: name, description, avatar, version, tags, and additional locales. */
+/**
+ * General (metadata) form shared by the Toolset and Custom App editors.
+ * @deprecated Render `MetadataForm` from `@epam/ai-dial-builder-form` and supply `avatarPicker.resolveAttachedIconUrl` instead.
+ */
 export declare const GeneralForm: FC<GeneralFormProps>;
 //# sourceMappingURL=GeneralForm.d.ts.map

package/components/GeneralForm/GeneralForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GeneralForm.d.ts","sourceRoot":"","sources":["../../../src/components/GeneralForm/GeneralForm.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AA+DxE,8IAA8I;AAC9I,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAuE5C,CAAC"}
+{"version":3,"file":"GeneralForm.d.ts","sourceRoot":"","sources":["../../../src/components/GeneralForm/GeneralForm.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAmCxE;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmE5C,CAAC"}

package/components/ToolsetEditor/ToolsetEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolsetEditor.d.ts","sourceRoot":"","sources":["../../../src/components/ToolsetEditor/ToolsetEditor.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAyC5E,uKAAuK;AACvK,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAkYhD,CAAC"}
+{"version":3,"file":"ToolsetEditor.d.ts","sourceRoot":"","sources":["../../../src/components/ToolsetEditor/ToolsetEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAgD5E,uKAAuK;AACvK,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqahD,CAAC"}

package/index.css

@@ -1 +1 @@
-.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.max-w-\[1060px\]{max-width:1060px}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.border-0{border-width:0}.border-t{border-top-width:1px}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-start{text-align:start}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}@media (min-width:1280px){.desktop\:not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.desktop\:p-6{padding:1.5rem}}
+.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.max-w-\[1060px\]{max-width:1060px}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.border-t{border-top-width:1px}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.px-2{padding-left:.5rem;padding-right:.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-start{text-align:start}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}@media (min-width:1280px){.desktop\:not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}}

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 { 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 { 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 { ConfirmationPopup as _, ConfirmationPopupVariant as v, DIAL_ICON_SIZE as y, DIAL_KIT_ICON_STROKE as b, Input as x, NeutralButton as S, PasswordInput as ee, PrimaryButton as C, Radio as w, RadioGroup as T, SegmentedControl as te, Select as E, TagInput as D } from "@epam/ai-dial-ui-kit";
-import { memo as O, useCallback as k, useEffect as A, useMemo as j, useRef as ne, useState as M } from "react";
-import { IconBrandOauth as N, IconKey as P, IconLockOff as F, IconLogin as re, IconLogout as I } from "@tabler/icons-react";
-import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+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 B = {
+var R = {
 	metadataSection: "dial-toolset-editor-metadata-section",
 	setupSection: "dial-toolset-editor-setup-section"
-}, V = /* @__PURE__ */ function(e) {
+}, z = /* @__PURE__ */ function(e) {
 	return e.Http = "HTTP", e.Sse = "SSE", e;
-}({}), H = "New toolset", U = "0.0.1", W = {
-	[o.OAuth]: N,
-	[o.ApiKey]: P,
-	[o.None]: F
-}, G = ({ defaultName: e = H, existingNames: t }) => {
+}({}), B = "New toolset", V = "0.0.1", 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}`;
-}, ie = () => ({
+}, W = () => ({
 	authenticationType: o.None,
 	withLogin: c.WithoutLogin,
 	isLoggedIn: !1
-}), K = (e = []) => ({
-	name: G({ existingNames: e }),
-	version: U,
+}), G = (e = []) => ({
+	name: U({ existingNames: e }),
+	version: V,
 	iconUrl: "",
 	description: "",
 	topics: [],
 	otherLocales: [],
 	endpoint: "",
-	protocol: V.Http,
+	protocol: z.Http,
 	allowedTools: [],
-	auth: ie()
-}), 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;
-}, 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, ae = (e, t = !1) => Object.keys(a(e, { validateVersionPattern: !0 })).length === 0 && J(e.endpoint) && Q(e.auth, t), oe = {
+}, 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"
@@ -95,105 +116,81 @@ var B = {
 		saveLabel: "Save"
 	},
 	ariaLabel: "General"
-}, se = {
-	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 ? "item selected" : "items selected",
-	uploadFilesLabel: "Files",
-	newFolderLabel: "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"
-}, ce = ({ 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 ?? oe, v = m?.avatarPicker ?? se, y = j(() => o(t.iconUrl), [t.iconUrl, o]);
-	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(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__ */ R(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;
-}({}), le = (e, t) => e === o.None ? c.WithoutLogin : e === o.OAuth && !t ? c.WithConfig : c.WithLogin, ue = (e, t) => e === o.None ? t?.typeNone ?? "Open access" : e === o.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", de = ({ 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: C }) => {
-	let [T, E] = M(!1), [O, k] = M(!1), A = e.isLoggedIn || n || T, j = J(a) && Q(e, i) && !A, ne = (t) => {
-		A || t === e.authenticationType || h({
+}({}), 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: le(t, !!e.clientId?.trim())
+			withLogin: ue(t, !!e.clientId?.trim())
 		});
-	}, N = (e) => {
-		h({ withLogin: e });
 	}, P = (e) => {
+		h({ withLogin: e });
+	}, I = (e) => {
 		switch (e.auth != null && h(e.auth), e.status) {
-			case $.Success:
-				h({ isLoggedIn: !0 }), f(C?.loginSuccessMessage ?? "Successfully logged in.");
+			case Q.Success:
+				h({ isLoggedIn: !0 }), f(_?.loginSuccessMessage ?? "Successfully logged in.");
 				return;
-			case $.PopupBlocked:
-				p(C?.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:
-				p(C?.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:
-				p(C?.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;
 		}
-	}, F = async () => {
-		if (!j) return;
+	}, R = async () => {
+		if (!w) return;
 		if (e.authenticationType === o.OAuth) {
-			E(!0);
+			y(!0);
 			try {
-				P(await d({
+				I(await d({
 					auth: e,
 					ensureSaved: g
 				}));
 			} finally {
-				E(!1);
+				y(!1);
 			}
 			return;
 		}
 		let t = await g();
 		if (t) {
-			E(!0);
+			y(!0);
 			try {
 				let n = {
 					url: t,
@@ -201,173 +198,173 @@ var B = {
 					authenticationType: e.authenticationType,
 					apiKey: e.apiKey?.trim()
 				};
-				await l.login(t, n), h({ isLoggedIn: !0 }), f(C?.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);
-				p(C?.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 {
-				E(!1);
+				y(!1);
 			}
 		}
-	}, L = async () => {
-		E(!0);
+	}, z = async () => {
+		y(!0);
 		try {
 			let t = {
 				url: r,
 				credentialsLevel: s.User,
 				authenticationType: e.authenticationType
 			};
-			await l.logout(r, t), h({ isLoggedIn: !1 }), k(!1), f(C?.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);
-			p(C?.errorLogoutFailed ?? "Failed to log out. Please try again.", t);
+			p(_?.errorLogoutFailed ?? "Failed to log out. Please try again.", t);
 		} finally {
-			E(!1);
+			y(!1);
 		}
-	}, B = () => e.isLoggedIn ? /* @__PURE__ */ R("div", {
+	}, B = () => e.isLoggedIn ? /* @__PURE__ */ E("div", {
 		className: "flex",
-		children: /* @__PURE__ */ R(S, {
-			label: C?.logOutLabel ?? "Log out",
-			iconBefore: /* @__PURE__ */ R(I, {
-				size: y.MD,
-				stroke: b
+		children: /* @__PURE__ */ E(j, {
+			label: _?.logOutLabel ?? "Log out",
+			iconBefore: /* @__PURE__ */ E(T, {
+				size: O.MD,
+				stroke: k
 			}),
-			onClick: () => k(!0),
-			disabled: n || T
+			onClick: () => x(!0),
+			disabled: n || v
 		})
-	}) : /* @__PURE__ */ R("div", {
+	}) : /* @__PURE__ */ E("div", {
 		className: "flex",
-		children: /* @__PURE__ */ R(S, {
-			label: C?.logInLabel ?? "Log in",
-			iconBefore: /* @__PURE__ */ R(re, {
-				size: y.MD,
-				stroke: b
+		children: /* @__PURE__ */ E(j, {
+			label: _?.logInLabel ?? "Log in",
+			iconBefore: /* @__PURE__ */ E(te, {
+				size: O.MD,
+				stroke: k
 			}),
-			onClick: F,
-			disabled: !j
+			onClick: R,
+			disabled: !w
 		})
 	});
-	return /* @__PURE__ */ z("section", {
+	return /* @__PURE__ */ D("section", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ R("h3", {
+			/* @__PURE__ */ E("h3", {
 				className: "dial-h3-text",
-				children: C?.sectionTitle ?? "Authentication"
+				children: _?.sectionTitle ?? "Authentication"
 			}),
-			/* @__PURE__ */ R(te, {
-				"aria-label": C?.sectionTitle ?? "Authentication",
+			/* @__PURE__ */ E(F, {
+				"aria-label": _?.sectionTitle ?? "Authentication",
 				value: e.authenticationType,
-				onChange: (e) => ne(e),
+				onChange: (e) => ee(e),
 				segmentClassName: "px-2",
 				items: [
 					o.None,
 					o.OAuth,
 					o.ApiKey
 				].map((t) => {
-					let n = W[t];
+					let n = H[t];
 					return {
 						value: t,
-						label: /* @__PURE__ */ z("div", {
+						label: /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ R(n, {
+							children: [/* @__PURE__ */ E(n, {
 								className: "shrink-0",
-								size: y.SM,
-								stroke: b,
+								size: O.SM,
+								stroke: k,
 								"aria-hidden": !0
-							}), /* @__PURE__ */ R("span", {
+							}), /* @__PURE__ */ E("span", {
 								className: "sr-only desktop:not-sr-only",
-								children: ue(t, C)
+								children: de(t, _)
 							})]
 						}),
-						disabled: A && e.authenticationType !== t
+						disabled: C && e.authenticationType !== t
 					};
 				})
 			}),
-			e.authenticationType === o.None && /* @__PURE__ */ R("p", {
+			e.authenticationType === o.None && /* @__PURE__ */ E("p", {
 				className: "dial-small-text pt-2 text-secondary",
-				children: C?.openAccessDescription ?? "Open endpoint, no credentials"
+				children: _?.openAccessDescription ?? "Open endpoint, no credentials"
 			}),
-			e.authenticationType === o.OAuth && /* @__PURE__ */ z("div", {
+			e.authenticationType === o.OAuth && /* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ D("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ R(w, {
+						children: [/* @__PURE__ */ E(N, {
 							name: "oauth-login-mode",
 							id: "oauth-with-login",
 							value: c.WithLogin,
-							labelProps: { label: C?.withLoginOAuthLabel ?? "Standard login" },
+							labelProps: { label: _?.withLoginOAuthLabel ?? "Standard login" },
 							isSelected: e.withLogin === c.WithLogin,
-							disabled: A,
-							onChange: N
-						}), /* @__PURE__ */ R(w, {
+							disabled: C,
+							onChange: P
+						}), /* @__PURE__ */ E(N, {
 							name: "oauth-login-mode",
 							id: "oauth-with-config",
 							value: c.WithConfig,
-							labelProps: { label: C?.withConfigOAuthLabel ?? "Custom login" },
+							labelProps: { label: _?.withConfigOAuthLabel ?? "Custom login" },
 							isSelected: e.withLogin === c.WithConfig,
-							disabled: A,
-							onChange: N
+							disabled: C,
+							onChange: P
 						})]
 					}),
-					e.withLogin === c.WithConfig && /* @__PURE__ */ z("div", {
+					e.withLogin === c.WithConfig && /* @__PURE__ */ D("div", {
 						className: "flex flex-col gap-3",
 						children: [
-							/* @__PURE__ */ R(x, {
+							/* @__PURE__ */ E(A, {
 								id: "toolset-client-id",
 								value: e.clientId ?? "",
 								onChange: (e) => h({ clientId: e ?? "" }),
 								labelProps: {
-									label: C?.clientIdLabel ?? "Client ID",
+									label: _?.clientIdLabel ?? "Client ID",
 									required: !0
 								},
-								placeholder: C?.clientIdPlaceholder ?? "Enter client ID",
+								placeholder: _?.clientIdPlaceholder ?? "Enter client ID",
 								error: t.clientId || void 0,
 								invalid: !!t.clientId,
-								disabled: A
+								disabled: C
 							}),
-							/* @__PURE__ */ R(ee, {
+							/* @__PURE__ */ E(M, {
 								id: "toolset-client-secret",
 								value: e.clientSecret ?? "",
 								onChange: (e) => h({ clientSecret: e ?? "" }),
 								labelProps: {
-									label: C?.clientSecretLabel ?? "Client secret",
+									label: _?.clientSecretLabel ?? "Client secret",
 									required: !i
 								},
-								placeholder: C?.clientSecretPlaceholder ?? "Enter client secret",
-								showPasswordLabel: C?.showClientSecretLabel ?? "Show client secret",
-								hidePasswordLabel: C?.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: A
+								disabled: C
 							}),
-							/* @__PURE__ */ R(x, {
+							/* @__PURE__ */ E(A, {
 								id: "toolset-authorization-endpoint",
 								value: e.authorizationEndpoint ?? "",
 								onChange: (e) => h({ authorizationEndpoint: e ?? "" }),
-								labelProps: { label: C?.authorizationEndpointLabel ?? "Authorization endpoint" },
-								placeholder: C?.authorizationEndpointPlaceholder ?? "Enter authorization endpoint",
+								labelProps: { label: _?.authorizationEndpointLabel ?? "Authorization endpoint" },
+								placeholder: _?.authorizationEndpointPlaceholder ?? "Enter authorization endpoint",
 								error: t.authorizationEndpoint || void 0,
 								invalid: !!t.authorizationEndpoint,
-								disabled: A
+								disabled: C
 							}),
-							/* @__PURE__ */ R(x, {
+							/* @__PURE__ */ E(A, {
 								id: "toolset-token-endpoint",
 								value: e.tokenEndpoint ?? "",
 								onChange: (e) => h({ tokenEndpoint: e ?? "" }),
-								labelProps: { label: C?.tokenEndpointLabel ?? "Token endpoint" },
-								placeholder: C?.tokenEndpointPlaceholder ?? "Enter token endpoint",
+								labelProps: { label: _?.tokenEndpointLabel ?? "Token endpoint" },
+								placeholder: _?.tokenEndpointPlaceholder ?? "Enter token endpoint",
 								error: t.tokenEndpoint || void 0,
 								invalid: !!t.tokenEndpoint,
-								disabled: A
+								disabled: C
 							}),
-							/* @__PURE__ */ R(D, {
+							/* @__PURE__ */ E(L, {
 								id: "toolset-scopes",
-								labelProps: { label: C?.scopesLabel ?? "Scopes" },
-								placeholder: C?.scopesPlaceholder ?? "Enter scopes",
+								labelProps: { label: _?.scopesLabel ?? "Scopes" },
+								placeholder: _?.scopesPlaceholder ?? "Enter scopes",
 								value: e.scopes ?? [],
 								onChange: (e) => h({ scopes: e }),
-								disabled: A,
+								disabled: C,
 								tagClassName: m
 							})
 						]
@@ -375,99 +372,99 @@ var B = {
 					B()
 				]
 			}),
-			e.authenticationType === o.ApiKey && /* @__PURE__ */ z("div", {
+			e.authenticationType === o.ApiKey && /* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ D("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ R(w, {
+						children: [/* @__PURE__ */ E(N, {
 							name: "apikey-login-mode",
 							id: "apikey-with-login",
 							value: c.WithLogin,
-							labelProps: { label: C?.withLoginLabel ?? "With login" },
+							labelProps: { label: _?.withLoginLabel ?? "With login" },
 							isSelected: e.withLogin === c.WithLogin,
-							disabled: A,
-							onChange: N
-						}), /* @__PURE__ */ R(w, {
+							disabled: C,
+							onChange: P
+						}), /* @__PURE__ */ E(N, {
 							name: "apikey-login-mode",
 							id: "apikey-without-login",
 							value: c.WithoutLogin,
-							labelProps: { label: C?.withoutLoginLabel ?? "Without login" },
+							labelProps: { label: _?.withoutLoginLabel ?? "Without login" },
 							isSelected: e.withLogin === c.WithoutLogin,
-							disabled: A,
-							onChange: N
+							disabled: C,
+							onChange: P
 						})]
 					}),
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ D("div", {
 						className: "flex flex-col gap-3",
-						children: [/* @__PURE__ */ R(x, {
+						children: [/* @__PURE__ */ E(A, {
 							id: "toolset-key-header",
 							value: e.keyHeader ?? "",
 							onChange: (e) => h({ keyHeader: e ?? "" }),
 							labelProps: {
-								label: C?.keyHeaderLabel ?? "API Key parameter name",
+								label: _?.keyHeaderLabel ?? "API Key parameter name",
 								required: !0
 							},
-							placeholder: C?.keyHeaderPlaceholder ?? "Enter API key parameter name",
+							placeholder: _?.keyHeaderPlaceholder ?? "Enter API key parameter name",
 							error: t.keyHeader || void 0,
 							invalid: !!t.keyHeader,
-							disabled: A
-						}), e.withLogin === c.WithLogin && /* @__PURE__ */ R(ee, {
+							disabled: C
+						}), e.withLogin === c.WithLogin && /* @__PURE__ */ E(M, {
 							id: "toolset-api-key",
 							value: e.apiKey ?? "",
 							onChange: (e) => h({ apiKey: e ?? "" }),
 							labelProps: {
-								label: C?.apiKeyLabel ?? "API key",
+								label: _?.apiKeyLabel ?? "API key",
 								required: !0
 							},
-							placeholder: C?.apiKeyPlaceholder ?? "Enter API key",
-							showPasswordLabel: C?.showApiKeyLabel ?? "Show API key",
-							hidePasswordLabel: C?.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: A
+							disabled: C
 						})]
 					}),
 					e.withLogin !== c.WithoutLogin && B()
 				]
 			}),
-			O && /* @__PURE__ */ R(_, {
-				open: O,
-				header: C?.logoutConfirmTitle ?? "Log out?",
-				description: C?.logoutConfirmDescription ?? "Are you sure you want to log out? You will need to re-enter your credentials to use this toolset again.",
-				confirmLabel: C?.logOutLabel ?? "Log out",
-				cancelLabel: C?.cancelLabel ?? "Cancel",
-				variant: v.Danger,
-				isLoading: T,
-				disableConfirmButton: T,
-				onConfirm: L,
-				onCancel: () => k(!1),
-				onClose: () => k(!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)
 			})
 		]
 	});
-}, fe = O(({ url: e, className: t, labels: n }) => {
+}, pe = _(({ url: e, className: t, labels: n }) => {
 	let { isCopied: r, copy: i } = g(e), a = n?.copiedLabel ?? "Copied!";
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ D("div", {
 		className: h("flex flex-col gap-3", t),
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ R("p", {
+				children: [/* @__PURE__ */ E("p", {
 					className: "dial-body-semi-text text-start text-primary",
 					children: n?.title ?? "Connect toolset"
-				}), /* @__PURE__ */ R("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__ */ R("div", { children: /* @__PURE__ */ R(d, {
+			/* @__PURE__ */ E("div", { children: /* @__PURE__ */ E(d, {
 				copiedLabel: a,
 				copyLabel: n?.copyLabel ?? "Copy URL",
 				isCopied: r,
 				onClick: i
 			}) }),
-			/* @__PURE__ */ R("span", {
+			/* @__PURE__ */ E("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
@@ -475,16 +472,16 @@ var B = {
 			})
 		]
 	});
-}), pe = ({ 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, _] = M(null), v = !!a && !!r, y = j(() => [{
-		value: V.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: V.Sse,
+		value: z.Sse,
 		label: "SSE"
 	}], []);
-	return A(() => {
-		if (!r || !o || !Q(e.auth, i)) {
+	return y(() => {
+		if (!r || !o || !X(e.auth, i)) {
 			_(null);
 			return;
 		}
@@ -505,10 +502,10 @@ var B = {
 		e.auth,
 		e.endpoint,
 		o
-	]), /* @__PURE__ */ z("div", {
+	]), /* @__PURE__ */ D("div", {
 		className: "flex max-w-[1060px] flex-col gap-4",
 		children: [
-			/* @__PURE__ */ R(x, {
+			/* @__PURE__ */ E(A, {
 				id: "toolset-endpoint",
 				value: e.endpoint,
 				onChange: (e) => d({ endpoint: e ?? "" }),
@@ -521,19 +518,19 @@ var B = {
 				error: t.endpoint || void 0,
 				invalid: !!t.endpoint
 			}),
-			/* @__PURE__ */ R(T, {
+			/* @__PURE__ */ E(P, {
 				labelProps: {
 					label: h?.protocolLabel ?? "Protocol",
 					required: !0
 				},
 				id: "toolset-protocol",
-				items: y,
+				items: x,
 				value: e.protocol,
 				onChange: (e) => {
 					d({ protocol: e });
 				}
 			}),
-			g ? /* @__PURE__ */ R(E, {
+			g ? /* @__PURE__ */ E(I, {
 				id: "toolset-allowed-tools",
 				multiple: !0,
 				searchable: !0,
@@ -546,7 +543,7 @@ var B = {
 				})),
 				value: e.allowedTools,
 				onChange: (e) => d({ allowedTools: e })
-			}) : /* @__PURE__ */ R(D, {
+			}) : /* @__PURE__ */ E(L, {
 				id: "toolset-allowed-tools",
 				labelProps: { label: h?.allowedToolsLabel ?? "Allowed tools" },
 				placeholder: h?.allowedToolsPlaceholder ?? "Add tools, comma separated",
@@ -554,7 +551,7 @@ var B = {
 				onChange: (e) => d({ allowedTools: e }),
 				tagClassName: m
 			}),
-			/* @__PURE__ */ R(de, {
+			/* @__PURE__ */ E(fe, {
 				auth: e.auth,
 				errors: t,
 				isSaving: n,
@@ -569,179 +566,187 @@ var B = {
 				onEnsureSaved: p,
 				labels: h?.auth
 			}),
-			v && /* @__PURE__ */ R(fe, {
+			v && /* @__PURE__ */ E(pe, {
 				url: a ?? "",
 				labels: h?.connect,
 				className: "border-t border-tertiary pt-4"
 			})
 		]
 	});
-}, me = [
+}, he = [
 	"keyHeader",
 	"apiKey",
 	"clientId",
 	"clientSecret",
 	"authorizationEndpoint",
 	"tokenEndpoint"
-], he = [
-	"name",
-	"version",
-	"description",
-	"endpoint",
-	...me
-], ge = new Set(he), _e = (e) => {
+], ge = ["endpoint", ...he], $ = new Set(ge), _e = { validateVersionPattern: !0 }, ve = (e) => {
 	let t = {};
-	for (let n of Object.keys(e)) ge.has(n) && (t[n] = !0);
+	for (let n of Object.keys(e)) $.has(n) && (t[n] = !0);
 	return t;
-}, ve = ({ initialForm: e, toolsetId: n, onPersist: s, onPostSaveLogin: l, onToolsetsChanged: d, onSaveSuccess: m, onSaveComplete: g, onBack: _, buildMcpUrl: v, listToolNames: y, authActions: b, onOAuthLogin: x, onNotifySuccess: ee, onNotifyError: w, bucket: T, FileManagerModal: te, resolveIconUrl: E, allowedMimeTypes: D, maxFileSizeBytes: O, availableLocaleOptions: N, labels: P }) => {
-	let F = !!n, [re, I] = M(""), V = n || re, [H, U] = M(e), [W, G] = M(!1), [ie, K] = M({}), [q, Y] = M({}), X = ne(null);
-	A(() => {
-		U(e), X.current = e, K({}), Y({}), I("");
-	}, [e]);
-	let Z = k((e) => {
-		U((t) => ({
-			...t,
-			...e
-		})), Y((t) => ({
-			...t,
-			..._e(e)
-		})), K((t) => {
-			let n = { ...t };
-			for (let t of Object.keys(e)) delete n[t];
-			return n;
-		});
-	}, []), Q = k((e) => {
-		U((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
 			}
-		})), Y((t) => ({
+		})), Z((t) => ({
 			...t,
-			..._e(e)
-		})), K((t) => {
+			...ve(e)
+		})), X((t) => {
 			let n = { ...t };
-			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of me) 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]), oe = k(async () => {
-		if (V && X.current != null && JSON.stringify(X.current) === JSON.stringify(H)) return V;
-		G(!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(H, V);
-			return e ? (V || I(e), X.current = H, 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 {
-			G(!1);
+			J(!1);
 		}
 	}, [
-		H,
-		V,
+		K,
+		F,
 		s,
 		d
-	]), se = k(async () => await oe() ?? !1, [oe]), $ = k((e) => {
-		let n = P?.validation, r = {}, i = a(e, { validateVersionPattern: !0 });
-		return i.name === t.Required ? r.name = n?.nameRequired ?? "Name is required" : i.name === t.TooLong ? r.name = n?.nameTooLong ?? `Use ${p} characters or fewer.` : i.name === t.ControlCharacters && (r.name = n?.nameControlCharacters ?? "Remove line breaks, tabs and other control characters."), i.description === t.TooLong && (r.description = n?.descriptionTooLong ?? `Use ${f} characters or fewer.`), 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]), le = k(async () => {
-		let e = $(H);
-		if (Object.keys(e).length > 0) {
-			K(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;
 		}
-		K({}), G(!0);
+		X({}), J(!0);
 		try {
-			let e = await s(H, V);
+			let e = await s(K, F);
 			if (!e) return;
-			await d(), m(H);
+			await d(), m(K);
 			try {
-				await l(e, H.auth), g();
+				await l(e, K.auth), h();
 			} catch (e) {
 				let { traceId: t } = await u(e);
-				w(P?.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 {
-			G(!1);
+			J(!1);
 		}
 	}, [
-		H,
+		U,
+		K,
 		$,
-		V,
+		F,
 		s,
 		d,
 		m,
-		g,
+		h,
 		l,
-		w,
-		P
-	]), ue = j(() => !ae(H, F), [H, F]), de = j(() => {
-		let e = $(H), t = { ...ie };
-		for (let n of he) {
-			if (!q[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;
 	}, [
-		q,
-		ie,
+		oe,
+		Y,
+		K,
+		j,
 		H,
 		$
-	]), fe = v && V ? v(V) : void 0;
-	return /* @__PURE__ */ R(r, {
-		title: F ? P?.layout?.editTitle ?? "Edit toolset" : P?.layout?.createTitle ?? "Create toolset",
-		onBack: _,
-		backAriaLabel: P?.layout?.backAriaLabel ?? "Back to catalog",
-		isSaving: W,
-		labels: { savingStatusLabel: P?.layout?.savingStatusLabel ?? "Saving" },
-		actions: /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(S, {
-			label: P?.layout?.cancelLabel ?? "Cancel",
-			onClick: _
-		}), /* @__PURE__ */ R(C, {
-			label: F ? P?.layout?.saveLabel ?? "Save" : P?.layout?.createLabel ?? "Create",
-			disabled: ue,
-			onClick: le
-		})] }),
-		leftContent: /* @__PURE__ */ R(i, {
-			title: P?.layout?.metadataSectionTitle ?? "Metadata",
-			className: h("border-0 p-4 desktop:p-6", B.metadataSection),
-			children: /* @__PURE__ */ R(ce, {
-				form: H,
-				errors: de,
-				bucket: T,
-				FileManagerModal: te,
-				resolveIconUrl: E,
-				allowedMimeTypes: D,
-				maxFileSizeBytes: O,
-				availableLocaleOptions: N,
-				onChange: Z,
-				labels: P?.general
-			})
+	]), 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__ */ R(i, {
-			title: P?.layout?.setupSectionTitle ?? "Setup",
-			className: h("border-0 p-4 desktop:p-6", B.setupSection),
-			children: /* @__PURE__ */ R(pe, {
-				form: H,
-				errors: de,
-				isSaving: W,
-				toolsetId: V,
-				isEditMode: F,
-				connectUrl: fe,
-				listToolNames: y,
-				authActions: b,
-				onOAuthLogin: x,
-				onNotifySuccess: ee,
-				onNotifyError: w,
-				onChange: Z,
-				onAuthChange: Q,
-				onEnsureSaved: se,
-				labels: P?.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 { W as AUTH_TYPE_ICONS, H as DEFAULT_TOOLSET_NAME, U as DEFAULT_TOOLSET_VERSION, ce as GeneralForm, B as TOOLSET_EDITOR_CLASS, ve as ToolsetEditor, $ as ToolsetOAuthLoginStatus, V as ToolsetTransportType, K as getDefaultToolsetForm, G as getStorageSafeUniqueToolsetName, Q as isToolsetAuthValid, ae 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 };

package/models/general-form-props.d.ts

@@ -5,6 +5,7 @@ import { DeploymentGeneralFormData, ToolsetFormErrors } from './toolset-form';
  * Pre-translated labels for the general (metadata) form. Each group is
  * optional and replaced as a whole; omitting one falls back to the library's
  * English defaults.
+ * @deprecated Use `MetadataFormLabels` from `@epam/ai-dial-builder-form`.
  */
 export interface GeneralFormLabels {
     /** Labels for the embedded `DeploymentCreationForm` fields. */
@@ -12,7 +13,10 @@ export interface GeneralFormLabels {
     /** Labels for the avatar picker modal. */
     avatarPicker?: AvatarPickerModalLabels;
 }
-/** Props of the general (metadata) form shared by the Toolset and Custom App editors. */
+/**
+ * Props of the general (metadata) form shared by the Toolset and Custom App editors.
+ * @deprecated Use `MetadataFormProps` from `@epam/ai-dial-builder-form`.
+ */
 export interface GeneralFormProps {
     /** Current general form values. */
     form: DeploymentGeneralFormData;

package/models/general-form-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"general-form-props.d.ts","sourceRoot":"","sources":["../../src/models/general-form-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iCAAiC,EACjC,uBAAuB,EACvB,4BAA4B,EAC5B,kCAAkC,EACnC,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EACV,yBAAyB,EACzB,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAExB;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,4BAA4B,CAAC;IACpC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAED,yFAAyF;AACzF,MAAM,WAAW,gBAAgB;IAC/B,mCAAmC;IACnC,IAAI,EAAE,yBAAyB,CAAC;IAChC,oFAAoF;IACpF,MAAM,EAAE,iBAAiB,CAAC;IAC1B,4DAA4D;IAC5D,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,gBAAgB,EAAE,aAAa,CAAC,iCAAiC,CAAC,CAAC;IACnE,sEAAsE;IACtE,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,4CAA4C;IAC5C,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,yCAAyC;IACzC,gBAAgB,EAAE,MAAM,CAAC;IACzB,wDAAwD;IACxD,sBAAsB,EAAE,kCAAkC,EAAE,CAAC;IAC7D,6DAA6D;IAC7D,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,yBAAyB,CAAC,KAAK,IAAI,CAAC;IAC9D,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,wEAAwE;IACxE,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B"}
+{"version":3,"file":"general-form-props.d.ts","sourceRoot":"","sources":["../../src/models/general-form-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iCAAiC,EACjC,uBAAuB,EACvB,4BAA4B,EAC5B,kCAAkC,EACnC,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EACV,yBAAyB,EACzB,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAExB;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,4BAA4B,CAAC;IACpC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,mCAAmC;IACnC,IAAI,EAAE,yBAAyB,CAAC;IAChC,oFAAoF;IACpF,MAAM,EAAE,iBAAiB,CAAC;IAC1B,4DAA4D;IAC5D,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,gBAAgB,EAAE,aAAa,CAAC,iCAAiC,CAAC,CAAC;IACnE,sEAAsE;IACtE,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,4CAA4C;IAC5C,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,yCAAyC;IACzC,gBAAgB,EAAE,MAAM,CAAC;IACzB,wDAAwD;IACxD,sBAAsB,EAAE,kCAAkC,EAAE,CAAC;IAC7D,6DAA6D;IAC7D,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,yBAAyB,CAAC,KAAK,IAAI,CAAC;IAC9D,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,wEAAwE;IACxE,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-toolset-editor",
   "description": "Host-agnostic form for authoring and editing a DIAL MCP toolset",
-  "version": "1.2.0-dev.176",
+  "version": "1.2.0-dev.181",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,11 +18,11 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-builder-form": "1.2.0-dev.176"
+    "@epam/ai-dial-builder-form": "1.2.0-dev.181"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-hooks": "1.2.0-dev.176",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.176",
+    "@epam/ai-dial-chat-hooks": "1.2.0-dev.181",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.181",
     "@epam/ai-dial-ui-kit": "^0.15.0-dev.21",
     "react": "^19.2.8"
   },

package/utils/toolsets.d.ts

@@ -1,3 +1,4 @@
+import { DeploymentCreationFormValues } from '../../../builder-form/src/index.ts';
 import { ToolsetAuthFormData, ToolsetFormData } from '../models/toolset-form';
 /**
  * Returns a storage-safe toolset name that does not collide with any existing
@@ -30,4 +31,11 @@ export declare const normalizeReturnedEndpointUrl: (value?: string) => string;
 export declare const isToolsetAuthValid: (auth: ToolsetAuthFormData, isEditMode?: boolean) => boolean;
 /** Returns whether the editor form can be saved without surfacing validation errors. */
 export declare const isToolsetFormValid: (form: ToolsetFormData, isEditMode?: boolean) => boolean;
+/** Returns the Metadata-section slice of a toolset form. */
+export declare const pickToolsetMetadata: (form: ToolsetFormData) => DeploymentCreationFormValues;
+/** Splits a toolset form patch into its Metadata part and its Setup part. */
+export declare const splitToolsetFormPatch: (patch: Partial<ToolsetFormData>) => {
+    metadata: Partial<DeploymentCreationFormValues>;
+    setup: Partial<ToolsetFormData>;
+};
 //# sourceMappingURL=toolsets.d.ts.map

package/utils/toolsets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolsets.d.ts","sourceRoot":"","sources":["../../src/utils/toolsets.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EAChB,MAAM,wBAAwB,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,+BAA+B,GAAI,iCAG7C;IACD,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,KAAG,MAOH,CAAC;AAQF,oEAAoE;AACpE,eAAO,MAAM,qBAAqB,GAChC,gBAAe,MAAM,EAAO,KAC3B,eAWD,CAAC;AAmBH,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,KAAG,OACR,CAAC;AAK5C;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,GAAI,QAAQ,MAAM,KAAG,MAkB7D,CAAC;AAKF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,mBAAmB,EACzB,oBAAkB,KACjB,OAmBF,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,eAAe,EACrB,oBAAkB,KACjB,OAKwC,CAAC"}
+{"version":3,"file":"toolsets.d.ts","sourceRoot":"","sources":["../../src/utils/toolsets.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,4BAA4B,CAAC;AAOpC,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EAChB,MAAM,wBAAwB,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,+BAA+B,GAAI,iCAG7C;IACD,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,KAAG,MAOH,CAAC;AAQF,oEAAoE;AACpE,eAAO,MAAM,qBAAqB,GAChC,gBAAe,MAAM,EAAO,KAC3B,eAWD,CAAC;AAmBH,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,KAAG,OACR,CAAC;AAK5C;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,GAAI,QAAQ,MAAM,KAAG,MAkB7D,CAAC;AAKF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,mBAAmB,EACzB,oBAAkB,KACjB,OAmBF,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,eAAe,EACrB,oBAAkB,KACjB,OAKwC,CAAC;AAW5C,4DAA4D;AAC5D,eAAO,MAAM,mBAAmB,GAC9B,MAAM,eAAe,KACpB,4BAOD,CAAC;AAEH,6EAA6E;AAC7E,eAAO,MAAM,qBAAqB,GAChC,OAAO,OAAO,CAAC,eAAe,CAAC,KAC9B;IACD,QAAQ,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAChD,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAWjC,CAAC"}