@epam/ai-dial-toolset-editor 1.1.0-dev.465

package/index.js

@@ -0,0 +1,741 @@
+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, PrimaryButton as _, Radio as v, RadioGroup as y, SegmentedControl as b, 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 ee, IconLogout as te } from "@tabler/icons-react";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { CopyButton as F, TAG_INPUT_TAG_CLASS_NAME as I, mergeClasses as L, useCodeCopy as R } from "@epam/ai-dial-chat-shared";
+//#region src/constants/toolsets.ts
+var z = /* @__PURE__ */ function(e) {
+	return e.Http = "HTTP", e.Sse = "SSE", e;
+}({}), B = "New toolset", V = "0.0.1", H = {
+	[o.OAuth]: k,
+	[o.ApiKey]: A,
+	[o.None]: j
+}, 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}`;
+}, W = () => ({
+	authenticationType: o.None,
+	withLogin: c.WithoutLogin,
+	isLoggedIn: !1
+}), G = (e = []) => ({
+	name: U({ existingNames: e }),
+	version: V,
+	iconUrl: "",
+	description: "",
+	topics: [],
+	otherLocales: [],
+	endpoint: "",
+	protocol: z.Http,
+	allowedTools: [],
+	auth: W()
+}), K = (e) => {
+	if (!/^(https?|sse):\/\//.test(e) || e.endsWith(".") || e.endsWith("//")) return !1;
+	try {
+		return !!new URL(e);
+	} catch {
+		return !1;
+	}
+}, q = (e) => K(e.trim()), J = (e) => e.replace(/^(https?|sse):\/([^/])/, "$1://$2"), Y = (e) => {
+	let t = e?.trim() ?? "";
+	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 = J(e);
+		if (K(t)) return t;
+	}
+	return t;
+}, X = (e) => !e?.trim() || q(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()) && X(e.authorizationEndpoint) && X(e.tokenEndpoint) : !0, ne = (e, t = !1) => Object.keys(a(e, { validateVersionPattern: !0 })).length === 0 && q(e.endpoint) && Z(e.auth, t), re = {
+	name: {
+		label: "Name",
+		placeholder: "Enter name"
+	},
+	description: {
+		label: "Description",
+		placeholder: "Describe what this toolset does"
+	},
+	iconUrl: {
+		label: "Avatar",
+		addAvatarLabel: "Add avatar",
+		captionText: "PNG, JPG or SVG (max 1 MB)"
+	},
+	version: {
+		label: "Version",
+		placeholder: "e.g. 1.0.0"
+	},
+	topics: {
+		label: "Tags",
+		placeholder: "Add tags, comma separated"
+	},
+	otherLocales: {
+		summaryLabel: "Locales",
+		addLabel: "Add locales",
+		editLabel: "Edit locales",
+		popupTitle: "Add locale",
+		addLocaleLabel: "Add locale",
+		localeRowLabel: "Locale",
+		languageLabel: "Language",
+		nameLabel: "Name",
+		namePlaceholder: "Enter name",
+		descriptionLabel: "About",
+		descriptionPlaceholder: "Enter brief description",
+		deleteAriaLabel: "Delete locale",
+		cancelLabel: "Cancel",
+		saveLabel: "Save"
+	},
+	ariaLabel: "General"
+}, ie = {
+	title: "Add avatar",
+	attachLabel: "Attach",
+	emptyTitle: "This folder is empty",
+	emptyDescription: "",
+	errorMessage: "Failed to load files",
+	retryLabel: "Retry",
+	hiddenFilesLabel: "Hidden files",
+	showHiddenFilesLabel: "Show hidden files",
+	hideHiddenFilesLabel: "Hide hidden files",
+	getSelectionLabel: (e) => e === 1 ? `${e} item selected` : `${e} items selected`,
+	uploadFilesLabel: "Upload files",
+	newFolderLabel: "New folder",
+	downloadLabel: "Download",
+	downloadingLabel: "Preparing download…",
+	deleteLabel: "Delete",
+	deletingLabel: "Deleting…",
+	deleteConfirmTitleSingle: "Confirm deleting",
+	deleteConfirmTitleMultiple: "Confirm deleting items",
+	deleteConfirmSingleText: "Are you sure you want to delete",
+	deleteConfirmMultipleText: "Do you want to delete following",
+	deleteConfirmItemsLabel: "items?",
+	deleteConfirmLabel: "Delete",
+	deleteCancelLabel: "Cancel",
+	uploadProgressTitle: "Uploading files",
+	cancelLabel: "Cancel"
+}, ae = ({ form: t, errors: r, bucket: i, FileManagerModal: a, resolveIconUrl: o, allowedMimeTypes: s, maxFileSizeBytes: c, availableLocaleOptions: u, onChange: d, onNameBlur: f, onVersionBlur: p, labels: m }) => {
+	let [h, g] = O(!1), _ = m?.form ?? re, v = m?.avatarPicker ?? ie, y = E(() => o(t.iconUrl), [t.iconUrl, o]);
+	return /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(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__ */ N(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
+	})] });
+}, Q = /* @__PURE__ */ function(e) {
+	return e.Success = "success", e.Cancelled = "cancelled", e.PopupBlocked = "popup-blocked", e.InvalidConfig = "invalid-config", e.Failed = "failed", e;
+}({}), oe = (e, t) => e === o.None ? c.WithoutLogin : e === o.OAuth && !t ? c.WithConfig : c.WithLogin, se = (e, t) => e === o.None ? t?.typeNone ?? "Open access" : e === o.OAuth ? t?.typeOAuth ?? "OAuth" : t?.typeApiKey ?? "API Key", $ = ({ auth: e, errors: t, isSaving: n, toolsetId: r, isEditMode: i, endpoint: a, authActions: l, onOAuthLogin: _, onNotifySuccess: y, onNotifyError: x, onAuthChange: C, onEnsureSaved: w, labels: T }) => {
+	let [E, D] = O(!1), [k, A] = O(!1), j = e.isLoggedIn || n || E, M = q(a) && Z(e, i) && !j, F = (t) => {
+		j || t === e.authenticationType || C({
+			authenticationType: t,
+			withLogin: oe(t, !!e.clientId?.trim())
+		});
+	}, L = (e) => {
+		C({ withLogin: e });
+	}, R = (e) => {
+		switch (e.auth != null && C(e.auth), e.status) {
+			case Q.Success:
+				C({ isLoggedIn: !0 }), y(T?.loginSuccessMessage ?? "Successfully logged in.");
+				return;
+			case Q.PopupBlocked:
+				x(T?.errorPopupBlocked ?? "The login popup was blocked by your browser. Please allow popups for this site and try again.");
+				return;
+			case Q.InvalidConfig:
+				x(T?.errorOAuthConfigMissing ?? "The OAuth provider did not return a valid client configuration. Please check the endpoint or contact your administrator.");
+				return;
+			case Q.Failed:
+				x(T?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", e.traceId);
+				return;
+			case Q.Cancelled: return;
+		}
+	}, z = async () => {
+		if (!M) return;
+		if (e.authenticationType === o.OAuth) {
+			D(!0);
+			try {
+				R(await _({
+					auth: e,
+					ensureSaved: w
+				}));
+			} finally {
+				D(!1);
+			}
+			return;
+		}
+		let t = await w();
+		if (t) {
+			D(!0);
+			try {
+				let n = {
+					url: t,
+					credentialsLevel: s.User,
+					authenticationType: e.authenticationType,
+					apiKey: e.apiKey?.trim()
+				};
+				await l.login(t, n), C({ isLoggedIn: !0 }), y(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);
+			} finally {
+				D(!1);
+			}
+		}
+	}, B = async () => {
+		D(!0);
+		try {
+			let t = {
+				url: r,
+				credentialsLevel: s.User,
+				authenticationType: e.authenticationType
+			};
+			await l.logout(r, t), C({ isLoggedIn: !1 }), A(!1), y(T?.logoutSuccessMessage ?? "Successfully logged out.");
+		} catch (e) {
+			let { traceId: t } = await u(e);
+			x(T?.errorLogoutFailed ?? "Failed to log out. Please try again.", t);
+		} finally {
+			D(!1);
+		}
+	}, V = () => e.isLoggedIn ? /* @__PURE__ */ N("div", {
+		className: "flex",
+		children: /* @__PURE__ */ N(g, {
+			label: T?.logOutLabel ?? "Log out",
+			iconBefore: /* @__PURE__ */ N(te, {
+				size: p.MD,
+				stroke: m
+			}),
+			onClick: () => A(!0),
+			disabled: n || E
+		})
+	}) : /* @__PURE__ */ N("div", {
+		className: "flex",
+		children: /* @__PURE__ */ N(g, {
+			label: T?.logInLabel ?? "Log in",
+			iconBefore: /* @__PURE__ */ N(ee, {
+				size: p.MD,
+				stroke: m
+			}),
+			onClick: z,
+			disabled: !M
+		})
+	});
+	return /* @__PURE__ */ P("section", {
+		className: "flex flex-col gap-2",
+		children: [
+			/* @__PURE__ */ N("h3", {
+				className: "dial-h3-text",
+				children: T?.sectionTitle ?? "Authentication"
+			}),
+			/* @__PURE__ */ N(b, {
+				"aria-label": T?.sectionTitle ?? "Authentication",
+				value: e.authenticationType,
+				onChange: (e) => F(e),
+				segmentClassName: "px-2",
+				items: [
+					o.None,
+					o.OAuth,
+					o.ApiKey
+				].map((t) => {
+					let n = H[t];
+					return {
+						value: t,
+						label: /* @__PURE__ */ P("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ N(n, {
+								className: "shrink-0",
+								size: p.SM,
+								stroke: m,
+								"aria-hidden": !0
+							}), /* @__PURE__ */ N("span", {
+								className: "sr-only desktop:not-sr-only",
+								children: se(t, T)
+							})]
+						}),
+						disabled: j && e.authenticationType !== t
+					};
+				})
+			}),
+			e.authenticationType === o.None && /* @__PURE__ */ N("p", {
+				className: "dial-small-text pt-2 text-secondary",
+				children: T?.openAccessDescription ?? "Open endpoint, no credentials"
+			}),
+			e.authenticationType === o.OAuth && /* @__PURE__ */ P("div", {
+				className: "flex flex-col gap-3 pt-2",
+				children: [
+					/* @__PURE__ */ P("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ N(v, {
+							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: L
+						}), /* @__PURE__ */ N(v, {
+							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: L
+						})]
+					}),
+					e.withLogin === c.WithConfig && /* @__PURE__ */ P("div", {
+						className: "flex flex-col gap-3",
+						children: [
+							/* @__PURE__ */ N(h, {
+								id: "toolset-client-id",
+								value: e.clientId ?? "",
+								onChange: (e) => C({ clientId: e ?? "" }),
+								labelProps: {
+									label: T?.clientIdLabel ?? "Client ID",
+									required: !0
+								},
+								placeholder: T?.clientIdPlaceholder ?? "Enter client ID",
+								error: t.clientId || void 0,
+								invalid: !!t.clientId,
+								disabled: j
+							}),
+							/* @__PURE__ */ N(h, {
+								id: "toolset-client-secret",
+								value: e.clientSecret ?? "",
+								onChange: (e) => C({ clientSecret: e ?? "" }),
+								labelProps: {
+									label: T?.clientSecretLabel ?? "Client secret",
+									required: !i
+								},
+								placeholder: T?.clientSecretPlaceholder ?? "Enter client secret",
+								error: t.clientSecret || void 0,
+								invalid: !!t.clientSecret,
+								disabled: j
+							}),
+							/* @__PURE__ */ N(h, {
+								id: "toolset-authorization-endpoint",
+								value: e.authorizationEndpoint ?? "",
+								onChange: (e) => C({ 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__ */ N(h, {
+								id: "toolset-token-endpoint",
+								value: e.tokenEndpoint ?? "",
+								onChange: (e) => C({ 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__ */ N(S, {
+								id: "toolset-scopes",
+								labelProps: { label: T?.scopesLabel ?? "Scopes" },
+								placeholder: T?.scopesPlaceholder ?? "Enter scopes",
+								value: e.scopes ?? [],
+								onChange: (e) => C({ scopes: e }),
+								disabled: j,
+								tagClassName: I
+							})
+						]
+					}),
+					V()
+				]
+			}),
+			e.authenticationType === o.ApiKey && /* @__PURE__ */ P("div", {
+				className: "flex flex-col gap-3 pt-2",
+				children: [
+					/* @__PURE__ */ P("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ N(v, {
+							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: L
+						}), /* @__PURE__ */ N(v, {
+							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: L
+						})]
+					}),
+					/* @__PURE__ */ P("div", {
+						className: "flex flex-col gap-3",
+						children: [/* @__PURE__ */ N(h, {
+							id: "toolset-key-header",
+							value: e.keyHeader ?? "",
+							onChange: (e) => C({ keyHeader: e ?? "" }),
+							labelProps: {
+								label: T?.keyHeaderLabel ?? "API Key parameter name",
+								required: !0
+							},
+							placeholder: T?.keyHeaderPlaceholder ?? "Enter API key parameter name",
+							error: t.keyHeader || void 0,
+							invalid: !!t.keyHeader,
+							disabled: j
+						}), e.withLogin === c.WithLogin && /* @__PURE__ */ N(h, {
+							id: "toolset-api-key",
+							value: e.apiKey ?? "",
+							onChange: (e) => C({ apiKey: e ?? "" }),
+							labelProps: {
+								label: T?.apiKeyLabel ?? "API key",
+								required: !0
+							},
+							placeholder: T?.apiKeyPlaceholder ?? "Enter API key",
+							error: t.apiKey || void 0,
+							invalid: !!t.apiKey,
+							disabled: j
+						})]
+					}),
+					e.withLogin !== c.WithoutLogin && V()
+				]
+			}),
+			k && /* @__PURE__ */ N(d, {
+				open: k,
+				header: T?.logoutConfirmTitle ?? "Log out?",
+				description: T?.logoutConfirmDescription ?? "Are you sure you want to log out? You will need to re-enter your credentials to use this toolset again.",
+				confirmLabel: T?.logOutLabel ?? "Log out",
+				cancelLabel: T?.cancelLabel ?? "Cancel",
+				variant: f.Danger,
+				isLoading: E,
+				disableConfirmButton: E,
+				onConfirm: B,
+				onCancel: () => A(!1),
+				onClose: () => A(!1)
+			})
+		]
+	});
+}, ce = C(({ url: e, className: t, labels: n }) => {
+	let { isCopied: r, copy: i } = R(e), a = n?.copiedLabel ?? "Copied!";
+	return /* @__PURE__ */ P("div", {
+		className: L("flex flex-col gap-3", t),
+		children: [
+			/* @__PURE__ */ P("div", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ N("p", {
+					className: "dial-body-semi-text text-start text-primary",
+					children: n?.title ?? "Connect toolset"
+				}), /* @__PURE__ */ N("p", {
+					className: "dial-small-text text-start text-secondary",
+					children: n?.description ?? "Copy endpoint URL to easily integrate toolset into your workflows"
+				})]
+			}),
+			/* @__PURE__ */ N("div", { children: /* @__PURE__ */ N(F, {
+				copiedLabel: a,
+				copyLabel: n?.copyLabel ?? "Copy URL",
+				isCopied: r,
+				onClick: i
+			}) }),
+			/* @__PURE__ */ N("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: r ? a : ""
+			})
+		]
+	});
+}), le = ({ 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, b = E(() => [{
+		value: z.Http,
+		label: "HTTP"
+	}, {
+		value: z.Sse,
+		label: "SSE"
+	}], []);
+	return T(() => {
+		if (!r || !o || !Z(e.auth, i)) {
+			_(null);
+			return;
+		}
+		let t = !1;
+		return (async () => {
+			try {
+				let e = await o(r);
+				t || _(e.length > 0 ? e : null);
+			} catch {
+				t || _(null);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		r,
+		i,
+		e.auth,
+		e.endpoint,
+		o
+	]), /* @__PURE__ */ P("div", {
+		className: "flex max-w-[1060px] flex-col gap-4",
+		children: [
+			/* @__PURE__ */ N(h, {
+				id: "toolset-endpoint",
+				value: e.endpoint,
+				onChange: (e) => d({ endpoint: e ?? "" }),
+				labelProps: {
+					label: m?.endpointLabel ?? "Endpoint",
+					required: !0
+				},
+				placeholder: m?.endpointPlaceholder ?? "https://...",
+				caption: m?.endpointCaption ?? "The HTTPS address where the server accepts MCP requests.",
+				error: t.endpoint || void 0,
+				invalid: !!t.endpoint
+			}),
+			/* @__PURE__ */ N(y, {
+				labelProps: {
+					label: m?.protocolLabel ?? "Protocol",
+					required: !0
+				},
+				id: "toolset-protocol",
+				items: b,
+				value: e.protocol,
+				onChange: (e) => {
+					d({ protocol: e });
+				}
+			}),
+			g ? /* @__PURE__ */ N(x, {
+				id: "toolset-allowed-tools",
+				multiple: !0,
+				searchable: !0,
+				selectAll: !0,
+				labelProps: { label: m?.allowedToolsLabel ?? "Allowed tools" },
+				placeholder: m?.allowedToolsSelectPlaceholder ?? "Select allowed tools",
+				options: g.map((e) => ({
+					value: e,
+					label: e
+				})),
+				value: e.allowedTools,
+				onChange: (e) => d({ allowedTools: e })
+			}) : /* @__PURE__ */ N(S, {
+				id: "toolset-allowed-tools",
+				labelProps: { label: m?.allowedToolsLabel ?? "Allowed tools" },
+				placeholder: m?.allowedToolsPlaceholder ?? "Add tools, comma separated",
+				value: e.allowedTools,
+				onChange: (e) => d({ allowedTools: e }),
+				tagClassName: I
+			}),
+			/* @__PURE__ */ N($, {
+				auth: e.auth,
+				errors: t,
+				isSaving: n,
+				toolsetId: r,
+				isEditMode: i,
+				endpoint: e.endpoint,
+				authActions: s,
+				onOAuthLogin: c,
+				onNotifySuccess: l,
+				onNotifyError: u,
+				onAuthChange: f,
+				onEnsureSaved: p,
+				labels: m?.auth
+			}),
+			v && /* @__PURE__ */ N(ce, {
+				url: a ?? "",
+				labels: m?.connect,
+				className: "border-t border-tertiary pt-4"
+			})
+		]
+	});
+}, ue = [
+	"keyHeader",
+	"apiKey",
+	"clientId",
+	"clientSecret",
+	"authorizationEndpoint",
+	"tokenEndpoint"
+], de = [
+	"name",
+	"version",
+	"endpoint",
+	...ue
+], fe = new Set(de), pe = (e) => {
+	let t = {};
+	for (let n of Object.keys(e)) fe.has(n) && (t[n] = !0);
+	return t;
+}, me = ({ initialForm: e, toolsetId: n, onPersist: s, onPostSaveLogin: l, onToolsetsChanged: d, onSaveSuccess: f, onSaveComplete: p, onBack: m, buildMcpUrl: h, listToolNames: v, authActions: y, onOAuthLogin: b, onNotifySuccess: x, onNotifyError: S, bucket: C, FileManagerModal: k, resolveIconUrl: A, allowedMimeTypes: j, maxFileSizeBytes: ee, availableLocaleOptions: te, labels: F }) => {
+	let I = !!n, [L, R] = O(""), z = n || L, [B, V] = O(e), [H, U] = O(!1), [W, G] = O({}), [K, J] = O({}), Y = D(null);
+	T(() => {
+		V(e), Y.current = e, G({}), J({}), R("");
+	}, [e]);
+	let X = w((e) => {
+		V((t) => ({
+			...t,
+			...e
+		})), J((t) => ({
+			...t,
+			...pe(e)
+		})), G((t) => {
+			let n = { ...t };
+			for (let t of Object.keys(e)) delete n[t];
+			return n;
+		});
+	}, []), Z = w((e) => {
+		V((t) => ({
+			...t,
+			auth: {
+				...t.auth,
+				...e
+			}
+		})), J((t) => ({
+			...t,
+			...pe(e)
+		})), G((t) => {
+			let n = { ...t };
+			if ("authenticationType" in e || "withLogin" in e || "isLoggedIn" in e) for (let e of ue) delete n[e];
+			else for (let t of Object.keys(e)) delete n[t];
+			return n;
+		}), "isLoggedIn" in e && d();
+	}, [d]), re = w(async () => {
+		if (z && Y.current != null && JSON.stringify(Y.current) === JSON.stringify(B)) return z;
+		U(!0);
+		try {
+			let e = await s(B, z);
+			return e ? (z || R(e), Y.current = B, await d(), e) : null;
+		} catch {
+			return null;
+		} finally {
+			U(!1);
+		}
+	}, [
+		B,
+		z,
+		s,
+		d
+	]), ie = w(async () => await re() ?? !1, [re]), Q = w((e) => {
+		let n = F?.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() ? q(e.endpoint) || (r.endpoint = n?.endpointInvalid ?? "Enter a valid http(s) or sse 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() && !q(e.auth.authorizationEndpoint) && (r.authorizationEndpoint = n?.endpointInvalid ?? "Enter a valid http(s) or sse URL"), e.auth.tokenEndpoint?.trim() && !q(e.auth.tokenEndpoint) && (r.tokenEndpoint = n?.endpointInvalid ?? "Enter a valid http(s) or sse URL"))), r;
+	}, [F, I]), oe = w(async () => {
+		let e = Q(B);
+		if (Object.keys(e).length > 0) {
+			G(e);
+			return;
+		}
+		G({}), U(!0);
+		try {
+			let e = await s(B, z);
+			if (!e) return;
+			await d(), f(B);
+			try {
+				await l(e, B.auth), p();
+			} catch (e) {
+				let { traceId: t } = await u(e);
+				S(F?.settings?.auth?.errorLoginFailed ?? "Failed to log in. Please check your credentials and try again.", t);
+			}
+		} catch {} finally {
+			U(!1);
+		}
+	}, [
+		B,
+		Q,
+		z,
+		s,
+		d,
+		f,
+		p,
+		l,
+		S,
+		F
+	]), se = E(() => !ne(B, I), [B, I]), $ = E(() => {
+		let e = Q(B), t = { ...W };
+		for (let n of de) {
+			if (!K[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__ */ N(r, {
+		title: I ? F?.layout?.editTitle ?? "Edit toolset" : F?.layout?.createTitle ?? "Create toolset",
+		onBack: m,
+		backAriaLabel: F?.layout?.backAriaLabel ?? "Back to catalog",
+		isSaving: H,
+		labels: { savingStatusLabel: F?.layout?.savingStatusLabel ?? "Saving" },
+		actions: /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(g, {
+			label: F?.layout?.cancelLabel ?? "Cancel",
+			onClick: m
+		}), /* @__PURE__ */ N(_, {
+			label: I ? F?.layout?.saveLabel ?? "Save" : F?.layout?.createLabel ?? "Create",
+			disabled: se,
+			onClick: oe
+		})] }),
+		leftContent: /* @__PURE__ */ N(i, {
+			title: F?.layout?.metadataSectionTitle ?? "Metadata",
+			className: "border-0 p-4 desktop:p-6",
+			children: /* @__PURE__ */ N(ae, {
+				form: B,
+				errors: $,
+				bucket: C,
+				FileManagerModal: k,
+				resolveIconUrl: A,
+				allowedMimeTypes: j,
+				maxFileSizeBytes: ee,
+				availableLocaleOptions: te,
+				onChange: X,
+				labels: F?.general
+			})
+		}),
+		rightContent: /* @__PURE__ */ N(i, {
+			title: F?.layout?.setupSectionTitle ?? "Setup",
+			className: "border-0 p-4 desktop:p-6",
+			children: /* @__PURE__ */ N(le, {
+				form: B,
+				errors: $,
+				isSaving: H,
+				toolsetId: z,
+				isEditMode: I,
+				connectUrl: ce,
+				listToolNames: v,
+				authActions: y,
+				onOAuthLogin: b,
+				onNotifySuccess: x,
+				onNotifyError: S,
+				onChange: X,
+				onAuthChange: Z,
+				onEnsureSaved: ie,
+				labels: F?.settings
+			})
+		})
+	});
+};
+//#endregion
+export { H as AUTH_TYPE_ICONS, B as DEFAULT_TOOLSET_NAME, V as DEFAULT_TOOLSET_VERSION, ae as GeneralForm, me as ToolsetEditor, Q as ToolsetOAuthLoginStatus, z as ToolsetTransportType, G as getDefaultToolsetForm, U as getStorageSafeUniqueToolsetName, Z as isToolsetAuthValid, ne as isToolsetFormValid, q as isValidEndpointUrl, Y as normalizeReturnedEndpointUrl };