@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/ChatWorkflowAgentsView-BtunOxlC.js

@@ -0,0 +1,116 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, _t as watch, bt as withCtx, et as openBlock, it as renderList, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n, y as useMediaQuery } from "./core-CRbPymLT.js";
+import { bn as N8nText_default } from "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import "./truncate-C0KYt7i3.js";
+import { Er as useUsersStore } from "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import { v as useRouter } from "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import { Ro as VIEWS } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./retry-BgHaYzbB.js";
+import "./CredentialIcon-8YdTTFZ1.js";
+import { f as MOBILE_MEDIA_QUERY } from "./constants-DMrsrpD7.js";
+import { f as stringifyModel, r as filterAndSortAgents, t as useChatStore } from "./chat.store-290YeyrQ.js";
+import "./fileUtils-CRWqOQje.js";
+import "./ChatAgentAvatar-50YBnv3N.js";
+import { n as ChatAgentSearchSort_default, r as ChatAgentCard_default, t as SkeletonAgentCard_default } from "./SkeletonAgentCard-C5TL-h8F.js";
+import { n as useChatCredentials, t as ChatLayout_default } from "./ChatLayout-CTE_5SiM.js";
+var ChatWorkflowAgentsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ChatWorkflowAgentsView",
+	setup(__props) {
+		const chatStore = useChatStore();
+		const usersStore = useUsersStore();
+		const router = useRouter();
+		const isMobileDevice$1 = useMediaQuery(MOBILE_MEDIA_QUERY);
+		const i18n = useI18n();
+		const agentFilter = ref({
+			search: "",
+			sortBy: "updatedAt"
+		});
+		const { credentialsByProvider } = useChatCredentials(usersStore.currentUserId ?? "anonymous");
+		const readyToShowList = computed(() => chatStore.agentsReady);
+		const allModels = computed(() => chatStore.agents.n8n.models);
+		const agents = computed(() => filterAndSortAgents(allModels.value, agentFilter.value));
+		async function handleEditAgent(model) {
+			if (model.provider === "n8n") {
+				const routeData = router.resolve({
+					name: VIEWS.WORKFLOW,
+					params: { name: model.workflowId }
+				});
+				window.open(routeData.href, "_blank");
+				return;
+			}
+		}
+		watch(credentialsByProvider, (credentials) => {
+			if (credentials) chatStore.fetchAgents(credentials, { minLoadingTime: 250 });
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ChatLayout_default, null, {
+				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.container, { [_ctx.$style.isMobileDevice]: unref(isMobileDevice$1) }]) }, [
+					createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.headerContent) }, [createVNode(unref(N8nText_default), {
+						tag: "h1",
+						size: "xlarge",
+						bold: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.workflowAgents.title")), 1)]),
+						_: 1
+					}), createVNode(unref(N8nText_default), { color: "text-light" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.workflowAgents.description")), 1)]),
+						_: 1
+					})], 2)], 2),
+					readyToShowList.value && allModels.value.length > 0 ? (openBlock(), createBlock(ChatAgentSearchSort_default, {
+						key: 0,
+						modelValue: agentFilter.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => agentFilter.value = $event)
+					}, null, 8, ["modelValue"])) : createCommentVNode("", true),
+					!readyToShowList.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(_ctx.$style.agentsGrid)
+					}, [(openBlock(), createElementBlock(Fragment, null, renderList(5, (i) => {
+						return createVNode(SkeletonAgentCard_default, { key: i });
+					}), 64))], 2)) : agents.value.length === 0 ? (openBlock(), createElementBlock("div", {
+						key: 2,
+						class: normalizeClass(_ctx.$style.empty)
+					}, [createVNode(unref(N8nText_default), {
+						color: "text-light",
+						size: "medium"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(allModels.value.length === 0 ? unref(i18n).baseText("chatHub.workflowAgents.empty.noAgents") : unref(i18n).baseText("chatHub.workflowAgents.empty.noMatch")), 1)]),
+						_: 1
+					})], 2)) : (openBlock(), createElementBlock("div", {
+						key: 3,
+						class: normalizeClass(_ctx.$style.agentsGrid)
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(agents.value, (agent) => {
+						return openBlock(), createBlock(ChatAgentCard_default, {
+							key: unref(stringifyModel)(agent.model),
+							agent,
+							onEdit: ($event) => handleEditAgent(agent.model)
+						}, null, 8, ["agent", "onEdit"]);
+					}), 128))], 2))
+				], 2)]),
+				_: 1
+			});
+		};
+	}
+});
+var ChatWorkflowAgentsView_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_1ph4w_123",
+	menuButton: "_menuButton_1ph4w_136",
+	isMobileDevice: "_isMobileDevice_1ph4w_142",
+	header: "_header_1ph4w_146",
+	headerContent: "_headerContent_1ph4w_154",
+	empty: "_empty_1ph4w_160",
+	agentsGrid: "_agentsGrid_1ph4w_169"
+};
+var ChatWorkflowAgentsView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatWorkflowAgentsView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatWorkflowAgentsView_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ChatWorkflowAgentsView_default as default };

