n8n-editor-ui 1.100.0 → 1.101.0

package/dist/assets/{useImportCurlCommand-BtBYH8AF.js → useImportCurlCommand-BAgQhwtE.js}

@@ -1,6 +1,6 @@
-import { hk as require$$0, bz as getDefaultExportFromCjs, a as useToast, m as unref, e_ as assert, hl as CURL_IMPORT_NOT_SUPPORTED_PROTOCOLS, hm as CURL_IMPORT_NODES_PROTOCOLS, c as useI18n, dg as get } from "./index-ZImlcrmd.js";
+import { hH as require$$0, bQ as getDefaultExportFromCjs, a as useToast, m as unref, fu as assert, hI as CURL_IMPORT_NOT_SUPPORTED_PROTOCOLS, hJ as CURL_IMPORT_NODES_PROTOCOLS, c as useI18n, dl as get } from "./index-7S5ADieN.js";
 import { c as commonjsRequire } from "./_commonjs-dynamic-modules-TGKdzP3c.js";
-import { i as importCurlEventBus } from "./import-curl-Q2R3Aa93.js";
+import { i as importCurlEventBus } from "./import-curl-DD21H3kK.js";
 class CCError extends Error {
 }
 const UTF8encoder = new TextEncoder();
@@ -4510,63 +4510,63 @@ function setArgValue(global_, config, argName, toggle) {
       if (toggle) {
         config.authtype |= CURLAUTH_DIGEST;
       } else {
-        config.authtype &= -3;
+        config.authtype &= ~CURLAUTH_DIGEST;
       }
       break;
     case "proxy-digest":
       if (toggle) {
         config.proxyauthtype |= CURLAUTH_DIGEST;
       } else {
-        config.proxyauthtype &= -3;
+        config.proxyauthtype &= ~CURLAUTH_DIGEST;
       }
       break;
     case "negotiate":
       if (toggle) {
         config.authtype |= CURLAUTH_NEGOTIATE;
       } else {
-        config.authtype &= -5;
+        config.authtype &= ~CURLAUTH_NEGOTIATE;
       }
       break;
     case "proxy-negotiate":
       if (toggle) {
         config.proxyauthtype |= CURLAUTH_NEGOTIATE;
       } else {
-        config.proxyauthtype &= -5;
+        config.proxyauthtype &= ~CURLAUTH_NEGOTIATE;
       }
       break;
     case "ntlm":
       if (toggle) {
         config.authtype |= CURLAUTH_NTLM;
       } else {
-        config.authtype &= -9;
+        config.authtype &= ~CURLAUTH_NTLM;
       }
       break;
     case "proxy-ntlm":
       if (toggle) {
         config.proxyauthtype |= CURLAUTH_NTLM;
       } else {
-        config.proxyauthtype &= -9;
+        config.proxyauthtype &= ~CURLAUTH_NTLM;
       }
       break;
     case "ntlm-wb":
       if (toggle) {
         config.authtype |= CURLAUTH_NTLM_WB;
       } else {
-        config.authtype &= -33;
+        config.authtype &= ~CURLAUTH_NTLM_WB;
       }
       break;
     case "basic":
       if (toggle) {
         config.authtype |= CURLAUTH_BASIC;
       } else {
-        config.authtype &= -2;
+        config.authtype &= ~CURLAUTH_BASIC;
       }
       break;
     case "proxy-basic":
       if (toggle) {
         config.proxyauthtype |= CURLAUTH_BASIC;
       } else {
-        config.proxyauthtype &= -2;
+        config.proxyauthtype &= ~CURLAUTH_BASIC;
       }
       break;
     case "anyauth":

package/dist/assets/{ProjectCardBadge-t3v64i1e.css → useKeybindings-BUK7Ngh6.css}

@@ -120,35 +120,14 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_1w2ly_123 {
-  display: flex;
-  align-items: center;
-  border: var(--border-base);
-  border-radius: var(--border-radius-base);
-}
-._wrapper_1w2ly_123._no-border_1w2ly_129 {
-  border: none;
-}
-._badge_1w2ly_133 {
-  padding: var(--spacing-4xs) var(--spacing-2xs);
-  background-color: var(--color-background-xlight);
-  border-color: var(--color-foreground-base);
-  z-index: 1;
-  position: relative;
-  height: 23px;
-}
-._badge_1w2ly_133 .n8n-text,
-._badge_1w2ly_133 a {
-  color: var(--color-text-base);
-}
-._projectBadge_1w2ly_146 > span {
-  display: flex;
-  gap: var(--spacing-3xs);
-}
-._count-badge_1w2ly_151 {
-  font-size: var(--font-size-2xs);
-  padding: var(--spacing-4xs) var(--spacing-3xs);
-  color: var(--color-text-base);
-  border-left: var(--border-base);
-  line-height: var(--font-line-height-regular);
+._uiBlocker_j0zl4_123 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--color-block-ui-overlay);
+  z-index: 10;
+  opacity: 0.6;
+  border-radius: var(--border-radius-large);
 }

