n8n-editor-ui 1.83.1 → 1.84.0

package/dist/assets/{MainSidebar-u0kzXS10.js → MainSidebar-C6aXqICd.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, aD as useLoadingService, L as useUIStore, a1 as useSourceControlStore, a as useToast, r as ref, q as computed, c as openBlock, h as createElementBlock, l as unref, n as normalizeClass, j as createBaseVNode, i as createVNode, k as createTextVNode, t as toDisplayString, w as withCtx, e as createBlock, f as createCommentVNode, C as normalizeStyle, g as useI18n, an as hasPermission, ah as SOURCE_CONTROL_PUSH_MODAL_KEY, aE as notifyUserAboutPullWorkFolderOutcome, aF as sourceControlEventBus, aG as SOURCE_CONTROL_PULL_MODAL_KEY, m as resolveComponent, D as createEventBus, _ as _export_sfc, aH as get, S as defineStore, T as STORES, aI as useCloudPlanStore, $ as useRootStore, aJ as useStorage, aK as DateTime, ak as useTelemetry, p as useSettingsStore, a2 as useProjectsStore, b as useRouter, aL as sortByProperty, V as VIEWS, a6 as usePageRedirectionHelper, am as getResourcePermissions, F as Fragment, B as renderList, aM as useDebugInfo, aN as useTemplatesStore, u as useUsersStore, aO as useVersionsStore, U as useWorkflowsStore, K as useDebounce, W as useRoute, o as onMounted, z as nextTick, y as onBeforeUnmount, G as onClickOutside, aP as N8nLink, aQ as N8nTooltip, aR as _sfc_main$5, aS as N8nNavigationDropdown, aT as createSlots, aU as useExternalHooks, aV as VERSIONS_MODAL_KEY, aW as ABOUT_MODAL_KEY } from "./index-BloiTH5y.js";
-import { L as Logo } from "./Logo-CidMx5L1.js";
+import { d as defineComponent, aD as useLoadingService, L as useUIStore, a2 as useSourceControlStore, a as useToast, r as ref, q as computed, aa as hasPermission, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, B as normalizeStyle, n as normalizeClass, m as unref, k as createBaseVNode, j as createVNode, l as createTextVNode, t as toDisplayString, e as createBlock, w as withCtx, c as useI18n, C as createEventBus, al as SOURCE_CONTROL_PUSH_MODAL_KEY, aE as notifyUserAboutPullWorkFolderOutcome, aF as sourceControlEventBus, aG as SOURCE_CONTROL_PULL_MODAL_KEY, _ as _export_sfc, aH as get, S as defineStore, aI as useCloudPlanStore, a0 as useRootStore, aJ as useStorage, aK as DateTime, X as STORES, ag as useTelemetry, p as useSettingsStore, a3 as useProjectsStore, b as useRouter, aL as sortByProperty, V as VIEWS, a8 as getResourcePermissions, a7 as usePageRedirectionHelper, F as Fragment, D as renderList, aM as useDebugInfo, aN as useTemplatesStore, u as useUsersStore, aO as useVersionsStore, T as useWorkflowsStore, K as useDebounce, U as useRoute, o as onMounted, aP as useExternalHooks, z as nextTick, y as onBeforeUnmount, G as onClickOutside, aQ as N8nTooltip, aR as N8nLink, aS as _sfc_main$5, aT as N8nNavigationDropdown, aU as createSlots, aV as VERSIONS_MODAL_KEY, aW as ABOUT_MODAL_KEY } from "./index-CyVlLoqB.js";
+import { L as Logo } from "./Logo-DVRZ2qRx.js";
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MainSidebarSourceControl",
   props: {
@@ -433,7 +433,7 @@ const useGlobalEntityCreation = () => {
       {
         id: CREATE_PROJECT_ID,
         title: "Project",
-        disabled: !projectsStore.canCreateProjects
+        disabled: !projectsStore.canCreateProjects || !projectsStore.hasPermissionToCreateProjects
       }
     ];
   });