package/dist/assets/CollectionParameter-BdcPG1lu.js

@@ -0,0 +1,52 @@
+import "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import "./core-CRbPymLT.js";
+import "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import "./truncate-C0KYt7i3.js";
+import "./date-picker-2IDsBs2n.js";
+import "./builder.store-Czk2ipDE.js";
+import { n as CollectionParameter_default } from "./ParameterInputList-sG2nz-Jo.js";
+import "./empty-BuGRxzl4.js";
+import "./dialog-lMho1TD8.js";
+import "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./assistant.store-CNywgN4S.js";
+import "./chatPanel.store-NDaawEZL.js";
+import "./retry-BgHaYzbB.js";
+import "./executions.store-B9uRYwgv.js";
+import "./useRunWorkflow-LO7ffLp9.js";
+import "./usePinnedData-BhZkqttf.js";
+import "./nodeCreator.store-Bpnrwp2l.js";
+import "./nodeIcon-D6X-ENYt.js";
+import "./useClipboard-DvjhVHqJ.js";
+import "./useCanvasOperations-8ULLtMkY.js";
+import "./folders.store-yAFj-5Vl.js";
+import "./NodeIcon-B9VW6tX6.js";
+import "./isEmpty-C3XXoHqJ.js";
+import "./NDVEmptyState-33UoX00I.js";
+import "./exports-Crx_gvt_.js";
+import "./externalSecrets.ee.store-BJh4a_6G.js";
+import "./uniqBy-xDyuCRP0.js";
+import "./RunDataHtml-Cleia4Cj.js";
+import "./VueMarkdown-CQqJL9vK.js";
+import "./Draggable-vfvXl9Sp.js";
+import "./VirtualSchema-B3zGe_8b.js";
+import "./TextWithHighlights-BxumwGnv.js";
+import "./useTelemetryContext-V6bv4YRq.js";
+import "./schemaPreview.store-DUgN1yVE.js";
+import "./nodeTransforms-RzcOM0v2.js";
+import "./vue-json-pretty-CsGX66mG.js";
+import "./dateFormatter-ik4-9_9r.js";
+import "./useExecutionHelpers-BgRRhpBM.js";
+import "./vue-CydWIhxN.js";
+export { CollectionParameter_default as default };

package/dist/assets/CommunityNodeUpdateInfo-C37kca4W.js

