@epam/ai-dial-toolset-editor 1.2.0-dev.6 → 1.2.0-dev.61

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

@@ -1 +1 @@
-{"version":3,"file":"ToolsetEditor.d.ts","sourceRoot":"","sources":["../../../src/components/ToolsetEditor/ToolsetEditor.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAwC5E,uKAAuK;AACvK,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAyWhD,CAAC"}
+{"version":3,"file":"ToolsetEditor.d.ts","sourceRoot":"","sources":["../../../src/components/ToolsetEditor/ToolsetEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAwC5E,uKAAuK;AACvK,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA+WhD,CAAC"}

package/constants/public-class-names.d.ts

@@ -0,0 +1,7 @@
+export declare const TOOLSET_EDITOR_CLASS: {
+    /** The metadata column of the editor, inside the shared editor layout. */
+    readonly metadataSection: "dial-toolset-editor-metadata-section";
+    /** The setup column beside it, holding the connection and auth forms. */
+    readonly setupSection: "dial-toolset-editor-setup-section";
+};
+//# sourceMappingURL=public-class-names.d.ts.map

package/constants/public-class-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,oBAAoB;IAC/B,0EAA0E;;IAE1E,yEAAyE;;CAEjE,CAAC"}

package/index.css

@@ -0,0 +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}}

package/index.d.ts

