@n8n/composables 1.22.0 → 1.23.1

package/dist/useClipboard.cjs

@@ -10,7 +10,8 @@ function useClipboard({ onPaste: onPasteFn = () => {} } = {}) {
 	async function copy(value) {
 		const nav = popOutWindow?.value?.navigator;
 		if (nav?.clipboard) try {
-			await nav.clipboard.writeText(value);
+			const resolvedValue = typeof value === "function" ? await value() : value;
+			await nav.clipboard.writeText(resolvedValue);
 			return;
 		} catch {}
 		await coreCopy(value);

package/dist/useClipboard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.cjs","names":["PopOutWindowKey"],"sources":["../src/useClipboard.ts"],"sourcesContent":["import { useClipboard as useClipboardCore, useThrottleFn } from '@vueuse/core';\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue';\n\nimport { PopOutWindowKey } from './injectionKeys';\n\ntype ClipboardEventFn = (data: string, event?: ClipboardEvent) => void;\n\nexport function useClipboard({\n\tonPaste: onPasteFn = () => {},\n}: {\n\tonPaste?: ClipboardEventFn;\n} = {}) {\n\tconst popOutWindow = inject(PopOutWindowKey, ref<Window | undefined>());\n\tconst {\n\t\tcopy: coreCopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t} = useClipboardCore({\n\t\tlegacy: true,\n\t});\n\n\t// Find the correct navigator at copy-time so it works even when the\n\t// pop-out window opens after the composable was created.\n\tasync function copy(value: string) {\n\t\tconst nav = popOutWindow?.value?.navigator;\n\t\tif (nav?.clipboard) {\n\t\t\ttry {\n\t\t\t\tawait nav.clipboard.writeText(value);\n\t\t\t\treturn;\n\t\t\t} catch {\n\t\t\t\t// Fall back to the core clipboard copy below.\n\t\t\t}\n\t\t}\n\t\tawait coreCopy(value);\n\t}\n\n\tconst ignoreClasses = ['el-messsage-box', 'ignore-key-press-canvas'];\n\tconst initialized = ref(false);\n\n\tconst onPasteCallback = ref<ClipboardEventFn | null>(onPasteFn || null);\n\n\t/**\n\t * Handles copy/paste events\n\t * @param event\n\t */\n\tfunction onPaste(event: ClipboardEvent) {\n\t\tif (!onPasteCallback.value) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if the event got emitted from a message box or from something\n\t\t// else which should ignore the copy/paste\n\t\tconst path = event.composedPath?.() as HTMLElement[];\n\t\tfor (const pathElement of path) {\n\t\t\tif (\n\t\t\t\tpathElement.className &&\n\t\t\t\tignoreClasses.some((className) => pathElement.className.includes?.(className))\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst clipboardData = event.clipboardData;\n\t\tif (clipboardData !== null) {\n\t\t\tconst clipboardValue = clipboardData.getData('text/plain');\n\t\t\tonPasteCallback.value(clipboardValue, event);\n\t\t}\n\t}\n\n\tconst throttledOnPaste = useThrottleFn(onPaste, 1000);\n\n\t/**\n\t * Initialize copy/paste elements and events\n\t */\n\tonMounted(() => {\n\t\tif (initialized.value) {\n\t\t\treturn;\n\t\t}\n\n\t\tdocument.addEventListener('paste', throttledOnPaste);\n\n\t\tinitialized.value = true;\n\t});\n\n\t/**\n\t * Remove copy/paste elements and events\n\t */\n\tonBeforeUnmount(() => {\n\t\tif (initialized.value) {\n\t\t\tdocument.removeEventListener('paste', throttledOnPaste);\n\t\t}\n\t});\n\n\treturn {\n\t\tcopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t\tonPaste: onPasteCallback,\n\t};\n}\n"],"mappings":";;;;;;AAOA,SAAgB,aAAa,EAC5B,SAAS,kBAAkB,OAGxB,EAAE,EAAE;CACP,MAAM,+BAAsBA,qDAA0C,CAAC;CACvE,MAAM,EACL,MAAM,UACN,QACA,aACA,yCACoB,EACpB,QAAQ,MACR,CAAC;CAIF,eAAe,KAAK,OAAe;EAClC,MAAM,MAAM,cAAc,OAAO;AACjC,MAAI,KAAK,UACR,KAAI;AACH,SAAM,IAAI,UAAU,UAAU,MAAM;AACpC;UACO;AAIT,QAAM,SAAS,MAAM;;CAGtB,MAAM,gBAAgB,CAAC,mBAAmB,0BAA0B;CACpE,MAAM,2BAAkB,MAAM;CAE9B,MAAM,+BAA+C,aAAa,KAAK;;;;;CAMvE,SAAS,QAAQ,OAAuB;AACvC,MAAI,CAAC,gBAAgB,MACpB;EAKD,MAAM,OAAO,MAAM,gBAAgB;AACnC,OAAK,MAAM,eAAe,KACzB,KACC,YAAY,aACZ,cAAc,MAAM,cAAc,YAAY,UAAU,WAAW,UAAU,CAAC,CAE9E;EAIF,MAAM,gBAAgB,MAAM;AAC5B,MAAI,kBAAkB,MAAM;GAC3B,MAAM,iBAAiB,cAAc,QAAQ,aAAa;AAC1D,mBAAgB,MAAM,gBAAgB,MAAM;;;CAI9C,MAAM,oDAAiC,SAAS,IAAK;;;;AAKrD,0BAAgB;AACf,MAAI,YAAY,MACf;AAGD,WAAS,iBAAiB,SAAS,iBAAiB;AAEpD,cAAY,QAAQ;GACnB;;;;AAKF,gCAAsB;AACrB,MAAI,YAAY,MACf,UAAS,oBAAoB,SAAS,iBAAiB;GAEvD;AAEF,QAAO;EACN;EACA;EACA;EACA;EACA,SAAS;EACT"}
+{"version":3,"file":"useClipboard.cjs","names":["PopOutWindowKey"],"sources":["../src/useClipboard.ts"],"sourcesContent":["import { useClipboard as useClipboardCore, useThrottleFn } from '@vueuse/core';\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue';\n\nimport { PopOutWindowKey } from './injectionKeys';\n\ntype ClipboardEventFn = (data: string, event?: ClipboardEvent) => void;\n\nexport function useClipboard({\n\tonPaste: onPasteFn = () => {},\n}: {\n\tonPaste?: ClipboardEventFn;\n} = {}) {\n\tconst popOutWindow = inject(PopOutWindowKey, ref<Window | undefined>());\n\tconst {\n\t\tcopy: coreCopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t} = useClipboardCore({\n\t\tlegacy: true,\n\t});\n\n\t// Find the correct navigator at copy-time so it works even when the\n\t// pop-out window opens after the composable was created.\n\tasync function copy(value: string | (() => Promise<string>)) {\n\t\tconst nav = popOutWindow?.value?.navigator;\n\t\tif (nav?.clipboard) {\n\t\t\ttry {\n\t\t\t\tconst resolvedValue = typeof value === 'function' ? await value() : value;\n\t\t\t\tawait nav.clipboard.writeText(resolvedValue);\n\t\t\t\treturn;\n\t\t\t} catch {\n\t\t\t\t// Fall back to the core clipboard copy below.\n\t\t\t}\n\t\t}\n\t\tawait coreCopy(value);\n\t}\n\n\tconst ignoreClasses = ['el-messsage-box', 'ignore-key-press-canvas'];\n\tconst initialized = ref(false);\n\n\tconst onPasteCallback = ref<ClipboardEventFn | null>(onPasteFn || null);\n\n\t/**\n\t * Handles copy/paste events\n\t * @param event\n\t */\n\tfunction onPaste(event: ClipboardEvent) {\n\t\tif (!onPasteCallback.value) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if the event got emitted from a message box or from something\n\t\t// else which should ignore the copy/paste\n\t\tconst path = event.composedPath?.() as HTMLElement[];\n\t\tfor (const pathElement of path) {\n\t\t\tif (\n\t\t\t\tpathElement.className &&\n\t\t\t\tignoreClasses.some((className) => pathElement.className.includes?.(className))\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst clipboardData = event.clipboardData;\n\t\tif (clipboardData !== null) {\n\t\t\tconst clipboardValue = clipboardData.getData('text/plain');\n\t\t\tonPasteCallback.value(clipboardValue, event);\n\t\t}\n\t}\n\n\tconst throttledOnPaste = useThrottleFn(onPaste, 1000);\n\n\t/**\n\t * Initialize copy/paste elements and events\n\t */\n\tonMounted(() => {\n\t\tif (initialized.value) {\n\t\t\treturn;\n\t\t}\n\n\t\tdocument.addEventListener('paste', throttledOnPaste);\n\n\t\tinitialized.value = true;\n\t});\n\n\t/**\n\t * Remove copy/paste elements and events\n\t */\n\tonBeforeUnmount(() => {\n\t\tif (initialized.value) {\n\t\t\tdocument.removeEventListener('paste', throttledOnPaste);\n\t\t}\n\t});\n\n\treturn {\n\t\tcopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t\tonPaste: onPasteCallback,\n\t};\n}\n"],"mappings":";;;;;;AAOA,SAAgB,aAAa,EAC5B,SAAS,kBAAkB,OAGxB,EAAE,EAAE;CACP,MAAM,+BAAsBA,qDAA0C,CAAC;CACvE,MAAM,EACL,MAAM,UACN,QACA,aACA,yCACoB,EACpB,QAAQ,MACR,CAAC;CAIF,eAAe,KAAK,OAAyC;EAC5D,MAAM,MAAM,cAAc,OAAO;AACjC,MAAI,KAAK,UACR,KAAI;GACH,MAAM,gBAAgB,OAAO,UAAU,aAAa,MAAM,OAAO,GAAG;AACpE,SAAM,IAAI,UAAU,UAAU,cAAc;AAC5C;UACO;AAIT,QAAM,SAAS,MAAM;;CAGtB,MAAM,gBAAgB,CAAC,mBAAmB,0BAA0B;CACpE,MAAM,2BAAkB,MAAM;CAE9B,MAAM,+BAA+C,aAAa,KAAK;;;;;CAMvE,SAAS,QAAQ,OAAuB;AACvC,MAAI,CAAC,gBAAgB,MACpB;EAKD,MAAM,OAAO,MAAM,gBAAgB;AACnC,OAAK,MAAM,eAAe,KACzB,KACC,YAAY,aACZ,cAAc,MAAM,cAAc,YAAY,UAAU,WAAW,UAAU,CAAC,CAE9E;EAIF,MAAM,gBAAgB,MAAM;AAC5B,MAAI,kBAAkB,MAAM;GAC3B,MAAM,iBAAiB,cAAc,QAAQ,aAAa;AAC1D,mBAAgB,MAAM,gBAAgB,MAAM;;;CAI9C,MAAM,oDAAiC,SAAS,IAAK;;;;AAKrD,0BAAgB;AACf,MAAI,YAAY,MACf;AAGD,WAAS,iBAAiB,SAAS,iBAAiB;AAEpD,cAAY,QAAQ;GACnB;;;;AAKF,gCAAsB;AACrB,MAAI,YAAY,MACf,UAAS,oBAAoB,SAAS,iBAAiB;GAEvD;AAEF,QAAO;EACN;EACA;EACA;EACA;EACA,SAAS;EACT"}

package/dist/useClipboard.d.cts

@@ -7,7 +7,7 @@ declare function useClipboard({
 }?: {
   onPaste?: ClipboardEventFn;
 }): {
-  copy: (value: string) => Promise<void>;
+  copy: (value: string | (() => Promise<string>)) => Promise<void>;
   copied: Readonly<vue0.ShallowRef<boolean>>;
   isSupported: vue0.ComputedRef<boolean>;
   text: Readonly<vue0.ShallowRef<string>>;

package/dist/useClipboard.d.mts

@@ -7,7 +7,7 @@ declare function useClipboard({
 }?: {
   onPaste?: ClipboardEventFn;
 }): {
-  copy: (value: string) => Promise<void>;
+  copy: (value: string | (() => Promise<string>)) => Promise<void>;
   copied: Readonly<vue0.ShallowRef<boolean>>;
   isSupported: vue0.ComputedRef<boolean>;
   text: Readonly<vue0.ShallowRef<string>>;

package/dist/useClipboard.mjs

@@ -9,7 +9,8 @@ function useClipboard({ onPaste: onPasteFn = () => {} } = {}) {
 	async function copy(value) {
 		const nav = popOutWindow?.value?.navigator;
 		if (nav?.clipboard) try {
-			await nav.clipboard.writeText(value);
+			const resolvedValue = typeof value === "function" ? await value() : value;
+			await nav.clipboard.writeText(resolvedValue);
 			return;
 		} catch {}
 		await coreCopy(value);

package/dist/useClipboard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.mjs","names":["useClipboardCore"],"sources":["../src/useClipboard.ts"],"sourcesContent":["import { useClipboard as useClipboardCore, useThrottleFn } from '@vueuse/core';\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue';\n\nimport { PopOutWindowKey } from './injectionKeys';\n\ntype ClipboardEventFn = (data: string, event?: ClipboardEvent) => void;\n\nexport function useClipboard({\n\tonPaste: onPasteFn = () => {},\n}: {\n\tonPaste?: ClipboardEventFn;\n} = {}) {\n\tconst popOutWindow = inject(PopOutWindowKey, ref<Window | undefined>());\n\tconst {\n\t\tcopy: coreCopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t} = useClipboardCore({\n\t\tlegacy: true,\n\t});\n\n\t// Find the correct navigator at copy-time so it works even when the\n\t// pop-out window opens after the composable was created.\n\tasync function copy(value: string) {\n\t\tconst nav = popOutWindow?.value?.navigator;\n\t\tif (nav?.clipboard) {\n\t\t\ttry {\n\t\t\t\tawait nav.clipboard.writeText(value);\n\t\t\t\treturn;\n\t\t\t} catch {\n\t\t\t\t// Fall back to the core clipboard copy below.\n\t\t\t}\n\t\t}\n\t\tawait coreCopy(value);\n\t}\n\n\tconst ignoreClasses = ['el-messsage-box', 'ignore-key-press-canvas'];\n\tconst initialized = ref(false);\n\n\tconst onPasteCallback = ref<ClipboardEventFn | null>(onPasteFn || null);\n\n\t/**\n\t * Handles copy/paste events\n\t * @param event\n\t */\n\tfunction onPaste(event: ClipboardEvent) {\n\t\tif (!onPasteCallback.value) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if the event got emitted from a message box or from something\n\t\t// else which should ignore the copy/paste\n\t\tconst path = event.composedPath?.() as HTMLElement[];\n\t\tfor (const pathElement of path) {\n\t\t\tif (\n\t\t\t\tpathElement.className &&\n\t\t\t\tignoreClasses.some((className) => pathElement.className.includes?.(className))\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst clipboardData = event.clipboardData;\n\t\tif (clipboardData !== null) {\n\t\t\tconst clipboardValue = clipboardData.getData('text/plain');\n\t\t\tonPasteCallback.value(clipboardValue, event);\n\t\t}\n\t}\n\n\tconst throttledOnPaste = useThrottleFn(onPaste, 1000);\n\n\t/**\n\t * Initialize copy/paste elements and events\n\t */\n\tonMounted(() => {\n\t\tif (initialized.value) {\n\t\t\treturn;\n\t\t}\n\n\t\tdocument.addEventListener('paste', throttledOnPaste);\n\n\t\tinitialized.value = true;\n\t});\n\n\t/**\n\t * Remove copy/paste elements and events\n\t */\n\tonBeforeUnmount(() => {\n\t\tif (initialized.value) {\n\t\t\tdocument.removeEventListener('paste', throttledOnPaste);\n\t\t}\n\t});\n\n\treturn {\n\t\tcopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t\tonPaste: onPasteCallback,\n\t};\n}\n"],"mappings":";;;;;AAOA,SAAgB,aAAa,EAC5B,SAAS,kBAAkB,OAGxB,EAAE,EAAE;CACP,MAAM,eAAe,OAAO,iBAAiB,KAAyB,CAAC;CACvE,MAAM,EACL,MAAM,UACN,QACA,aACA,SACGA,eAAiB,EACpB,QAAQ,MACR,CAAC;CAIF,eAAe,KAAK,OAAe;EAClC,MAAM,MAAM,cAAc,OAAO;AACjC,MAAI,KAAK,UACR,KAAI;AACH,SAAM,IAAI,UAAU,UAAU,MAAM;AACpC;UACO;AAIT,QAAM,SAAS,MAAM;;CAGtB,MAAM,gBAAgB,CAAC,mBAAmB,0BAA0B;CACpE,MAAM,cAAc,IAAI,MAAM;CAE9B,MAAM,kBAAkB,IAA6B,aAAa,KAAK;;;;;CAMvE,SAAS,QAAQ,OAAuB;AACvC,MAAI,CAAC,gBAAgB,MACpB;EAKD,MAAM,OAAO,MAAM,gBAAgB;AACnC,OAAK,MAAM,eAAe,KACzB,KACC,YAAY,aACZ,cAAc,MAAM,cAAc,YAAY,UAAU,WAAW,UAAU,CAAC,CAE9E;EAIF,MAAM,gBAAgB,MAAM;AAC5B,MAAI,kBAAkB,MAAM;GAC3B,MAAM,iBAAiB,cAAc,QAAQ,aAAa;AAC1D,mBAAgB,MAAM,gBAAgB,MAAM;;;CAI9C,MAAM,mBAAmB,cAAc,SAAS,IAAK;;;;AAKrD,iBAAgB;AACf,MAAI,YAAY,MACf;AAGD,WAAS,iBAAiB,SAAS,iBAAiB;AAEpD,cAAY,QAAQ;GACnB;;;;AAKF,uBAAsB;AACrB,MAAI,YAAY,MACf,UAAS,oBAAoB,SAAS,iBAAiB;GAEvD;AAEF,QAAO;EACN;EACA;EACA;EACA;EACA,SAAS;EACT"}
+{"version":3,"file":"useClipboard.mjs","names":["useClipboardCore"],"sources":["../src/useClipboard.ts"],"sourcesContent":["import { useClipboard as useClipboardCore, useThrottleFn } from '@vueuse/core';\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue';\n\nimport { PopOutWindowKey } from './injectionKeys';\n\ntype ClipboardEventFn = (data: string, event?: ClipboardEvent) => void;\n\nexport function useClipboard({\n\tonPaste: onPasteFn = () => {},\n}: {\n\tonPaste?: ClipboardEventFn;\n} = {}) {\n\tconst popOutWindow = inject(PopOutWindowKey, ref<Window | undefined>());\n\tconst {\n\t\tcopy: coreCopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t} = useClipboardCore({\n\t\tlegacy: true,\n\t});\n\n\t// Find the correct navigator at copy-time so it works even when the\n\t// pop-out window opens after the composable was created.\n\tasync function copy(value: string | (() => Promise<string>)) {\n\t\tconst nav = popOutWindow?.value?.navigator;\n\t\tif (nav?.clipboard) {\n\t\t\ttry {\n\t\t\t\tconst resolvedValue = typeof value === 'function' ? await value() : value;\n\t\t\t\tawait nav.clipboard.writeText(resolvedValue);\n\t\t\t\treturn;\n\t\t\t} catch {\n\t\t\t\t// Fall back to the core clipboard copy below.\n\t\t\t}\n\t\t}\n\t\tawait coreCopy(value);\n\t}\n\n\tconst ignoreClasses = ['el-messsage-box', 'ignore-key-press-canvas'];\n\tconst initialized = ref(false);\n\n\tconst onPasteCallback = ref<ClipboardEventFn | null>(onPasteFn || null);\n\n\t/**\n\t * Handles copy/paste events\n\t * @param event\n\t */\n\tfunction onPaste(event: ClipboardEvent) {\n\t\tif (!onPasteCallback.value) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if the event got emitted from a message box or from something\n\t\t// else which should ignore the copy/paste\n\t\tconst path = event.composedPath?.() as HTMLElement[];\n\t\tfor (const pathElement of path) {\n\t\t\tif (\n\t\t\t\tpathElement.className &&\n\t\t\t\tignoreClasses.some((className) => pathElement.className.includes?.(className))\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst clipboardData = event.clipboardData;\n\t\tif (clipboardData !== null) {\n\t\t\tconst clipboardValue = clipboardData.getData('text/plain');\n\t\t\tonPasteCallback.value(clipboardValue, event);\n\t\t}\n\t}\n\n\tconst throttledOnPaste = useThrottleFn(onPaste, 1000);\n\n\t/**\n\t * Initialize copy/paste elements and events\n\t */\n\tonMounted(() => {\n\t\tif (initialized.value) {\n\t\t\treturn;\n\t\t}\n\n\t\tdocument.addEventListener('paste', throttledOnPaste);\n\n\t\tinitialized.value = true;\n\t});\n\n\t/**\n\t * Remove copy/paste elements and events\n\t */\n\tonBeforeUnmount(() => {\n\t\tif (initialized.value) {\n\t\t\tdocument.removeEventListener('paste', throttledOnPaste);\n\t\t}\n\t});\n\n\treturn {\n\t\tcopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t\tonPaste: onPasteCallback,\n\t};\n}\n"],"mappings":";;;;;AAOA,SAAgB,aAAa,EAC5B,SAAS,kBAAkB,OAGxB,EAAE,EAAE;CACP,MAAM,eAAe,OAAO,iBAAiB,KAAyB,CAAC;CACvE,MAAM,EACL,MAAM,UACN,QACA,aACA,SACGA,eAAiB,EACpB,QAAQ,MACR,CAAC;CAIF,eAAe,KAAK,OAAyC;EAC5D,MAAM,MAAM,cAAc,OAAO;AACjC,MAAI,KAAK,UACR,KAAI;GACH,MAAM,gBAAgB,OAAO,UAAU,aAAa,MAAM,OAAO,GAAG;AACpE,SAAM,IAAI,UAAU,UAAU,cAAc;AAC5C;UACO;AAIT,QAAM,SAAS,MAAM;;CAGtB,MAAM,gBAAgB,CAAC,mBAAmB,0BAA0B;CACpE,MAAM,cAAc,IAAI,MAAM;CAE9B,MAAM,kBAAkB,IAA6B,aAAa,KAAK;;;;;CAMvE,SAAS,QAAQ,OAAuB;AACvC,MAAI,CAAC,gBAAgB,MACpB;EAKD,MAAM,OAAO,MAAM,gBAAgB;AACnC,OAAK,MAAM,eAAe,KACzB,KACC,YAAY,aACZ,cAAc,MAAM,cAAc,YAAY,UAAU,WAAW,UAAU,CAAC,CAE9E;EAIF,MAAM,gBAAgB,MAAM;AAC5B,MAAI,kBAAkB,MAAM;GAC3B,MAAM,iBAAiB,cAAc,QAAQ,aAAa;AAC1D,mBAAgB,MAAM,gBAAgB,MAAM;;;CAI9C,MAAM,mBAAmB,cAAc,SAAS,IAAK;;;;AAKrD,iBAAgB;AACf,MAAI,YAAY,MACf;AAGD,WAAS,iBAAiB,SAAS,iBAAiB;AAEpD,cAAY,QAAQ;GACnB;;;;AAKF,uBAAsB;AACrB,MAAI,YAAY,MACf,UAAS,oBAAoB,SAAS,iBAAiB;GAEvD;AAEF,QAAO;EACN;EACA;EACA;EACA;EACA,SAAS;EACT"}

package/dist/useDeviceSupport.d.mts

@@ -1,4 +1,4 @@
-import * as vue3 from "vue";
+import * as vue0 from "vue";
 
 //#region src/useDeviceSupport.d.ts
 declare function useDeviceSupport(): {
@@ -9,7 +9,7 @@ declare function useDeviceSupport(): {
   isMacOs: boolean;
   isMobileDevice: boolean;
   controlKeyCode: string;
-  controlKeyText: vue3.ComputedRef<"⌘" | "Ctrl">;
+  controlKeyText: vue0.ComputedRef<"⌘" | "Ctrl">;
   isCtrlKeyPressed: (e: MouseEvent | KeyboardEvent) => boolean;
 };
 //#endregion

package/dist/useExternalHooks.cjs

@@ -0,0 +1,5 @@
+const require_useExternalHooks = require('./useExternalHooks2.cjs');
+
+exports.ExternalHooksKey = require_useExternalHooks.ExternalHooksKey;
+exports.setExternalHooks = require_useExternalHooks.setExternalHooks;
+exports.useExternalHooks = require_useExternalHooks.useExternalHooks;

package/dist/useExternalHooks.d.cts

@@ -0,0 +1,12 @@
+import { InjectionKey } from "vue";
+
+//#region src/useExternalHooks.d.ts
+interface ExternalHooks {
+  run(eventName: string, metadata?: unknown): Promise<void>;
+}
+declare const ExternalHooksKey: InjectionKey<ExternalHooks>;
+declare function setExternalHooks(instance: ExternalHooks | undefined): void;
+declare function useExternalHooks(): ExternalHooks;
+//#endregion
+export { ExternalHooks, ExternalHooksKey, setExternalHooks, useExternalHooks };
+//# sourceMappingURL=useExternalHooks.d.cts.map

package/dist/useExternalHooks.d.mts

@@ -0,0 +1,12 @@
+import { InjectionKey } from "vue";
+
+//#region src/useExternalHooks.d.ts
+interface ExternalHooks {
+  run(eventName: string, metadata?: unknown): Promise<void>;
+}
+declare const ExternalHooksKey: InjectionKey<ExternalHooks>;
+declare function setExternalHooks(instance: ExternalHooks | undefined): void;
+declare function useExternalHooks(): ExternalHooks;
+//#endregion
+export { ExternalHooks, ExternalHooksKey, setExternalHooks, useExternalHooks };
+//# sourceMappingURL=useExternalHooks.d.mts.map

package/dist/useExternalHooks.mjs

@@ -0,0 +1,3 @@
+import { n as setExternalHooks, r as useExternalHooks, t as ExternalHooksKey } from "./useExternalHooks2.mjs";
+
+export { ExternalHooksKey, setExternalHooks, useExternalHooks };

package/dist/useExternalHooks2.cjs

@@ -0,0 +1,56 @@
+const require_useDebounce = require('./useDebounce.cjs');
+let vue = require("vue");
+
+//#region src/useExternalHooks.ts
+/**
+* Injection key for the external-hooks runner. The application may provide it
+* (e.g. a pop-out window with its own runner); `useExternalHooks` reads it when
+* called inside an injection context and otherwise falls back to the registered
+* singleton.
+*/
+const ExternalHooksKey = Symbol("ExternalHooks");
+/**
+* Null-object runner used when no concrete runner has been registered (e.g. in
+* tests, or before bootstrap). External hooks are best-effort and must never
+* throw or block the UI, so `run` resolves to a no-op.
+*/
+const noopExternalHooks = { async run() {} };
+let registeredExternalHooks;
+/**
+* Register the application's external-hooks runner. Called once at bootstrap by
+* `editor-ui` so package-side `useExternalHooks` can resolve it from any
+* context, including outside of component setup (routers, stores, plain
+* modules).
+*/
+function setExternalHooks(instance) {
+	registeredExternalHooks = instance;
+}
+/**
+* Returns the active external-hooks runner. Resolution order: a
+* component-provided runner (via {@link ExternalHooksKey}), then the
+* app-registered singleton (via {@link setExternalHooks}), then a no-op fallback.
+*/
+function useExternalHooks() {
+	return ((0, vue.hasInjectionContext)() ? (0, vue.inject)(ExternalHooksKey, null) : null) ?? registeredExternalHooks ?? noopExternalHooks;
+}
+
+//#endregion
+Object.defineProperty(exports, 'ExternalHooksKey', {
+  enumerable: true,
+  get: function () {
+    return ExternalHooksKey;
+  }
+});
+Object.defineProperty(exports, 'setExternalHooks', {
+  enumerable: true,
+  get: function () {
+    return setExternalHooks;
+  }
+});
+Object.defineProperty(exports, 'useExternalHooks', {
+  enumerable: true,
+  get: function () {
+    return useExternalHooks;
+  }
+});
+//# sourceMappingURL=useExternalHooks2.cjs.map

package/dist/useExternalHooks2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalHooks2.cjs","names":["ExternalHooksKey: InjectionKey<ExternalHooks>","noopExternalHooks: ExternalHooks","registeredExternalHooks: ExternalHooks | undefined"],"sources":["../src/useExternalHooks.ts"],"sourcesContent":["import { hasInjectionContext, inject, type InjectionKey } from 'vue';\n\n/**\n * The external-hooks contract consumed across the frontend. External hooks are\n * an extension point: enterprise/embed builds register handlers on\n * `window.n8nExternalHooks`, and `run` dispatches a named event to them.\n *\n * This package owns the *type* only; the concrete runner lives in the\n * application (`editor-ui`) and is registered at bootstrap via\n * {@link setExternalHooks} / provided through {@link ExternalHooksKey}. Keeping\n * the contract here lets `useExternalHooks` return a working runner without the\n * package importing application code (notably the webhooks store).\n *\n * The contract is intentionally loose (`eventName: string`, `metadata:\n * unknown`): the strongly-typed event map stays in `editor-ui`, and the\n * application's public wrapper preserves per-event type-checking for call\n * sites that import it directly.\n */\nexport interface ExternalHooks {\n\trun(eventName: string, metadata?: unknown): Promise<void>;\n}\n\n/**\n * Injection key for the external-hooks runner. The application may provide it\n * (e.g. a pop-out window with its own runner); `useExternalHooks` reads it when\n * called inside an injection context and otherwise falls back to the registered\n * singleton.\n */\nexport const ExternalHooksKey: InjectionKey<ExternalHooks> = Symbol('ExternalHooks');\n\n/**\n * Null-object runner used when no concrete runner has been registered (e.g. in\n * tests, or before bootstrap). External hooks are best-effort and must never\n * throw or block the UI, so `run` resolves to a no-op.\n */\nconst noopExternalHooks: ExternalHooks = {\n\tasync run() {},\n};\n\nlet registeredExternalHooks: ExternalHooks | undefined;\n\n/**\n * Register the application's external-hooks runner. Called once at bootstrap by\n * `editor-ui` so package-side `useExternalHooks` can resolve it from any\n * context, including outside of component setup (routers, stores, plain\n * modules).\n */\nexport function setExternalHooks(instance: ExternalHooks | undefined): void {\n\tregisteredExternalHooks = instance;\n}\n\n/**\n * Returns the active external-hooks runner. Resolution order: a\n * component-provided runner (via {@link ExternalHooksKey}), then the\n * app-registered singleton (via {@link setExternalHooks}), then a no-op fallback.\n */\nexport function useExternalHooks(): ExternalHooks {\n\tconst injected = hasInjectionContext() ? inject(ExternalHooksKey, null) : null;\n\treturn injected ?? registeredExternalHooks ?? noopExternalHooks;\n}\n"],"mappings":";;;;;;;;;;AA4BA,MAAaA,mBAAgD,OAAO,gBAAgB;;;;;;AAOpF,MAAMC,oBAAmC,EACxC,MAAM,MAAM,IACZ;AAED,IAAIC;;;;;;;AAQJ,SAAgB,iBAAiB,UAA2C;AAC3E,2BAA0B;;;;;;;AAQ3B,SAAgB,mBAAkC;AAEjD,uCADsC,mBAAU,kBAAkB,KAAK,GAAG,SACvD,2BAA2B"}

package/dist/useExternalHooks2.mjs

@@ -0,0 +1,38 @@
+import { hasInjectionContext, inject } from "vue";
+
+//#region src/useExternalHooks.ts
+/**
+* Injection key for the external-hooks runner. The application may provide it
+* (e.g. a pop-out window with its own runner); `useExternalHooks` reads it when
+* called inside an injection context and otherwise falls back to the registered
+* singleton.
+*/
+const ExternalHooksKey = Symbol("ExternalHooks");
+/**
+* Null-object runner used when no concrete runner has been registered (e.g. in
+* tests, or before bootstrap). External hooks are best-effort and must never
+* throw or block the UI, so `run` resolves to a no-op.
+*/
+const noopExternalHooks = { async run() {} };
+let registeredExternalHooks;
+/**
+* Register the application's external-hooks runner. Called once at bootstrap by
+* `editor-ui` so package-side `useExternalHooks` can resolve it from any
+* context, including outside of component setup (routers, stores, plain
+* modules).
+*/
+function setExternalHooks(instance) {
+	registeredExternalHooks = instance;
+}
+/**
+* Returns the active external-hooks runner. Resolution order: a
+* component-provided runner (via {@link ExternalHooksKey}), then the
+* app-registered singleton (via {@link setExternalHooks}), then a no-op fallback.
+*/
+function useExternalHooks() {
+	return (hasInjectionContext() ? inject(ExternalHooksKey, null) : null) ?? registeredExternalHooks ?? noopExternalHooks;
+}
+
+//#endregion
+export { setExternalHooks as n, useExternalHooks as r, ExternalHooksKey as t };
+//# sourceMappingURL=useExternalHooks2.mjs.map

package/dist/useExternalHooks2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalHooks2.mjs","names":["ExternalHooksKey: InjectionKey<ExternalHooks>","noopExternalHooks: ExternalHooks","registeredExternalHooks: ExternalHooks | undefined"],"sources":["../src/useExternalHooks.ts"],"sourcesContent":["import { hasInjectionContext, inject, type InjectionKey } from 'vue';\n\n/**\n * The external-hooks contract consumed across the frontend. External hooks are\n * an extension point: enterprise/embed builds register handlers on\n * `window.n8nExternalHooks`, and `run` dispatches a named event to them.\n *\n * This package owns the *type* only; the concrete runner lives in the\n * application (`editor-ui`) and is registered at bootstrap via\n * {@link setExternalHooks} / provided through {@link ExternalHooksKey}. Keeping\n * the contract here lets `useExternalHooks` return a working runner without the\n * package importing application code (notably the webhooks store).\n *\n * The contract is intentionally loose (`eventName: string`, `metadata:\n * unknown`): the strongly-typed event map stays in `editor-ui`, and the\n * application's public wrapper preserves per-event type-checking for call\n * sites that import it directly.\n */\nexport interface ExternalHooks {\n\trun(eventName: string, metadata?: unknown): Promise<void>;\n}\n\n/**\n * Injection key for the external-hooks runner. The application may provide it\n * (e.g. a pop-out window with its own runner); `useExternalHooks` reads it when\n * called inside an injection context and otherwise falls back to the registered\n * singleton.\n */\nexport const ExternalHooksKey: InjectionKey<ExternalHooks> = Symbol('ExternalHooks');\n\n/**\n * Null-object runner used when no concrete runner has been registered (e.g. in\n * tests, or before bootstrap). External hooks are best-effort and must never\n * throw or block the UI, so `run` resolves to a no-op.\n */\nconst noopExternalHooks: ExternalHooks = {\n\tasync run() {},\n};\n\nlet registeredExternalHooks: ExternalHooks | undefined;\n\n/**\n * Register the application's external-hooks runner. Called once at bootstrap by\n * `editor-ui` so package-side `useExternalHooks` can resolve it from any\n * context, including outside of component setup (routers, stores, plain\n * modules).\n */\nexport function setExternalHooks(instance: ExternalHooks | undefined): void {\n\tregisteredExternalHooks = instance;\n}\n\n/**\n * Returns the active external-hooks runner. Resolution order: a\n * component-provided runner (via {@link ExternalHooksKey}), then the\n * app-registered singleton (via {@link setExternalHooks}), then a no-op fallback.\n */\nexport function useExternalHooks(): ExternalHooks {\n\tconst injected = hasInjectionContext() ? inject(ExternalHooksKey, null) : null;\n\treturn injected ?? registeredExternalHooks ?? noopExternalHooks;\n}\n"],"mappings":";;;;;;;;;AA4BA,MAAaA,mBAAgD,OAAO,gBAAgB;;;;;;AAOpF,MAAMC,oBAAmC,EACxC,MAAM,MAAM,IACZ;AAED,IAAIC;;;;;;;AAQJ,SAAgB,iBAAiB,UAA2C;AAC3E,2BAA0B;;;;;;;AAQ3B,SAAgB,mBAAkC;AAEjD,SADiB,qBAAqB,GAAG,OAAO,kBAAkB,KAAK,GAAG,SACvD,2BAA2B"}

package/dist/useStyles.cjs

@@ -0,0 +1,19 @@
+const require_useDebounce = require('./useDebounce.cjs');
+let __n8n_frontend_constants_z_indexes = require("@n8n/frontend-constants/z-indexes");
+
+//#region src/useStyles.ts
+const setAppZIndexes = () => {
+	Object.keys(__n8n_frontend_constants_z_indexes.APP_Z_INDEXES).forEach((key) => {
+		const variableName = `--${key.toLowerCase().replaceAll("_", "-")}--z`;
+		const value = __n8n_frontend_constants_z_indexes.APP_Z_INDEXES[key];
+		document.documentElement.style.setProperty(variableName, `${value}`);
+	});
+};
+const useStyles = () => ({
+	APP_Z_INDEXES: __n8n_frontend_constants_z_indexes.APP_Z_INDEXES,
+	setAppZIndexes
+});
+
+//#endregion
+exports.useStyles = useStyles;
+//# sourceMappingURL=useStyles.cjs.map

package/dist/useStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyles.cjs","names":["APP_Z_INDEXES"],"sources":["../src/useStyles.ts"],"sourcesContent":["import { APP_Z_INDEXES } from '@n8n/frontend-constants/z-indexes';\n\nconst setAppZIndexes = () => {\n\tObject.keys(APP_Z_INDEXES).forEach((key) => {\n\t\tconst variableName = `--${key.toLowerCase().replaceAll('_', '-')}--z`;\n\t\tconst value = APP_Z_INDEXES[key as keyof typeof APP_Z_INDEXES];\n\t\tdocument.documentElement.style.setProperty(variableName, `${value}`);\n\t});\n};\n\nexport const useStyles = () => ({\n\tAPP_Z_INDEXES,\n\tsetAppZIndexes,\n});\n"],"mappings":";;;;AAEA,MAAM,uBAAuB;AAC5B,QAAO,KAAKA,iDAAc,CAAC,SAAS,QAAQ;EAC3C,MAAM,eAAe,KAAK,IAAI,aAAa,CAAC,WAAW,KAAK,IAAI,CAAC;EACjE,MAAM,QAAQA,iDAAc;AAC5B,WAAS,gBAAgB,MAAM,YAAY,cAAc,GAAG,QAAQ;GACnE;;AAGH,MAAa,mBAAmB;CAC/B;CACA;CACA"}

package/dist/useStyles.d.cts

@@ -0,0 +1,31 @@
+//#region src/useStyles.d.ts
+declare const useStyles: () => {
+  APP_Z_INDEXES: {
+    readonly CONTEXT_MENU: 10;
+    readonly APP_HEADER: 99;
+    readonly SELECT_BOX: 100;
+    readonly CANVAS_ADD_BUTTON: 101;
+    readonly APP_SIDEBAR: 999;
+    readonly CANVAS_SELECT_BOX: 100;
+    readonly TOP_BANNERS: 999;
+    readonly NODE_CREATOR: 1700;
+    readonly ASK_ASSISTANT_CHAT: 1750;
+    readonly NDV: 1800;
+    readonly COMMAND_BAR: 1900;
+    readonly DIALOGS: 1950;
+    readonly MODALS: 2000;
+    readonly TOASTS: 2100;
+    readonly ASK_ASSISTANT_FLOATING_BUTTON: 3000;
+    readonly ASK_ASSISTANT_FLOATING_BUTTON_TOOLTIP: 3000;
+    readonly CODEMIRROR_TOOLTIP: 3000;
+    readonly FLOATING_UI: 3000;
+    readonly DRAGGABLE: 9999999;
+    readonly ACTIVE_STICKY: 9999999;
+    readonly WORKFLOW_PREVIEW_NDV: 9999999;
+    readonly NPS_SURVEY_MODAL: 3001;
+  };
+  setAppZIndexes: () => void;
+};
+//#endregion
+export { useStyles };
+//# sourceMappingURL=useStyles.d.cts.map

package/dist/useStyles.d.mts

@@ -0,0 +1,31 @@
+//#region src/useStyles.d.ts
+declare const useStyles: () => {
+  APP_Z_INDEXES: {
+    readonly CONTEXT_MENU: 10;
+    readonly APP_HEADER: 99;
+    readonly SELECT_BOX: 100;
+    readonly CANVAS_ADD_BUTTON: 101;
+    readonly APP_SIDEBAR: 999;
+    readonly CANVAS_SELECT_BOX: 100;
+    readonly TOP_BANNERS: 999;
+    readonly NODE_CREATOR: 1700;
+    readonly ASK_ASSISTANT_CHAT: 1750;
+    readonly NDV: 1800;
+    readonly COMMAND_BAR: 1900;
+    readonly DIALOGS: 1950;
+    readonly MODALS: 2000;
+    readonly TOASTS: 2100;
+    readonly ASK_ASSISTANT_FLOATING_BUTTON: 3000;
+    readonly ASK_ASSISTANT_FLOATING_BUTTON_TOOLTIP: 3000;
+    readonly CODEMIRROR_TOOLTIP: 3000;
+    readonly FLOATING_UI: 3000;
+    readonly DRAGGABLE: 9999999;
+    readonly ACTIVE_STICKY: 9999999;
+    readonly WORKFLOW_PREVIEW_NDV: 9999999;
+    readonly NPS_SURVEY_MODAL: 3001;
+  };
+  setAppZIndexes: () => void;
+};
+//#endregion
+export { useStyles };
+//# sourceMappingURL=useStyles.d.mts.map

package/dist/useStyles.mjs

@@ -0,0 +1,18 @@
+import { APP_Z_INDEXES } from "@n8n/frontend-constants/z-indexes";
+
+//#region src/useStyles.ts
+const setAppZIndexes = () => {
+	Object.keys(APP_Z_INDEXES).forEach((key) => {
+		const variableName = `--${key.toLowerCase().replaceAll("_", "-")}--z`;
+		const value = APP_Z_INDEXES[key];
+		document.documentElement.style.setProperty(variableName, `${value}`);
+	});
+};
+const useStyles = () => ({
+	APP_Z_INDEXES,
+	setAppZIndexes
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=useStyles.mjs.map

package/dist/useStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyles.mjs","names":[],"sources":["../src/useStyles.ts"],"sourcesContent":["import { APP_Z_INDEXES } from '@n8n/frontend-constants/z-indexes';\n\nconst setAppZIndexes = () => {\n\tObject.keys(APP_Z_INDEXES).forEach((key) => {\n\t\tconst variableName = `--${key.toLowerCase().replaceAll('_', '-')}--z`;\n\t\tconst value = APP_Z_INDEXES[key as keyof typeof APP_Z_INDEXES];\n\t\tdocument.documentElement.style.setProperty(variableName, `${value}`);\n\t});\n};\n\nexport const useStyles = () => ({\n\tAPP_Z_INDEXES,\n\tsetAppZIndexes,\n});\n"],"mappings":";;;AAEA,MAAM,uBAAuB;AAC5B,QAAO,KAAK,cAAc,CAAC,SAAS,QAAQ;EAC3C,MAAM,eAAe,KAAK,IAAI,aAAa,CAAC,WAAW,KAAK,IAAI,CAAC;EACjE,MAAM,QAAQ,cAAc;AAC5B,WAAS,gBAAgB,MAAM,YAAY,cAAc,GAAG,QAAQ;GACnE;;AAGH,MAAa,mBAAmB;CAC/B;CACA;CACA"}

package/dist/useTelemetry.cjs

@@ -0,0 +1,5 @@
+const require_useTelemetry = require('./useTelemetry2.cjs');
+
+exports.TelemetryKey = require_useTelemetry.TelemetryKey;
+exports.setTelemetry = require_useTelemetry.setTelemetry;
+exports.useTelemetry = require_useTelemetry.useTelemetry;

package/dist/useTelemetry.d.cts

@@ -0,0 +1,42 @@
+import { InjectionKey } from "vue";
+import { ITelemetrySettings } from "@n8n/api-types";
+import { InferTelemetryProps, TelemetryEventDef } from "@n8n/telemetry";
+import { IDataObject, ITelemetryTrackProperties, NodeParameterValueType } from "n8n-workflow";
+import { RouteLocation } from "vue-router";
+
+//#region src/useTelemetry.d.ts
+type TelemetryIdentifyOptions = {
+  instanceId: string;
+  userId?: string;
+  projectId?: string;
+  versionCli?: string;
+  userRole?: string;
+};
+interface TelemetryNodeParameterChange {
+  name: string;
+  key?: string;
+  value: NodeParameterValueType;
+  node?: string;
+  oldValue?: string | number;
+  type?: 'optionsOrderChanged';
+}
+interface Telemetry {
+  init(telemetrySettings: ITelemetrySettings, options: TelemetryIdentifyOptions & {
+    versionCli: string;
+  }): void;
+  identify(options: TelemetryIdentifyOptions): void;
+  track<T extends TelemetryEventDef>(event: T, properties: InferTelemetryProps<T>): void;
+  track(event: string, properties?: ITelemetryTrackProperties): void;
+  page(route: RouteLocation): void;
+  reset(): void;
+  flushPageEvents(): void;
+  trackAskAI(event: string, ndvPushRef: string, properties?: IDataObject): void;
+  trackAiTransform(event: string, ndvPushRef: string, properties?: IDataObject): void;
+  trackNodeParametersValuesChange(nodeType: string, change: TelemetryNodeParameterChange): void;
+}
+declare const TelemetryKey: InjectionKey<Telemetry>;
+declare function setTelemetry(instance: Telemetry | undefined): void;
+declare function useTelemetry(): Telemetry;
+//#endregion
+export { Telemetry, TelemetryIdentifyOptions, TelemetryKey, TelemetryNodeParameterChange, setTelemetry, useTelemetry };
+//# sourceMappingURL=useTelemetry.d.cts.map

package/dist/useTelemetry.d.mts

@@ -0,0 +1,42 @@
+import { InjectionKey } from "vue";
+import { RouteLocation } from "vue-router";
+import { ITelemetrySettings } from "@n8n/api-types";
+import { InferTelemetryProps, TelemetryEventDef } from "@n8n/telemetry";
+import { IDataObject, ITelemetryTrackProperties, NodeParameterValueType } from "n8n-workflow";
+
+//#region src/useTelemetry.d.ts
+type TelemetryIdentifyOptions = {
+  instanceId: string;
+  userId?: string;
+  projectId?: string;
+  versionCli?: string;
+  userRole?: string;
+};
+interface TelemetryNodeParameterChange {
+  name: string;
+  key?: string;
+  value: NodeParameterValueType;
+  node?: string;
+  oldValue?: string | number;
+  type?: 'optionsOrderChanged';
+}
+interface Telemetry {
+  init(telemetrySettings: ITelemetrySettings, options: TelemetryIdentifyOptions & {
+    versionCli: string;
+  }): void;
+  identify(options: TelemetryIdentifyOptions): void;
+  track<T extends TelemetryEventDef>(event: T, properties: InferTelemetryProps<T>): void;
+  track(event: string, properties?: ITelemetryTrackProperties): void;
+  page(route: RouteLocation): void;
+  reset(): void;
+  flushPageEvents(): void;
+  trackAskAI(event: string, ndvPushRef: string, properties?: IDataObject): void;
+  trackAiTransform(event: string, ndvPushRef: string, properties?: IDataObject): void;
+  trackNodeParametersValuesChange(nodeType: string, change: TelemetryNodeParameterChange): void;
+}
+declare const TelemetryKey: InjectionKey<Telemetry>;
+declare function setTelemetry(instance: Telemetry | undefined): void;
+declare function useTelemetry(): Telemetry;
+//#endregion
+export { Telemetry, TelemetryIdentifyOptions, TelemetryKey, TelemetryNodeParameterChange, setTelemetry, useTelemetry };
+//# sourceMappingURL=useTelemetry.d.mts.map

package/dist/useTelemetry.mjs

@@ -0,0 +1,3 @@
+import { n as setTelemetry, r as useTelemetry, t as TelemetryKey } from "./useTelemetry2.mjs";
+
+export { TelemetryKey, setTelemetry, useTelemetry };

package/dist/useTelemetry2.cjs

@@ -0,0 +1,76 @@
+const require_useDebounce = require('./useDebounce.cjs');
+let vue = require("vue");
+
+//#region src/useTelemetry.ts
+/**
+* Injection key for the telemetry instance. The application provides it at
+* bootstrap; components may override it (e.g. a pop-out window with its own
+* instance). `useTelemetry` reads it when called inside an injection context.
+*/
+const TelemetryKey = Symbol("Telemetry");
+/**
+* Null-object telemetry used when no instance has been registered (e.g. in
+* tests that never install the plugin). Telemetry is best-effort and must never
+* throw or break the UI, so every method is a no-op. Any registered instance
+* (via {@link setTelemetry} or {@link TelemetryKey}) takes precedence.
+*
+* A plain object literal (not a `Proxy`) so method identity is stable, spies
+* attach, `'track' in noopTelemetry` holds, and there is no accidental `then`
+* that would make `await useTelemetry()` hang.
+*/
+const noopTelemetry = {
+	init() {},
+	identify() {},
+	track() {},
+	page() {},
+	reset() {},
+	flushPageEvents() {},
+	trackAskAI() {},
+	trackAiTransform() {},
+	trackNodeParametersValuesChange() {}
+};
+let registeredTelemetry;
+let warnedAboutMissingTelemetry = false;
+/**
+* Register the application's telemetry instance. Called once at bootstrap by
+* the editor-ui telemetry plugin so package-side `useTelemetry` can return it
+* from any context, including outside of component setup.
+*/
+function setTelemetry(instance) {
+	registeredTelemetry = instance;
+}
+/**
+* Returns the active telemetry instance. Resolution order: a component-provided
+* instance (via {@link TelemetryKey}), then the app-registered singleton (via
+* {@link setTelemetry}), then a no-op fallback.
+*/
+function useTelemetry() {
+	const instance = ((0, vue.hasInjectionContext)() ? (0, vue.inject)(TelemetryKey, null) : null) ?? registeredTelemetry;
+	if (instance) return instance;
+	if ({}.env.DEV && !warnedAboutMissingTelemetry) {
+		warnedAboutMissingTelemetry = true;
+		console.warn("[useTelemetry] No telemetry instance registered; using a no-op. Ensure the telemetry plugin is installed at bootstrap.");
+	}
+	return noopTelemetry;
+}
+
+//#endregion
+Object.defineProperty(exports, 'TelemetryKey', {
+  enumerable: true,
+  get: function () {
+    return TelemetryKey;
+  }
+});
+Object.defineProperty(exports, 'setTelemetry', {
+  enumerable: true,
+  get: function () {
+    return setTelemetry;
+  }
+});
+Object.defineProperty(exports, 'useTelemetry', {
+  enumerable: true,
+  get: function () {
+    return useTelemetry;
+  }
+});
+//# sourceMappingURL=useTelemetry2.cjs.map

package/dist/useTelemetry2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTelemetry2.cjs","names":["TelemetryKey: InjectionKey<Telemetry>","noopTelemetry: Telemetry","registeredTelemetry: Telemetry | undefined"],"sources":["../src/useTelemetry.ts"],"sourcesContent":["import type { ITelemetrySettings } from '@n8n/api-types';\nimport type { InferTelemetryProps, TelemetryEventDef } from '@n8n/telemetry';\nimport type { IDataObject, ITelemetryTrackProperties, NodeParameterValueType } from 'n8n-workflow';\nimport { hasInjectionContext, inject, type InjectionKey } from 'vue';\nimport type { RouteLocation } from 'vue-router';\n\nexport type TelemetryIdentifyOptions = {\n\tinstanceId: string;\n\tuserId?: string;\n\tprojectId?: string;\n\tversionCli?: string;\n\tuserRole?: string;\n};\n\n/**\n * Shape of a node-parameter change tracked by telemetry. Structurally mirrors\n * editor-ui's `IUpdateInformation`; declared here so the telemetry contract\n * carries no dependency back into the application package.\n */\nexport interface TelemetryNodeParameterChange {\n\tname: string;\n\tkey?: string;\n\tvalue: NodeParameterValueType;\n\tnode?: string;\n\toldValue?: string | number;\n\ttype?: 'optionsOrderChanged';\n}\n\n/**\n * The telemetry contract consumed across the frontend.\n *\n * This package owns the *type* only; the concrete implementation lives in the\n * application (`editor-ui`'s telemetry plugin) and is registered at bootstrap\n * via {@link setTelemetry} / provided through {@link TelemetryKey}. Keeping the\n * contract here lets `useTelemetry` return a fully-typed instance without the\n * package importing application code.\n */\nexport interface Telemetry {\n\tinit(\n\t\ttelemetrySettings: ITelemetrySettings,\n\t\toptions: TelemetryIdentifyOptions & { versionCli: string },\n\t): void;\n\tidentify(options: TelemetryIdentifyOptions): void;\n\ttrack<T extends TelemetryEventDef>(event: T, properties: InferTelemetryProps<T>): void;\n\ttrack(event: string, properties?: ITelemetryTrackProperties): void;\n\tpage(route: RouteLocation): void;\n\treset(): void;\n\tflushPageEvents(): void;\n\ttrackAskAI(event: string, ndvPushRef: string, properties?: IDataObject): void;\n\ttrackAiTransform(event: string, ndvPushRef: string, properties?: IDataObject): void;\n\ttrackNodeParametersValuesChange(nodeType: string, change: TelemetryNodeParameterChange): void;\n}\n\n/**\n * Injection key for the telemetry instance. The application provides it at\n * bootstrap; components may override it (e.g. a pop-out window with its own\n * instance). `useTelemetry` reads it when called inside an injection context.\n */\nexport const TelemetryKey: InjectionKey<Telemetry> = Symbol('Telemetry');\n\n/**\n * Null-object telemetry used when no instance has been registered (e.g. in\n * tests that never install the plugin). Telemetry is best-effort and must never\n * throw or break the UI, so every method is a no-op. Any registered instance\n * (via {@link setTelemetry} or {@link TelemetryKey}) takes precedence.\n *\n * A plain object literal (not a `Proxy`) so method identity is stable, spies\n * attach, `'track' in noopTelemetry` holds, and there is no accidental `then`\n * that would make `await useTelemetry()` hang.\n */\nconst noopTelemetry: Telemetry = {\n\tinit() {},\n\tidentify() {},\n\ttrack() {},\n\tpage() {},\n\treset() {},\n\tflushPageEvents() {},\n\ttrackAskAI() {},\n\ttrackAiTransform() {},\n\ttrackNodeParametersValuesChange() {},\n};\n\nlet registeredTelemetry: Telemetry | undefined;\nlet warnedAboutMissingTelemetry = false;\n\n/**\n * Register the application's telemetry instance. Called once at bootstrap by\n * the editor-ui telemetry plugin so package-side `useTelemetry` can return it\n * from any context, including outside of component setup.\n */\nexport function setTelemetry(instance: Telemetry | undefined): void {\n\tregisteredTelemetry = instance;\n}\n\n/**\n * Returns the active telemetry instance. Resolution order: a component-provided\n * instance (via {@link TelemetryKey}), then the app-registered singleton (via\n * {@link setTelemetry}), then a no-op fallback.\n */\nexport function useTelemetry(): Telemetry {\n\tconst injected = hasInjectionContext() ? inject(TelemetryKey, null) : null;\n\tconst instance = injected ?? registeredTelemetry;\n\tif (instance) return instance;\n\n\t// Falling back to the no-op means the plugin has not registered an instance\n\t// yet. That should never happen in the app (bootstrap registers before any\n\t// consumer runs); warn once in dev so an ordering regression stays visible.\n\tif (import.meta.env.DEV && !warnedAboutMissingTelemetry) {\n\t\twarnedAboutMissingTelemetry = true;\n\t\tconsole.warn(\n\t\t\t'[useTelemetry] No telemetry instance registered; using a no-op. Ensure the telemetry plugin is installed at bootstrap.',\n\t\t);\n\t}\n\treturn noopTelemetry;\n}\n"],"mappings":";;;;;;;;;AA0DA,MAAaA,eAAwC,OAAO,YAAY;;;;;;;;;;;AAYxE,MAAMC,gBAA2B;CAChC,OAAO;CACP,WAAW;CACX,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,kBAAkB;CAClB,aAAa;CACb,mBAAmB;CACnB,kCAAkC;CAClC;AAED,IAAIC;AACJ,IAAI,8BAA8B;;;;;;AAOlC,SAAgB,aAAa,UAAuC;AACnE,uBAAsB;;;;;;;AAQvB,SAAgB,eAA0B;CAEzC,MAAM,0CADgC,mBAAU,cAAc,KAAK,GAAG,SACzC;AAC7B,KAAI,SAAU,QAAO;AAKrB,QAAgB,IAAI,OAAO,CAAC,6BAA6B;AACxD,gCAA8B;AAC9B,UAAQ,KACP,yHACA;;AAEF,QAAO"}

package/dist/useTelemetry2.mjs

@@ -0,0 +1,58 @@
+import { hasInjectionContext, inject } from "vue";
+
+//#region src/useTelemetry.ts
+/**
+* Injection key for the telemetry instance. The application provides it at
+* bootstrap; components may override it (e.g. a pop-out window with its own
+* instance). `useTelemetry` reads it when called inside an injection context.
+*/
+const TelemetryKey = Symbol("Telemetry");
+/**
+* Null-object telemetry used when no instance has been registered (e.g. in
+* tests that never install the plugin). Telemetry is best-effort and must never
+* throw or break the UI, so every method is a no-op. Any registered instance
+* (via {@link setTelemetry} or {@link TelemetryKey}) takes precedence.
+*
+* A plain object literal (not a `Proxy`) so method identity is stable, spies
+* attach, `'track' in noopTelemetry` holds, and there is no accidental `then`
+* that would make `await useTelemetry()` hang.
+*/
+const noopTelemetry = {
+	init() {},
+	identify() {},
+	track() {},
+	page() {},
+	reset() {},
+	flushPageEvents() {},
+	trackAskAI() {},
+	trackAiTransform() {},
+	trackNodeParametersValuesChange() {}
+};
+let registeredTelemetry;
+let warnedAboutMissingTelemetry = false;
+/**
+* Register the application's telemetry instance. Called once at bootstrap by
+* the editor-ui telemetry plugin so package-side `useTelemetry` can return it
+* from any context, including outside of component setup.
+*/
+function setTelemetry(instance) {
+	registeredTelemetry = instance;
+}
+/**
+* Returns the active telemetry instance. Resolution order: a component-provided
+* instance (via {@link TelemetryKey}), then the app-registered singleton (via
+* {@link setTelemetry}), then a no-op fallback.
+*/
+function useTelemetry() {
+	const instance = (hasInjectionContext() ? inject(TelemetryKey, null) : null) ?? registeredTelemetry;
+	if (instance) return instance;
+	if (import.meta.env.DEV && !warnedAboutMissingTelemetry) {
+		warnedAboutMissingTelemetry = true;
+		console.warn("[useTelemetry] No telemetry instance registered; using a no-op. Ensure the telemetry plugin is installed at bootstrap.");
+	}
+	return noopTelemetry;
+}
+
+//#endregion
+export { setTelemetry as n, useTelemetry as r, TelemetryKey as t };
+//# sourceMappingURL=useTelemetry2.mjs.map

package/dist/useTelemetry2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTelemetry2.mjs","names":["TelemetryKey: InjectionKey<Telemetry>","noopTelemetry: Telemetry","registeredTelemetry: Telemetry | undefined"],"sources":["../src/useTelemetry.ts"],"sourcesContent":["import type { ITelemetrySettings } from '@n8n/api-types';\nimport type { InferTelemetryProps, TelemetryEventDef } from '@n8n/telemetry';\nimport type { IDataObject, ITelemetryTrackProperties, NodeParameterValueType } from 'n8n-workflow';\nimport { hasInjectionContext, inject, type InjectionKey } from 'vue';\nimport type { RouteLocation } from 'vue-router';\n\nexport type TelemetryIdentifyOptions = {\n\tinstanceId: string;\n\tuserId?: string;\n\tprojectId?: string;\n\tversionCli?: string;\n\tuserRole?: string;\n};\n\n/**\n * Shape of a node-parameter change tracked by telemetry. Structurally mirrors\n * editor-ui's `IUpdateInformation`; declared here so the telemetry contract\n * carries no dependency back into the application package.\n */\nexport interface TelemetryNodeParameterChange {\n\tname: string;\n\tkey?: string;\n\tvalue: NodeParameterValueType;\n\tnode?: string;\n\toldValue?: string | number;\n\ttype?: 'optionsOrderChanged';\n}\n\n/**\n * The telemetry contract consumed across the frontend.\n *\n * This package owns the *type* only; the concrete implementation lives in the\n * application (`editor-ui`'s telemetry plugin) and is registered at bootstrap\n * via {@link setTelemetry} / provided through {@link TelemetryKey}. Keeping the\n * contract here lets `useTelemetry` return a fully-typed instance without the\n * package importing application code.\n */\nexport interface Telemetry {\n\tinit(\n\t\ttelemetrySettings: ITelemetrySettings,\n\t\toptions: TelemetryIdentifyOptions & { versionCli: string },\n\t): void;\n\tidentify(options: TelemetryIdentifyOptions): void;\n\ttrack<T extends TelemetryEventDef>(event: T, properties: InferTelemetryProps<T>): void;\n\ttrack(event: string, properties?: ITelemetryTrackProperties): void;\n\tpage(route: RouteLocation): void;\n\treset(): void;\n\tflushPageEvents(): void;\n\ttrackAskAI(event: string, ndvPushRef: string, properties?: IDataObject): void;\n\ttrackAiTransform(event: string, ndvPushRef: string, properties?: IDataObject): void;\n\ttrackNodeParametersValuesChange(nodeType: string, change: TelemetryNodeParameterChange): void;\n}\n\n/**\n * Injection key for the telemetry instance. The application provides it at\n * bootstrap; components may override it (e.g. a pop-out window with its own\n * instance). `useTelemetry` reads it when called inside an injection context.\n */\nexport const TelemetryKey: InjectionKey<Telemetry> = Symbol('Telemetry');\n\n/**\n * Null-object telemetry used when no instance has been registered (e.g. in\n * tests that never install the plugin). Telemetry is best-effort and must never\n * throw or break the UI, so every method is a no-op. Any registered instance\n * (via {@link setTelemetry} or {@link TelemetryKey}) takes precedence.\n *\n * A plain object literal (not a `Proxy`) so method identity is stable, spies\n * attach, `'track' in noopTelemetry` holds, and there is no accidental `then`\n * that would make `await useTelemetry()` hang.\n */\nconst noopTelemetry: Telemetry = {\n\tinit() {},\n\tidentify() {},\n\ttrack() {},\n\tpage() {},\n\treset() {},\n\tflushPageEvents() {},\n\ttrackAskAI() {},\n\ttrackAiTransform() {},\n\ttrackNodeParametersValuesChange() {},\n};\n\nlet registeredTelemetry: Telemetry | undefined;\nlet warnedAboutMissingTelemetry = false;\n\n/**\n * Register the application's telemetry instance. Called once at bootstrap by\n * the editor-ui telemetry plugin so package-side `useTelemetry` can return it\n * from any context, including outside of component setup.\n */\nexport function setTelemetry(instance: Telemetry | undefined): void {\n\tregisteredTelemetry = instance;\n}\n\n/**\n * Returns the active telemetry instance. Resolution order: a component-provided\n * instance (via {@link TelemetryKey}), then the app-registered singleton (via\n * {@link setTelemetry}), then a no-op fallback.\n */\nexport function useTelemetry(): Telemetry {\n\tconst injected = hasInjectionContext() ? inject(TelemetryKey, null) : null;\n\tconst instance = injected ?? registeredTelemetry;\n\tif (instance) return instance;\n\n\t// Falling back to the no-op means the plugin has not registered an instance\n\t// yet. That should never happen in the app (bootstrap registers before any\n\t// consumer runs); warn once in dev so an ordering regression stays visible.\n\tif (import.meta.env.DEV && !warnedAboutMissingTelemetry) {\n\t\twarnedAboutMissingTelemetry = true;\n\t\tconsole.warn(\n\t\t\t'[useTelemetry] No telemetry instance registered; using a no-op. Ensure the telemetry plugin is installed at bootstrap.',\n\t\t);\n\t}\n\treturn noopTelemetry;\n}\n"],"mappings":";;;;;;;;AA0DA,MAAaA,eAAwC,OAAO,YAAY;;;;;;;;;;;AAYxE,MAAMC,gBAA2B;CAChC,OAAO;CACP,WAAW;CACX,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,kBAAkB;CAClB,aAAa;CACb,mBAAmB;CACnB,kCAAkC;CAClC;AAED,IAAIC;AACJ,IAAI,8BAA8B;;;;;;AAOlC,SAAgB,aAAa,UAAuC;AACnE,uBAAsB;;;;;;;AAQvB,SAAgB,eAA0B;CAEzC,MAAM,YADW,qBAAqB,GAAG,OAAO,cAAc,KAAK,GAAG,SACzC;AAC7B,KAAI,SAAU,QAAO;AAKrB,KAAI,OAAO,KAAK,IAAI,OAAO,CAAC,6BAA6B;AACxD,gCAA8B;AAC9B,UAAQ,KACP,yHACA;;AAEF,QAAO"}

package/dist/useToast.cjs

@@ -0,0 +1,175 @@
+const require_useDebounce = require('./useDebounce.cjs');
+const require_useExternalHooks = require('./useExternalHooks2.cjs');
+const require_useTelemetry = require('./useTelemetry2.cjs');
+let vue = require("vue");
+let __n8n_frontend_constants_z_indexes = require("@n8n/frontend-constants/z-indexes");
+let __n8n_frontend_constants_views = require("@n8n/frontend-constants/views");
+let __n8n_frontend_utils_htmlUtils = require("@n8n/frontend-utils/htmlUtils");
+let __n8n_i18n = require("@n8n/i18n");
+let __n8n_stores_notifications_store = require("@n8n/stores/notifications.store");
+let vue_router = require("vue-router");
+
+//#region src/useToast.ts
+let registeredNotify;
+/**
+* Register the notification function. Called once at bootstrap by
+* `editor-ui` (passing `ElNotification` from element-plus) so `useToast`
+* can issue notifications without importing element-plus directly — keeping
+* the DTS build lightweight.
+*/
+function setNotify(fn) {
+	registeredNotify = fn;
+}
+const noopHandle = { close() {} };
+const noopNotify = () => noopHandle;
+const stickyNotificationQueue = [];
+function useToast() {
+	const notify = registeredNotify ?? noopNotify;
+	const telemetry = require_useTelemetry.useTelemetry();
+	const route = (0, vue_router.useRoute)();
+	const workflowId = (0, vue.computed)(() => {
+		if (route?.name === __n8n_frontend_constants_views.VIEWS.DEMO || route?.name === __n8n_frontend_constants_views.VIEWS.DEMO_DIFF) return "demo";
+		const id = route?.params?.workflowId;
+		return (Array.isArray(id) ? id[0] : id) ?? "";
+	});
+	const notificationsStore = (0, __n8n_stores_notifications_store.useNotificationsStore)();
+	const externalHooks = require_useExternalHooks.useExternalHooks();
+	const i18n = (0, __n8n_i18n.useI18n)();
+	function causedByCredential(message) {
+		if (!message || typeof message !== "string") return false;
+		return message.includes("Credentials for") && message.includes("are not set");
+	}
+	function showMessage(messageData, track = true) {
+		const suppressed = notificationsStore.areNotificationsSuppressed;
+		const allowErrors = notificationsStore.allowErrorNotificationsWhenSuppressed;
+		if (suppressed && !(allowErrors && messageData.type === "error")) return { close: () => {} };
+		const messageDefaults = {
+			dangerouslyUseHTMLString: true,
+			position: "bottom-right",
+			zIndex: __n8n_frontend_constants_z_indexes.APP_Z_INDEXES.TOASTS,
+			appendTo: "#n8n-app",
+			customClass: "content-toast"
+		};
+		const { message, title } = messageData;
+		const params = {
+			...messageDefaults,
+			...messageData
+		};
+		if (typeof message === "string") params.message = (0, __n8n_frontend_utils_htmlUtils.sanitizeHtml)(message);
+		if (typeof title === "string") params.title = (0, __n8n_frontend_utils_htmlUtils.sanitizeHtml)(title);
+		const notification = notify(params);
+		if (params.duration === 0) stickyNotificationQueue.push(notification);
+		if (params.type === "error" && track) {
+			let messageForTelemetry;
+			if (typeof params.message === "string") messageForTelemetry = params.message;
+			else if (params.message && typeof params.message === "object" && "props" in params.message && params.message.props) {
+				const props = params.message.props;
+				const hasErrorMessage = typeof props === "object" && props !== null && "errorMessage" in props;
+				const hasMessage = typeof props === "object" && props !== null && "message" in props;
+				if (hasErrorMessage) messageForTelemetry = String(props.errorMessage);
+				else if (hasMessage) messageForTelemetry = String(props.message);
+				else messageForTelemetry = "Unknown error";
+			} else messageForTelemetry = "Unknown error";
+			telemetry.track("Instance FE emitted error", {
+				error_title: params.title,
+				error_message: messageForTelemetry,
+				caused_by_credential: causedByCredential(messageForTelemetry),
+				workflow_id: workflowId.value
+			});
+		}
+		return notification;
+	}
+	function showToast(config) {
+		let notification;
+		if (config.closeOnClick) {
+			const originalOnClick = config.onClick;
+			config.onClick = () => {
+				if (notification) notification.close();
+				if (originalOnClick) originalOnClick();
+			};
+		}
+		notification = showMessage({
+			title: config.title,
+			message: config.message,
+			onClick: config.onClick,
+			onClose: config.onClose,
+			duration: config.duration,
+			customClass: config.customClass,
+			type: config.type
+		});
+		return notification;
+	}
+	function collapsableDetails(description) {
+		const errorDescription = description.length > 500 ? `${description.slice(0, 500)}...` : description;
+		return `
+				<br>
+				<br>
+				<details>
+					<summary
+						style="color: #ff6d5a; font-weight: bold; cursor: pointer;"
+					>
+						${i18n.baseText("showMessage.showDetails")}
+					</summary>
+					<p>${errorDescription}</p>
+				</details>
+			`;
+	}
+	function showError(e, title, options) {
+		const error = e;
+		const message = options?.message;
+		const description = options?.description ?? error.description;
+		showMessage({
+			title,
+			message: `
+					${message ? `${message}<br/>` : ""}
+					<i>${error.message}</i>
+					${description ? collapsableDetails(description) : ""}`,
+			type: "error",
+			duration: 0
+		}, false);
+		externalHooks.run("showMessage.showError", {
+			title,
+			message,
+			errorMessage: error.message
+		});
+		telemetry.track("Instance FE emitted error", {
+			error_title: title,
+			error_description: message,
+			error_message: error.message,
+			caused_by_credential: causedByCredential(error.message),
+			workflow_id: workflowId.value
+		});
+	}
+	function clearAllStickyNotifications() {
+		stickyNotificationQueue.forEach((notification) => {
+			if (notification) notification.close();
+		});
+		stickyNotificationQueue.length = 0;
+	}
+	function showNotificationForViews(views) {
+		const notifications = [];
+		views.forEach((view) => {
+			notifications.push(...notificationsStore.pendingNotificationsForViews[view] ?? []);
+		});
+		if (notifications.length) {
+			notifications.forEach((notification) => {
+				setTimeout(() => {
+					showMessage(notification);
+				}, 5);
+			});
+			notificationsStore.setNotificationsForView(__n8n_frontend_constants_views.VIEWS.WORKFLOW, []);
+		}
+	}
+	return {
+		showMessage,
+		showToast,
+		showError,
+		clearAllStickyNotifications,
+		showNotificationForViews
+	};
+}
+
+//#endregion
+exports.setNotify = setNotify;
+exports.useToast = useToast;
+//# sourceMappingURL=useToast.cjs.map

package/dist/useToast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.cjs","names":["registeredNotify: NotifyFn | undefined","noopHandle: NotificationHandle","noopNotify: NotifyFn","stickyNotificationQueue: NotificationHandle[]","useTelemetry","VIEWS","useExternalHooks","messageDefaults: Partial<Omit<NotificationOptions, 'message'>>","APP_Z_INDEXES","messageForTelemetry: string","notification: NotificationHandle","notifications: NotificationOptions[]"],"sources":["../src/useToast.ts"],"sourcesContent":["import { VIEWS } from '@n8n/frontend-constants/views';\nimport { APP_Z_INDEXES } from '@n8n/frontend-constants/z-indexes';\nimport { sanitizeHtml } from '@n8n/frontend-utils/htmlUtils';\nimport { useI18n } from '@n8n/i18n';\nimport type { NotificationOptions } from '@n8n/stores/notifications.store';\nimport { useNotificationsStore } from '@n8n/stores/notifications.store';\nimport { computed } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport { useExternalHooks } from './useExternalHooks';\nimport { useTelemetry } from './useTelemetry';\n\n/**\n * Handle returned by the notification function. Declared locally so the DTS\n * build stays free of the full element-plus type graph.\n */\nexport interface NotificationHandle {\n\tclose: () => void;\n}\n\n/** Notification severity — mirrors `MessageBoxState['type']` from element-plus. */\nexport type NotificationType = '' | 'success' | 'warning' | 'info' | 'error';\n\n/**\n * Notification function contract — matches `ElNotification` from element-plus.\n * The application registers the concrete implementation at bootstrap via\n * {@link setNotify}; this package owns only the contract.\n */\ntype NotifyFn = (options: Record<string, unknown>) => NotificationHandle;\n\nlet registeredNotify: NotifyFn | undefined;\n\n/**\n * Register the notification function. Called once at bootstrap by\n * `editor-ui` (passing `ElNotification` from element-plus) so `useToast`\n * can issue notifications without importing element-plus directly — keeping\n * the DTS build lightweight.\n */\nexport function setNotify(fn: NotifyFn): void {\n\tregisteredNotify = fn;\n}\n\nconst noopHandle: NotificationHandle = { close() {} };\nconst noopNotify: NotifyFn = () => noopHandle;\n\nconst stickyNotificationQueue: NotificationHandle[] = [];\n\nexport function useToast() {\n\tconst notify = registeredNotify ?? noopNotify;\n\tconst telemetry = useTelemetry();\n\tconst route = useRoute();\n\tconst workflowId = computed(() => {\n\t\tif (route?.name === VIEWS.DEMO || route?.name === VIEWS.DEMO_DIFF) return 'demo';\n\t\tconst id = route?.params?.workflowId;\n\t\treturn (Array.isArray(id) ? id[0] : id) ?? '';\n\t});\n\tconst notificationsStore = useNotificationsStore();\n\tconst externalHooks = useExternalHooks();\n\tconst i18n = useI18n();\n\n\tfunction causedByCredential(message: string | undefined) {\n\t\tif (!message || typeof message !== 'string') return false;\n\n\t\treturn message.includes('Credentials for') && message.includes('are not set');\n\t}\n\n\tfunction showMessage(messageData: Partial<NotificationOptions>, track = true) {\n\t\tconst suppressed = notificationsStore.areNotificationsSuppressed;\n\t\tconst allowErrors = notificationsStore.allowErrorNotificationsWhenSuppressed;\n\t\tif (suppressed && !(allowErrors && messageData.type === 'error')) {\n\t\t\treturn { close: () => {} } as NotificationHandle;\n\t\t}\n\n\t\tconst messageDefaults: Partial<Omit<NotificationOptions, 'message'>> = {\n\t\t\tdangerouslyUseHTMLString: true,\n\t\t\tposition: 'bottom-right',\n\t\t\t// Layer above NDV and modal overlays, sourced from the shared scale.\n\t\t\tzIndex: APP_Z_INDEXES.TOASTS,\n\t\t\tappendTo: '#n8n-app',\n\t\t\tcustomClass: 'content-toast',\n\t\t};\n\t\tconst { message, title } = messageData;\n\t\tconst params = { ...messageDefaults, ...messageData };\n\n\t\tif (typeof message === 'string') {\n\t\t\tparams.message = sanitizeHtml(message);\n\t\t}\n\n\t\tif (typeof title === 'string') {\n\t\t\tparams.title = sanitizeHtml(title);\n\t\t}\n\n\t\tconst notification = notify(params as unknown as Record<string, unknown>);\n\n\t\tif (params.duration === 0) {\n\t\t\tstickyNotificationQueue.push(notification);\n\t\t}\n\n\t\tif (params.type === 'error' && track) {\n\t\t\t// Extract string message for telemetry - don't send VNode objects as they have circular refs\n\t\t\tlet messageForTelemetry: string;\n\t\t\tif (typeof params.message === 'string') {\n\t\t\t\tmessageForTelemetry = params.message;\n\t\t\t} else if (\n\t\t\t\tparams.message &&\n\t\t\t\ttypeof params.message === 'object' &&\n\t\t\t\t'props' in params.message &&\n\t\t\t\tparams.message.props\n\t\t\t) {\n\t\t\t\t// Extract error message from VNode props (e.g., NodeExecutionErrorMessage component)\n\t\t\t\tconst props = params.message.props;\n\t\t\t\tconst hasErrorMessage =\n\t\t\t\t\ttypeof props === 'object' && props !== null && 'errorMessage' in props;\n\t\t\t\tconst hasMessage = typeof props === 'object' && props !== null && 'message' in props;\n\n\t\t\t\tif (hasErrorMessage) {\n\t\t\t\t\tmessageForTelemetry = String(props.errorMessage);\n\t\t\t\t} else if (hasMessage) {\n\t\t\t\t\tmessageForTelemetry = String(props.message);\n\t\t\t\t} else {\n\t\t\t\t\tmessageForTelemetry = 'Unknown error';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tmessageForTelemetry = 'Unknown error';\n\t\t\t}\n\n\t\t\ttelemetry.track('Instance FE emitted error', {\n\t\t\t\terror_title: params.title,\n\t\t\t\terror_message: messageForTelemetry,\n\t\t\t\tcaused_by_credential: causedByCredential(messageForTelemetry),\n\t\t\t\tworkflow_id: workflowId.value,\n\t\t\t});\n\t\t}\n\n\t\treturn notification;\n\t}\n\n\tfunction showToast(config: {\n\t\ttitle: string;\n\t\tmessage: NotificationOptions['message'];\n\t\tonClick?: (event?: MouseEvent) => void;\n\t\tonClose?: () => void;\n\t\tduration?: number;\n\t\tcustomClass?: string;\n\t\tcloseOnClick?: boolean;\n\t\ttype?: NotificationType;\n\t}) {\n\t\t// eslint-disable-next-line prefer-const\n\t\tlet notification: NotificationHandle;\n\t\tif (config.closeOnClick) {\n\t\t\tconst originalOnClick = config.onClick;\n\t\t\tconfig.onClick = () => {\n\t\t\t\tif (notification) {\n\t\t\t\t\tnotification.close();\n\t\t\t\t}\n\n\t\t\t\tif (originalOnClick) {\n\t\t\t\t\toriginalOnClick();\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\n\t\tnotification = showMessage({\n\t\t\ttitle: config.title,\n\t\t\tmessage: config.message,\n\t\t\tonClick: config.onClick,\n\t\t\tonClose: config.onClose,\n\t\t\tduration: config.duration,\n\t\t\tcustomClass: config.customClass,\n\t\t\ttype: config.type,\n\t\t});\n\n\t\treturn notification;\n\t}\n\n\tfunction collapsableDetails(description: string) {\n\t\tconst errorDescription =\n\t\t\tdescription.length > 500 ? `${description.slice(0, 500)}...` : description;\n\n\t\treturn `\n\t\t\t\t<br>\n\t\t\t\t<br>\n\t\t\t\t<details>\n\t\t\t\t\t<summary\n\t\t\t\t\t\tstyle=\"color: #ff6d5a; font-weight: bold; cursor: pointer;\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${i18n.baseText('showMessage.showDetails')}\n\t\t\t\t\t</summary>\n\t\t\t\t\t<p>${errorDescription}</p>\n\t\t\t\t</details>\n\t\t\t`;\n\t}\n\n\tfunction showError(\n\t\te: unknown,\n\t\ttitle: string,\n\t\toptions?: { message?: string; description?: string },\n\t) {\n\t\tconst error = e as Error & { description?: string };\n\t\tconst message = options?.message;\n\t\tconst description = options?.description ?? error.description;\n\t\tconst messageLine = message ? `${message}<br/>` : '';\n\t\tshowMessage(\n\t\t\t{\n\t\t\t\ttitle,\n\t\t\t\tmessage: `\n\t\t\t\t\t${messageLine}\n\t\t\t\t\t<i>${error.message}</i>\n\t\t\t\t\t${description ? collapsableDetails(description) : ''}`,\n\t\t\t\ttype: 'error',\n\t\t\t\tduration: 0,\n\t\t\t},\n\t\t\tfalse,\n\t\t);\n\n\t\tvoid externalHooks.run('showMessage.showError', {\n\t\t\ttitle,\n\t\t\tmessage,\n\t\t\terrorMessage: error.message,\n\t\t});\n\n\t\ttelemetry.track('Instance FE emitted error', {\n\t\t\terror_title: title,\n\t\t\terror_description: message,\n\t\t\terror_message: error.message,\n\t\t\tcaused_by_credential: causedByCredential(error.message),\n\t\t\tworkflow_id: workflowId.value,\n\t\t});\n\t}\n\n\tfunction clearAllStickyNotifications() {\n\t\tstickyNotificationQueue.forEach((notification) => {\n\t\t\tif (notification) {\n\t\t\t\tnotification.close();\n\t\t\t}\n\t\t});\n\n\t\tstickyNotificationQueue.length = 0;\n\t}\n\n\t// Pick up and display notifications for the given list of views\n\tfunction showNotificationForViews(views: VIEWS[]) {\n\t\tconst notifications: NotificationOptions[] = [];\n\t\tviews.forEach((view) => {\n\t\t\tnotifications.push(...(notificationsStore.pendingNotificationsForViews[view] ?? []));\n\t\t});\n\t\tif (notifications.length) {\n\t\t\tnotifications.forEach((notification) => {\n\t\t\t\t// Notifications show on top of each other without this timeout\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tshowMessage(notification);\n\t\t\t\t}, 5);\n\t\t\t});\n\t\t\t// Clear the queue once all notifications are shown\n\t\t\tnotificationsStore.setNotificationsForView(VIEWS.WORKFLOW, []);\n\t\t}\n\t}\n\n\treturn {\n\t\tshowMessage,\n\t\tshowToast,\n\t\tshowError,\n\t\tclearAllStickyNotifications,\n\t\tshowNotificationForViews,\n\t};\n}\n"],"mappings":"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"}

package/dist/useToast.d.cts

@@ -0,0 +1,32 @@
+import { VIEWS } from "@n8n/frontend-constants/views";
+import { NotificationOptions } from "@n8n/stores/notifications.store";
+
+//#region src/useToast.d.ts
+interface NotificationHandle {
+  close: () => void;
+}
+type NotificationType = '' | 'success' | 'warning' | 'info' | 'error';
+type NotifyFn = (options: Record<string, unknown>) => NotificationHandle;
+declare function setNotify(fn: NotifyFn): void;
+declare function useToast(): {
+  showMessage: (messageData: Partial<NotificationOptions>, track?: boolean) => NotificationHandle;
+  showToast: (config: {
+    title: string;
+    message: NotificationOptions["message"];
+    onClick?: (event?: MouseEvent) => void;
+    onClose?: () => void;
+    duration?: number;
+    customClass?: string;
+    closeOnClick?: boolean;
+    type?: NotificationType;
+  }) => NotificationHandle;
+  showError: (e: unknown, title: string, options?: {
+    message?: string;
+    description?: string;
+  }) => void;
+  clearAllStickyNotifications: () => void;
+  showNotificationForViews: (views: VIEWS[]) => void;
+};
+//#endregion
+export { NotificationHandle, NotificationType, setNotify, useToast };
+//# sourceMappingURL=useToast.d.cts.map

package/dist/useToast.d.mts

@@ -0,0 +1,32 @@
+import { VIEWS } from "@n8n/frontend-constants/views";
+import { NotificationOptions } from "@n8n/stores/notifications.store";
+
+//#region src/useToast.d.ts
+interface NotificationHandle {
+  close: () => void;
+}
+type NotificationType = '' | 'success' | 'warning' | 'info' | 'error';
+type NotifyFn = (options: Record<string, unknown>) => NotificationHandle;
+declare function setNotify(fn: NotifyFn): void;
+declare function useToast(): {
+  showMessage: (messageData: Partial<NotificationOptions>, track?: boolean) => NotificationHandle;
+  showToast: (config: {
+    title: string;
+    message: NotificationOptions["message"];
+    onClick?: (event?: MouseEvent) => void;
+    onClose?: () => void;
+    duration?: number;
+    customClass?: string;
+    closeOnClick?: boolean;
+    type?: NotificationType;
+  }) => NotificationHandle;
+  showError: (e: unknown, title: string, options?: {
+    message?: string;
+    description?: string;
+  }) => void;
+  clearAllStickyNotifications: () => void;
+  showNotificationForViews: (views: VIEWS[]) => void;
+};
+//#endregion
+export { NotificationHandle, NotificationType, setNotify, useToast };
+//# sourceMappingURL=useToast.d.mts.map

package/dist/useToast.mjs

@@ -0,0 +1,173 @@
+import { r as useExternalHooks } from "./useExternalHooks2.mjs";
+import { r as useTelemetry } from "./useTelemetry2.mjs";
+import { computed } from "vue";
+import { APP_Z_INDEXES } from "@n8n/frontend-constants/z-indexes";
+import { VIEWS } from "@n8n/frontend-constants/views";
+import { sanitizeHtml } from "@n8n/frontend-utils/htmlUtils";
+import { useI18n } from "@n8n/i18n";
+import { useNotificationsStore } from "@n8n/stores/notifications.store";
+import { useRoute } from "vue-router";
+
+//#region src/useToast.ts
+let registeredNotify;
+/**
+* Register the notification function. Called once at bootstrap by
+* `editor-ui` (passing `ElNotification` from element-plus) so `useToast`
+* can issue notifications without importing element-plus directly — keeping
+* the DTS build lightweight.
+*/
+function setNotify(fn) {
+	registeredNotify = fn;
+}
+const noopHandle = { close() {} };
+const noopNotify = () => noopHandle;
+const stickyNotificationQueue = [];
+function useToast() {
+	const notify = registeredNotify ?? noopNotify;
+	const telemetry = useTelemetry();
+	const route = useRoute();
+	const workflowId = computed(() => {
+		if (route?.name === VIEWS.DEMO || route?.name === VIEWS.DEMO_DIFF) return "demo";
+		const id = route?.params?.workflowId;
+		return (Array.isArray(id) ? id[0] : id) ?? "";
+	});
+	const notificationsStore = useNotificationsStore();
+	const externalHooks = useExternalHooks();
+	const i18n = useI18n();
+	function causedByCredential(message) {
+		if (!message || typeof message !== "string") return false;
+		return message.includes("Credentials for") && message.includes("are not set");
+	}
+	function showMessage(messageData, track = true) {
+		const suppressed = notificationsStore.areNotificationsSuppressed;
+		const allowErrors = notificationsStore.allowErrorNotificationsWhenSuppressed;
+		if (suppressed && !(allowErrors && messageData.type === "error")) return { close: () => {} };
+		const messageDefaults = {
+			dangerouslyUseHTMLString: true,
+			position: "bottom-right",
+			zIndex: APP_Z_INDEXES.TOASTS,
+			appendTo: "#n8n-app",
+			customClass: "content-toast"
+		};
+		const { message, title } = messageData;
+		const params = {
+			...messageDefaults,
+			...messageData
+		};
+		if (typeof message === "string") params.message = sanitizeHtml(message);
+		if (typeof title === "string") params.title = sanitizeHtml(title);
+		const notification = notify(params);
+		if (params.duration === 0) stickyNotificationQueue.push(notification);
+		if (params.type === "error" && track) {
+			let messageForTelemetry;
+			if (typeof params.message === "string") messageForTelemetry = params.message;
+			else if (params.message && typeof params.message === "object" && "props" in params.message && params.message.props) {
+				const props = params.message.props;
+				const hasErrorMessage = typeof props === "object" && props !== null && "errorMessage" in props;
+				const hasMessage = typeof props === "object" && props !== null && "message" in props;
+				if (hasErrorMessage) messageForTelemetry = String(props.errorMessage);
+				else if (hasMessage) messageForTelemetry = String(props.message);
+				else messageForTelemetry = "Unknown error";
+			} else messageForTelemetry = "Unknown error";
+			telemetry.track("Instance FE emitted error", {
+				error_title: params.title,
+				error_message: messageForTelemetry,
+				caused_by_credential: causedByCredential(messageForTelemetry),
+				workflow_id: workflowId.value
+			});
+		}
+		return notification;
+	}
+	function showToast(config) {
+		let notification;
+		if (config.closeOnClick) {
+			const originalOnClick = config.onClick;
+			config.onClick = () => {
+				if (notification) notification.close();
+				if (originalOnClick) originalOnClick();
+			};
+		}
+		notification = showMessage({
+			title: config.title,
+			message: config.message,
+			onClick: config.onClick,
+			onClose: config.onClose,
+			duration: config.duration,
+			customClass: config.customClass,
+			type: config.type
+		});
+		return notification;
+	}
+	function collapsableDetails(description) {
+		const errorDescription = description.length > 500 ? `${description.slice(0, 500)}...` : description;
+		return `
+				<br>
+				<br>
+				<details>
+					<summary
+						style="color: #ff6d5a; font-weight: bold; cursor: pointer;"
+					>
+						${i18n.baseText("showMessage.showDetails")}
+					</summary>
+					<p>${errorDescription}</p>
+				</details>
+			`;
+	}
+	function showError(e, title, options) {
+		const error = e;
+		const message = options?.message;
+		const description = options?.description ?? error.description;
+		showMessage({
+			title,
+			message: `
+					${message ? `${message}<br/>` : ""}
+					<i>${error.message}</i>
+					${description ? collapsableDetails(description) : ""}`,
+			type: "error",
+			duration: 0
+		}, false);
+		externalHooks.run("showMessage.showError", {
+			title,
+			message,
+			errorMessage: error.message
+		});
+		telemetry.track("Instance FE emitted error", {
+			error_title: title,
+			error_description: message,
+			error_message: error.message,
+			caused_by_credential: causedByCredential(error.message),
+			workflow_id: workflowId.value
+		});
+	}
+	function clearAllStickyNotifications() {
+		stickyNotificationQueue.forEach((notification) => {
+			if (notification) notification.close();
+		});
+		stickyNotificationQueue.length = 0;
+	}
+	function showNotificationForViews(views) {
+		const notifications = [];
+		views.forEach((view) => {
+			notifications.push(...notificationsStore.pendingNotificationsForViews[view] ?? []);
+		});
+		if (notifications.length) {
+			notifications.forEach((notification) => {
+				setTimeout(() => {
+					showMessage(notification);
+				}, 5);
+			});
+			notificationsStore.setNotificationsForView(VIEWS.WORKFLOW, []);
+		}
+	}
+	return {
+		showMessage,
+		showToast,
+		showError,
+		clearAllStickyNotifications,
+		showNotificationForViews
+	};
+}
+
+//#endregion
+export { setNotify, useToast };
+//# sourceMappingURL=useToast.mjs.map

package/dist/useToast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.mjs","names":["registeredNotify: NotifyFn | undefined","noopHandle: NotificationHandle","noopNotify: NotifyFn","stickyNotificationQueue: NotificationHandle[]","messageDefaults: Partial<Omit<NotificationOptions, 'message'>>","messageForTelemetry: string","notification: NotificationHandle","notifications: NotificationOptions[]"],"sources":["../src/useToast.ts"],"sourcesContent":["import { VIEWS } from '@n8n/frontend-constants/views';\nimport { APP_Z_INDEXES } from '@n8n/frontend-constants/z-indexes';\nimport { sanitizeHtml } from '@n8n/frontend-utils/htmlUtils';\nimport { useI18n } from '@n8n/i18n';\nimport type { NotificationOptions } from '@n8n/stores/notifications.store';\nimport { useNotificationsStore } from '@n8n/stores/notifications.store';\nimport { computed } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport { useExternalHooks } from './useExternalHooks';\nimport { useTelemetry } from './useTelemetry';\n\n/**\n * Handle returned by the notification function. Declared locally so the DTS\n * build stays free of the full element-plus type graph.\n */\nexport interface NotificationHandle {\n\tclose: () => void;\n}\n\n/** Notification severity — mirrors `MessageBoxState['type']` from element-plus. */\nexport type NotificationType = '' | 'success' | 'warning' | 'info' | 'error';\n\n/**\n * Notification function contract — matches `ElNotification` from element-plus.\n * The application registers the concrete implementation at bootstrap via\n * {@link setNotify}; this package owns only the contract.\n */\ntype NotifyFn = (options: Record<string, unknown>) => NotificationHandle;\n\nlet registeredNotify: NotifyFn | undefined;\n\n/**\n * Register the notification function. Called once at bootstrap by\n * `editor-ui` (passing `ElNotification` from element-plus) so `useToast`\n * can issue notifications without importing element-plus directly — keeping\n * the DTS build lightweight.\n */\nexport function setNotify(fn: NotifyFn): void {\n\tregisteredNotify = fn;\n}\n\nconst noopHandle: NotificationHandle = { close() {} };\nconst noopNotify: NotifyFn = () => noopHandle;\n\nconst stickyNotificationQueue: NotificationHandle[] = [];\n\nexport function useToast() {\n\tconst notify = registeredNotify ?? noopNotify;\n\tconst telemetry = useTelemetry();\n\tconst route = useRoute();\n\tconst workflowId = computed(() => {\n\t\tif (route?.name === VIEWS.DEMO || route?.name === VIEWS.DEMO_DIFF) return 'demo';\n\t\tconst id = route?.params?.workflowId;\n\t\treturn (Array.isArray(id) ? id[0] : id) ?? '';\n\t});\n\tconst notificationsStore = useNotificationsStore();\n\tconst externalHooks = useExternalHooks();\n\tconst i18n = useI18n();\n\n\tfunction causedByCredential(message: string | undefined) {\n\t\tif (!message || typeof message !== 'string') return false;\n\n\t\treturn message.includes('Credentials for') && message.includes('are not set');\n\t}\n\n\tfunction showMessage(messageData: Partial<NotificationOptions>, track = true) {\n\t\tconst suppressed = notificationsStore.areNotificationsSuppressed;\n\t\tconst allowErrors = notificationsStore.allowErrorNotificationsWhenSuppressed;\n\t\tif (suppressed && !(allowErrors && messageData.type === 'error')) {\n\t\t\treturn { close: () => {} } as NotificationHandle;\n\t\t}\n\n\t\tconst messageDefaults: Partial<Omit<NotificationOptions, 'message'>> = {\n\t\t\tdangerouslyUseHTMLString: true,\n\t\t\tposition: 'bottom-right',\n\t\t\t// Layer above NDV and modal overlays, sourced from the shared scale.\n\t\t\tzIndex: APP_Z_INDEXES.TOASTS,\n\t\t\tappendTo: '#n8n-app',\n\t\t\tcustomClass: 'content-toast',\n\t\t};\n\t\tconst { message, title } = messageData;\n\t\tconst params = { ...messageDefaults, ...messageData };\n\n\t\tif (typeof message === 'string') {\n\t\t\tparams.message = sanitizeHtml(message);\n\t\t}\n\n\t\tif (typeof title === 'string') {\n\t\t\tparams.title = sanitizeHtml(title);\n\t\t}\n\n\t\tconst notification = notify(params as unknown as Record<string, unknown>);\n\n\t\tif (params.duration === 0) {\n\t\t\tstickyNotificationQueue.push(notification);\n\t\t}\n\n\t\tif (params.type === 'error' && track) {\n\t\t\t// Extract string message for telemetry - don't send VNode objects as they have circular refs\n\t\t\tlet messageForTelemetry: string;\n\t\t\tif (typeof params.message === 'string') {\n\t\t\t\tmessageForTelemetry = params.message;\n\t\t\t} else if (\n\t\t\t\tparams.message &&\n\t\t\t\ttypeof params.message === 'object' &&\n\t\t\t\t'props' in params.message &&\n\t\t\t\tparams.message.props\n\t\t\t) {\n\t\t\t\t// Extract error message from VNode props (e.g., NodeExecutionErrorMessage component)\n\t\t\t\tconst props = params.message.props;\n\t\t\t\tconst hasErrorMessage =\n\t\t\t\t\ttypeof props === 'object' && props !== null && 'errorMessage' in props;\n\t\t\t\tconst hasMessage = typeof props === 'object' && props !== null && 'message' in props;\n\n\t\t\t\tif (hasErrorMessage) {\n\t\t\t\t\tmessageForTelemetry = String(props.errorMessage);\n\t\t\t\t} else if (hasMessage) {\n\t\t\t\t\tmessageForTelemetry = String(props.message);\n\t\t\t\t} else {\n\t\t\t\t\tmessageForTelemetry = 'Unknown error';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tmessageForTelemetry = 'Unknown error';\n\t\t\t}\n\n\t\t\ttelemetry.track('Instance FE emitted error', {\n\t\t\t\terror_title: params.title,\n\t\t\t\terror_message: messageForTelemetry,\n\t\t\t\tcaused_by_credential: causedByCredential(messageForTelemetry),\n\t\t\t\tworkflow_id: workflowId.value,\n\t\t\t});\n\t\t}\n\n\t\treturn notification;\n\t}\n\n\tfunction showToast(config: {\n\t\ttitle: string;\n\t\tmessage: NotificationOptions['message'];\n\t\tonClick?: (event?: MouseEvent) => void;\n\t\tonClose?: () => void;\n\t\tduration?: number;\n\t\tcustomClass?: string;\n\t\tcloseOnClick?: boolean;\n\t\ttype?: NotificationType;\n\t}) {\n\t\t// eslint-disable-next-line prefer-const\n\t\tlet notification: NotificationHandle;\n\t\tif (config.closeOnClick) {\n\t\t\tconst originalOnClick = config.onClick;\n\t\t\tconfig.onClick = () => {\n\t\t\t\tif (notification) {\n\t\t\t\t\tnotification.close();\n\t\t\t\t}\n\n\t\t\t\tif (originalOnClick) {\n\t\t\t\t\toriginalOnClick();\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\n\t\tnotification = showMessage({\n\t\t\ttitle: config.title,\n\t\t\tmessage: config.message,\n\t\t\tonClick: config.onClick,\n\t\t\tonClose: config.onClose,\n\t\t\tduration: config.duration,\n\t\t\tcustomClass: config.customClass,\n\t\t\ttype: config.type,\n\t\t});\n\n\t\treturn notification;\n\t}\n\n\tfunction collapsableDetails(description: string) {\n\t\tconst errorDescription =\n\t\t\tdescription.length > 500 ? `${description.slice(0, 500)}...` : description;\n\n\t\treturn `\n\t\t\t\t<br>\n\t\t\t\t<br>\n\t\t\t\t<details>\n\t\t\t\t\t<summary\n\t\t\t\t\t\tstyle=\"color: #ff6d5a; font-weight: bold; cursor: pointer;\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${i18n.baseText('showMessage.showDetails')}\n\t\t\t\t\t</summary>\n\t\t\t\t\t<p>${errorDescription}</p>\n\t\t\t\t</details>\n\t\t\t`;\n\t}\n\n\tfunction showError(\n\t\te: unknown,\n\t\ttitle: string,\n\t\toptions?: { message?: string; description?: string },\n\t) {\n\t\tconst error = e as Error & { description?: string };\n\t\tconst message = options?.message;\n\t\tconst description = options?.description ?? error.description;\n\t\tconst messageLine = message ? `${message}<br/>` : '';\n\t\tshowMessage(\n\t\t\t{\n\t\t\t\ttitle,\n\t\t\t\tmessage: `\n\t\t\t\t\t${messageLine}\n\t\t\t\t\t<i>${error.message}</i>\n\t\t\t\t\t${description ? collapsableDetails(description) : ''}`,\n\t\t\t\ttype: 'error',\n\t\t\t\tduration: 0,\n\t\t\t},\n\t\t\tfalse,\n\t\t);\n\n\t\tvoid externalHooks.run('showMessage.showError', {\n\t\t\ttitle,\n\t\t\tmessage,\n\t\t\terrorMessage: error.message,\n\t\t});\n\n\t\ttelemetry.track('Instance FE emitted error', {\n\t\t\terror_title: title,\n\t\t\terror_description: message,\n\t\t\terror_message: error.message,\n\t\t\tcaused_by_credential: causedByCredential(error.message),\n\t\t\tworkflow_id: workflowId.value,\n\t\t});\n\t}\n\n\tfunction clearAllStickyNotifications() {\n\t\tstickyNotificationQueue.forEach((notification) => {\n\t\t\tif (notification) {\n\t\t\t\tnotification.close();\n\t\t\t}\n\t\t});\n\n\t\tstickyNotificationQueue.length = 0;\n\t}\n\n\t// Pick up and display notifications for the given list of views\n\tfunction showNotificationForViews(views: VIEWS[]) {\n\t\tconst notifications: NotificationOptions[] = [];\n\t\tviews.forEach((view) => {\n\t\t\tnotifications.push(...(notificationsStore.pendingNotificationsForViews[view] ?? []));\n\t\t});\n\t\tif (notifications.length) {\n\t\t\tnotifications.forEach((notification) => {\n\t\t\t\t// Notifications show on top of each other without this timeout\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tshowMessage(notification);\n\t\t\t\t}, 5);\n\t\t\t});\n\t\t\t// Clear the queue once all notifications are shown\n\t\t\tnotificationsStore.setNotificationsForView(VIEWS.WORKFLOW, []);\n\t\t}\n\t}\n\n\treturn {\n\t\tshowMessage,\n\t\tshowToast,\n\t\tshowError,\n\t\tclearAllStickyNotifications,\n\t\tshowNotificationForViews,\n\t};\n}\n"],"mappings":"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"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@n8n/composables",
   "type": "module",
-  "version": "1.22.0",
+  "version": "1.23.1",
   "files": [
     "dist",
-    "LICENSE_EE.md",
-    "LICENSE.md"
+    "LICENSE.md",
+    "LICENSE_EE.md"
   ],
   "exports": {
     "./*": {
@@ -17,24 +17,35 @@
   "dependencies": {
     "@vueuse/core": "^14.3.0",
     "lodash": "4.18.1",
-    "vue": "^3.5.13"
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0",
+    "@n8n/frontend-constants": "0.2.0",
+    "@n8n/frontend-utils": "0.2.0",
+    "@n8n/i18n": "2.33.1",
+    "@n8n/api-types": "1.33.1",
+    "@n8n/stores": "2.33.1",
+    "n8n-workflow": "2.33.1"
   },
   "devDependencies": {
+    "@pinia/testing": "^0.1.6",
+    "element-plus": "2.4.3",
     "@testing-library/vue": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
     "@types/lodash": "4.17.17",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/tsconfig": "^0.7.0",
+    "pinia": "^2.2.4",
     "tsdown": "^0.16.5",
     "typescript": "6.0.2",
     "vite": "^8.0.2",
     "vitest": "^4.1.9",
     "vue-tsc": "^2.2.8",
-    "@n8n/playwright-janitor": "0.1.0",
     "@n8n/eslint-config": "0.0.1",
+    "@n8n/playwright-janitor": "0.1.0",
     "@n8n/typescript-config": "1.9.0",
-    "@n8n/vitest-config": "1.19.0"
+    "@n8n/vitest-config": "1.19.0",
+    "@n8n/telemetry": "1.1.1"
   },
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://n8n.io",