@@ -0,0 +1,273 @@
+import { o as __toESM } from "./chunk-6z4oVpB-.js";
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, G as nextTick, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, Ut as toValue, Z as onMounted, _ as Fragment, _t as watch, bt as withCtx, c as useCssModule, et as openBlock, j as createTextVNode, k as createSlots, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { et as i18n, rt as useI18n } from "./core-CRbPymLT.js";
+import { Cn as N8nIcon_default, bn as N8nText_default, mt as N8nLink_default, xn as N8nButton_default, yn as N8nCallout_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { Er as useUsersStore, P as useWorkflowsStore, Pt as useNodeTypesStore, Yt as removePreviewToken, _n as useCredentialsStore, aa as useUIStore, y as useToast } from "./builder.store-Czk2ipDE.js";
+import { v as useRouter } from "./get-BcEmeOxn.js";
+import { Ro as VIEWS, Ta as isCommunityPackageName } from "./constants-C8OH4tTq.js";
+import { t as useCanvasOperations } from "./useCanvasOperations-8ULLtMkY.js";
+import { n as captureException } from "./exports-Crx_gvt_.js";
+import { n as useCommunityNodesStore, t as require_semver } from "./semver-Bk6DGseV.js";
+function useInstallNode() {
+	const communityNodesStore = useCommunityNodesStore();
+	const nodeTypesStore = useNodeTypesStore();
+	const credentialsStore = useCredentialsStore();
+	const workflowsStore = useWorkflowsStore();
+	const isOwner = computed(() => useUsersStore().isInstanceOwner);
+	const loading = ref(false);
+	const toast = useToast();
+	const canvasOperations = useCanvasOperations();
+	const getNpmVersion = async (key) => {
+		const communityNodeAttributes = await nodeTypesStore.getCommunityNodeAttributes(key);
+		if (communityNodeAttributes) return communityNodeAttributes.npmVersion;
+	};
+	const installNode = async (props) => {
+		if (!isOwner.value) {
+			const error = /* @__PURE__ */ new Error("User is not an owner");
+			toast.showError(error, i18n.baseText("settings.communityNodes.messages.install.error"));
+			return {
+				success: false,
+				error
+			};
+		}
+		try {
+			loading.value = true;
+			if (props.type === "verified") await communityNodesStore.installPackage(props.packageName, true, await getNpmVersion(props.nodeType));
+			else await communityNodesStore.installPackage(props.packageName);
+			await nodeTypesStore.getNodeTypes();
+			await credentialsStore.fetchCredentialTypes(true);
+			await nextTick();
+			const nodeType = props.nodeType;
+			if (nodeType && workflowsStore.workflow.nodes?.length) {
+				const nodesToUpdate = workflowsStore.workflow.nodes.filter((node) => node.type === removePreviewToken(nodeType));
+				canvasOperations.initializeUnknownNodes(nodesToUpdate);
+			}
+			toast.showMessage({
+				title: i18n.baseText("settings.communityNodes.messages.install.success"),
+				type: "success"
+			});
+			return { success: true };
+		} catch (error) {
+			toast.showError(error, i18n.baseText("settings.communityNodes.messages.install.error"));
+			return {
+				success: false,
+				error
+			};
+		} finally {
+			loading.value = false;
+		}
+	};
+	return {
+		installNode,
+		loading
+	};
+}
+var import_semver = /* @__PURE__ */ __toESM(require_semver());
+async function fetchInstalledPackageInfo(packageName) {
+	const installedPackage = await useCommunityNodesStore().getInstalledPackage(packageName);
+	const communityNodeType = useNodeTypesStore().communityNodeType(packageName);
+	if (!installedPackage) return;
+	const checkIsUnverifiedUpdate = () => {
+		if (!installedPackage?.updateAvailable || !communityNodeType) return false;
+		return import_semver.default.gt(installedPackage.updateAvailable, communityNodeType.npmVersion);
+	};
+	return {
+		...installedPackage,
+		unverifiedUpdate: checkIsUnverifiedUpdate()
+	};
+}
+function useInstalledCommunityPackage(nodeTypeName) {
+	const communityNodesStore = useCommunityNodesStore();
+	const usersStore = useUsersStore();
+	const installedPackage = ref(void 0);
+	const packageName = computed(() => toValue(nodeTypeName)?.split(".")[0] ?? "");
+	const isCommunityNode = computed(() => {
+		const nodeType = toValue(nodeTypeName);
+		if (nodeType) return isCommunityPackageName(nodeType);
+		return false;
+	});
+	const initInstalledPackage = async () => {
+		if (!packageName.value || !isCommunityNode.value) return void 0;
+		installedPackage.value = await fetchInstalledPackageInfo(packageName.value);
+		return installedPackage.value;
+	};
+	watch(() => communityNodesStore.installedPackages[packageName.value], async (changedPackage) => {
+		if (!packageName.value || !changedPackage) return;
+		await initInstalledPackage();
+	}, { deep: true });
+	onMounted(async () => {
+		if (!packageName.value || !isCommunityNode.value) return;
+		await initInstalledPackage();
+	});
+	return {
+		installedPackage,
+		isUpdateCheckAvailable: computed(() => {
+			return isCommunityNode.value && usersStore.isInstanceOwner && !installedPackage.value?.unverifiedUpdate;
+		}),
+		isCommunityNode,
+		initInstalledPackage
+	};
+}
+var _hoisted_1 = { style: { "padding-bottom": "8px" } };
+var ContactAdministratorToInstall_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ContactAdministratorToInstall",
+	props: { box: { type: Boolean } },
+	setup(__props) {
+		const props = __props;
+		const $style = useCssModule();
+		const i18n$1 = useI18n();
+		const ownerEmailList = computed(() => useUsersStore().allUsers.filter((user) => user.role?.includes("owner")).map((user) => user.email));
+		const classes = computed(() => ({
+			[$style.contactOwnerHint]: true,
+			[$style.border]: props.box
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(classes.value) }, [props.box ? (openBlock(), createBlock(unref(N8nIcon_default), {
+				key: 0,
+				color: "text-light",
+				icon: "info",
+				size: "large"
+			})) : createCommentVNode("", true), createVNode(unref(N8nText_default), {
+				color: "text-base",
+				size: "medium"
+			}, {
+				default: withCtx(() => [createBaseVNode("div", _hoisted_1, toDisplayString(unref(i18n$1).baseText("communityNodeInfo.contact.admin")), 1), ownerEmailList.value.length ? (openBlock(), createBlock(unref(N8nText_default), {
+					key: 0,
+					bold: ""
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(ownerEmailList.value.join(", ")), 1)]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				_: 1
+			})], 2);
+		};
+	}
+});
+var ContactAdministratorToInstall_vue_vue_type_style_index_0_lang_module_default = {
+	contactOwnerHint: "_contactOwnerHint_c1x0x_123",
+	border: "_border_c1x0x_131"
+};
+var ContactAdministratorToInstall_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ContactAdministratorToInstall_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ContactAdministratorToInstall_vue_vue_type_style_index_0_lang_module_default }]]);
+var CommunityNodeFooter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CommunityNodeFooter",
+	props: {
+		packageName: {},
+		showManage: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const router = useRouter();
+		const bugsUrl = ref(`https://registry.npmjs.org/${props.packageName}`);
+		const { installedPackage } = useInstalledCommunityPackage(props.packageName);
+		async function openSettingsPage() {
+			await router.push({ name: VIEWS.COMMUNITY_NODES });
+		}
+		async function openIssuesPage() {
+			if (bugsUrl.value) window.open(bugsUrl.value, "_blank");
+		}
+		async function getBugsUrl(packageName) {
+			const url = `https://registry.npmjs.org/${packageName}`;
+			try {
+				const response = await fetch(url);
+				if (!response.ok) throw new Error("Could not get metadata for package");
+				const data = await response.json();
+				if (data.bugs?.url) bugsUrl.value = data.bugs.url;
+			} catch (error) {
+				captureException(error);
+			}
+		}
+		onMounted(async () => {
+			if (props.packageName) await getBugsUrl(props.packageName);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.separator) }, null, 2), createBaseVNode("div", { class: normalizeClass(_ctx.$style.container) }, [
+				unref(installedPackage) ? (openBlock(), createBlock(unref(N8nText_default), {
+					key: 0,
+					size: "small",
+					color: "text-light",
+					style: { "margin-right": "auto" }
+				}, {
+					default: withCtx(() => [createTextVNode(" Package version " + toDisplayString(unref(installedPackage).installedVersion) + " (" + toDisplayString(unref(installedPackage).updateAvailable && !unref(installedPackage).unverifiedUpdate ? unref(i18n).baseText("communityNodeFooter.legacy") : unref(i18n).baseText("nodeSettings.latest")) + ") ", 1)]),
+					_: 1
+				})) : createCommentVNode("", true),
+				props.showManage ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(N8nLink_default), {
+					theme: "text",
+					onClick: openSettingsPage
+				}, {
+					default: withCtx(() => [createVNode(unref(N8nText_default), {
+						size: "small",
+						color: "primary",
+						bold: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("communityNodeFooter.manage")), 1)]),
+						_: 1
+					})]),
+					_: 1
+				}), createVNode(unref(N8nText_default), {
+					size: "small",
+					style: { "color": "var(--color--foreground)" },
+					bold: ""
+				}, {
+					default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode("|")])),
+					_: 1
+				})], 64)) : createCommentVNode("", true),
+				createVNode(unref(N8nLink_default), {
+					theme: "text",
+					onClick: openIssuesPage
+				}, {
+					default: withCtx(() => [createVNode(unref(N8nText_default), {
+						size: "small",
+						color: "primary",
+						bold: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("communityNodeFooter.reportIssue")), 1)]),
+						_: 1
+					})]),
+					_: 1
+				})
+			], 2)]);
+		};
+	}
+});
+var CommunityNodeFooter_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_hcptd_123",
+	separator: "_separator_hcptd_131"
+};
+var CommunityNodeFooter_default = /* @__PURE__ */ __plugin_vue_export_helper_default(CommunityNodeFooter_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": CommunityNodeFooter_vue_vue_type_style_index_0_lang_module_default }]]);
+var CommunityNodeUpdateInfo_default = /* @__PURE__ */ defineComponent({
+	__name: "CommunityNodeUpdateInfo",
+	props: {
+		packageName: {},
+		source: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { openCommunityPackageUpdateConfirmModal } = useUIStore();
+		const onUpdate = () => {
+			if (!props.packageName) return;
+			openCommunityPackageUpdateConfirmModal(props.packageName, props.source);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nCallout_default), {
+				theme: "secondary",
+				iconless: true,
+				style: { "margin-bottom": "var(--spacing--sm)" }
+			}, createSlots({
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("communityNodeUpdateInfo.available")) + " ", 1)]),
+				_: 2
+			}, [props.packageName ? {
+				name: "trailingContent",
+				fn: withCtx(() => [createVNode(unref(N8nButton_default), {
+					type: "secondary",
+					onClick: onUpdate
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("generic.update")), 1)]),
+					_: 1
+				})]),
+				key: "0"
+			} : void 0]), 1024);
+		};
+	}
+});
+export { useInstallNode as a, useInstalledCommunityPackage as i, CommunityNodeFooter_default as n, ContactAdministratorToInstall_default as r, CommunityNodeUpdateInfo_default as t };