package/dist/assets/{useKeybindings-Dl2fatxs.js → useKeybindings-CV0VsjNP.js}

@@ -1,4 +1,37 @@
-import { E as createEventBus, bM as inject, cd as useActiveElement, dG as useDeviceSupport, x as computed, m as unref, eq as useEventListener, bX as PiPWindowSymbol } from "./index-ZImlcrmd.js";
+import { d as defineComponent, e as createBlock, g as openBlock, dW as Transition, w as withCtx, aT as withDirectives, aU as vShow, k as createBaseVNode, n as normalizeClass, _ as _export_sfc, P as createEventBus, b_ as inject, c9 as PiPWindowSymbol, cq as useActiveElement, d_ as useDeviceSupport, x as computed, m as unref, eO as useEventListener } from "./index-7S5ADieN.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BlockUi",
+  props: {
+    show: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: "fade",
+        mode: "out-in"
+      }, {
+        default: withCtx(() => [
+          withDirectives(createBaseVNode("div", {
+            class: normalizeClass(["n8n-block-ui", _ctx.$style.uiBlocker]),
+            role: "dialog",
+            "aria-hidden": true
+          }, null, 2), [
+            [vShow, _ctx.show]
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const uiBlocker = "_uiBlocker_j0zl4_123";
+const style0 = {
+  uiBlocker
+};
+const cssModules = {
+  "$style": style0
+};
+const N8nBlockUi = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-76a59b58"]]);
 const canvasEventBus = createEventBus();
 const useKeybindings = (keymap, options) => {
   const pipWindow = inject(PiPWindowSymbol);
@@ -79,6 +112,7 @@ const useKeybindings = (keymap, options) => {
   useEventListener(pipWindow?.value?.document ?? document, "keydown", onKeyDown);
 };
 export {
+  N8nBlockUi as N,
   canvasEventBus as c,
   useKeybindings as u
 };

package/dist/assets/{useProjectPages-wyiRSAYY.js → useProjectPages-DgMGWOaO.js}

@@ -1,4 +1,4 @@
-import { U as useRoute, x as computed, V as VIEWS, e1 as reactive } from "./index-ZImlcrmd.js";
+import { a4 as useRoute, x as computed, V as VIEWS, ep as reactive } from "./index-7S5ADieN.js";
 const useProjectPages = () => {
   const route = useRoute();
   const isOverviewSubPage = computed(

package/dist/assets/{usePushConnection-DbNbVMYT.js → usePushConnection-D8SE-itT.js}

@@ -1,5 +1,5 @@
-import { fx as makeRestApiRequest, T as useWorkflowsStore, J as useUIStore, fy as clearPopupWindowState, ei as getEasyAiWorkflowJson, am as useTelemetry, c5 as parse, fz as hasTrimmedItem, v as useSettingsStore, a8 as useWorkflowSaving, a9 as useWorkflowHelpers, aq as WORKFLOW_SETTINGS_MODAL_KEY, a as useToast, fA as generateNodesGraph, c as useI18n, fB as getExecutionErrorToastConfiguration, bw as useNodeTypesStore, dQ as getTriggerNodeServiceName, br as useNodeHelpers, fC as hasTrimmedData, aX as useExternalHooks, fD as codeNodeEditorEventBus, ea as EVALUATION_TRIGGER_NODE_TYPE, bs as useRunWorkflow, fE as getExecutionErrorMessage, d7 as useCredentialsStore, fF as useAssistantStore, fG as useSchemaPreviewStore, cQ as isCommunityPackageName, R as defineStore, a1 as useRootStore, S as usePushConnectionStore, r as ref } from "./index-ZImlcrmd.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-CudV1inR.js";
+import { f_ as makeRestApiRequest, a3 as useWorkflowsStore, S as useUIStore, f$ as clearPopupWindowState, eG as getEasyAiWorkflowJson, ax as useTelemetry, ci as parse, g0 as hasTrimmedItem, v as useSettingsStore, ai as useWorkflowSaving, aj as useWorkflowHelpers, aB as WORKFLOW_SETTINGS_MODAL_KEY, a as useToast, g1 as generateNodesGraph, c as useI18n, g2 as getExecutionErrorToastConfiguration, bN as useNodeTypesStore, e8 as getTriggerNodeServiceName, bI as useNodeHelpers, g3 as hasTrimmedData, bf as useExternalHooks, g4 as codeNodeEditorEventBus, ez as EVALUATION_TRIGGER_NODE_TYPE, bJ as useRunWorkflow, g5 as getExecutionErrorMessage, dh as useCredentialsStore, g6 as useAssistantStore, g7 as useSchemaPreviewStore, c$ as isCommunityPackageName, a1 as defineStore, ab as useRootStore, a2 as usePushConnectionStore, r as ref } from "./index-7S5ADieN.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-olwfH36z.js";
 var GET_STATUS_ENDPOINT = "/orchestration/worker/status";
 var sendGetWorkerStatus = async (context) => {
   await makeRestApiRequest(context, "POST", GET_STATUS_ENDPOINT);
@@ -7,6 +7,7 @@ var sendGetWorkerStatus = async (context) => {
 async function executionFinished({ data }, options) {
   const workflowsStore = useWorkflowsStore();
   const uiStore = useUIStore();
+  workflowsStore.lastAddedExecutingNode = null;
   if (typeof workflowsStore.activeExecutionId === "undefined") {
     return;
   }

package/dist/assets/{useWorkflowActivate-CnaSqjqM.js → useWorkflowActivate-BKz3N1SO.js}

@@ -1,4 +1,4 @@
-import { r as ref, b as useRouter, a9 as useWorkflowHelpers, a8 as useWorkflowSaving, T as useWorkflowsStore, J as useUIStore, a as useToast, a6 as useNpsSurveyStore, W as PLACEHOLDER_EMPTY_WORKFLOW_ID, am as useTelemetry, aX as useExternalHooks, c as useI18n, aR as useStorage, fM as LOCAL_STORAGE_ACTIVATION_FLAG, fN as WORKFLOW_ACTIVE_MODAL_KEY } from "./index-ZImlcrmd.js";
+import { r as ref, b as useRouter, aj as useWorkflowHelpers, ai as useWorkflowSaving, a3 as useWorkflowsStore, S as useUIStore, a as useToast, ag as useNpsSurveyStore, a5 as PLACEHOLDER_EMPTY_WORKFLOW_ID, ax as useTelemetry, bf as useExternalHooks, c as useI18n, b6 as useStorage, gd as LOCAL_STORAGE_ACTIVATION_FLAG, ge as WORKFLOW_ACTIVE_MODAL_KEY } from "./index-7S5ADieN.js";
 function useWorkflowActivate() {
   const updatingWorkflowActivation = ref(false);
   const router = useRouter();

package/dist/index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/polyfills-deFGRMT9.js"></script>
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/polyfills-B8p9DdqU.js"></script>
 
 		<meta charset="utf-8" />
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -16,8 +16,8 @@
 		<script>!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag onFeatureFlags reloadFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[])</script>
 
 		<title>n8n.io - Workflow Automation</title>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-ZImlcrmd.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-CeLskvTy.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-7S5ADieN.js"></script>
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-BzamKJpD.css">
 	</head>
 	<body>
 		<noscript>

package/eslint.config.mjs

@@ -0,0 +1,58 @@
+import { defineConfig } from 'eslint/config';
+import { frontendConfig } from '@n8n/eslint-config/frontend';
+
+export default defineConfig(frontendConfig, {
+	rules: {
+		// TODO: Remove these
+		'@typescript-eslint/ban-ts-comment': ['warn', { 'ts-ignore': true }],
+		'id-denylist': 'warn',
+		'no-case-declarations': 'warn',
+		'no-useless-escape': 'warn',
+		'no-prototype-builtins': 'warn',
+		'no-empty': 'warn',
+		'no-fallthrough': 'warn',
+		'no-extra-boolean-cast': 'warn',
+		'no-sparse-arrays': 'warn',
+		'no-control-regex': 'warn',
+		'import-x/extensions': 'warn',
+		'import-x/no-default-export': 'warn',
+		'import-x/order': 'off',
+		'import-x/no-cycle': 'warn',
+		'import-x/no-duplicates': 'warn',
+		'no-unsafe-optional-chaining': 'warn',
+		'@typescript-eslint/no-restricted-types': 'warn',
+		'@typescript-eslint/dot-notation': 'warn',
+		'@stylistic/lines-between-class-members': 'warn',
+		'@stylistic/member-delimiter-style': 'warn',
+		'@typescript-eslint/naming-convention': 'warn',
+		'@typescript-eslint/no-empty-interface': 'warn',
+		'@typescript-eslint/no-for-in-array': 'warn',
+		'@typescript-eslint/no-loop-func': 'warn',
+		'@typescript-eslint/no-non-null-assertion': 'warn',
+		'@typescript-eslint/no-shadow': 'warn',
+		'@typescript-eslint/no-this-alias': 'warn',
+		'@typescript-eslint/no-unnecessary-boolean-literal-compare': 'warn',
+		'@typescript-eslint/no-unnecessary-type-assertion': 'warn',
+		'@typescript-eslint/no-unused-expressions': 'warn',
+		'@typescript-eslint/no-unused-vars': 'warn',
+		'@typescript-eslint/no-var-requires': 'warn',
+		'@typescript-eslint/prefer-nullish-coalescing': 'warn',
+		'@typescript-eslint/prefer-optional-chain': 'warn',
+		'@typescript-eslint/restrict-plus-operands': 'warn',
+		'@typescript-eslint/no-redundant-type-constituents': 'warn',
+		'@typescript-eslint/no-unsafe-enum-comparison': 'warn',
+		'@typescript-eslint/require-await': 'warn',
+		'@typescript-eslint/prefer-promise-reject-errors': 'warn',
+		'@typescript-eslint/no-base-to-string': 'warn',
+		'@typescript-eslint/no-empty-object-type': 'warn',
+		'@typescript-eslint/no-unsafe-function-type': 'warn',
+		'vue/attribute-hyphenation': 'warn',
+		'@typescript-eslint/no-unsafe-assignment': 'warn',
+		'@typescript-eslint/unbound-method': 'warn',
+		'@typescript-eslint/restrict-template-expressions': 'warn',
+		'@typescript-eslint/no-unsafe-call': 'warn',
+		'@typescript-eslint/no-unsafe-argument': 'warn',
+		'@typescript-eslint/no-unsafe-member-access': 'warn',
+		'@typescript-eslint/no-unsafe-return': 'warn',
+	},
+});

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "n8n-editor-ui",
-  "version": "1.100.0",
+  "version": "1.101.0",
   "description": "Workflow Editor UI for n8n",
   "main": "index.js",
+  "type": "module",
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://n8n.io",
   "author": {

package/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+	plugins: {
+		// tailwindcss: {},
+		autoprefixer: {},
+	},
+};

package/vite.config.mts

@@ -73,6 +73,10 @@ const plugins = [
 	components({
 		dts: './src/components.d.ts',
 		resolvers: [
+			(componentName) => {
+				if (componentName.startsWith('N8n'))
+					return { name: componentName, from: '@n8n/design-system' };
+			},
 			iconsResolver({
 				prefix: 'icon',
 			}),

package/dist/assets/AuthView-BBEIdfYQ.js

@@ -1,130 +0,0 @@
-import { L as Logo } from "./Logo-C699HbA_.js";
-import { d as defineComponent, eE as useSSOStore, a as useToast, U as useRoute, h as resolveComponent, i as createElementBlock, f as createCommentVNode, m as unref, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, t as toDisplayString, c as useI18n, _ as _export_sfc, v as useSettingsStore, w as withCtx, l as createTextVNode, e as createBlock, bK as mergeProps } from "./index-ZImlcrmd.js";
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "SSOLogin",
-  setup(__props) {
-    const i18n = useI18n();
-    const ssoStore = useSSOStore();
-    const toast = useToast();
-    const route = useRoute();
-    const onSSOLogin = async () => {
-      try {
-        const redirectUrl = ssoStore.isDefaultAuthenticationSaml ? await ssoStore.getSSORedirectUrl(
-          typeof route.query?.redirect === "string" ? route.query.redirect : ""
-        ) : ssoStore.oidc.loginUrl;
-        window.location.href = redirectUrl ?? "";
-      } catch (error) {
-        toast.showError(error, "Error", error.message);
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_n8n_button = resolveComponent("n8n-button");
-      return unref(ssoStore).showSsoLoginButton ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(_ctx.$style.ssoLogin)
-      }, [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.divider)
-        }, [
-          createBaseVNode("span", null, toDisplayString(unref(i18n).baseText("sso.login.divider")), 1)
-        ], 2),
-        createVNode(_component_n8n_button, {
-          size: "large",
-          type: "primary",
-          outline: "",
-          label: unref(i18n).baseText("sso.login.button"),
-          onClick: onSSOLogin
-        }, null, 8, ["label"])
-      ], 2)) : createCommentVNode("", true);
-    };
-  }
-});
-const ssoLogin = "_ssoLogin_krsnh_123";
-const divider = "_divider_krsnh_127";
-const style0$1 = {
-  ssoLogin,
-  divider
-};
-const cssModules$1 = {
-  "$style": style0$1
-};
-const SSOLogin = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AuthView",
-  props: {
-    form: {},
-    formLoading: { type: Boolean, default: false },
-    subtitle: {},
-    withSso: { type: Boolean, default: false }
-  },
-  emits: ["update", "submit", "secondaryClick"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const onUpdate = (e) => {
-      emit("update", e);
-    };
-    const onSubmit = (values) => {
-      emit("submit", values);
-    };
-    const onSecondaryClick = () => {
-      emit("secondaryClick");
-    };
-    const {
-      settings: { releaseChannel }
-    } = useSettingsStore();
-    return (_ctx, _cache) => {
-      const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_form_box = resolveComponent("n8n-form-box");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.container)
-      }, [
-        createVNode(Logo, {
-          location: "authView",
-          "release-channel": unref(releaseChannel)
-        }, null, 8, ["release-channel"]),
-        _ctx.subtitle ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.$style.textContainer)
-        }, [
-          createVNode(_component_n8n_text, { size: "large" }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.subtitle), 1)
-            ]),
-            _: 1
-          })
-        ], 2)) : createCommentVNode("", true),
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.formContainer)
-        }, [
-          createVNode(_component_n8n_form_box, mergeProps(_ctx.form, {
-            "data-test-id": "auth-form",
-            "button-loading": _ctx.formLoading,
-            onSecondaryClick,
-            onSubmit,
-            onUpdate
-          }), {
-            default: withCtx(() => [
-              _ctx.withSso ? (openBlock(), createBlock(SSOLogin, { key: 0 })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 16, ["button-loading"])
-        ], 2)
-      ], 2);
-    };
-  }
-});
-const container = "_container_1vfzm_127";
-const textContainer = "_textContainer_1vfzm_137";
-const formContainer = "_formContainer_1vfzm_141";
-const style0 = {
-  container,
-  textContainer,
-  formContainer
-};
-const cssModules = {
-  "$style": style0
-};
-const AuthView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  AuthView as A
-};