@@ -459,7 +459,7 @@ const useGlobalEntityCreation = () => {
   };
   const handleSelect = (id) => {
     if (id !== CREATE_PROJECT_ID) return;
-    if (projectsStore.canCreateProjects) {
+    if (projectsStore.canCreateProjects && projectsStore.hasPermissionToCreateProjects) {
       void createProject();
       return;
     }
@@ -478,6 +478,9 @@ const useGlobalEntityCreation = () => {
     if (!projectsStore.isTeamProjectFeatureEnabled) {
       return i18n.baseText("projects.create.limitReached.self");
     }
+    if (!projectsStore.hasPermissionToCreateProjects) {
+      return i18n.baseText("projects.create.permissionDenied");
+    }
     return i18n.baseText("projects.create.limitReached", {
       adjustToNumber: projectsStore.teamProjectsLimit,
       interpolate: {
@@ -488,6 +491,7 @@ const useGlobalEntityCreation = () => {
   const createProjectAppendSlotName = computed(() => `item.append.${CREATE_PROJECT_ID}`);
   const createWorkflowsAppendSlotName = computed(() => `item.append.${WORKFLOWS_MENU_ID}`);
   const createCredentialsAppendSlotName = computed(() => `item.append.${CREDENTIALS_MENU_ID}`);
+  const hasPermissionToCreateProjects = projectsStore.hasPermissionToCreateProjects;
   const upgradeLabel = computed(() => {
     if (settingsStore.isCloudDeployment) {
       return i18n.baseText("generic.upgrade");
@@ -504,6 +508,7 @@ const useGlobalEntityCreation = () => {
     createWorkflowsAppendSlotName,
     createCredentialsAppendSlotName,
     projectsLimitReachedMessage,
+    hasPermissionToCreateProjects,
     upgradeLabel,
     createProject,
     isCreatingProject,
@@ -515,7 +520,7 @@ const _hoisted_1$1 = {
   class: "mt-m mb-m"
 };
 const _hoisted_2 = {
-  key: 4,
+  key: 3,
   class: "mb-m"
 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -527,10 +532,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const locale = useI18n();
-    const projectsStore = useProjectsStore();
     const globalEntityCreation = useGlobalEntityCreation();
+    const projectsStore = useProjectsStore();
+    const settingsStore = useSettingsStore();
     const isCreatingProject = computed(() => globalEntityCreation.isCreatingProject.value);
     const displayProjects = computed(() => globalEntityCreation.displayProjects.value);
+    const isFoldersFeatureEnabled = computed(() => settingsStore.isFoldersFeatureEnabled);
     const home = computed(() => ({
       id: "home",
       label: locale.baseText("projects.menu.overview"),
@@ -568,6 +575,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_N8nMenuItem = resolveComponent("N8nMenuItem");
       const _component_ElMenu = resolveComponent("ElMenu");
       const _component_N8nButton = resolveComponent("N8nButton");
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
       const _component_N8nText = resolveComponent("N8nText");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.projects)
@@ -596,19 +604,28 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createBaseVNode("span", null, toDisplayString(unref(locale).baseText("projects.menu.title")), 1),
-            unref(projectsStore).canCreateProjects ? (openBlock(), createBlock(_component_N8nButton, {
-              key: 0,
-              icon: "plus",
-              text: "",
-              "data-test-id": "project-plus-button",
-              disabled: isCreatingProject.value,
-              class: normalizeClass(_ctx.$style.plusBtn),
-              onClick: unref(globalEntityCreation).createProject
-            }, null, 8, ["disabled", "class", "onClick"])) : createCommentVNode("", true)
+            createVNode(_component_N8nTooltip, {
+              placement: "right",
+              disabled: unref(projectsStore).hasPermissionToCreateProjects,
+              content: unref(locale).baseText("projects.create.permissionDenied")
+            }, {
+              default: withCtx(() => [
+                unref(projectsStore).canCreateProjects ? (openBlock(), createBlock(_component_N8nButton, {
+                  key: 0,
+                  icon: "plus",
+                  text: "",
+                  "data-test-id": "project-plus-button",
+                  disabled: isCreatingProject.value || !unref(projectsStore).hasPermissionToCreateProjects,
+                  class: normalizeClass(_ctx.$style.plusBtn),
+                  onClick: unref(globalEntityCreation).createProject
+                }, null, 8, ["disabled", "class", "onClick"])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["disabled", "content"])
           ]),
           _: 1
         }, 8, ["class"])) : createCommentVNode("", true),
-        unref(projectsStore).isTeamProjectFeatureEnabled ? (openBlock(), createBlock(_component_ElMenu, {
+        unref(projectsStore).isTeamProjectFeatureEnabled || isFoldersFeatureEnabled.value ? (openBlock(), createBlock(_component_ElMenu, {
           key: 2,
           collapse: props.collapsed,
           class: normalizeClass(_ctx.$style.projectItems)
@@ -637,37 +654,46 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["collapse", "class"])) : createCommentVNode("", true),
-        showAddFirstProject.value ? (openBlock(), createBlock(_component_N8nButton, {
-          key: 3,
-          class: normalizeClass([
-            _ctx.$style.addFirstProjectBtn,
-            {
-              [_ctx.$style.collapsed]: props.collapsed
-            }
-          ]),
-          disabled: isCreatingProject.value,
-          type: "secondary",
-          icon: "plus",
-          "data-test-id": "add-first-project-button",
-          onClick: unref(globalEntityCreation).createProject
+        createVNode(_component_N8nTooltip, {
+          placement: "right",
+          disabled: unref(projectsStore).hasPermissionToCreateProjects,
+          content: unref(locale).baseText("projects.create.permissionDenied")
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(locale).baseText("projects.menu.addFirstProject")), 1)
+            showAddFirstProject.value ? (openBlock(), createBlock(_component_N8nButton, {
+              key: 0,
+              class: normalizeClass([
+                _ctx.$style.addFirstProjectBtn,
+                {
+                  [_ctx.$style.collapsed]: props.collapsed
+                }
+              ]),
+              disabled: isCreatingProject.value || !unref(projectsStore).hasPermissionToCreateProjects,
+              type: "secondary",
+              icon: "plus",
+              "data-test-id": "add-first-project-button",
+              onClick: unref(globalEntityCreation).createProject
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(locale).baseText("projects.menu.addFirstProject")), 1)
+              ]),
+              _: 1
+            }, 8, ["class", "disabled", "onClick"])) : createCommentVNode("", true)
           ]),
           _: 1
-        }, 8, ["class", "disabled", "onClick"])) : createCommentVNode("", true),
+        }, 8, ["disabled", "content"]),
         unref(projectsStore).isTeamProjectFeatureEnabled ? (openBlock(), createElementBlock("hr", _hoisted_2)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const projects = "_projects_n4luf_123";
-const plusBtn = "_plusBtn_n4luf_130";
-const projectItems = "_projectItems_n4luf_134";
-const upgradeLink = "_upgradeLink_n4luf_140";
-const collapsed = "_collapsed_n4luf_145";
-const projectsLabel = "_projectsLabel_n4luf_149";
-const addFirstProjectBtn = "_addFirstProjectBtn_n4luf_172";
+const projects = "_projects_iytlh_123";
+const plusBtn = "_plusBtn_iytlh_131";
+const projectItems = "_projectItems_iytlh_135";
+const upgradeLink = "_upgradeLink_iytlh_141";
+const collapsed = "_collapsed_iytlh_146";
+const projectsLabel = "_projectsLabel_iytlh_150";
+const addFirstProjectBtn = "_addFirstProjectBtn_iytlh_173";
 const style0$1 = {
   projects,
   plusBtn,
@@ -680,7 +706,7 @@ const style0$1 = {
 const cssModules$1 = {
   "$style": style0$1
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-536b2aa9"]]);
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-661c60ab"]]);
 const BASE_FORUM_URL = "https://github.com/n8n-io/n8n/issues/new?labels=bug-report";
 const REPORT_TEMPLATE = `
 <!-- Please follow the template below. Skip the questions that are not relevant to you. -->
@@ -957,7 +983,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       createWorkflowsAppendSlotName,
       createCredentialsAppendSlotName,
       projectsLimitReachedMessage,
-      upgradeLabel
+      upgradeLabel,
+      hasPermissionToCreateProjects
     } = useGlobalEntityCreation();
     onClickOutside(createBtn, () => {
       createBtn.value?.close();
@@ -1103,7 +1130,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 content: unref(projectsLimitReachedMessage)
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_N8nButton, {
+                  !unref(hasPermissionToCreateProjects) ? (openBlock(), createBlock(_component_N8nIcon, {
+                    key: 0,
+                    style: { "margin-left": "auto", "margin-right": "5px" },
+                    icon: "lock",
+                    size: "xsmall"
+                  })) : (openBlock(), createBlock(_component_N8nButton, {
+                    key: 1,
                     size: "mini",
                     style: { "margin-left": "auto" },
                     type: "tertiary",
@@ -1113,7 +1146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createTextVNode(toDisplayString(unref(upgradeLabel)), 1)
                     ]),
                     _: 2
-                  }, 1032, ["onClick"])
+                  }, 1032, ["onClick"]))
                 ]),
                 _: 2
               }, 1032, ["content"])) : createCommentVNode("", true)

package/dist/assets/{MainSidebar-BRAjTL7J.css → MainSidebar-CKMiDGvH.css}

@@ -574,29 +574,30 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._projects_n4luf_123 {
+._projects_iytlh_123 {
   display: grid;
   grid-auto-rows: auto;
   width: 100%;
   overflow: hidden;
   align-items: start;
+  gap: var(--spacing-3xs);
 }
-._projects_n4luf_123:hover ._plusBtn_n4luf_130 {
+._projects_iytlh_123:hover ._plusBtn_iytlh_131 {
   display: block;
 }
-._projectItems_n4luf_134 {
+._projectItems_iytlh_135 {
   height: 100%;
   padding: 0 var(--spacing-xs) var(--spacing-s);
   overflow: auto;
 }
-._upgradeLink_n4luf_140 {
+._upgradeLink_iytlh_141 {
   color: var(--color-primary);
   cursor: pointer;
 }
-._collapsed_n4luf_145 {
+._collapsed_iytlh_146 {
   text-transform: uppercase;
 }
-._projectsLabel_n4luf_149 {
+._projectsLabel_iytlh_150 {
   display: flex;
   justify-content: space-between;
   margin: 0 0 var(--spacing-s) var(--spacing-xs);
@@ -606,23 +607,23 @@
   box-sizing: border-box;
   color: var(--color-text-base);
 }
-._projectsLabel_n4luf_149._collapsed_n4luf_145 {
+._projectsLabel_iytlh_150._collapsed_iytlh_146 {
   padding: 0;
   margin-left: 0;
   justify-content: center;
 }
-._plusBtn_n4luf_130 {
+._plusBtn_iytlh_131 {
   margin: 0;
   padding: 0;
   color: var(--color-text-light);
   display: none;
 }
-._addFirstProjectBtn_n4luf_172 {
+._addFirstProjectBtn_iytlh_173 {
   font-size: var(--font-size-xs);
   padding: var(--spacing-3xs);
   margin: 0 var(--spacing-m) var(--spacing-m);
 }
-._addFirstProjectBtn_n4luf_172._collapsed_n4luf_145 > span:last-child {
+._addFirstProjectBtn_iytlh_173._collapsed_iytlh_146 > span:last-child {
   display: none;
 }/* BEM support Func
  -------------------------- */
@@ -746,10 +747,10 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.home[data-v-536b2aa9] {
+.home[data-v-661c60ab] {
   padding: 0 var(--spacing-xs);
 }
-.home[data-v-536b2aa9] .el-menu-item {
+.home[data-v-661c60ab] .el-menu-item {
   padding: var(--spacing-m) var(--spacing-xs) !important;
 }/* BEM support Func
  -------------------------- */

package/dist/assets/{NodeCreation-C3kgMOiP.js → NodeCreation-B9-99kNr.js}

@@ -1,6 +1,6 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-C3jOJmI0.js","assets/index-BloiTH5y.js","assets/index-CFLVCCgm.css","assets/useCanvasOperations-Cr_vZCiR.js","assets/usePinnedData-C5x08fuF.js","assets/NodeCreator-DDiuO5S0.css"])))=>i.map(i=>d[i]);
-import { bp as useNodeTypesStore, q as computed, g as useI18n, el as MANUAL_TRIGGER_NODE_TYPE, gC as CHAIN_LLM_LANGCHAIN_NODE_TYPE, bi as NodeConnectionType, b8 as CHAT_TRIGGER_NODE_TYPE, gD as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, gE as OPEN_AI_NODE_TYPE, eM as SPLIT_IN_BATCHES_NODE_TYPE, gF as NO_OP_NODE_TYPE, U as useWorkflowsStore, aU as useExternalHooks, em as WEBHOOK_NODE_TYPE, eo as SCHEDULE_TRIGGER_NODE_TYPE, aC as STICKY_NODE_TYPE, a0 as useCanvasStore, e9 as AI_CATEGORY_LANGUAGE_MODELS, ek as TRIGGER_NODE_CREATOR_VIEW, gG as QA_CHAIN_NODE_TYPE, gH as AGENT_NODE_TYPE, gI as BASIC_CHAIN_NODE_TYPE, gJ as OPEN_AI_ASSISTANT_NODE_TYPE, bK as NODE_CREATOR_OPEN_SOURCES, d as defineComponent, L as useUIStore, r as ref, fB as useThrottleFn, o as onMounted, y as onBeforeUnmount, m as resolveComponent, c as openBlock, h as createElementBlock, n as normalizeClass, j as createBaseVNode, i as createVNode, w as withCtx, l as unref, bt as KeyboardShortcutTooltip, f as createCommentVNode, e as createBlock, bE as Suspense, F as Fragment, bG as defineAsyncComponent, ar as __vitePreload, gK as getMidCanvasPosition, gL as DEFAULT_STICKY_WIDTH, gM as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-BloiTH5y.js";
-import { u as useNodeCreatorStore, t as transformNodeType, s as sortNodeCreateElements } from "./useCanvasOperations-Cr_vZCiR.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-DH90304h.js","assets/index-CyVlLoqB.js","assets/index-74EeM2i2.css","assets/useCanvasOperations-Ctquo5LL.js","assets/usePinnedData-CtRDhd6k.js","assets/NodeCreator-DDiuO5S0.css"])))=>i.map(i=>d[i]);
+import { bs as useNodeTypesStore, q as computed, c as useI18n, T as useWorkflowsStore, eX as MANUAL_TRIGGER_NODE_TYPE, gN as CHAIN_LLM_LANGCHAIN_NODE_TYPE, bg as NodeConnectionType, bh as CHAT_TRIGGER_NODE_TYPE, gO as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, gP as OPEN_AI_NODE_TYPE, eP as SPLIT_IN_BATCHES_NODE_TYPE, gQ as NO_OP_NODE_TYPE, eS as WEBHOOK_NODE_TYPE, eZ as SCHEDULE_TRIGGER_NODE_TYPE, aP as useExternalHooks, a1 as useCanvasStore, eg as AI_CATEGORY_LANGUAGE_MODELS, gR as QA_CHAIN_NODE_TYPE, gS as AGENT_NODE_TYPE, gT as BASIC_CHAIN_NODE_TYPE, gU as OPEN_AI_ASSISTANT_NODE_TYPE, ay as STICKY_NODE_TYPE, eV as TRIGGER_NODE_CREATOR_VIEW, bU as NODE_CREATOR_OPEN_SOURCES, d as defineComponent, L as useUIStore, r as ref, fy as useThrottleFn, o as onMounted, y as onBeforeUnmount, h as resolveComponent, i as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, w as withCtx, m as unref, bx as KeyboardShortcutTooltip, bM as defineAsyncComponent, bL as Suspense, F as Fragment, ao as __vitePreload, gV as getMidCanvasPosition, gW as DEFAULT_STICKY_WIDTH, gX as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-CyVlLoqB.js";
+import { u as useNodeCreatorStore, t as transformNodeType, s as sortNodeCreateElements } from "./useCanvasOperations-Ctquo5LL.js";
 const useActions = () => {
   const nodeCreatorStore = useNodeCreatorStore();
   const nodeTypesStore = useNodeTypesStore();
@@ -241,7 +241,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-C3jOJmI0.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-DH90304h.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0)
     );
     const props = __props;
     const emit = __emit;

package/dist/assets/{NodeCreator-C3jOJmI0.js → NodeCreator-DH90304h.js}

@@ -1,7 +1,7 @@
-import { dT as createCompounder, hP as memoize, c_ as i18n, eO as HTTP_REQUEST_NODE_TYPE, hQ as getCredentialOnlyNodeType, ee as AI_CATEGORY_TOOLS, eT as AI_CATEGORY_ROOT_NODES, eW as CUSTOM_API_CALL_KEY, bb as AI_SUBCATEGORY, d as defineComponent, bu as reactive, o as onMounted, y as onBeforeUnmount, aZ as toRefs, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, f as createCommentVNode, aU as useExternalHooks, _ as _export_sfc, r as ref, q as computed, e0 as DEFAULT_SUBCATEGORY, hR as CREDENTIAL_ONLY_NODE_PREFIX, eQ as HITL_SUBCATEGORY, dN as isCommunityPackageName, bW as resolveDirective, e as createBlock, aT as createSlots, w as withCtx, ax as withDirectives, l as unref, cl as COMMUNITY_NODES_INSTALLATION_DOCS_URL, cD as _sfc_main$h, C as normalizeStyle, J as withModifiers, ay as vShow, g as useI18n, bN as DRAG_EVENT_DATA_KEY, ak as useTelemetry, b0 as mergeProps, t as toDisplayString, em as WEBHOOK_NODE_TYPE, f0 as getNewNodePosition, eZ as NODE_SIZE, v as renderSlot, U as useWorkflowsStore, I as watch, a_ as normalizeProps, a$ as guardReactiveProps, b5 as onUnmounted, F as Fragment, B as renderList, er as REGULAR_NODE_CREATOR_VIEW, u as useUsersStore, ek as TRIGGER_NODE_CREATOR_VIEW, gE as OPEN_AI_NODE_TYPE, gD as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, hS as withMemo, hE as createStaticVNode, k as createTextVNode, hT as REQUEST_NODE_FORM_URL, L as useUIStore, $ as useRootStore, hU as getNodeIconUrl, hV as getNodeIcon, hW as getNodeIconColor, e4 as SEND_AND_WAIT_OPERATION, e6 as AI_NODE_CREATOR_VIEW, e7 as AI_OTHERS_NODE_CREATOR_VIEW, K as useDebounce, fr as Transition, ej as AI_UNCATEGORIZED_CATEGORY, da as useAssistantStore, bv as useCredentialsStore, bp as useNodeTypesStore, aR as _sfc_main$i, hX as SlideTransition } from "./index-BloiTH5y.js";
-import { f as formatTriggerActionName, u as useNodeCreatorStore, e as useViewStacks, g as camelCase, h as useKeyboardNavigation, t as transformNodeType, j as flattenCreateElements, T as TriggerView, R as RegularView, A as AIView, k as AINodesView } from "./useCanvasOperations-Cr_vZCiR.js";
-import { b as upperFirst, a as useNodeType } from "./usePinnedData-C5x08fuF.js";
-import { u as useActions } from "./NodeCreation-C3kgMOiP.js";
+import { e0 as createCompounder, hX as memoize, d6 as i18n, eR as HTTP_REQUEST_NODE_TYPE, hY as getCredentialOnlyNodeType, en as AI_CATEGORY_TOOLS, f0 as AI_CATEGORY_ROOT_NODES, f3 as CUSTOM_API_CALL_KEY, b9 as AI_SUBCATEGORY, d as defineComponent, by as reactive, o as onMounted, aP as useExternalHooks, y as onBeforeUnmount, aZ as toRefs, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, j as createVNode, _ as _export_sfc, r as ref, q as computed, e9 as DEFAULT_SUBCATEGORY, hZ as CREDENTIAL_ONLY_NODE_PREFIX, c as useI18n, eU as HITL_SUBCATEGORY, dW as isCommunityPackageName, b_ as resolveDirective, e as createBlock, aU as createSlots, w as withCtx, aA as withDirectives, aB as vShow, B as normalizeStyle, cK as _sfc_main$h, J as withModifiers, m as unref, cu as COMMUNITY_NODES_INSTALLATION_DOCS_URL, bV as DRAG_EVENT_DATA_KEY, ag as useTelemetry, b1 as mergeProps, t as toDisplayString, eS as WEBHOOK_NODE_TYPE, f5 as getNewNodePosition, fe as NODE_SIZE, x as renderSlot, T as useWorkflowsStore, I as watch, a_ as normalizeProps, a$ as guardReactiveProps, b5 as onUnmounted, F as Fragment, D as renderList, eW as REGULAR_NODE_CREATOR_VIEW, u as useUsersStore, eV as TRIGGER_NODE_CREATOR_VIEW, gP as OPEN_AI_NODE_TYPE, gO as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, h_ as withMemo, gB as createStaticVNode, l as createTextVNode, h$ as REQUEST_NODE_FORM_URL, L as useUIStore, a0 as useRootStore, i0 as getNodeIconUrl, i1 as getNodeIcon, i2 as getNodeIconColor, ee as SEND_AND_WAIT_OPERATION, er as AI_OTHERS_NODE_CREATOR_VIEW, es as AI_NODE_CREATOR_VIEW, K as useDebounce, fK as Transition, eq as AI_UNCATEGORIZED_CATEGORY, di as useAssistantStore, aS as _sfc_main$i, i3 as SlideTransition, bs as useNodeTypesStore, bz as useCredentialsStore } from "./index-CyVlLoqB.js";
+import { f as formatTriggerActionName, u as useNodeCreatorStore, e as useViewStacks, g as camelCase, h as useKeyboardNavigation, t as transformNodeType, A as AINodesView, j as AIView, R as RegularView, T as TriggerView, k as flattenCreateElements } from "./useCanvasOperations-Ctquo5LL.js";
+import { b as upperFirst, a as useNodeType } from "./usePinnedData-CtRDhd6k.js";
+import { u as useActions } from "./NodeCreation-B9-99kNr.js";
 var startCase = createCompounder(function(result, word, index) {
   return result + (index ? " " : "") + upperFirst(word);
 });

package/dist/assets/{NodeDetailsView-CVVfk-zW.css → NodeDetailsView-0RXvy-0D.css}

@@ -2709,7 +2709,7 @@ video {
  -------------------------- */
 /* BEM
  -------------------------- */
-.run-data .code-node-editor[data-v-b59a3ea9] {
+.run-data .code-node-editor[data-v-0b368137] {
   height: 100%;
 }/* BEM support Func
  -------------------------- */
@@ -2833,7 +2833,7 @@ video {
  -------------------------- */
 /* BEM
  -------------------------- */
-[data-v-b59a3ea9] .highlight {
+[data-v-0b368137] .highlight {
   background-color: #f7dc55;
   color: black;
   border-radius: var(--border-radius-base);

package/dist/assets/{NodeDetailsView-BuAX7b_S.js → NodeDetailsView-Ci-9Cz_w.js}

@@ -1,12 +1,12 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-rs93_vdQ.js","assets/index-BloiTH5y.js","assets/index-CFLVCCgm.css","assets/useExecutionHelpers-C8isDFPE.js","assets/RunDataTable-CX7gToH4.css","assets/RunDataJson-T-tjG8mj.js","assets/usePinnedData-C5x08fuF.js","assets/useRunWorkflow-CnFMyZFO.js","assets/pushConnection.store-D5RQY4RP.js","assets/import-curl-BQvYdAxP.js","assets/FileSaver.min-D6Iix6V9.js","assets/RunDataAi-DvJKJNYm.js","assets/RunDataAi-DJ-PSs_k.css","assets/useWorkflowActivate-Cn5TIR2c.js","assets/RunDataJson-Txw0lqay.css","assets/RunDataSearch-CYKk6_W2.js","assets/RunDataSearch-R6qtl0Jf.css"])))=>i.map(i=>d[i]);
-import { gN as hasKey, d as defineComponent, r as ref, q as computed, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, cD as _sfc_main$m, n as normalizeClass, w as withCtx, k as createTextVNode, t as toDisplayString, e as createBlock, f as createCommentVNode, H as withKeys, J as withModifiers, l as unref, g as useI18n, z as nextTick, _ as _export_sfc, as as useNDVStore, U as useWorkflowsStore, dN as isCommunityPackageName, ci as NPM_PACKAGE_DOCS_BASE_URL, gO as BUILTIN_NODES_DOCS_URL, cl as COMMUNITY_NODES_INSTALLATION_DOCS_URL, bi as NodeConnectionType, aU as useExternalHooks, ak as useTelemetry, b as useRouter, b7 as useClipboard, a5 as useWorkflowHelpers, a as useToast, gP as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, gQ as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, ep as FORM_TRIGGER_NODE_TYPE, b8 as CHAT_TRIGGER_NODE_TYPE, I as watch, F as Fragment, B as renderList, G as onClickOutside, ap as h, gR as toValue, gS as toRef, gT as tryOnScopeDispose, gU as isIOS, gV as noop, gW as isObject, gX as isClient, bp as useNodeTypesStore, bq as useNodeHelpers, K as useDebounce, fC as nodeIssuesToString, C as normalizeStyle, fp as TitledList, bf as getNodeInputs, L as useUIStore, el as MANUAL_TRIGGER_NODE_TYPE, em as WEBHOOK_NODE_TYPE, eU as AI_TRANSFORM_NODE_TYPE, gY as AI_TRANSFORM_CODE_GENERATED_FOR_PROMPT, b0 as mergeProps, gZ as generateCodeForAiTransform, g_ as AI_TRANSFORM_JS_CODE, ad as nodeViewEventBus, al as useMessage, af as MODAL_CONFIRM, g$ as SWITCH_NODE_TYPE, fu as isEqual, h0 as captureException, p as useSettingsStore, au as usePostHog, bv as useCredentialsStore, u as useUsersStore, a2 as useProjectsStore, dl as OPEN_AI_API_CREDENTIAL_TYPE, bI as AI_CREDITS_EXPERIMENT, by as useHistoryStore, g9 as ProjectTypes, bg as getConnectionTypes, o as onMounted, h1 as ndvEventBus, y as onBeforeUnmount, h2 as CUSTOM_NODES_DOCS_URL, ax as withDirectives, ay as vShow, h3 as NodeCredentials, gv as _sfc_main$n, bk as get, e$ as getNodeParameters, bV as deepCopy, h4 as set, h5 as unset, eY as RenameNodeCommand, gu as isINodePropertyCollectionList, h6 as isINodePropertiesList, h7 as isINodePropertyOptionsList, h8 as displayParameter, h9 as Draggable, fB as useThrottleFn, fa as useSlots, aJ as useStorage, ha as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, v as renderSlot, hb as MAIN_NODE_PANEL_WIDTH, hc as requireVue, c1 as getDefaultExportFromCjs, hd as sanitizeHtml, he as sanitizeHtmlExports, bA as jsonParse, fY as N8nText, aP as N8nLink, aR as _sfc_main$o, aQ as N8nTooltip, a1 as useSourceControlStore, $ as useRootStore, hf as useSchemaPreviewStore, W as useRoute, bs as toRef$1, cn as storeToRefs, eC as HTML_NODE_TYPE, hg as TRIMMED_TASK_DATA_CONNECTIONS_KEY, hh as executionDataToJson, hi as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, d$ as CORE_NODES_CATEGORY, hj as SCHEMA_PREVIEW_EXPERIMENT, hk as computedAsync, f7 as isPresent, dz as isEmpty, hl as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, hm as dataPinningEventBus, hn as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, ho as searchInObject, hp as isObject$1, hq as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, dM as MAX_DISPLAY_DATA_SIZE, bW as resolveDirective, hr as DATA_PINNING_DOCS_URL, bF as N8nCallout, bE as Suspense, hs as N8nRadioButtons, cR as N8nButton, gk as _sfc_main$p, gj as N8nSelect, ht as N8nTabs, hu as _sfc_main$q, hv as JsonEditor, hw as DATA_EDITING_DOCS_URL, c$ as InfoTip, hx as N8nBlockUi, bG as defineAsyncComponent, ar as __vitePreload, bh as getNodeOutputs, hy as getNodeHints, hz as getGenericHints, hA as clearJsonKey, hB as TEST_PIN_DATA, dq as CanvasNodeDirtiness, aT as createSlots, hC as waitingNodeTooltip, hD as truncate, hE as createStaticVNode, hF as uniqBy, b1 as resolveDynamicComponent, fZ as N8nIcon, bP as START_NODE_TYPE, hG as CRON_NODE_TYPE, hH as INTERVAL_NODE_TYPE, hI as isTriggerPanelObject, df as getTriggerNodeServiceName, d2 as CopyInput, fr as Transition, D as createEventBus, V as VIEWS, ag as WORKFLOW_SETTINGS_MODAL_KEY, fy as useDeviceSupport, hJ as EXECUTABLE_TRIGGER_NODE_TYPES, aC as STICKY_NODE_TYPE, hK as BASE_NODE_SURVEY_URL, a9 as EnterpriseEditionFeature, hL as APP_MODALS_ELEMENT_ID, hM as useStyles } from "./index-BloiTH5y.js";
-import { u as usePinnedData, a as useNodeType } from "./usePinnedData-C5x08fuF.js";
-import { u as useRunWorkflow, a as useNodeDirtiness } from "./useRunWorkflow-CnFMyZFO.js";
-import { i as importCurlEventBus } from "./import-curl-BQvYdAxP.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-D6Iix6V9.js";
-import { _ as _sfc_main$r, R as RunDataAi } from "./RunDataAi-DvJKJNYm.js";
-import { u as useExecutionHelpers, b as convertToDisplayDateComponents } from "./useExecutionHelpers-C8isDFPE.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-Cn5TIR2c.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-ZnG9QEzJ.js","assets/index-CyVlLoqB.js","assets/index-74EeM2i2.css","assets/useExecutionHelpers-BQHL3OpL.js","assets/RunDataTable-CX7gToH4.css","assets/RunDataJson-CNT_rM-i.js","assets/usePinnedData-CtRDhd6k.js","assets/useRunWorkflow-D9JIEr1s.js","assets/pushConnection.store-BhUCpqAg.js","assets/import-curl-CbxpR02g.js","assets/FileSaver.min-DmMmlWYQ.js","assets/RunDataAi-pfKF0Nfm.js","assets/RunDataAi-DJ-PSs_k.css","assets/useWorkflowActivate-CI3X35ZJ.js","assets/RunDataJson-Txw0lqay.css","assets/RunDataSearch-BpcbBojC.js","assets/RunDataSearch-R6qtl0Jf.css"])))=>i.map(i=>d[i]);
+import { gY as hasKey, d as defineComponent, r as ref, q as computed, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, cK as _sfc_main$m, w as withCtx, H as withKeys, J as withModifiers, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, e as createBlock, f as createCommentVNode, z as nextTick, _ as _export_sfc, as as useNDVStore, T as useWorkflowsStore, dW as isCommunityPackageName, cs as NPM_PACKAGE_DOCS_BASE_URL, gZ as BUILTIN_NODES_DOCS_URL, cu as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aP as useExternalHooks, ag as useTelemetry, bg as NodeConnectionType, b as useRouter, b7 as useClipboard, a6 as useWorkflowHelpers, a as useToast, g_ as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, g$ as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, e_ as FORM_TRIGGER_NODE_TYPE, bh as CHAT_TRIGGER_NODE_TYPE, I as watch, F as Fragment, D as renderList, G as onClickOutside, aq as h, h0 as toRef, h1 as tryOnScopeDispose, h2 as toValue, h3 as isIOS, h4 as noop, h5 as isObject, h6 as isClient, bs as useNodeTypesStore, bt as useNodeHelpers, K as useDebounce, fM as nodeIssuesToString, B as normalizeStyle, fI as TitledList, bd as getNodeInputs, L as useUIStore, eX as MANUAL_TRIGGER_NODE_TYPE, eS as WEBHOOK_NODE_TYPE, f1 as AI_TRANSFORM_NODE_TYPE, h7 as AI_TRANSFORM_CODE_GENERATED_FOR_PROMPT, b1 as mergeProps, h8 as generateCodeForAiTransform, h9 as AI_TRANSFORM_JS_CODE, ah as nodeViewEventBus, ai as useMessage, aj as MODAL_CONFIRM, ha as SWITCH_NODE_TYPE, fL as isEqual, hb as captureException, p as useSettingsStore, au as usePostHog, bz as useCredentialsStore, u as useUsersStore, a3 as useProjectsStore, dv as OPEN_AI_API_CREDENTIAL_TYPE, bO as AI_CREDITS_EXPERIMENT, bC as useHistoryStore, gh as ProjectTypes, be as getConnectionTypes, o as onMounted, hc as ndvEventBus, y as onBeforeUnmount, hd as CUSTOM_NODES_DOCS_URL, aA as withDirectives, aB as vShow, gG as _sfc_main$n, he as NodeCredentials, bj as get, fg as getNodeParameters, bZ as deepCopy, hf as set, hg as unset, f7 as RenameNodeCommand, gF as isINodePropertyCollectionList, hh as isINodePropertiesList, hi as isINodePropertyOptionsList, hj as displayParameter, hk as Draggable, fy as useThrottleFn, fj as useSlots, hl as MAIN_NODE_PANEL_WIDTH, aJ as useStorage, hm as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, x as renderSlot, hn as requireVue, cb as getDefaultExportFromCjs, ho as sanitizeHtml, hp as sanitizeHtmlExports, bH as jsonParse, aQ as N8nTooltip, aS as _sfc_main$o, aR as N8nLink, c0 as N8nText, a2 as useSourceControlStore, a0 as useRootStore, dr as useSchemaPreviewStore, U as useRoute, bw as toRef$1, cx as storeToRefs, eF as HTML_NODE_TYPE, hq as TRIMMED_TASK_DATA_CONNECTIONS_KEY, hr as executionDataToJson, hs as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, e8 as CORE_NODES_CATEGORY, ht as SCHEMA_PREVIEW_EXPERIMENT, hu as computedAsync, f6 as isPresent, hv as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, hw as dataPinningEventBus, hx as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, hy as searchInObject, hz as isObject$1, hA as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, dV as MAX_DISPLAY_DATA_SIZE, b_ as resolveDirective, bN as N8nCallout, hB as DATA_PINNING_DOCS_URL, bL as Suspense, bM as defineAsyncComponent, hC as N8nRadioButtons, c1 as N8nButton, go as _sfc_main$p, gn as N8nSelect, hD as N8nTabs, g9 as _sfc_main$q, hE as JsonEditor, hF as DATA_EDITING_DOCS_URL, d7 as InfoTip, hG as N8nBlockUi, ao as __vitePreload, bf as getNodeOutputs, hH as getNodeHints, hI as getGenericHints, hJ as clearJsonKey, hK as TEST_PIN_DATA, dI as isEmpty, dz as CanvasNodeDirtiness, aU as createSlots, hL as waitingNodeTooltip, hM as truncate, gB as createStaticVNode, bF as START_NODE_TYPE, hN as CRON_NODE_TYPE, hO as INTERVAL_NODE_TYPE, hP as uniqBy, b0 as resolveDynamicComponent, c4 as N8nIcon, hQ as isTriggerPanelObject, dp as getTriggerNodeServiceName, da as CopyInput, C as createEventBus, fK as Transition, V as VIEWS, ak as WORKFLOW_SETTINGS_MODAL_KEY, fA as useDeviceSupport, hR as EXECUTABLE_TRIGGER_NODE_TYPES, ay as STICKY_NODE_TYPE, hS as BASE_NODE_SURVEY_URL, ab as EnterpriseEditionFeature, hT as useStyles, hU as APP_MODALS_ELEMENT_ID } from "./index-CyVlLoqB.js";
+import { u as usePinnedData, a as useNodeType } from "./usePinnedData-CtRDhd6k.js";
+import { u as useRunWorkflow, a as useNodeDirtiness } from "./useRunWorkflow-D9JIEr1s.js";
+import { i as importCurlEventBus } from "./import-curl-CbxpR02g.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-DmMmlWYQ.js";
+import { _ as _sfc_main$r, R as RunDataAi } from "./RunDataAi-pfKF0Nfm.js";
+import { u as useExecutionHelpers, b as convertToDisplayDateComponents } from "./useExecutionHelpers-BQHL3OpL.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-CI3X35ZJ.js";
 function responseHasSubworkflowData(response) {
   return ["executionId", "workflowId"].every(
     (x) => hasKey(response, x) && typeof response[x] === "string"
@@ -1094,7 +1094,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       if (codeGenerationInProgress.value) {
         return i18n.baseText("ndv.execute.generatingCode");
       }
-      if (isTriggerNode.value && node2?.value?.disabled) {
+      if (node2?.value?.disabled) {
         return i18n.baseText("ndv.execute.nodeIsDisabled");
       }
       if (isTriggerNode.value && hasIssues2.value) {
@@ -1267,35 +1267,29 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_n8n_button = resolveComponent("n8n-button");
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_n8n_tooltip, {
-          placement: "right",
-          disabled: !tooltipText.value
-        }, {
-          content: withCtx(() => [
-            createBaseVNode("div", null, toDisplayString(tooltipText.value), 1)
-          ]),
-          default: withCtx(() => [
-            createBaseVNode("div", null, [
-              createVNode(_component_n8n_button, mergeProps(_ctx.$attrs, {
-                loading: isLoading.value,
-                disabled: _ctx.disabled || !!disabledHint.value,
-                label: buttonLabel.value,
-                type: _ctx.type,
-                size: _ctx.size,
-                icon: buttonIcon.value,
-                "transparent-background": _ctx.transparent,
-                title: !isTriggerNode.value && !tooltipText.value ? unref(i18n).baseText("ndv.execute.testNode.description") : "",
-                onMouseover: onMouseOver,
-                onClick
-              }), null, 16, ["loading", "disabled", "label", "type", "size", "icon", "transparent-background", "title"])
-            ])
-          ]),
-          _: 1
-        }, 8, ["disabled"])
-      ]);
+      const _component_N8nButton = resolveComponent("N8nButton");
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      return openBlock(), createBlock(_component_N8nTooltip, {
+        placement: "right",
+        disabled: !tooltipText.value,
+        content: tooltipText.value
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_N8nButton, mergeProps(_ctx.$attrs, {
+            loading: isLoading.value,
+            disabled: _ctx.disabled || !!disabledHint.value,
+            label: buttonLabel.value,
+            type: _ctx.type,
+            size: _ctx.size,
+            icon: buttonIcon.value,
+            "transparent-background": _ctx.transparent,
+            title: !isTriggerNode.value && !tooltipText.value ? unref(i18n).baseText("ndv.execute.testNode.description") : "",
+            onMouseover: onMouseOver,
+            onClick
+          }), null, 16, ["loading", "disabled", "label", "type", "size", "icon", "transparent-background", "title"])
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]);
     };
   }
 });
@@ -1845,8 +1839,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             set(nodeParameters, parameterPath, newValue);
           }
           removeMismatchedOptionValues(nodeType, nodeParameters, {
-            name: parameterPath,
-            value: newValue
+            name: parameterPath
           });
         }
         nodeParameters = getNodeParameters(
@@ -2707,6 +2700,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const props = __props;
     const isDragging = ref(false);
     const initialized = ref(false);
+    const containerWidth = ref(uiStore.appGridDimensions.width);
     const emit = __emit;
     const slots = useSlots();
     onMounted(() => {
@@ -2724,21 +2718,31 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       ndvEventBus.off("setPositionByName", setPositionByName);
     });
-    const containerWidth = computed(() => uiStore.appGridWidth);
-    watch(containerWidth, (width) => {
-      const minRelativeWidth = pxToRelativeWidth(MIN_PANEL_WIDTH);
-      const isBelowMinWidthMainPanel = mainPanelDimensions.value.relativeWidth < minRelativeWidth;
-      if (isBelowMinWidthMainPanel) {
-        setMainPanelWidth(minRelativeWidth);
-      }
-      const isBelowMinLeft = minimumLeftPosition.value > mainPanelDimensions.value.relativeLeft;
-      const isMaxRight = maximumRightPosition.value > mainPanelDimensions.value.relativeRight;
-      if (width > MIN_WINDOW_WIDTH && isBelowMinLeft && isMaxRight) {
-        setMainPanelWidth(minRelativeWidth);
-        setPositions(getInitialLeftPosition(mainPanelDimensions.value.relativeWidth));
+    watch(
+      () => uiStore.appGridDimensions,
+      async (dimensions) => {
+        const ndv = document.getElementById("ndv");
+        if (ndv) {
+          await nextTick();
+          const { width: ndvWidth } = ndv.getBoundingClientRect();
+          containerWidth.value = ndvWidth;
+        } else {
+          containerWidth.value = dimensions.width;
+        }
+        const minRelativeWidth = pxToRelativeWidth(MIN_PANEL_WIDTH);
+        const isBelowMinWidthMainPanel = mainPanelDimensions.value.relativeWidth < minRelativeWidth;
+        if (isBelowMinWidthMainPanel) {
+          setMainPanelWidth(minRelativeWidth);
+        }
+        const isBelowMinLeft = minimumLeftPosition.value > mainPanelDimensions.value.relativeLeft;
+        const isMaxRight = maximumRightPosition.value > mainPanelDimensions.value.relativeRight;
+        if (dimensions.width > MIN_WINDOW_WIDTH && isBelowMinLeft && isMaxRight) {
+          setMainPanelWidth(minRelativeWidth);
+          setPositions(getInitialLeftPosition(mainPanelDimensions.value.relativeWidth));
+        }
+        setPositions(mainPanelDimensions.value.relativeLeft);
       }
-      setPositions(mainPanelDimensions.value.relativeLeft);
-    });
+    );
     const currentNodePaneType = computed(() => {
       if (!hasInputSlot.value) return "inputless";
       if (!props.isDraggable) return "dragless";
@@ -3678,19 +3682,19 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   emits: ["search", "runChange", "itemHover", "linkRun", "unlinkRun", "activatePane", "tableMounted"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const LazyRunDataTable = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataTable-rs93_vdQ.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataTable-ZnG9QEzJ.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const LazyRunDataJson = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJson-T-tjG8mj.js"), true ? __vite__mapDeps([5,1,2,6,7,8,9,10,11,3,12,13,14]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataJson-CNT_rM-i.js"), true ? __vite__mapDeps([5,1,2,6,7,8,9,10,11,3,12,13,14]) : void 0)
     );
     const LazyRunDataSchema = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./index-BloiTH5y.js").then((n) => n.i5), true ? __vite__mapDeps([1,2]) : void 0)
+      async () => await __vitePreload(() => import("./index-CyVlLoqB.js").then((n) => n.id), true ? __vite__mapDeps([1,2]) : void 0)
     );
     const LazyRunDataHtml = defineAsyncComponent(
       async () => await __vitePreload(() => Promise.resolve().then(() => RunDataHtml$1), true ? void 0 : void 0)
     );
     const LazyRunDataSearch = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataSearch-CYKk6_W2.js"), true ? __vite__mapDeps([15,1,2,16]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataSearch-BpcbBojC.js"), true ? __vite__mapDeps([15,1,2,16]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -4004,7 +4008,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const isSchemaPreviewEnabled = computed(
       () => props.paneType === "input" && !(nodeType.value?.codex?.categories ?? []).some(
         (category) => category === CORE_NODES_CATEGORY
-      ) && posthogStore.isFeatureEnabled(SCHEMA_PREVIEW_EXPERIMENT)
+      ) && posthogStore.isVariantEnabled(
+        SCHEMA_PREVIEW_EXPERIMENT.name,
+        SCHEMA_PREVIEW_EXPERIMENT.variant
+      )
     );
     const hasPreviewSchema = computedAsync(async () => {
       if (!isSchemaPreviewEnabled.value || props.nodes.length === 0) return false;
@@ -5550,7 +5557,7 @@ const style0$5 = {
 const cssModules$6 = {
   "$style": style0$5
 };
-const RunData = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$6], ["__scopeId", "data-v-b59a3ea9"]]);
+const RunData = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$6], ["__scopeId", "data-v-0b368137"]]);
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "RunInfo",
   props: {
@@ -7741,6 +7748,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
       const _component_el_dialog = resolveComponent("el-dialog");
       return openBlock(), createBlock(_component_el_dialog, {
+        id: "ndv",
         "model-value": (!!unref(activeNode) || _ctx.renaming) && !isActiveStickyNode.value,
         "before-close": close,
         "show-close": false,