@@ -9,4 +9,5 @@ export type { ToolsetOAuthLoginHandler, ToolsetOAuthLoginRequest, ToolsetOAuthLo
 export type { DeploymentGeneralFormData, ToolsetAuthActions, ToolsetAuthFormData, ToolsetFormData, ToolsetFormErrors, ToolsetLoginRequest, ToolsetLogoutRequest, } from './models/toolset-form';
 export { AUTH_TYPE_ICONS, DEFAULT_TOOLSET_NAME, DEFAULT_TOOLSET_VERSION, ToolsetTransportType, } from './constants/toolsets';
 export { getDefaultToolsetForm, getStorageSafeUniqueToolsetName, isToolsetAuthValid, isToolsetFormValid, isValidEndpointUrl, normalizeReturnedEndpointUrl, } from './utils/toolsets';
+export { TOOLSET_EDITOR_CLASS } from './constants/public-class-names';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,YAAY,EACV,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,0BAA0B,EAC1B,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,qBAAqB,EACrB,+BAA+B,EAC/B,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,4BAA4B,GAC7B,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,YAAY,EACV,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,0BAA0B,EAC1B,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,qBAAqB,EACrB,+BAA+B,EAC/B,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,4BAA4B,GAC7B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC"}

package/index.js

@@ -1,17 +1,20 @@
 import { AvatarPickerModal as e, DeploymentCreationFieldErrorCode as t, DeploymentCreationForm as n, EditorLayout as r, EditorSection as i, validateDeploymentCreationFields as a } from "@epam/ai-dial-builder-form";
 import { ToolsetAuthTypes as o, ToolsetCredentialsLevel as s, WithLogin as c, dialFileToAttachment as l, getApiErrorDetails as u } from "@epam/ai-dial-chat-hooks";
-import { ConfirmationPopup as d, ConfirmationPopupVariant as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, Input as h, NeutralButton as g, PasswordInput as _, PrimaryButton as v, Radio as y, RadioGroup as b, SegmentedControl as ee, Select as x, TagInput as S } from "@epam/ai-dial-ui-kit";
-import { memo as C, useCallback as w, useEffect as T, useMemo as E, useRef as D, useState as O } from "react";
-import { IconBrandOauth as k, IconKey as A, IconLockOff as j, IconLogin as te, IconLogout as M } from "@tabler/icons-react";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { CopyButton as I, TAG_INPUT_TAG_CLASS_NAME as L, mergeClasses as R, useCodeCopy as z } from "@epam/ai-dial-chat-shared";
-//#region src/constants/toolsets.ts
-var B = /* @__PURE__ */ function(e) {
+import { CopyButton as d, TAG_INPUT_TAG_CLASS_NAME as f, mergeClasses as p, useCodeCopy as m } from "@epam/ai-dial-chat-shared";
+import { ConfirmationPopup as h, ConfirmationPopupVariant as g, DIAL_ICON_SIZE as _, DIAL_KIT_ICON_STROKE as v, Input as y, NeutralButton as b, PasswordInput as x, PrimaryButton as S, Radio as C, RadioGroup as w, SegmentedControl as ee, Select as T, TagInput as E } from "@epam/ai-dial-ui-kit";
+import { memo as D, useCallback as O, useEffect as k, useMemo as A, useRef as j, useState as M } from "react";
+import { IconBrandOauth as N, IconKey as P, IconLockOff as F, IconLogin as te, IconLogout as I } from "@tabler/icons-react";
+import { Fragment as ne, jsx as L, jsxs as R } from "react/jsx-runtime";
+//#region src/constants/public-class-names.ts
+var z = {
+	metadataSection: "dial-toolset-editor-metadata-section",
+	setupSection: "dial-toolset-editor-setup-section"
+}, B = /* @__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
+	[o.OAuth]: N,
+	[o.ApiKey]: P,
+	[o.None]: F
 }, W = ({ defaultName: e = V, existingNames: t }) => {
 	let n = new Set(t);
 	if (!n.has(e)) return e;
@@ -53,7 +56,7 @@ var B = /* @__PURE__ */ function(e) {
 		if (q(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 = {
+}, Z = (e) => !e?.trim() || J(e), Q = (e, t = !1) => e.isLoggedIn ? !0 : e.authenticationType === o.ApiKey ? e.keyHeader?.trim() ? e.withLogin === c.WithoutLogin ? !0 : !!(e.keyHeader?.trim() && e.apiKey?.trim()) : !1 : e.authenticationType === o.OAuth && e.withLogin === c.WithConfig ? !!e.clientId?.trim() && (t || !!e.clientSecret?.trim()) && Z(e.authorizationEndpoint) && Z(e.tokenEndpoint) : !0, re = (e, t = !1) => Object.keys(a(e, { validateVersionPattern: !0 })).length === 0 && J(e.endpoint) && Q(e.auth, t), ie = {
 	name: {
 		label: "Name",
 		placeholder: "Enter name"
@@ -92,7 +95,7 @@ var B = /* @__PURE__ */ function(e) {
 		saveLabel: "Save"
 	},
 	ariaLabel: "General"
-}, Q = {
+}, ae = {
 	title: "Add avatar",
 	attachLabel: "Attach",
 	emptyTitle: "This folder is empty",
@@ -118,9 +121,9 @@ var B = /* @__PURE__ */ function(e) {
 	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, {
+}, oe = ({ form: t, errors: r, bucket: i, FileManagerModal: a, resolveIconUrl: o, allowedMimeTypes: s, maxFileSizeBytes: c, availableLocaleOptions: u, onChange: d, onNameBlur: f, onVersionBlur: p, labels: m }) => {
+	let [h, g] = M(!1), _ = m?.form ?? ie, v = m?.avatarPicker ?? ae, y = A(() => o(t.iconUrl), [t.iconUrl, o]);
+	return /* @__PURE__ */ R(ne, { children: [/* @__PURE__ */ L(n, {
 		values: {
 			name: t.name,
 			description: t.description,
@@ -137,7 +140,7 @@ var B = /* @__PURE__ */ function(e) {
 		onAddAvatarClick: () => g(!0),
 		labels: _,
 		availableLocaleOptions: u
-	}), /* @__PURE__ */ P(e, {
+	}), /* @__PURE__ */ L(e, {
 		isOpen: h,
 		onClose: () => g(!1),
 		onAttach: (e) => {
@@ -152,47 +155,47 @@ var B = /* @__PURE__ */ function(e) {
 	})] });
 }, $ = /* @__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({
+}({}), se = (e, t) => e === o.None ? c.WithoutLogin : e === o.OAuth && !t ? c.WithConfig : c.WithLogin, ce = (e, t) => e === o.None ? t?.typeNone ?? "Open access" : e === o.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", le = ({ auth: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, endpoint: a, authActions: l, onOAuthLogin: d, onNotifySuccess: p, onNotifyError: m, onAuthChange: S, onEnsureSaved: w, labels: T }) => {
+	let [D, O] = M(!1), [k, A] = M(!1), j = e.isLoggedIn || n || D, N = J(a) && Q(e, i) && !j, P = (t) => {
+		j || t === e.authenticationType || S({
 			authenticationType: t,
-			withLogin: oe(t, !!e.clientId?.trim())
+			withLogin: se(t, !!e.clientId?.trim())
 		});
-	}, R = (e) => {
-		C({ withLogin: e });
-	}, z = (e) => {
-		switch (e.auth != null && C(e.auth), e.status) {
+	}, F = (e) => {
+		S({ withLogin: e });
+	}, ne = (e) => {
+		switch (e.auth != null && S(e.auth), e.status) {
 			case $.Success:
-				C({ isLoggedIn: !0 }), b(T?.loginSuccessMessage ?? "Successfully logged in.");
+				S({ isLoggedIn: !0 }), p(T?.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.");
+				m(T?.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.");
+				m(T?.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);
+				m(T?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", e.traceId);
 				return;
 			case $.Cancelled: return;
 		}
-	}, B = async () => {
+	}, z = async () => {
 		if (!N) return;
 		if (e.authenticationType === o.OAuth) {
-			D(!0);
+			O(!0);
 			try {
-				z(await v({
+				ne(await d({
 					auth: e,
 					ensureSaved: w
 				}));
 			} finally {
-				D(!1);
+				O(!1);
 			}
 			return;
 		}
 		let t = await w();
 		if (t) {
-			D(!0);
+			O(!0);
 			try {
 				let n = {
 					url: t,
@@ -200,63 +203,63 @@ 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), S({ isLoggedIn: !0 }), p(T?.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);
+				m(T?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
 			} finally {
-				D(!1);
+				O(!1);
 			}
 		}
-	}, V = async () => {
-		D(!0);
+	}, B = async () => {
+		O(!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), S({ isLoggedIn: !1 }), A(!1), p(T?.logoutSuccessMessage ?? "Successfully logged out.");
 		} catch (e) {
 			let { traceId: t } = await u(e);
-			x(T?.errorLogoutFailed ?? "Failed to log out. Please try again.", t);
+			m(T?.errorLogoutFailed ?? "Failed to log out. Please try again.", t);
 		} finally {
-			D(!1);
+			O(!1);
 		}
-	}, H = () => e.isLoggedIn ? /* @__PURE__ */ P("div", {
+	}, V = () => e.isLoggedIn ? /* @__PURE__ */ L("div", {
 		className: "flex",
-		children: /* @__PURE__ */ P(g, {
+		children: /* @__PURE__ */ L(b, {
 			label: T?.logOutLabel ?? "Log out",
-			iconBefore: /* @__PURE__ */ P(M, {
-				size: p.MD,
-				stroke: m
+			iconBefore: /* @__PURE__ */ L(I, {
+				size: _.MD,
+				stroke: v
 			}),
 			onClick: () => A(!0),
-			disabled: n || E
+			disabled: n || D
 		})
-	}) : /* @__PURE__ */ P("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: "flex",
-		children: /* @__PURE__ */ P(g, {
+		children: /* @__PURE__ */ L(b, {
 			label: T?.logInLabel ?? "Log in",
-			iconBefore: /* @__PURE__ */ P(te, {
-				size: p.MD,
-				stroke: m
+			iconBefore: /* @__PURE__ */ L(te, {
+				size: _.MD,
+				stroke: v
 			}),
-			onClick: B,
+			onClick: z,
 			disabled: !N
 		})
 	});
-	return /* @__PURE__ */ F("section", {
+	return /* @__PURE__ */ R("section", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ P("h3", {
+			/* @__PURE__ */ L("h3", {
 				className: "dial-h3-text",
 				children: T?.sectionTitle ?? "Authentication"
 			}),
-			/* @__PURE__ */ P(ee, {
+			/* @__PURE__ */ L(ee, {
 				"aria-label": T?.sectionTitle ?? "Authentication",
 				value: e.authenticationType,
-				onChange: (e) => I(e),
+				onChange: (e) => P(e),
 				segmentClassName: "px-2",
 				items: [
 					o.None,
@@ -266,56 +269,56 @@ var B = /* @__PURE__ */ function(e) {
 					let n = U[t];
 					return {
 						value: t,
-						label: /* @__PURE__ */ F("div", {
+						label: /* @__PURE__ */ R("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ P(n, {
+							children: [/* @__PURE__ */ L(n, {
 								className: "shrink-0",
-								size: p.SM,
-								stroke: m,
+								size: _.SM,
+								stroke: v,
 								"aria-hidden": !0
-							}), /* @__PURE__ */ P("span", {
+							}), /* @__PURE__ */ L("span", {
 								className: "sr-only desktop:not-sr-only",
-								children: se(t, T)
+								children: ce(t, T)
 							})]
 						}),
 						disabled: j && e.authenticationType !== t
 					};
 				})
 			}),
-			e.authenticationType === o.None && /* @__PURE__ */ P("p", {
+			e.authenticationType === o.None && /* @__PURE__ */ L("p", {
 				className: "dial-small-text pt-2 text-secondary",
 				children: T?.openAccessDescription ?? "Open endpoint, no credentials"
 			}),
-			e.authenticationType === o.OAuth && /* @__PURE__ */ F("div", {
+			e.authenticationType === o.OAuth && /* @__PURE__ */ R("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ R("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ P(y, {
+						children: [/* @__PURE__ */ L(C, {
 							name: "oauth-login-mode",
 							id: "oauth-with-login",
 							value: c.WithLogin,
 							labelProps: { label: T?.withLoginOAuthLabel ?? "Standard login" },
 							isSelected: e.withLogin === c.WithLogin,
 							disabled: j,
-							onChange: R
-						}), /* @__PURE__ */ P(y, {
+							onChange: F
+						}), /* @__PURE__ */ L(C, {
 							name: "oauth-login-mode",
 							id: "oauth-with-config",
 							value: c.WithConfig,
 							labelProps: { label: T?.withConfigOAuthLabel ?? "Custom login" },
 							isSelected: e.withLogin === c.WithConfig,
 							disabled: j,
-							onChange: R
+							onChange: F
 						})]
 					}),
-					e.withLogin === c.WithConfig && /* @__PURE__ */ F("div", {
+					e.withLogin === c.WithConfig && /* @__PURE__ */ R("div", {
 						className: "flex flex-col gap-3",
 						children: [
-							/* @__PURE__ */ P(h, {
+							/* @__PURE__ */ L(y, {
 								id: "toolset-client-id",
 								value: e.clientId ?? "",
-								onChange: (e) => C({ clientId: e ?? "" }),
+								onChange: (e) => S({ clientId: e ?? "" }),
 								labelProps: {
 									label: T?.clientIdLabel ?? "Client ID",
 									required: !0
@@ -325,10 +328,10 @@ var B = /* @__PURE__ */ function(e) {
 								invalid: !!t.clientId,
 								disabled: j
 							}),
-							/* @__PURE__ */ P(_, {
+							/* @__PURE__ */ L(x, {
 								id: "toolset-client-secret",
 								value: e.clientSecret ?? "",
-								onChange: (e) => C({ clientSecret: e ?? "" }),
+								onChange: (e) => S({ clientSecret: e ?? "" }),
 								labelProps: {
 									label: T?.clientSecretLabel ?? "Client secret",
 									required: !i
@@ -340,69 +343,69 @@ var B = /* @__PURE__ */ function(e) {
 								invalid: !!t.clientSecret,
 								disabled: j
 							}),
-							/* @__PURE__ */ P(h, {
+							/* @__PURE__ */ L(y, {
 								id: "toolset-authorization-endpoint",
 								value: e.authorizationEndpoint ?? "",
-								onChange: (e) => C({ authorizationEndpoint: e ?? "" }),
+								onChange: (e) => S({ authorizationEndpoint: e ?? "" }),
 								labelProps: { label: T?.authorizationEndpointLabel ?? "Authorization endpoint" },
 								placeholder: T?.authorizationEndpointPlaceholder ?? "Enter authorization endpoint",
 								error: t.authorizationEndpoint || void 0,
 								invalid: !!t.authorizationEndpoint,
 								disabled: j
 							}),
-							/* @__PURE__ */ P(h, {
+							/* @__PURE__ */ L(y, {
 								id: "toolset-token-endpoint",
 								value: e.tokenEndpoint ?? "",
-								onChange: (e) => C({ tokenEndpoint: e ?? "" }),
+								onChange: (e) => S({ tokenEndpoint: e ?? "" }),
 								labelProps: { label: T?.tokenEndpointLabel ?? "Token endpoint" },
 								placeholder: T?.tokenEndpointPlaceholder ?? "Enter token endpoint",
 								error: t.tokenEndpoint || void 0,
 								invalid: !!t.tokenEndpoint,
 								disabled: j
 							}),
-							/* @__PURE__ */ P(S, {
+							/* @__PURE__ */ L(E, {
 								id: "toolset-scopes",
 								labelProps: { label: T?.scopesLabel ?? "Scopes" },
 								placeholder: T?.scopesPlaceholder ?? "Enter scopes",
 								value: e.scopes ?? [],
-								onChange: (e) => C({ scopes: e }),
+								onChange: (e) => S({ scopes: e }),
 								disabled: j,
-								tagClassName: L
+								tagClassName: f
 							})
 						]
 					}),
-					H()
+					V()
 				]
 			}),
-			e.authenticationType === o.ApiKey && /* @__PURE__ */ F("div", {
+			e.authenticationType === o.ApiKey && /* @__PURE__ */ R("div", {
 				className: "flex flex-col gap-3 pt-2",
 				children: [
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ R("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ P(y, {
+						children: [/* @__PURE__ */ L(C, {
 							name: "apikey-login-mode",
 							id: "apikey-with-login",
 							value: c.WithLogin,
 							labelProps: { label: T?.withLoginLabel ?? "With login" },
 							isSelected: e.withLogin === c.WithLogin,
 							disabled: j,
-							onChange: R
-						}), /* @__PURE__ */ P(y, {
+							onChange: F
+						}), /* @__PURE__ */ L(C, {
 							name: "apikey-login-mode",
 							id: "apikey-without-login",
 							value: c.WithoutLogin,
 							labelProps: { label: T?.withoutLoginLabel ?? "Without login" },
 							isSelected: e.withLogin === c.WithoutLogin,
 							disabled: j,
-							onChange: R
+							onChange: F
 						})]
 					}),
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ R("div", {
 						className: "flex flex-col gap-3",
-						children: [/* @__PURE__ */ P(h, {
+						children: [/* @__PURE__ */ L(y, {
 							id: "toolset-key-header",
 							value: e.keyHeader ?? "",
-							onChange: (e) => C({ keyHeader: e ?? "" }),
+							onChange: (e) => S({ keyHeader: e ?? "" }),
 							labelProps: {
 								label: T?.keyHeaderLabel ?? "API Key parameter name",
 								required: !0
@@ -411,10 +414,10 @@ var B = /* @__PURE__ */ function(e) {
 							error: t.keyHeader || void 0,
 							invalid: !!t.keyHeader,
 							disabled: j
-						}), e.withLogin === c.WithLogin && /* @__PURE__ */ P(_, {
+						}), e.withLogin === c.WithLogin && /* @__PURE__ */ L(x, {
 							id: "toolset-api-key",
 							value: e.apiKey ?? "",
-							onChange: (e) => C({ apiKey: e ?? "" }),
+							onChange: (e) => S({ apiKey: e ?? "" }),
 							labelProps: {
 								label: T?.apiKeyLabel ?? "API key",
 								required: !0
@@ -427,46 +430,46 @@ var B = /* @__PURE__ */ function(e) {
 							disabled: j
 						})]
 					}),
-					e.withLogin !== c.WithoutLogin && H()
+					e.withLogin !== c.WithoutLogin && V()
 				]
 			}),
-			k && /* @__PURE__ */ P(d, {
+			k && /* @__PURE__ */ L(h, {
 				open: k,
 				header: T?.logoutConfirmTitle ?? "Log out?",
 				description: T?.logoutConfirmDescription ?? "Are you sure you want to log out? You will need to re-enter your credentials to use this toolset again.",
 				confirmLabel: T?.logOutLabel ?? "Log out",
 				cancelLabel: T?.cancelLabel ?? "Cancel",
-				variant: f.Danger,
-				isLoading: E,
-				disableConfirmButton: E,
-				onConfirm: V,
+				variant: g.Danger,
+				isLoading: D,
+				disableConfirmButton: D,
+				onConfirm: B,
 				onCancel: () => A(!1),
 				onClose: () => A(!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),
+}, ue = D(({ url: e, className: t, labels: n }) => {
+	let { isCopied: r, copy: i } = m(e), a = n?.copiedLabel ?? "Copied!";
+	return /* @__PURE__ */ R("div", {
+		className: p("flex flex-col gap-3", t),
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ R("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ P("p", {
+				children: [/* @__PURE__ */ L("p", {
 					className: "dial-body-semi-text text-start text-primary",
 					children: n?.title ?? "Connect toolset"
-				}), /* @__PURE__ */ P("p", {
+				}), /* @__PURE__ */ L("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__ */ L("div", { children: /* @__PURE__ */ L(d, {
 				copiedLabel: a,
 				copyLabel: n?.copyLabel ?? "Copy URL",
 				isCopied: r,
 				onClick: i
 			}) }),
-			/* @__PURE__ */ P("span", {
+			/* @__PURE__ */ L("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
@@ -474,16 +477,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(() => [{
+}), de = ({ form: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, connectUrl: a, listToolNames: o, authActions: s, onOAuthLogin: c, onNotifySuccess: l, onNotifyError: u, onChange: d, onAuthChange: p, onEnsureSaved: m, labels: h }) => {
+	let [g, _] = M(null), v = !!a && !!r, b = A(() => [{
 		value: B.Http,
 		label: "HTTP"
 	}, {
 		value: B.Sse,
 		label: "SSE"
 	}], []);
-	return T(() => {
-		if (!r || !o || !Z(e.auth, i)) {
+	return k(() => {
+		if (!r || !o || !Q(e.auth, i)) {
 			_(null);
 			return;
 		}
@@ -504,56 +507,56 @@ var B = /* @__PURE__ */ function(e) {
 		e.auth,
 		e.endpoint,
 		o
-	]), /* @__PURE__ */ F("div", {
+	]), /* @__PURE__ */ R("div", {
 		className: "flex max-w-[1060px] flex-col gap-4",
 		children: [
-			/* @__PURE__ */ P(h, {
+			/* @__PURE__ */ L(y, {
 				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__ */ L(w, {
 				labelProps: {
-					label: m?.protocolLabel ?? "Protocol",
+					label: h?.protocolLabel ?? "Protocol",
 					required: !0
 				},
 				id: "toolset-protocol",
-				items: y,
+				items: b,
 				value: e.protocol,
 				onChange: (e) => {
 					d({ protocol: e });
 				}
 			}),
-			g ? /* @__PURE__ */ P(x, {
+			g ? /* @__PURE__ */ L(T, {
 				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__ */ L(E, {
 				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: f
 			}),
-			/* @__PURE__ */ P(ce, {
+			/* @__PURE__ */ L(le, {
 				auth: e.auth,
 				errors: t,
 				isSaving: n,
@@ -564,182 +567,182 @@ var B = /* @__PURE__ */ function(e) {
 				onOAuthLogin: c,
 				onNotifySuccess: l,
 				onNotifyError: u,
-				onAuthChange: f,
-				onEnsureSaved: p,
-				labels: m?.auth
+				onAuthChange: p,
+				onEnsureSaved: m,
+				labels: h?.auth
 			}),
-			v && /* @__PURE__ */ P(le, {
+			v && /* @__PURE__ */ L(ue, {
 				url: a ?? "",
-				labels: m?.connect,
+				labels: h?.connect,
 				className: "border-t border-tertiary pt-4"
 			})
 		]
 	});
-}, de = [
+}, fe = [
 	"keyHeader",
 	"apiKey",
 	"clientId",
 	"clientSecret",
 	"authorizationEndpoint",
 	"tokenEndpoint"
-], fe = [
+], pe = [
 	"name",
 	"version",
 	"endpoint",
-	...de
-], pe = new Set(fe), me = (e) => {
+	...fe
+], me = new Set(pe), he = (e) => {
 	let t = {};
-	for (let n of Object.keys(e)) pe.has(n) && (t[n] = !0);
+	for (let n of Object.keys(e)) me.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("");
+}, ge = ({ initialForm: e, toolsetId: n, onPersist: s, onPostSaveLogin: l, onToolsetsChanged: d, onSaveSuccess: f, onSaveComplete: m, onBack: h, buildMcpUrl: g, listToolNames: _, authActions: v, onOAuthLogin: y, onNotifySuccess: x, onNotifyError: C, bucket: w, FileManagerModal: ee, resolveIconUrl: T, allowedMimeTypes: E, maxFileSizeBytes: D, availableLocaleOptions: N, labels: P }) => {
+	let F = !!n, [te, I] = M(""), B = n || te, [V, H] = M(e), [U, W] = M(!1), [G, K] = M({}), [q, Y] = M({}), X = j(null);
+	k(() => {
+		H(e), X.current = e, K({}), Y({}), I("");
 	}, [e]);
-	let X = w((e) => {
-		V((t) => ({
+	let Z = O((e) => {
+		H((t) => ({
 			...t,
 			...e
-		})), q((t) => ({
+		})), Y((t) => ({
 			...t,
-			...me(e)
-		})), G((t) => {
+			...he(e)
+		})), K((t) => {
 			let n = { ...t };
 			for (let t of Object.keys(e)) delete n[t];
 			return n;
 		});
-	}, []), ne = w((e) => {
-		V((t) => ({
+	}, []), Q = O((e) => {
+		H((t) => ({
 			...t,
 			auth: {
 				...t.auth,
 				...e
 			}
-		})), q((t) => ({
+		})), Y((t) => ({
 			...t,
-			...me(e)
-		})), G((t) => {
+			...he(e)
+		})), K((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 fe) 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]), ie = O(async () => {
+		if (B && X.current != null && JSON.stringify(X.current) === JSON.stringify(V)) return B;
+		W(!0);
 		try {
-			let e = await s(B, z);
-			return e ? (z || R(e), Y.current = B, await d(), e) : null;
+			let e = await s(V, B);
+			return e ? (B || I(e), X.current = V, await d(), e) : null;
 		} catch {
 			return null;
 		} finally {
-			U(!1);
+			W(!1);
 		}
 	}, [
+		V,
 		B,
-		z,
 		s,
 		d
-	]), ie = w(async () => await Z() ?? !1, [Z]), Q = w((e) => {
-		let n = M?.validation, r = {}, i = a(e, { validateVersionPattern: !0 });
-		return i.name === t.Required && (r.name = n?.nameRequired ?? "Name is required"), i.version === t.InvalidFormat && (r.version = n?.versionInvalid ?? "Version may only contain letters, digits, dots, underscores, and dashes"), e.endpoint.trim() ? J(e.endpoint) || (r.endpoint = n?.endpointInvalid ?? "Enter a valid http(s) URL") : r.endpoint = n?.endpointRequired ?? "Endpoint is required", e.auth.isLoggedIn || (e.auth.authenticationType === o.ApiKey && (e.auth.keyHeader?.trim() || (r.keyHeader = n?.keyHeaderRequired ?? "Key name is required"), e.auth.withLogin === c.WithLogin && !e.auth.apiKey?.trim() && (r.apiKey = n?.apiKeyRequired ?? "API key is required")), e.auth.authenticationType === o.OAuth && e.auth.withLogin === c.WithConfig && (e.auth.clientId?.trim() || (r.clientId = n?.clientIdRequired ?? "Client ID is required"), !I && !e.auth.clientSecret?.trim() && (r.clientSecret = n?.clientSecretRequired ?? "Client secret is required"), e.auth.authorizationEndpoint?.trim() && !J(e.auth.authorizationEndpoint) && (r.authorizationEndpoint = n?.endpointInvalid ?? "Enter a valid http(s) URL"), e.auth.tokenEndpoint?.trim() && !J(e.auth.tokenEndpoint) && (r.tokenEndpoint = n?.endpointInvalid ?? "Enter a valid http(s) URL"))), r;
-	}, [M, I]), $ = w(async () => {
-		let e = Q(B);
+	]), ae = O(async () => await ie() ?? !1, [ie]), $ = O((e) => {
+		let n = P?.validation, r = {}, i = a(e, { validateVersionPattern: !0 });
+		return i.name === t.Required && (r.name = n?.nameRequired ?? "Name is required"), i.version === t.InvalidFormat && (r.version = n?.versionInvalid ?? "Version may only contain letters, digits, dots, underscores, and dashes"), e.endpoint.trim() ? J(e.endpoint) || (r.endpoint = n?.endpointInvalid ?? "Enter a valid http(s) URL") : r.endpoint = n?.endpointRequired ?? "Endpoint is required", e.auth.isLoggedIn || (e.auth.authenticationType === o.ApiKey && (e.auth.keyHeader?.trim() || (r.keyHeader = n?.keyHeaderRequired ?? "Key name is required"), e.auth.withLogin === c.WithLogin && !e.auth.apiKey?.trim() && (r.apiKey = n?.apiKeyRequired ?? "API key is required")), e.auth.authenticationType === o.OAuth && e.auth.withLogin === c.WithConfig && (e.auth.clientId?.trim() || (r.clientId = n?.clientIdRequired ?? "Client ID is required"), !F && !e.auth.clientSecret?.trim() && (r.clientSecret = n?.clientSecretRequired ?? "Client secret is required"), e.auth.authorizationEndpoint?.trim() && !J(e.auth.authorizationEndpoint) && (r.authorizationEndpoint = n?.endpointInvalid ?? "Enter a valid http(s) URL"), e.auth.tokenEndpoint?.trim() && !J(e.auth.tokenEndpoint) && (r.tokenEndpoint = n?.endpointInvalid ?? "Enter a valid http(s) URL"))), r;
+	}, [P, F]), se = O(async () => {
+		let e = $(V);
 		if (Object.keys(e).length > 0) {
-			G(e);
+			K(e);
 			return;
 		}
-		G({}), U(!0);
+		K({}), W(!0);
 		try {
-			let e = await s(B, z);
+			let e = await s(V, B);
 			if (!e) return;
-			await d(), f(B);
+			await d(), f(V);
 			try {
-				await l(e, B.auth), p();
+				await l(e, V.auth), m();
 			} 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);
+				C(P?.settings?.auth?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
 			}
 		} catch {} finally {
-			U(!1);
+			W(!1);
 		}
 	}, [
+		V,
+		$,
 		B,
-		Q,
-		z,
 		s,
 		d,
 		f,
-		p,
+		m,
 		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;
+		C,
+		P
+	]), ce = A(() => !re(V, F), [V, F]), le = A(() => {
+		let e = $(V), t = { ...G };
+		for (let n of pe) {
+			if (!q[n]) continue;
 			let r = e[n];
 			r ? t[n] = r : delete t[n];
 		}
 		return t;
 	}, [
-		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: $
+		q,
+		G,
+		V,
+		$
+	]), ue = g && B ? g(B) : void 0;
+	return /* @__PURE__ */ L(r, {
+		title: F ? P?.layout?.editTitle ?? "Edit toolset" : P?.layout?.createTitle ?? "Create toolset",
+		onBack: h,
+		backAriaLabel: P?.layout?.backAriaLabel ?? "Back to catalog",
+		isSaving: U,
+		labels: { savingStatusLabel: P?.layout?.savingStatusLabel ?? "Saving" },
+		actions: /* @__PURE__ */ R(ne, { children: [/* @__PURE__ */ L(b, {
+			label: P?.layout?.cancelLabel ?? "Cancel",
+			onClick: h
+		}), /* @__PURE__ */ L(S, {
+			label: F ? P?.layout?.saveLabel ?? "Save" : P?.layout?.createLabel ?? "Create",
+			disabled: ce,
+			onClick: se
 		})] }),
-		leftContent: /* @__PURE__ */ 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
+		leftContent: /* @__PURE__ */ L(i, {
+			title: P?.layout?.metadataSectionTitle ?? "Metadata",
+			className: p("border-0 p-4 desktop:p-6", z.metadataSection),
+			children: /* @__PURE__ */ L(oe, {
+				form: V,
+				errors: le,
+				bucket: w,
+				FileManagerModal: ee,
+				resolveIconUrl: T,
+				allowedMimeTypes: E,
+				maxFileSizeBytes: D,
+				availableLocaleOptions: N,
+				onChange: Z,
+				labels: P?.general
 			})
 		}),
-		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,
+		rightContent: /* @__PURE__ */ L(i, {
+			title: P?.layout?.setupSectionTitle ?? "Setup",
+			className: p("border-0 p-4 desktop:p-6", z.setupSection),
+			children: /* @__PURE__ */ L(de, {
+				form: V,
+				errors: le,
+				isSaving: U,
+				toolsetId: B,
+				isEditMode: F,
+				connectUrl: ue,
 				listToolNames: _,
-				authActions: y,
-				onOAuthLogin: b,
-				onNotifySuccess: ee,
-				onNotifyError: x,
-				onChange: X,
-				onAuthChange: ne,
-				onEnsureSaved: ie,
-				labels: M?.settings
+				authActions: v,
+				onOAuthLogin: y,
+				onNotifySuccess: x,
+				onNotifyError: C,
+				onChange: Z,
+				onAuthChange: Q,
+				onEnsureSaved: ae,
+				labels: P?.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 { U as AUTH_TYPE_ICONS, V as DEFAULT_TOOLSET_NAME, H as DEFAULT_TOOLSET_VERSION, oe as GeneralForm, z as TOOLSET_EDITOR_CLASS, ge as ToolsetEditor, $ as ToolsetOAuthLoginStatus, B as ToolsetTransportType, K as getDefaultToolsetForm, W as getStorageSafeUniqueToolsetName, Q as isToolsetAuthValid, re as isToolsetFormValid, J as isValidEndpointUrl, X as normalizeReturnedEndpointUrl };

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.6",
+  "version": "1.2.0-dev.61",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -9,6 +9,7 @@
   "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
+    "./styles.css": "./index.css",
     ".": {
       "types": "./index.d.ts",
       "import": "./index.js",
@@ -17,12 +18,12 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-builder-form": "1.2.0-dev.6"
+    "@epam/ai-dial-builder-form": "1.2.0-dev.61"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-hooks": "1.2.0-dev.6",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.6",
-    "@epam/ai-dial-ui-kit": "^0.14.2",
+    "@epam/ai-dial-chat-hooks": "1.2.0-dev.61",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.61",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.9",
     "react": "^19.2.8"
   },
   "repository": {