package/dist/assets/CollectionParameter-_4aFNEaG.js

@@ -1,4 +0,0 @@
-import { hj as _sfc_main } from "./index-ZImlcrmd.js";
-export {
-  _sfc_main as default
-};

package/dist/assets/InsightsTableWorkflows-Cs0bf9Y9.js

@@ -1,176 +0,0 @@
-import { d as defineComponent, cK as mergeModels, x as computed, r as ref, c as useI18n, i4 as transformInsightsFailureRate, i5 as INSIGHTS_UNIT_MAPPING, i7 as transformInsightsTimeSaved, i8 as transformInsightsAverageRunTime, cL as useModel, $ as watch, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, e as createBlock, m as unref, aZ as N8nTooltip, k as createBaseVNode, t as toDisplayString, F as Fragment, V as VIEWS, i9 as N8nDataTableServer, am as useTelemetry, _ as _export_sfc } from "./index-ZImlcrmd.js";
-import { s as smartDecimal } from "./InsightsSummary-JPw9kN4a.js";
-const _hoisted_1 = { class: "ellipsis" };
-const _hoisted_2 = { class: "ellipsis" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InsightsTableWorkflows",
-  props: /* @__PURE__ */ mergeModels({
-    data: {},
-    loading: { type: Boolean }
-  }, {
-    "sortBy": {},
-    "sortByModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["update:options"], ["update:sortBy"]),
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const i18n = useI18n();
-    const telemetry = useTelemetry();
-    const rows = computed(() => props.data.data);
-    const headers = ref([
-      {
-        title: "Name",
-        key: "workflowName",
-        width: 400,
-        disableSort: true
-      },
-      {
-        title: i18n.baseText("insights.banner.title.total"),
-        key: "total",
-        value(row) {
-          return row.total.toLocaleString("en-US");
-        }
-      },
-      {
-        title: i18n.baseText("insights.banner.title.failed"),
-        key: "failed",
-        value(row) {
-          return row.failed.toLocaleString("en-US");
-        }
-      },
-      {
-        title: i18n.baseText("insights.banner.title.failureRate"),
-        key: "failureRate",
-        value(row) {
-          return smartDecimal(transformInsightsFailureRate(row.failureRate)) + INSIGHTS_UNIT_MAPPING.failureRate(row.failureRate);
-        }
-      },
-      {
-        title: i18n.baseText("insights.banner.title.timeSaved"),
-        key: "timeSaved",
-        value(row) {
-          return smartDecimal(transformInsightsTimeSaved(row.timeSaved)) + INSIGHTS_UNIT_MAPPING.timeSaved(row.timeSaved);
-        }
-      },
-      {
-        title: i18n.baseText("insights.banner.title.averageRunTime"),
-        key: "averageRunTime",
-        value(row) {
-          return smartDecimal(transformInsightsAverageRunTime(row.averageRunTime)) + INSIGHTS_UNIT_MAPPING.averageRunTime(row.averageRunTime);
-        }
-      },
-      {
-        title: i18n.baseText("insights.dashboard.table.projectName"),
-        key: "projectName",
-        disableSort: true
-      }
-    ]);
-    const sortBy = useModel(__props, "sortBy");
-    const currentPage = ref(0);
-    const itemsPerPage = ref(25);
-    const emit = __emit;
-    const getWorkflowLink = (item, query) => ({
-      name: VIEWS.WORKFLOW,
-      params: {
-        name: item.workflowId
-      },
-      query
-    });
-    const trackWorkflowClick = (item) => {
-      telemetry.track("User clicked on workflow from insights table", {
-        workflow_id: item.workflowId
-      });
-    };
-    watch(sortBy, (newValue) => {
-      telemetry.track("User sorted insights table", {
-        sorted_by: (newValue ?? []).map((item) => ({
-          ...item,
-          label: headers.value.find((header) => header.key === item.id)?.title
-        }))
-      });
-    });
-    return (_ctx, _cache) => {
-      const _component_N8nHeading = resolveComponent("N8nHeading");
-      const _component_router_link = resolveComponent("router-link");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_N8nHeading, {
-          bold: "",
-          tag: "h3",
-          size: "medium",
-          class: "mb-s"
-        }, {
-          default: withCtx(() => _cache[4] || (_cache[4] = [
-            createTextVNode("Workflow insights")
-          ])),
-          _: 1
-        }),
-        createVNode(N8nDataTableServer, {
-          "sort-by": sortBy.value,
-          "onUpdate:sortBy": _cache[0] || (_cache[0] = ($event) => sortBy.value = $event),
-          page: currentPage.value,
-          "onUpdate:page": _cache[1] || (_cache[1] = ($event) => currentPage.value = $event),
-          "items-per-page": itemsPerPage.value,
-          "onUpdate:itemsPerPage": _cache[2] || (_cache[2] = ($event) => itemsPerPage.value = $event),
-          items: rows.value,
-          headers: headers.value,
-          "items-length": _ctx.data.count,
-          "onUpdate:options": _cache[3] || (_cache[3] = ($event) => emit("update:options", $event))
-        }, {
-          [`item.workflowName`]: withCtx(({ item }) => [
-            createVNode(_component_router_link, {
-              to: getWorkflowLink(item),
-              class: "link",
-              onClick: ($event) => trackWorkflowClick(item)
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(N8nTooltip), {
-                  content: item.workflowName,
-                  placement: "top"
-                }, {
-                  default: withCtx(() => [
-                    createBaseVNode("div", _hoisted_1, toDisplayString(item.workflowName), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["content"])
-              ]),
-              _: 2
-            }, 1032, ["to", "onClick"])
-          ]),
-          [`item.timeSaved`]: withCtx(({ item, value }) => [
-            !item.timeSaved ? (openBlock(), createBlock(_component_router_link, {
-              key: 0,
-              to: getWorkflowLink(item, { settings: "true" }),
-              class: "link"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("insights.dashboard.table.estimate")), 1)
-              ]),
-              _: 2
-            }, 1032, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(value), 1)
-            ], 64))
-          ]),
-          [`item.projectName`]: withCtx(({ item }) => [
-            item.projectName ? (openBlock(), createBlock(unref(N8nTooltip), {
-              key: 0,
-              content: item.projectName,
-              placement: "top"
-            }, {
-              default: withCtx(() => [
-                createBaseVNode("div", _hoisted_2, toDisplayString(item.projectName), 1)
-              ]),
-              _: 2
-            }, 1032, ["content"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(" - ")
-            ], 64))
-          ]),
-          _: 2
-        }, 1032, ["sort-by", "page", "items-per-page", "items", "headers", "items-length"])
-      ]);
-    };
-  }
-});
-const InsightsTableWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c4d44bd3"]]);
-export {
-  InsightsTableWorkflows as default
-};