package/dist/assets/CopyInput-DDZVu2iU.js

@@ -0,0 +1,74 @@
+import { Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, bt as withCtx, et as openBlock, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { $ as N8nInputLabel_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { y as useToast } from "./builder.store-Czk2ipDE.js";
+import { t as useClipboard } from "./useClipboard-DvjhVHqJ.js";
+var CopyInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CopyInput",
+	props: {
+		label: { default: "" },
+		hint: { default: "" },
+		value: { default: "" },
+		copyButtonText: { default: useI18n().baseText("generic.copy") },
+		toastTitle: { default: useI18n().baseText("generic.copiedToClipboard") },
+		toastMessage: {},
+		size: { default: "medium" },
+		collapse: { type: Boolean },
+		redactValue: { type: Boolean },
+		disableCopy: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["copy"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const clipboard = useClipboard();
+		const { showMessage } = useToast();
+		function copy() {
+			if (props.disableCopy) return;
+			emit("copy");
+			clipboard.copy(props.value ?? "");
+			showMessage({
+				title: props.toastTitle,
+				message: props.toastMessage,
+				type: "success"
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [createVNode(unref(N8nInputLabel_default), { label: _ctx.label }, {
+				default: withCtx(() => [createBaseVNode("div", {
+					class: normalizeClass({
+						[_ctx.$style.copyText]: true,
+						[_ctx.$style[_ctx.size]]: true,
+						[_ctx.$style.collapsed]: _ctx.collapse,
+						[_ctx.$style.noHover]: _ctx.disableCopy,
+						"ph-no-capture": _ctx.redactValue
+					}),
+					"data-test-id": "copy-input",
+					onClick: copy
+				}, [createBaseVNode("span", { ref: "copyInputValue" }, toDisplayString(_ctx.value), 513), !_ctx.disableCopy ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(_ctx.$style.copyButton)
+				}, [createBaseVNode("span", null, toDisplayString(_ctx.copyButtonText), 1)], 2)) : createCommentVNode("", true)], 2)]),
+				_: 1
+			}, 8, ["label"]), _ctx.hint ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(_ctx.$style.hint)
+			}, toDisplayString(_ctx.hint), 3)) : createCommentVNode("", true)]);
+		};
+	}
+});
+var CopyInput_vue_vue_type_style_index_0_lang_module_default = {
+	copyText: "_copyText_ih6nn_123",
+	noHover: "_noHover_ih6nn_143",
+	large: "_large_ih6nn_147",
+	medium: "_medium_ih6nn_152",
+	collapsed: "_collapsed_ih6nn_157",
+	copyButton: "_copyButton_ih6nn_162",
+	hint: "_hint_ih6nn_178"
+};
+var CopyInput_default = /* @__PURE__ */ __plugin_vue_export_helper_default(CopyInput_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": CopyInput_vue_vue_type_style_index_0_lang_module_default }]]);
+export { CopyInput_default as t };

package/dist/assets/CredentialIcon-8YdTTFZ1.js

@@ -0,0 +1,80 @@
+import { C as computed, Gt as unref, P as defineComponent, T as createBlock, et as openBlock, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { A as N8nNodeIcon_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { Ci as getThemedValue, Pt as useNodeTypesStore, _n as useCredentialsStore, aa as useUIStore } from "./builder.store-Czk2ipDE.js";
+import { r as useRootStore } from "./_baseOrderBy-N8Be_6z6.js";
+var CredentialIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CredentialIcon",
+	props: {
+		credentialTypeName: {},
+		size: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const credentialsStore = useCredentialsStore();
+		const rootStore = useRootStore();
+		const uiStore = useUIStore();
+		const nodeTypesStore = useNodeTypesStore();
+		const credentialWithIcon = computed(() => getCredentialWithIcon(props.credentialTypeName));
+		const nodeBasedIconUrl = computed(() => {
+			const icon$1 = getThemedValue(credentialWithIcon.value?.icon);
+			if (!icon$1?.startsWith("node:")) return null;
+			return nodeTypesStore.getNodeType(icon$1.replace("node:", ""))?.iconUrl;
+		});
+		const iconSource = computed(() => {
+			const themeIconUrl = getThemedValue(nodeBasedIconUrl.value ?? credentialWithIcon.value?.iconUrl, uiStore.appliedTheme);
+			if (!themeIconUrl) return;
+			return rootStore.baseUrl + themeIconUrl;
+		});
+		const iconType = computed(() => {
+			if (iconSource.value) return "file";
+			else if (iconName.value) return "icon";
+			return "unknown";
+		});
+		const iconName = computed(() => {
+			const icon$1 = getThemedValue(credentialWithIcon.value?.icon, uiStore.appliedTheme);
+			if (!icon$1?.startsWith("fa:")) return void 0;
+			return icon$1.replace("fa:", "");
+		});
+		const iconColor = computed(() => {
+			const { iconColor: color } = credentialWithIcon.value ?? {};
+			if (!color) return void 0;
+			return `var(--node--icon--color--${color})`;
+		});
+		function getCredentialWithIcon(name) {
+			if (!name) return null;
+			const type = credentialsStore.getCredentialTypeByName(name);
+			if (!type) return null;
+			if (type.icon ?? type.iconUrl) return type;
+			if (type.extends) {
+				let parentCred = null;
+				type.extends.forEach((credType) => {
+					parentCred = getCredentialWithIcon(credType);
+					if (parentCred !== null) return;
+				});
+				return parentCred;
+			}
+			return null;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nNodeIcon_default), {
+				class: normalizeClass(_ctx.$style.icon),
+				type: iconType.value,
+				size: _ctx.size ?? 26,
+				src: iconSource.value,
+				name: iconName.value,
+				color: iconColor.value
+			}, null, 8, [
+				"class",
+				"type",
+				"size",
+				"src",
+				"name",
+				"color"
+			]);
+		};
+	}
+});
+var CredentialIcon_vue_vue_type_style_index_0_lang_module_default = { icon: "_icon_1t6sl_123" };
+var CredentialIcon_default = /* @__PURE__ */ __plugin_vue_export_helper_default(CredentialIcon_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": CredentialIcon_vue_vue_type_style_index_0_lang_module_default }]]);
+export { CredentialIcon_default as t };