n8n-editor-ui 1.119.1 → 1.120.0

package/dist/assets/useCommandBar-legacy-RBZZ3P2i.js

@@ -0,0 +1,2100 @@
+;
+(function () {
+  System.register(["./chunk-legacy-Re9CbdfL.js", "./vue.runtime.esm-bundler-legacy-Bq05oSFs.js", "./_MapCache-legacy-GeIax_zP.js", "./src-legacy-CpFWWEWr.js", "./_plugin-vue_export-helper-legacy-DZMI5HPp.js", "./truncate-legacy-B1qmzcuB.js", "./useMessage-legacy-DST2kUuY.js", "./useTelemetry-legacy-BDIroahM.js", "./useToast-legacy-B7FuM_6n.js", "./constants-legacy-DiqA0Pu_.js", "./useDebounce-legacy-G9H-ixfO.js", "./useWorkflowSaving-legacy-C5sOlXzQ.js", "./executions.store-legacy-b_Dcfsqp.js", "./useRunWorkflow-legacy-C7-J9SJI.js", "./useCanvasOperations-legacy-CuiWyxvs.js", "./folders.store-legacy-DpbE1pFn.js", "./NodeIcon-legacy-DG2J9mhW.js", "./dataTable.store-legacy-CmwyMqOI.js", "./useBugReporting-legacy-0ADndwuR.js", "./uniqBy-legacy-Zm0uD9jw.js", "./ProjectIcon-legacy-CCWF7GdT.js", "./CredentialIcon-legacy-Dj_Wwpq8.js", "./FileSaver.min-legacy-BTN44Z38.js", "./useRecentResources-legacy-BXsoflsL.js", "./useWorkflowActivate-legacy-5SOzZU7C.js"], function (_export, _context) {
+    "use strict";
+
+    var __toESM, computed, createElementBlock, createCommentVNode, unref, ref, createVNode, defineComponent, toDisplayString, createBlock, normalizeClass, openBlock, createTextVNode, createBaseVNode, useI18n, N8nKeyboardShortcut_default, N8nIcon_default, __plugin_vue_export_helper_default, useRouter, useRoute, useMessage, useSettingsStore, useSourceControlStore, nodeViewEventBus, useProjectsStore, useCredentialsStore, useUIStore, ProjectTypes, useRootStore, executionRetryMessage, useTagsStore, usePostHog, useActionsGenerator, useWorkflowHelpers, useWorkflowsStore, useNodeTypesStore, useTelemetry, useToast, COMMAND_BAR_EXPERIMENT, EnterpriseEditionFeature, DATA_TABLE_VIEW, isResourceLocatorValue, MODAL_CONFIRM, IMPORT_WORKFLOW_URL_MODAL_KEY, DATA_TABLE_DETAILS, WHATS_NEW_MODAL_KEY, getResourcePermissions, EXECUTE_WORKFLOW_NODE_TYPE, ABOUT_MODAL_KEY, PROJECT_DATA_TABLES, VIEWS, WORKFLOW_SETTINGS_MODAL_KEY, DUPLICATE_MODAL_KEY, require_debounce, useWorkflowSaving, useExecutionsStore, useRunWorkflow, canvasEventBus, useCanvasOperations, useFoldersStore, NodeIcon_default, useDataTableStore, EXTERNAL_LINKS, useGlobalEntityCreation, useBugReporting, require_uniqBy, isIconOrEmoji, ProjectIcon_default, CredentialIcon_default, require_FileSaver_min, useRecentResources, useWorkflowActivate, __vite_style__, CommandBarItemTitle_vue_vue_type_script_setup_true_lang_default, container, title, suffix, action, shortcut, CommandBarItemTitle_vue_vue_type_style_index_0_lang_module_default, cssModules, CommandBarItemTitle_default, ITEM_ID$7, import_FileSaver_min, import_uniqBy, ITEM_ID$6, import_debounce$2, ITEM_ID$5, import_debounce$1, ITEM_ID$4, import_debounce, ITEM_ID$3, ITEM_ID$2, ITEM_ID$1, ITEM_ID;
+    function useNodeCommands(options) {
+      const i18n = useI18n();
+      const {
+        lastQuery
+      } = options;
+      const {
+        addNodes,
+        setNodeActive,
+        editableWorkflow
+      } = useCanvasOperations();
+      const nodeTypesStore = useNodeTypesStore();
+      const credentialsStore = useCredentialsStore();
+      const sourceControlStore = useSourceControlStore();
+      const workflowsStore = useWorkflowsStore();
+      const {
+        generateMergedNodesAndActions
+      } = useActionsGenerator();
+      const isReadOnly = computed(() => sourceControlStore.preferences.branchReadOnly);
+      const isArchived = computed(() => workflowsStore.workflow.isArchived);
+      const workflowPermissions = computed(() => getResourcePermissions(workflowsStore.workflow.scopes).workflow);
+      const hasPermission = permission => workflowPermissions.value[permission] === true && !isReadOnly.value && !isArchived.value || workflowsStore.isNewWorkflow;
+      const mergedNodes = computed(() => {
+        const httpOnlyCredentials = credentialsStore.httpOnlyCredentialTypes;
+        const nodeTypes = nodeTypesStore.visibleNodeTypes;
+        return generateMergedNodesAndActions(nodeTypes, httpOnlyCredentials).mergedNodes;
+      });
+      const buildAddNodeCommand = (node, isRoot) => {
+        const {
+          name,
+          displayName
+        } = node;
+        return {
+          id: name,
+          title: isRoot ? `${i18n.baseText("generic.add")} ${displayName}` : displayName,
+          section: isRoot ? i18n.baseText("commandBar.sections.nodes") : i18n.baseText("commandBar.nodes.addNode"),
+          keywords: [displayName],
+          icon: {
+            component: NodeIcon_default,
+            props: {
+              nodeType: node,
+              size: 16
+            }
+          },
+          handler: async () => {
+            const nodes = await addNodes([{
+              type: name
+            }]);
+            if (nodes && nodes.length > 0) canvasEventBus.emit("nodes:select", {
+              ids: [nodes[0].id]
+            });
+          }
+        };
+      };
+      const addNodeCommands = computed(() => {
+        if (!hasPermission("update")) return [];
+        return mergedNodes.value.map(node => buildAddNodeCommand(node, false));
+      });
+      const rootAddNodeCommandItems = computed(() => {
+        if (lastQuery.value.length <= 2 || !hasPermission("update")) return [];
+        return mergedNodes.value.map(node => buildAddNodeCommand(node, true));
+      });
+      const buildOpenNodeCommand = (node, isRoot) => {
+        const {
+          id,
+          name,
+          type
+        } = node;
+        const nodeType = nodeTypesStore.getNodeType(node.type, node.typeVersion);
+        return {
+          id,
+          title: isRoot ? i18n.baseText("generic.openResource", {
+            interpolate: {
+              resource: name
+            }
+          }) : name,
+          section: isRoot ? i18n.baseText("commandBar.sections.nodes") : i18n.baseText("commandBar.nodes.openNode"),
+          keywords: [name, type],
+          icon: {
+            component: NodeIcon_default,
+            props: {
+              nodeType,
+              size: 16
+            }
+          },
+          handler: () => {
+            setNodeActive(id, "command_bar");
+          },
+          placeholder: i18n.baseText("commandBar.nodes.searchPlaceholder")
+        };
+      };
+      const openNodeCommands = computed(() => {
+        return editableWorkflow.value.nodes.map(node => buildOpenNodeCommand(node, false));
+      });
+      const rootOpenNodeCommandItems = computed(() => {
+        if (lastQuery.value.length <= 2) return [];
+        return editableWorkflow.value.nodes.map(node => buildOpenNodeCommand(node, true));
+      });
+      return {
+        commands: computed(() => {
+          return [...(hasPermission("update") ? [{
+            id: ITEM_ID$7.ADD_NODE,
+            title: {
+              component: CommandBarItemTitle_default,
+              props: {
+                title: i18n.baseText("commandBar.nodes.addNode"),
+                shortcut: {
+                  keys: ["tab"]
+                }
+              }
+            },
+            keywords: [i18n.baseText("commandBar.nodes.addNode")],
+            section: i18n.baseText("commandBar.sections.nodes"),
+            placeholder: i18n.baseText("commandBar.nodes.searchPlaceholder"),
+            children: [...addNodeCommands.value],
+            icon: {
+              component: N8nIcon_default,
+              props: {
+                icon: "plus"
+              }
+            }
+          }] : []), ...rootAddNodeCommandItems.value, {
+            id: ITEM_ID$7.OPEN_NODE,
+            title: i18n.baseText("commandBar.nodes.openNode"),
+            section: i18n.baseText("commandBar.sections.nodes"),
+            children: [...openNodeCommands.value],
+            placeholder: i18n.baseText("commandBar.nodes.searchPlaceholder"),
+            icon: {
+              component: N8nIcon_default,
+              props: {
+                icon: "columns-3-cog"
+              }
+            }
+          }, ...rootOpenNodeCommandItems.value, ...(hasPermission("update") ? [{
+            id: ITEM_ID$7.ADD_STICKY,
+            title: {
+              component: CommandBarItemTitle_default,
+              props: {
+                title: i18n.baseText("commandBar.nodes.addStickyNote"),
+                shortcut: {
+                  shiftKey: true,
+                  keys: ["s"]
+                }
+              }
+            },
+            section: i18n.baseText("commandBar.sections.nodes"),
+            handler: () => {
+              canvasEventBus.emit("create:sticky");
+            },
+            icon: {
+              component: N8nIcon_default,
+              props: {
+                icon: "sticky-note"
+              }
+            }
+          }] : [])];
+        })
+      };
+    }
+
+    //#endregion
+    //#region src/features/shared/commandBar/composables/useWorkflowCommands.ts
+
+    function useWorkflowCommands() {
+      const i18n = useI18n();
+      const {
+        editableWorkflow
+      } = useCanvasOperations();
+      const rootStore = useRootStore();
+      const uiStore = useUIStore();
+      const tagsStore = useTagsStore();
+      const workflowsStore = useWorkflowsStore();
+      const sourceControlStore = useSourceControlStore();
+      const router = useRouter();
+      const runWorkflow = useRunWorkflow({
+        router
+      });
+      const workflowHelpers = useWorkflowHelpers();
+      const telemetry = useTelemetry();
+      const workflowSaving = useWorkflowSaving({
+        router
+      });
+      const workflowActivate = useWorkflowActivate();
+      const isReadOnly = computed(() => sourceControlStore.preferences.branchReadOnly);
+      const isWorkflowSaving = computed(() => uiStore.isActionActive.workflowSaving);
+      const isArchived = computed(() => workflowsStore.workflow.isArchived);
+      const workflowPermissions = computed(() => getResourcePermissions(workflowsStore.workflow.scopes).workflow);
+      const hasPermission = permission => workflowPermissions.value[permission] === true && !isReadOnly.value || workflowsStore.isNewWorkflow;
+      const credentialCommands = computed(() => {
+        const credentials = (0, import_uniqBy.default)(editableWorkflow.value.nodes.map(node => Object.values(node.credentials ?? {})).flat(), cred => cred.id);
+        if (credentials.length === 0) return [];
+        return [{
+          id: ITEM_ID$6.OPEN_CREDENTIAL,
+          title: i18n.baseText("commandBar.workflow.openCredential"),
+          section: i18n.baseText("commandBar.sections.credentials"),
+          children: [...credentials.map(credential => ({
+            id: credential.id,
+            title: credential.name,
+            handler: () => {
+              if (typeof credential.id === "string") uiStore.openExistingCredential(credential.id);
+            }
+          }))],
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "arrow-right"
+            }
+          }
+        }];
+      });
+      const canvasActions = computed(() => [...(hasPermission("update") && !isArchived.value ? [...(!isWorkflowSaving.value ? [{
+        id: ITEM_ID$6.SAVE_WORKFLOW,
+        title: {
+          component: CommandBarItemTitle_default,
+          props: {
+            title: i18n.baseText("commandBar.workflow.save"),
+            shortcut: {
+              metaKey: true,
+              keys: ["s"]
+            }
+          }
+        },
+        keywords: [i18n.baseText("commandBar.workflow.save")],
+        section: i18n.baseText("commandBar.sections.workflow"),
+        handler: async () => {
+          if (await workflowSaving.saveCurrentWorkflow()) canvasEventBus.emit("saved:workflow");
+        },
+        icon: {
+          component: N8nIcon_default,
+          props: {
+            icon: "save"
+          }
+        }
+      }] : []), {
+        id: ITEM_ID$6.TEST_WORKFLOW,
+        title: {
+          component: CommandBarItemTitle_default,
+          props: {
+            title: i18n.baseText("commandBar.workflow.test"),
+            shortcut: {
+              metaKey: true,
+              keys: ["enter"]
+            }
+          }
+        },
+        section: i18n.baseText("commandBar.sections.workflow"),
+        keywords: [i18n.baseText("commandBar.workflow.test"), i18n.baseText("commandBar.workflow.keywords.test"), i18n.baseText("commandBar.workflow.keywords.execute"), i18n.baseText("commandBar.workflow.keywords.run"), i18n.baseText("commandBar.workflow.keywords.workflow")],
+        handler: () => {
+          runWorkflow.runEntireWorkflow("main");
+        },
+        icon: {
+          component: N8nIcon_default,
+          props: {
+            icon: "flask-conical"
+          }
+        }
+      }, {
+        id: ITEM_ID$6.TIDY_UP_WORKFLOW,
+        title: {
+          component: CommandBarItemTitle_default,
+          props: {
+            title: i18n.baseText("commandBar.workflow.tidyUp"),
+            shortcut: {
+              shiftKey: true,
+              altKey: true,
+              keys: ["t"]
+            }
+          }
+        },
+        keywords: [i18n.baseText("commandBar.workflow.tidyUp")],
+        section: i18n.baseText("commandBar.sections.workflow"),
+        handler: () => {
+          canvasEventBus.emit("tidyUp", {
+            source: "command-bar"
+          });
+        },
+        icon: {
+          component: N8nIcon_default,
+          props: {
+            icon: "wand-sparkles"
+          }
+        }
+      }, {
+        id: ITEM_ID$6.RENAME_WORKFLOW,
+        title: i18n.baseText("commandBar.workflow.rename"),
+        section: i18n.baseText("commandBar.sections.workflow"),
+        handler: () => {
+          nodeViewEventBus.emit("renameWorkflow");
+        },
+        icon: {
+          component: N8nIcon_default,
+          props: {
+            icon: "pencil-alt"
+          }
+        }
+      }, {
+        id: ITEM_ID$6.ADD_TAG,
+        title: i18n.baseText("workflowDetails.addTag"),
+        section: i18n.baseText("commandBar.sections.workflow"),
+        handler: () => {
+          nodeViewEventBus.emit("addTag");
+        },
+        icon: {
+          component: N8nIcon_default,
+          props: {
+            icon: "tags"
+          }
+        }
+      }] : []), {
+        id: ITEM_ID$6.SELECT_ALL,
+        title: {
+          component: CommandBarItemTitle_default,
+          props: {
+            title: i18n.baseText("commandBar.workflow.selectAll"),
+            shortcut: {
+              metaKey: true,
+              keys: ["a"]
+            }
+          }
+        },
+        section: i18n.baseText("commandBar.sections.workflow"),
+        keywords: [i18n.baseText("commandBar.workflow.selectAll")],
+        handler: () => {
+          canvasEventBus.emit("nodes:selectAll");
+        },
+        icon: {
+          component: N8nIcon_default,
+          props: {
+            icon: "list-checks"
+          }
+        }
+      }, {
+        id: ITEM_ID$6.OPEN_WORKFLOW_SETTINGS,
+        title: i18n.baseText("commandBar.workflow.openSettings"),
+        section: i18n.baseText("commandBar.sections.workflow"),
+        handler: () => {
+          uiStore.openModal(WORKFLOW_SETTINGS_MODAL_KEY);
+        },
+        icon: {
+          component: N8nIcon_default,
+          props: {
+            icon: "cog"
+          }
+        }
+      }, ...(hasPermission("create") ? [{
+        id: ITEM_ID$6.DUPLICATE_WORKFLOW,
+        title: i18n.baseText("commandBar.workflow.duplicate"),
+        section: i18n.baseText("commandBar.sections.workflow"),
+        handler: () => {
+          uiStore.openModalWithData({
+            name: DUPLICATE_MODAL_KEY,
+            data: {
+              id: workflowsStore.workflowId,
+              name: editableWorkflow.value.name,
+              tags: editableWorkflow.value.tags
+            }
+          });
+        },
+        icon: {
+          component: N8nIcon_default,
+          props: {
+            icon: "copy"
+          }
+        }
+      }] : [])]);
+      const activateCommands = computed(() => {
+        if (!hasPermission("update") || isArchived.value) return [];
+        return workflowsStore.isWorkflowActive ? [{
+          id: ITEM_ID$6.DEACTIVATE_WORKFLOW,
+          title: i18n.baseText("commandBar.workflow.deactivate"),
+          section: i18n.baseText("commandBar.sections.workflow"),
+          handler: () => {
+            workflowActivate.updateWorkflowActivation(workflowsStore.workflowId, false);
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "power-off"
+            }
+          }
+        }] : [{
+          id: ITEM_ID$6.ACTIVATE_WORKFLOW,
+          title: i18n.baseText("commandBar.workflow.activate"),
+          section: i18n.baseText("commandBar.sections.workflow"),
+          handler: () => {
+            workflowActivate.updateWorkflowActivation(workflowsStore.workflowId, true);
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "power"
+            }
+          }
+        }];
+      });
+      const subworkflowCommands = computed(() => {
+        const subworkflows = editableWorkflow.value.nodes.filter(node => node.type === EXECUTE_WORKFLOW_NODE_TYPE).map(node => node?.parameters?.workflowId).filter(rlValue => isResourceLocatorValue(rlValue) && typeof rlValue.value === "string" && typeof rlValue.cachedResultName === "string").map(({
+          value,
+          cachedResultName
+        }) => ({
+          id: value,
+          name: cachedResultName
+        }));
+        if (subworkflows.length === 0) return [];
+        return [{
+          id: ITEM_ID$6.OPEN_SUB_WORKFLOW,
+          title: i18n.baseText("commandBar.workflow.openSubworkflow"),
+          section: i18n.baseText("commandBar.sections.workflow"),
+          children: [...subworkflows.map(workflow => ({
+            id: workflow.id,
+            title: workflow.name,
+            handler: () => {
+              const {
+                href
+              } = router.resolve({
+                name: VIEWS.WORKFLOW,
+                params: {
+                  name: workflow.id
+                }
+              });
+              window.open(href, "_blank", "noreferrer");
+            }
+          }))],
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "sign-in-alt"
+            }
+          }
+        }];
+      });
+      const exportCommands = computed(() => {
+        return [{
+          id: ITEM_ID$6.DOWNLOAD_WORKFLOW,
+          title: i18n.baseText("commandBar.workflow.download"),
+          section: i18n.baseText("commandBar.sections.workflow"),
+          handler: async () => {
+            const workflowData = await workflowHelpers.getWorkflowDataToSave();
+            const {
+              tags,
+              ...data
+            } = workflowData;
+            const exportData = {
+              ...data,
+              meta: {
+                ...workflowData.meta,
+                instanceId: rootStore.instanceId
+              },
+              tags: (tags ?? []).map(tagId => {
+                return tagsStore.tagsById[tagId];
+              })
+            };
+            const blob = new Blob([JSON.stringify(exportData, null, 2)], {
+              type: "application/json;charset=utf-8"
+            });
+            let name = editableWorkflow.value.name || "unsaved_workflow";
+            name = name.replace(/[^a-z0-9]/gi, "_");
+            telemetry.track("User exported workflow", {
+              workflow_id: workflowData.id
+            });
+            (0, import_FileSaver_min.saveAs)(blob, name + ".json");
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "download"
+            }
+          },
+          keywords: [i18n.baseText("commandBar.workflow.keywords.download"), i18n.baseText("commandBar.workflow.keywords.export")]
+        }];
+      });
+      const importCommands = computed(() => {
+        return [{
+          id: ITEM_ID$6.IMPORT_WORKFLOW_FROM_URL,
+          title: i18n.baseText("commandBar.workflow.importFromURL"),
+          section: i18n.baseText("commandBar.sections.workflow"),
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "link"
+            }
+          },
+          handler: () => {
+            uiStore.openModal(IMPORT_WORKFLOW_URL_MODAL_KEY);
+          }
+        }, {
+          id: ITEM_ID$6.IMPORT_WORKFLOW_FROM_FILE,
+          title: i18n.baseText("commandBar.workflow.importFromFile"),
+          section: i18n.baseText("commandBar.sections.workflow"),
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "file-import"
+            }
+          },
+          handler: () => {
+            nodeViewEventBus.emit("importWorkflowFromFile");
+          }
+        }];
+      });
+      const lifecycleCommands = computed(() => {
+        if (!hasPermission("delete")) return [];
+        return !isArchived.value ? [{
+          id: ITEM_ID$6.ARCHIVE_WORKFLOW,
+          title: i18n.baseText("commandBar.workflow.archive"),
+          section: i18n.baseText("commandBar.sections.workflow"),
+          keywords: [i18n.baseText("commandBar.workflow.keywords.delete")],
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "trash"
+            }
+          },
+          handler: () => {
+            nodeViewEventBus.emit("archiveWorkflow");
+          }
+        }] : [{
+          id: ITEM_ID$6.UNARCHIVE_WORKFLOW,
+          title: i18n.baseText("commandBar.workflow.unarchive"),
+          section: i18n.baseText("commandBar.sections.workflow"),
+          keywords: [i18n.baseText("commandBar.workflow.keywords.restore")],
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "archive-restore"
+            }
+          },
+          handler: () => {
+            nodeViewEventBus.emit("unarchiveWorkflow");
+          }
+        }, {
+          id: ITEM_ID$6.DELETE_WORKFLOW,
+          title: i18n.baseText("commandBar.workflow.delete"),
+          section: i18n.baseText("commandBar.sections.workflow"),
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "trash"
+            }
+          },
+          handler: () => {
+            nodeViewEventBus.emit("deleteWorkflow");
+          }
+        }];
+      });
+      const workflowCommands = computed(() => {
+        return [...canvasActions.value, ...activateCommands.value, ...subworkflowCommands.value, ...exportCommands.value, ...importCommands.value, ...lifecycleCommands.value];
+      });
+      return {
+        commands: computed(() => [...workflowCommands.value, ...credentialCommands.value])
+      };
+    }
+
+    //#endregion
+    //#region src/features/shared/commandBar/composables/useWorkflowNavigationCommands.ts
+
+    function useWorkflowNavigationCommands(options) {
+      const i18n = useI18n();
+      const {
+        lastQuery,
+        activeNodeId,
+        currentProjectName
+      } = options;
+      const nodeTypesStore = useNodeTypesStore();
+      const credentialsStore = useCredentialsStore();
+      const workflowsStore = useWorkflowsStore();
+      const projectsStore = useProjectsStore();
+      const tagsStore = useTagsStore();
+      const sourceControlStore = useSourceControlStore();
+      const foldersStore = useFoldersStore();
+      const router = useRouter();
+      const route = useRoute();
+      const {
+        generateMergedNodesAndActions
+      } = useActionsGenerator();
+      const workflowResults = ref([]);
+      const workflowKeywords = ref(/* @__PURE__ */new Map());
+      const workflowMatchedNodeTypes = ref(/* @__PURE__ */new Map());
+      const isLoading = ref(false);
+      const homeProject = computed(() => projectsStore.currentProject ?? projectsStore.personalProject);
+      function orderResultByCurrentProjectFirst(results) {
+        return results.sort((a, b) => {
+          if (a.homeProject?.id === projectsStore.currentProjectId) return -1;
+          if (b.homeProject?.id === projectsStore.currentProjectId) return 1;
+          return 0;
+        });
+      }
+      const fetchWorkflowsImpl = async query => {
+        try {
+          const trimmed = (query || "").trim();
+          const trimmedLower = trimmed.toLowerCase();
+          const httpOnlyCredentials = credentialsStore.httpOnlyCredentialTypes;
+          const visibleNodeTypes = nodeTypesStore.allNodeTypes;
+          const {
+            mergedNodes
+          } = generateMergedNodesAndActions(visibleNodeTypes, httpOnlyCredentials);
+          const matchedNodes = mergedNodes.filter(node => node.displayName?.toLowerCase() === trimmedLower);
+          const matchedNodeTypeNames = Array.from(new Set(matchedNodes.map(node => node.name)));
+          const matchedTag = tagsStore.allTags.find(tag => tag.name.toLowerCase() === trimmedLower);
+          const nameSearchPromise = workflowsStore.searchWorkflows({
+            query: trimmed,
+            select: ["id", "name", "active", "ownedBy", "parentFolder", "isArchived", "description"]
+          });
+          const nodeTypeSearchPromise = matchedNodeTypeNames.length > 0 ? workflowsStore.searchWorkflows({
+            nodeTypes: matchedNodeTypeNames,
+            select: ["id", "name", "active", "nodes", "ownedBy", "parentFolder", "isArchived", "description"]
+          }) : Promise.resolve([]);
+          const tagSearchPromise = matchedTag ? workflowsStore.searchWorkflows({
+            tags: [matchedTag.name],
+            select: ["id", "name", "active", "ownedBy", "tags", "parentFolder", "isArchived", "description"]
+          }) : Promise.resolve([]);
+          const [byName, byNodeTypes, byTags] = await Promise.all([nameSearchPromise, nodeTypeSearchPromise, tagSearchPromise]);
+          const keywordsMap = /* @__PURE__ */new Map();
+          const nodeTypesMap = /* @__PURE__ */new Map();
+          const matchedNodeDisplayNames = new Map(matchedNodes.map(node => [node.name, node.displayName]));
+          byNodeTypes.forEach(workflow => {
+            if (!workflow.nodes) return;
+            const matchedWorkflowNodes = workflow.nodes.filter(node => matchedNodeTypeNames.includes(node.type));
+            if (matchedWorkflowNodes.length === 0) return;
+            nodeTypesMap.set(workflow.id, matchedWorkflowNodes[0].type);
+            const matchedDisplayNames = matchedWorkflowNodes.map(node => matchedNodeDisplayNames.get(node.type)).filter(name => !!name);
+            if (matchedDisplayNames.length > 0) keywordsMap.set(workflow.id, matchedDisplayNames);
+          });
+          workflowKeywords.value = keywordsMap;
+          workflowMatchedNodeTypes.value = nodeTypesMap;
+          const merged = [...byName, ...byNodeTypes, ...byTags];
+          const nonArchivedWorkflows = Array.from(new Map(merged.map(w => [w.id, w])).values()).filter(w => !w.isArchived);
+          workflowResults.value = orderResultByCurrentProjectFirst(nonArchivedWorkflows);
+          const parentFolders = nonArchivedWorkflows.map(w => w.parentFolder).filter(pf => pf !== void 0 && pf !== null);
+          if (parentFolders.length > 0) foldersStore.cacheFolders(parentFolders.map(pf => ({
+            id: pf.id,
+            name: pf.name,
+            parentFolder: void 0
+          })));
+        } catch {
+          workflowResults.value = [];
+          workflowKeywords.value.clear();
+          workflowMatchedNodeTypes.value.clear();
+        } finally {
+          isLoading.value = false;
+        }
+      };
+      const fetchWorkflowsDebounced = (0, import_debounce$2.default)(fetchWorkflowsImpl, 300);
+      const buildFolderPath = folderId => {
+        const path = [];
+        let currentFolderId = folderId;
+        while (currentFolderId) {
+          const folder = foldersStore.getCachedFolder(currentFolderId);
+          if (!folder) break;
+          path.unshift(folder.name);
+          currentFolderId = folder.parentFolder;
+        }
+        return path;
+      };
+      const getProjectIcon = workflow => {
+        if (workflow.homeProject?.type === ProjectTypes.Personal) return {
+          type: "icon",
+          value: "user"
+        };
+        if (workflow.homeProject?.name) return isIconOrEmoji(workflow.homeProject.icon) ? workflow.homeProject.icon : {
+          type: "icon",
+          value: "layers"
+        };
+        return {
+          type: "icon",
+          value: "house"
+        };
+      };
+      const getWorkflowProjectSuffix = workflow => {
+        const parts = [];
+        if (workflow.homeProject && workflow.homeProject.type === ProjectTypes.Personal) parts.push(i18n.baseText("projects.menu.personal"));else if (workflow.homeProject?.name) parts.push(workflow.homeProject.name);
+        if (workflow.parentFolder?.id) {
+          const folderPath = buildFolderPath(workflow.parentFolder.id);
+          if (folderPath.length > 2) parts.push(folderPath[0], "...", folderPath[folderPath.length - 1]);else parts.push(...folderPath);
+        }
+        return parts.join(" / ");
+      };
+      const createWorkflowCommand = (workflow, isRoot) => {
+        let keywords = workflowKeywords.value.get(workflow.id) ?? [];
+        const matchedNodeType = workflowMatchedNodeTypes.value.get(workflow.id);
+        let icon;
+        if (matchedNodeType) {
+          const nodeType = nodeTypesStore.getNodeType(matchedNodeType);
+          if (nodeType) icon = {
+            component: NodeIcon_default,
+            props: {
+              nodeType,
+              size: 24
+            }
+          };
+        }
+        const workflowName = workflow.name;
+        keywords = [...keywords, workflowName];
+        if (workflow.description) keywords = [...keywords, workflow.description];
+        if (workflow.tags && workflow.tags.length > 0) keywords = [...keywords, ...workflow.tags.map(tag => typeof tag === "string" ? tag : tag.name)];
+        const suffix$1 = getWorkflowProjectSuffix(workflow);
+        const name = workflow.name || i18n.baseText("commandBar.workflows.unnamed");
+        const title$1 = isRoot ? i18n.baseText("generic.openResource", {
+          interpolate: {
+            resource: name
+          }
+        }) : name;
+        const section = isRoot ? i18n.baseText("commandBar.sections.workflows") : i18n.baseText("commandBar.workflows.open");
+        return {
+          id: workflow.id,
+          title: {
+            component: CommandBarItemTitle_default,
+            props: {
+              title: title$1,
+              suffix: suffix$1,
+              ...(suffix$1 ? {
+                suffixIcon: getProjectIcon(workflow)
+              } : {})
+            }
+          },
+          section,
+          ...(keywords.length > 0 ? {
+            keywords
+          } : {}),
+          ...(icon ? {
+            icon
+          } : {}),
+          handler: () => {
+            const targetRoute = router.resolve({
+              name: VIEWS.WORKFLOW,
+              params: {
+                name: workflow.id
+              }
+            });
+            window.location.href = targetRoute.fullPath;
+          }
+        };
+      };
+      const openWorkflowCommands = computed(() => {
+        return workflowResults.value.map(workflow => createWorkflowCommand(workflow, false));
+      });
+      const rootWorkflowItems = computed(() => {
+        if (lastQuery.value.length <= 2) return [];
+        return workflowResults.value.map(workflow => createWorkflowCommand(workflow, true));
+      });
+      const workflowNavigationCommands = computed(() => {
+        const hasCreatePermission = !sourceControlStore.preferences.branchReadOnly && getResourcePermissions(homeProject.value?.scopes).workflow.create;
+        const newWorkflowCommand = {
+          id: ITEM_ID$5.CREATE_WORKFLOW,
+          title: i18n.baseText("commandBar.workflows.create", {
+            interpolate: {
+              projectName: currentProjectName.value
+            }
+          }),
+          keywords: [i18n.baseText("workflows.add")],
+          section: i18n.baseText("commandBar.sections.workflows"),
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "plus",
+              color: "text-light"
+            }
+          },
+          handler: () => {
+            const targetRoute = router.resolve({
+              name: VIEWS.NEW_WORKFLOW,
+              query: {
+                projectId: projectsStore.currentProjectId,
+                parentFolderId: route.params.folderId
+              }
+            });
+            window.location.href = targetRoute.fullPath;
+          }
+        };
+        return [...(hasCreatePermission ? [newWorkflowCommand] : []), {
+          id: ITEM_ID$5.OPEN_WORKFLOW,
+          title: i18n.baseText("commandBar.workflows.open"),
+          section: i18n.baseText("commandBar.sections.workflows"),
+          placeholder: i18n.baseText("commandBar.workflows.searchPlaceholder"),
+          children: openWorkflowCommands.value,
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "arrow-right",
+              color: "text-light"
+            }
+          }
+        }, ...rootWorkflowItems.value];
+      });
+      function onCommandBarChange(query) {
+        const trimmed = query.trim();
+        const isInWorkflowParent = activeNodeId.value === ITEM_ID$5.OPEN_WORKFLOW;
+        const isRootWithQuery = activeNodeId.value === null && trimmed.length > 2;
+        if (isInWorkflowParent || isRootWithQuery) {
+          isLoading.value = isInWorkflowParent;
+          fetchWorkflowsDebounced(trimmed);
+        }
+      }
+      function onCommandBarNavigateTo(to) {
+        activeNodeId.value = to;
+        if (to === ITEM_ID$5.OPEN_WORKFLOW) {
+          isLoading.value = true;
+          fetchWorkflowsImpl("");
+        } else if (to === null) {
+          workflowResults.value = [];
+          workflowKeywords.value.clear();
+          workflowMatchedNodeTypes.value.clear();
+        }
+      }
+      async function initialize() {
+        await tagsStore.fetchAll();
+      }
+      return {
+        commands: workflowNavigationCommands,
+        handlers: {
+          onCommandBarChange,
+          onCommandBarNavigateTo
+        },
+        isLoading,
+        initialize
+      };
+    }
+
+    //#endregion
+    //#region src/features/shared/commandBar/composables/useDataTableNavigationCommands.ts
+
+    function useDataTableNavigationCommands(options) {
+      const i18n = useI18n();
+      const {
+        lastQuery,
+        activeNodeId,
+        currentProjectName
+      } = options;
+      const dataTableStore = useDataTableStore();
+      const projectsStore = useProjectsStore();
+      const sourceControlStore = useSourceControlStore();
+      const router = useRouter();
+      const route = useRoute();
+      const dataTableResults = ref([]);
+      const isLoading = ref(false);
+      const hasDataFetched = ref(false);
+      const currentProjectId = computed(() => {
+        return typeof route.params.projectId === "string" ? route.params.projectId : personalProjectId.value;
+      });
+      const homeProject = computed(() => projectsStore.currentProject ?? projectsStore.personalProject);
+      const personalProjectId = computed(() => {
+        return projectsStore.myProjects.find(p => p.type === "personal")?.id;
+      });
+      function orderResultByCurrentProjectFirst(results) {
+        return results.sort((a, b) => {
+          if (a.project?.id === currentProjectId.value) return -1;
+          if (b.project?.id === currentProjectId.value) return 1;
+          return 0;
+        });
+      }
+      const fetchDataTablesImpl = async query => {
+        try {
+          const trimmed = (query || "").trim();
+          if (!hasDataFetched.value) {
+            await dataTableStore.fetchDataTables("", 1, 1e3);
+            hasDataFetched.value = true;
+          }
+          const trimmedLower = trimmed.toLowerCase();
+          dataTableResults.value = orderResultByCurrentProjectFirst(dataTableStore.dataTables.filter(dataTable => dataTable.name.toLowerCase().includes(trimmedLower)));
+        } catch {
+          dataTableResults.value = [];
+        } finally {
+          isLoading.value = false;
+        }
+      };
+      const fetchDataTablesDebounced = (0, import_debounce$1.default)(fetchDataTablesImpl, 300);
+      const getDataTableProjectSuffix = dataTable => {
+        if (dataTable.project && dataTable.project.type === "personal") return i18n.baseText("projects.menu.personal");
+        return dataTable.project?.name ?? "";
+      };
+      const createDataTableCommand = (dataTable, isRoot) => {
+        const keywords = [dataTable.name];
+        const title$1 = isRoot ? i18n.baseText("generic.openResource", {
+          interpolate: {
+            resource: dataTable.name
+          }
+        }) : dataTable.name;
+        const section = isRoot ? i18n.baseText("commandBar.sections.dataTables") : i18n.baseText("commandBar.dataTables.open");
+        return {
+          id: dataTable.id,
+          title: {
+            component: CommandBarItemTitle_default,
+            props: {
+              title: title$1,
+              suffix: getDataTableProjectSuffix(dataTable)
+            }
+          },
+          section,
+          keywords,
+          handler: () => {
+            router.push({
+              name: DATA_TABLE_DETAILS,
+              params: {
+                projectId: dataTable.projectId,
+                id: dataTable.id
+              }
+            });
+          }
+        };
+      };
+      const openDataTableCommands = computed(() => {
+        return dataTableResults.value.map(dataTable => createDataTableCommand(dataTable, false));
+      });
+      const rootDataTableItems = computed(() => {
+        if (lastQuery.value.length <= 2) return [];
+        return dataTableResults.value.map(dataTable => createDataTableCommand(dataTable, true));
+      });
+      const dataTableNavigationCommands = computed(() => {
+        const hasCreatePermission = !sourceControlStore.preferences.branchReadOnly && getResourcePermissions(homeProject.value?.scopes).dataTable.create;
+        const newDataTableCommand = {
+          id: ITEM_ID$4.CREATE_DATA_TABLE,
+          title: i18n.baseText("commandBar.dataTables.create", {
+            interpolate: {
+              projectName: currentProjectName.value
+            }
+          }),
+          section: i18n.baseText("commandBar.sections.dataTables"),
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "table",
+              color: "text-light"
+            }
+          },
+          handler: () => {
+            if (!currentProjectId.value) return;
+            router.push({
+              name: PROJECT_DATA_TABLES,
+              params: {
+                projectId: currentProjectId.value,
+                new: "new"
+              }
+            });
+          }
+        };
+        return [...(hasCreatePermission ? [newDataTableCommand] : []), {
+          id: ITEM_ID$4.OPEN_DATA_TABLE,
+          title: i18n.baseText("commandBar.dataTables.open"),
+          section: i18n.baseText("commandBar.sections.dataTables"),
+          placeholder: i18n.baseText("commandBar.dataTables.searchPlaceholder"),
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "table",
+              color: "text-light"
+            }
+          },
+          children: openDataTableCommands.value
+        }, ...rootDataTableItems.value];
+      });
+      function onCommandBarChange(query) {
+        const trimmed = query.trim();
+        const isInDataTableParent = activeNodeId.value === ITEM_ID$4.OPEN_DATA_TABLE;
+        const isRootWithQuery = activeNodeId.value === null && trimmed.length > 2;
+        if (isInDataTableParent || isRootWithQuery) {
+          isLoading.value = isInDataTableParent;
+          fetchDataTablesDebounced(trimmed);
+        }
+      }
+      function onCommandBarNavigateTo(to) {
+        activeNodeId.value = to;
+        if (to === ITEM_ID$4.OPEN_DATA_TABLE) {
+          isLoading.value = true;
+          fetchDataTablesImpl("");
+        } else if (to === null) {
+          dataTableResults.value = [];
+          hasDataFetched.value = false;
+        }
+      }
+      return {
+        commands: dataTableNavigationCommands,
+        handlers: {
+          onCommandBarChange,
+          onCommandBarNavigateTo
+        },
+        isLoading
+      };
+    }
+
+    //#endregion
+    //#region src/features/shared/commandBar/composables/useCredentialNavigationCommands.ts
+
+    function useCredentialNavigationCommands(options) {
+      const i18n = useI18n();
+      const {
+        lastQuery,
+        activeNodeId,
+        currentProjectName
+      } = options;
+      const credentialsStore = useCredentialsStore();
+      const projectsStore = useProjectsStore();
+      const uiStore = useUIStore();
+      const sourceControlStore = useSourceControlStore();
+      const route = useRoute();
+      const router = useRouter();
+      const credentialResults = ref([]);
+      const isLoading = ref(false);
+      const personalProjectId = computed(() => {
+        return projectsStore.myProjects.find(p => p.type === "personal")?.id;
+      });
+      const homeProject = computed(() => projectsStore.currentProject ?? projectsStore.personalProject);
+      function orderResultByCurrentProjectFirst(results) {
+        const currentProjectId = typeof route.params.projectId === "string" ? route.params.projectId : personalProjectId.value;
+        return results.sort((a, b) => {
+          if (a.homeProject?.id === currentProjectId) return -1;
+          if (b.homeProject?.id === currentProjectId) return 1;
+          return 0;
+        });
+      }
+      const fetchCredentialsImpl = async query => {
+        try {
+          const trimmed = (query || "").trim();
+          await credentialsStore.fetchAllCredentials();
+          const trimmedLower = trimmed.toLowerCase();
+          credentialResults.value = orderResultByCurrentProjectFirst(credentialsStore.allCredentials.filter(credential => credential.name.toLowerCase().includes(trimmedLower)));
+        } catch {
+          credentialResults.value = [];
+        } finally {
+          isLoading.value = false;
+        }
+      };
+      const fetchCredentialsDebounced = (0, import_debounce.default)(fetchCredentialsImpl, 300);
+      const getCredentialProjectSuffix = credential => {
+        if (credential.homeProject && credential.homeProject.type === "personal") return i18n.baseText("projects.menu.personal");
+        return credential.homeProject?.name ?? "";
+      };
+      const createCredentialCommand = (credential, isRoot) => {
+        const keywords = [credential.name];
+        const title$1 = isRoot ? i18n.baseText("generic.openResource", {
+          interpolate: {
+            resource: credential.name
+          }
+        }) : credential.name;
+        const section = isRoot ? i18n.baseText("commandBar.sections.credentials") : i18n.baseText("commandBar.credentials.open");
+        return {
+          id: credential.id,
+          title: {
+            component: CommandBarItemTitle_default,
+            props: {
+              title: title$1,
+              suffix: getCredentialProjectSuffix(credential)
+            }
+          },
+          section,
+          keywords,
+          icon: {
+            component: CredentialIcon_default,
+            props: {
+              credentialTypeName: credential.type
+            }
+          },
+          handler: () => {
+            uiStore.openExistingCredential(credential.id);
+          }
+        };
+      };
+      const openCredentialCommands = computed(() => {
+        return credentialResults.value.map(credential => createCredentialCommand(credential, false));
+      });
+      const rootCredentialItems = computed(() => {
+        if (lastQuery.value.length <= 2) return [];
+        return credentialResults.value.map(credential => createCredentialCommand(credential, true));
+      });
+      const credentialNavigationCommands = computed(() => {
+        const hasCreatePermission = !sourceControlStore.preferences.branchReadOnly && getResourcePermissions(homeProject.value?.scopes).credential.create;
+        const newCredentialCommand = {
+          id: ITEM_ID$3.CREATE_CREDENTIAL,
+          title: i18n.baseText("commandBar.credentials.create", {
+            interpolate: {
+              projectName: currentProjectName.value
+            }
+          }),
+          section: i18n.baseText("commandBar.sections.credentials"),
+          keywords: [i18n.baseText("credentials.add")],
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "lock",
+              color: "text-light"
+            }
+          },
+          handler: () => {
+            const currentProjectId = typeof route.params.projectId === "string" ? route.params.projectId : personalProjectId.value;
+            const routeName = route.name === VIEWS.SHARED_CREDENTIALS ? VIEWS.SHARED_CREDENTIALS : route.name === VIEWS.CREDENTIALS ? VIEWS.CREDENTIALS : VIEWS.PROJECTS_CREDENTIALS;
+            router.push({
+              name: routeName,
+              params: {
+                projectId: currentProjectId,
+                credentialId: "create"
+              }
+            });
+          }
+        };
+        return [...(hasCreatePermission ? [newCredentialCommand] : []), {
+          id: ITEM_ID$3.OPEN_CREDENTIAL,
+          title: i18n.baseText("commandBar.credentials.open"),
+          section: i18n.baseText("commandBar.sections.credentials"),
+          placeholder: i18n.baseText("commandBar.credentials.searchPlaceholder"),
+          children: openCredentialCommands.value,
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "lock",
+              color: "text-light"
+            }
+          }
+        }, ...rootCredentialItems.value];
+      });
+      function onCommandBarChange(query) {
+        const trimmed = query.trim();
+        const isInCredentialParent = activeNodeId.value === ITEM_ID$3.OPEN_CREDENTIAL;
+        const isRootWithQuery = activeNodeId.value === null && trimmed.length > 2;
+        if (isInCredentialParent || isRootWithQuery) {
+          isLoading.value = isInCredentialParent;
+          fetchCredentialsDebounced(trimmed);
+        }
+      }
+      function onCommandBarNavigateTo(to) {
+        activeNodeId.value = to;
+        if (to === ITEM_ID$3.OPEN_CREDENTIAL) {
+          isLoading.value = true;
+          fetchCredentialsImpl("");
+        } else if (to === null) credentialResults.value = [];
+      }
+      async function initialize() {
+        await credentialsStore.fetchCredentialTypes(false);
+      }
+      return {
+        commands: credentialNavigationCommands,
+        handlers: {
+          onCommandBarChange,
+          onCommandBarNavigateTo
+        },
+        isLoading,
+        initialize
+      };
+    }
+
+    //#endregion
+    //#region src/features/shared/commandBar/composables/useExecutionNavigationCommands.ts
+    function useExecutionNavigationCommands() {
+      const i18n = useI18n();
+      const projectsStore = useProjectsStore();
+      const router = useRouter();
+      const route = useRoute();
+      const personalProjectId = computed(() => {
+        return projectsStore.myProjects.find(p => p.type === "personal")?.id;
+      });
+      const currentProjectId = computed(() => {
+        return typeof route.params.projectId === "string" ? route.params.projectId : personalProjectId.value;
+      });
+      return {
+        commands: computed(() => {
+          return [{
+            id: "open-executions",
+            title: i18n.baseText("commandBar.executions.open"),
+            section: i18n.baseText("commandBar.sections.executions"),
+            icon: {
+              component: N8nIcon_default,
+              props: {
+                icon: "arrow-right"
+              }
+            },
+            handler: () => {
+              if (currentProjectId.value === personalProjectId.value) router.push({
+                name: VIEWS.EXECUTIONS
+              });else router.push({
+                name: VIEWS.PROJECTS_EXECUTIONS,
+                params: {
+                  projectId: currentProjectId.value
+                }
+              });
+            }
+          }];
+        })
+      };
+    }
+
+    //#endregion
+    //#region src/features/shared/commandBar/composables/useProjectNavigationCommands.ts
+
+    function useProjectNavigationCommands(options) {
+      const i18n = useI18n();
+      const {
+        lastQuery,
+        activeNodeId
+      } = options;
+      const projectsStore = useProjectsStore();
+      const globalEntityCreation = useGlobalEntityCreation();
+      const router = useRouter();
+      const filteredProjects = computed(() => {
+        const trimmed = (lastQuery.value || "").trim().toLowerCase();
+        const allProjects = projectsStore.availableProjects;
+        if (!trimmed) return allProjects;
+        return allProjects.filter(project => project.name?.toLowerCase().includes(trimmed) || project.id?.toLowerCase().includes(trimmed));
+      });
+      const createProjectCommand = (project, isRoot) => {
+        let title$1 = project.type === "personal" ? i18n.baseText("projects.menu.personal") : project.name ? project.name : i18n.baseText("commandBar.projects.unnamed");
+        if (isRoot) title$1 = i18n.baseText("generic.openResource", {
+          interpolate: {
+            resource: title$1
+          }
+        });
+        const section = isRoot ? i18n.baseText("commandBar.sections.projects") : i18n.baseText("commandBar.projects.open");
+        return {
+          id: project.id,
+          title: title$1,
+          section,
+          keywords: [title$1],
+          handler: () => {
+            router.push({
+              name: VIEWS.PROJECTS_WORKFLOWS,
+              params: {
+                projectId: project.id
+              }
+            });
+          }
+        };
+      };
+      const openProjectCommands = computed(() => {
+        if (!(activeNodeId.value === ITEM_ID$2.OPEN_PROJECT)) return [];
+        return filteredProjects.value.map(project => createProjectCommand(project, false));
+      });
+      const rootProjectItems = computed(() => {
+        if (!(activeNodeId.value === null && lastQuery.value.trim().length > 2)) return [];
+        return filteredProjects.value.map(project => createProjectCommand(project, true));
+      });
+      const projectNavigationCommands = computed(() => {
+        const commands = [];
+        if (projectsStore.hasPermissionToCreateProjects && projectsStore.canCreateProjects) commands.push({
+          id: ITEM_ID$2.CREATE_PROJECT,
+          title: i18n.baseText("commandBar.projects.create"),
+          section: i18n.baseText("commandBar.sections.projects"),
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "layers",
+              color: "text-light"
+            }
+          },
+          handler: () => {
+            globalEntityCreation.createProject("command_bar");
+          }
+        });
+        if (projectsStore.availableProjects.length > 0) commands.push({
+          id: ITEM_ID$2.OPEN_PROJECT,
+          title: i18n.baseText("commandBar.projects.open"),
+          section: i18n.baseText("commandBar.sections.projects"),
+          placeholder: i18n.baseText("commandBar.projects.searchPlaceholder"),
+          children: openProjectCommands.value,
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "layers",
+              color: "text-light"
+            }
+          }
+        });
+        return [...commands, ...rootProjectItems.value];
+      });
+      function onCommandBarChange(query) {
+        lastQuery.value = query;
+      }
+      function onCommandBarNavigateTo(to) {
+        activeNodeId.value = to;
+      }
+      return {
+        commands: projectNavigationCommands,
+        handlers: {
+          onCommandBarChange,
+          onCommandBarNavigateTo
+        }
+      };
+    }
+
+    //#endregion
+    //#region src/features/shared/commandBar/composables/useExecutionCommands.ts
+
+    function useExecutionCommands() {
+      const i18n = useI18n();
+      const router = useRouter();
+      const route = useRoute();
+      const executionsStore = useExecutionsStore();
+      const workflowsStore = useWorkflowsStore();
+      const settingsStore = useSettingsStore();
+      const toast = useToast();
+      const message = useMessage();
+      const telemetry = useTelemetry();
+      const workflowId = computed(() => route.params.name);
+      const activeExecution = computed(() => {
+        return executionsStore.activeExecution;
+      });
+      const workflowPermissions = computed(() => getResourcePermissions(workflowsStore.getWorkflowById(workflowId.value)?.scopes).workflow);
+      const isAnnotationEnabled = computed(() => settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.AdvancedExecutionFilters]);
+      const hasAnnotation = computed(() => !!activeExecution.value?.annotation && (activeExecution.value?.annotation.vote || activeExecution.value?.annotation.tags.length > 0));
+      const vote = computed(() => activeExecution.value?.annotation?.vote || null);
+      const executions = computed(() => workflowId.value ? [...(executionsStore.currentExecutionsByWorkflowId[workflowId.value] ?? []), ...(executionsStore.executionsByWorkflowId[workflowId.value] ?? [])] : []);
+      const isRetriable = computed(() => {
+        if (!activeExecution.value) return false;
+        const status = activeExecution.value.status;
+        return status === "error" || status === "crashed" || status === "canceled";
+      });
+      const isRunning = computed(() => {
+        if (!activeExecution.value) return false;
+        return activeExecution.value.status === "running" || activeExecution.value.status === "new";
+      });
+      async function handleDeleteExecution() {
+        const confirmationText = [hasAnnotation.value && i18n.baseText("executionDetails.confirmMessage.annotationsNote"), i18n.baseText("executionDetails.confirmMessage.message")].filter(Boolean).join(" ");
+        if ((await message.confirm(confirmationText, i18n.baseText("executionDetails.confirmMessage.headline"), {
+          type: "warning",
+          confirmButtonText: i18n.baseText("executionDetails.confirmMessage.confirmButtonText"),
+          cancelButtonText: ""
+        })) !== "confirm") return;
+        try {
+          const executionId = activeExecution.value.id;
+          const executionIndex = executions.value.findIndex(e => e.id === executionId);
+          const nextExecution = executions.value[executionIndex + 1] || executions.value[executionIndex - 1] || executions.value[0];
+          await executionsStore.deleteExecutions({
+            ids: [executionId]
+          });
+          if (executions.value.length > 0) await router.replace({
+            name: VIEWS.EXECUTION_PREVIEW,
+            params: {
+              name: workflowId.value,
+              executionId: nextExecution.id
+            }
+          }).catch(() => {});else await router.replace({
+            name: VIEWS.EXECUTION_HOME,
+            params: {
+              name: workflowId.value
+            }
+          });
+          toast.showMessage({
+            title: i18n.baseText("executionsList.showMessage.handleDeleteSelected.title"),
+            type: "success"
+          });
+        } catch (error) {
+          toast.showError(error, i18n.baseText("executionsList.showError.handleDeleteSelected.title"));
+        }
+      }
+      async function handleRetryExecution(loadWorkflow) {
+        toast.showMessage({
+          title: i18n.baseText("executionDetails.runningMessage"),
+          type: "info",
+          duration: 2e3
+        });
+        try {
+          const retryMessage = executionRetryMessage((await executionsStore.retryExecution(activeExecution.value.id, loadWorkflow)).status);
+          if (retryMessage) toast.showMessage(retryMessage);
+          telemetry.track("User clicked retry execution button", {
+            workflow_id: workflowId.value,
+            execution_id: activeExecution.value.id,
+            retry_type: loadWorkflow ? "current" : "original"
+          });
+        } catch (error) {
+          toast.showError(error, i18n.baseText("executionsList.showError.retryExecution.title"));
+        }
+      }
+      async function handleStopExecution() {
+        try {
+          await executionsStore.stopCurrentExecution(activeExecution.value.id);
+          toast.showMessage({
+            title: i18n.baseText("executionsList.showMessage.stopExecution.title"),
+            message: i18n.baseText("executionsList.showMessage.stopExecution.message", {
+              interpolate: {
+                activeExecutionId: activeExecution.value.id
+              }
+            }),
+            type: "success"
+          });
+        } catch (error) {
+          toast.showError(error, i18n.baseText("executionsList.showError.stopExecution.title"));
+        }
+      }
+      function handleDebugExecution() {
+        router.push({
+          name: VIEWS.EXECUTION_DEBUG,
+          params: {
+            name: activeExecution.value.workflowId,
+            executionId: activeExecution.value.id
+          }
+        });
+      }
+      async function handleVoteClick(voteValue) {
+        const voteToSet = voteValue === vote.value ? null : voteValue;
+        try {
+          await executionsStore.annotateExecution(activeExecution.value.id, {
+            vote: voteToSet
+          });
+        } catch (e) {
+          toast.showError(e, "executionAnnotationView.vote.error");
+        }
+      }
+      return {
+        commands: computed(() => {
+          if (!activeExecution.value) return [];
+          const commands = [];
+          if (workflowPermissions.value.update) {
+            const isSuccess = activeExecution.value.status === "success";
+            commands.push({
+              id: ITEM_ID$1.DEBUG_EXECUTION,
+              title: isSuccess ? i18n.baseText("executionsList.debug.button.copyToEditor") : i18n.baseText("executionsList.debug.button.debugInEditor"),
+              section: i18n.baseText("commandBar.sections.execution"),
+              handler: handleDebugExecution,
+              icon: {
+                component: N8nIcon_default,
+                props: {
+                  icon: isSuccess ? "copy" : "bug"
+                }
+              }
+            });
+          }
+          if (isRetriable.value && workflowPermissions.value.update) {
+            commands.push({
+              id: ITEM_ID$1.RETRY_CURRENT_WORKFLOW,
+              title: i18n.baseText("executionsList.retryWithCurrentlySavedWorkflow"),
+              section: i18n.baseText("commandBar.sections.execution"),
+              handler: async () => await handleRetryExecution(true),
+              icon: {
+                component: N8nIcon_default,
+                props: {
+                  icon: "redo-2"
+                }
+              }
+            });
+            commands.push({
+              id: ITEM_ID$1.RETRY_ORIGINAL_WORKFLOW,
+              title: i18n.baseText("executionsList.retryWithOriginalWorkflow"),
+              section: i18n.baseText("commandBar.sections.execution"),
+              handler: async () => await handleRetryExecution(false),
+              icon: {
+                component: N8nIcon_default,
+                props: {
+                  icon: "redo"
+                }
+              }
+            });
+          }
+          if (isRunning.value && workflowPermissions.value.execute) commands.push({
+            id: ITEM_ID$1.STOP_EXECUTION,
+            title: i18n.baseText("executionsList.stopExecution"),
+            section: i18n.baseText("commandBar.sections.execution"),
+            handler: handleStopExecution,
+            icon: {
+              component: N8nIcon_default,
+              props: {
+                icon: "stop"
+              }
+            }
+          });
+          if (isAnnotationEnabled.value) {
+            commands.push({
+              id: ITEM_ID$1.VOTE_UP,
+              title: vote.value === "up" ? i18n.baseText("executionAnnotationView.vote.removeUp") : i18n.baseText("executionAnnotationView.vote.up"),
+              section: i18n.baseText("commandBar.sections.execution"),
+              handler: async () => await handleVoteClick("up"),
+              icon: {
+                component: N8nIcon_default,
+                props: {
+                  icon: "thumbs-up"
+                }
+              }
+            });
+            commands.push({
+              id: ITEM_ID$1.VOTE_DOWN,
+              title: vote.value === "down" ? i18n.baseText("executionAnnotationView.vote.removeDown") : i18n.baseText("executionAnnotationView.vote.down"),
+              section: i18n.baseText("commandBar.sections.execution"),
+              handler: async () => await handleVoteClick("down"),
+              icon: {
+                component: N8nIcon_default,
+                props: {
+                  icon: "thumbs-down"
+                }
+              }
+            });
+          }
+          if (workflowPermissions.value.update) commands.push({
+            id: ITEM_ID$1.DELETE_EXECUTION,
+            title: i18n.baseText("executionDetails.deleteExecution"),
+            section: i18n.baseText("commandBar.sections.execution"),
+            handler: handleDeleteExecution,
+            icon: {
+              component: N8nIcon_default,
+              props: {
+                icon: "trash-2"
+              }
+            }
+          });
+          return commands;
+        })
+      };
+    }
+
+    //#endregion
+    //#region src/features/shared/commandBar/composables/useGenericCommands.ts
+
+    function useGenericCommands() {
+      const i18n = useI18n();
+      const uiStore = useUIStore();
+      const router = useRouter();
+      const {
+        getReportingURL
+      } = useBugReporting();
+      return {
+        commands: computed(() => [{
+          id: ITEM_ID.WHATS_NEW,
+          title: i18n.baseText("mainSidebar.whatsNew"),
+          section: i18n.baseText("commandBar.sections.general"),
+          handler: () => {
+            uiStore.openModal(WHATS_NEW_MODAL_KEY);
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "bell"
+            }
+          },
+          keywords: [i18n.baseText("mainSidebar.whatsNew").toLowerCase(), i18n.baseText("mainSidebar.whatsNew.fullChangelog").toLowerCase()]
+        }, {
+          id: ITEM_ID.TEMPLATES,
+          title: i18n.baseText("generic.templates"),
+          section: i18n.baseText("commandBar.sections.general"),
+          handler: () => {
+            router.push({
+              name: VIEWS.PRE_BUILT_AGENT_TEMPLATES
+            });
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "package-open"
+            }
+          },
+          keywords: [i18n.baseText("generic.templates").toLowerCase()]
+        }, {
+          id: ITEM_ID.VARIABLES,
+          title: i18n.baseText("mainSidebar.variables"),
+          section: i18n.baseText("commandBar.sections.general"),
+          handler: () => {
+            router.push({
+              name: VIEWS.HOME_VARIABLES
+            });
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "variable"
+            }
+          },
+          keywords: [i18n.baseText("mainSidebar.variables").toLowerCase()]
+        }, {
+          id: ITEM_ID.INSIGHTS,
+          title: "Insights",
+          section: i18n.baseText("commandBar.sections.general"),
+          handler: () => {
+            router.push({
+              name: VIEWS.INSIGHTS
+            });
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "chart-column-decreasing"
+            }
+          },
+          keywords: ["insights"]
+        }, {
+          id: ITEM_ID.QUICKSTART,
+          title: i18n.baseText("mainSidebar.helpMenuItems.quickstart"),
+          section: i18n.baseText("mainSidebar.help"),
+          handler: () => {
+            window.open(EXTERNAL_LINKS.QUICKSTART_VIDEO, "_blank", "noreferrer");
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "video"
+            }
+          },
+          keywords: [i18n.baseText("mainSidebar.helpMenuItems.quickstart").toLowerCase()]
+        }, {
+          id: ITEM_ID.DOCUMENTATION,
+          title: i18n.baseText("mainSidebar.helpMenuItems.documentation"),
+          section: i18n.baseText("mainSidebar.help"),
+          handler: () => {
+            window.open(EXTERNAL_LINKS.DOCUMENTATION, "_blank", "noreferrer");
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "book"
+            }
+          },
+          keywords: [i18n.baseText("mainSidebar.helpMenuItems.documentation").toLowerCase()]
+        }, {
+          id: ITEM_ID.FORUM,
+          title: i18n.baseText("mainSidebar.helpMenuItems.forum"),
+          section: i18n.baseText("mainSidebar.help"),
+          handler: () => {
+            window.open(EXTERNAL_LINKS.FORUM, "_blank", "noreferrer");
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "users"
+            }
+          },
+          keywords: [i18n.baseText("mainSidebar.helpMenuItems.forum").toLowerCase()]
+        }, {
+          id: ITEM_ID.COURSE,
+          title: i18n.baseText("mainSidebar.helpMenuItems.course"),
+          section: i18n.baseText("mainSidebar.help"),
+          handler: () => {
+            window.open(EXTERNAL_LINKS.COURSES, "_blank", "noreferrer");
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "graduation-cap"
+            }
+          },
+          keywords: [i18n.baseText("mainSidebar.helpMenuItems.course").toLowerCase()]
+        }, {
+          id: ITEM_ID.REPORT_BUG,
+          title: i18n.baseText("mainSidebar.helpMenuItems.reportBug"),
+          section: i18n.baseText("mainSidebar.help"),
+          handler: () => {
+            window.open(getReportingURL(), "_blank", "noreferrer");
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "bug"
+            }
+          },
+          keywords: [i18n.baseText("mainSidebar.helpMenuItems.reportBug").toLowerCase()]
+        }, {
+          id: ITEM_ID.ABOUT,
+          title: i18n.baseText("mainSidebar.aboutN8n"),
+          section: i18n.baseText("mainSidebar.help"),
+          handler: () => {
+            uiStore.openModal(ABOUT_MODAL_KEY);
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "info"
+            }
+          },
+          keywords: [i18n.baseText("mainSidebar.aboutN8n").toLowerCase()]
+        }, {
+          id: ITEM_ID.SETTINGS,
+          title: i18n.baseText("settings"),
+          section: i18n.baseText("commandBar.sections.general"),
+          handler: () => {
+            router.push({
+              name: VIEWS.SETTINGS
+            });
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "cog"
+            }
+          },
+          keywords: [i18n.baseText("settings").toLowerCase()]
+        }, {
+          id: ITEM_ID.SIGN_OUT,
+          title: i18n.baseText("auth.signout"),
+          section: i18n.baseText("commandBar.sections.general"),
+          handler: () => {
+            router.push({
+              name: VIEWS.SIGNOUT
+            });
+          },
+          icon: {
+            component: N8nIcon_default,
+            props: {
+              icon: "sign-out-alt"
+            }
+          },
+          keywords: [i18n.baseText("auth.signout").toLowerCase()]
+        }])
+      };
+    }
+
+    //#endregion
+    //#region src/features/shared/commandBar/composables/useCommandBar.ts
+    function useCommandBar() {
+      const nodeTypesStore = useNodeTypesStore();
+      const projectsStore = useProjectsStore();
+      const workflowStore = useWorkflowsStore();
+      const router = useRouter();
+      const route = useRoute();
+      const postHog = usePostHog();
+      const i18n = useI18n();
+      const telemetry = useTelemetry();
+      const placeholder = i18n.baseText("commandBar.placeholder");
+      const isEnabled = computed(() => postHog.isVariantEnabled(COMMAND_BAR_EXPERIMENT.name, COMMAND_BAR_EXPERIMENT.variant));
+      const activeNodeId = ref(null);
+      const lastQuery = ref("");
+      const currentProjectName = computed(() => {
+        const projectId = route.params.projectId || projectsStore.currentProjectId;
+        if (projectId === projectsStore.personalProject?.id) return "Personal";
+        return projectsStore.myProjects.find(p => p.id === projectId)?.name ?? "Personal";
+      });
+      const nodeCommandGroup = useNodeCommands({
+        lastQuery,
+        activeNodeId
+      });
+      const workflowCommandGroup = useWorkflowCommands();
+      const executionCommandGroup = useExecutionCommands();
+      const workflowNavigationGroup = useWorkflowNavigationCommands({
+        lastQuery,
+        activeNodeId,
+        currentProjectName
+      });
+      const dataTableNavigationGroup = useDataTableNavigationCommands({
+        lastQuery,
+        activeNodeId,
+        currentProjectName
+      });
+      const credentialNavigationGroup = useCredentialNavigationCommands({
+        lastQuery,
+        activeNodeId,
+        currentProjectName
+      });
+      const executionNavigationGroup = useExecutionNavigationCommands();
+      const projectNavigationGroup = useProjectNavigationCommands({
+        lastQuery,
+        activeNodeId
+      });
+      const genericCommandGroup = useGenericCommands();
+      const recentResourcesGroup = useRecentResources();
+      const canvasViewGroups = [recentResourcesGroup, nodeCommandGroup, workflowCommandGroup, workflowNavigationGroup, genericCommandGroup];
+      const executionViewGroups = [recentResourcesGroup, executionCommandGroup, workflowNavigationGroup, projectNavigationGroup, credentialNavigationGroup, dataTableNavigationGroup, executionNavigationGroup, genericCommandGroup];
+      const workflowsListViewGroups = [recentResourcesGroup, workflowNavigationGroup, projectNavigationGroup, credentialNavigationGroup, dataTableNavigationGroup, executionNavigationGroup, genericCommandGroup];
+      const credentialsListViewGroups = [recentResourcesGroup, credentialNavigationGroup, projectNavigationGroup, workflowNavigationGroup, dataTableNavigationGroup, executionNavigationGroup, genericCommandGroup];
+      const executionsListViewGroups = [recentResourcesGroup, workflowNavigationGroup, projectNavigationGroup, credentialNavigationGroup, dataTableNavigationGroup, genericCommandGroup];
+      const dataStoresListViewGroups = [recentResourcesGroup, dataTableNavigationGroup, projectNavigationGroup, workflowNavigationGroup, credentialNavigationGroup, executionNavigationGroup, genericCommandGroup];
+      const evaluationViewGroups = [recentResourcesGroup, workflowNavigationGroup, projectNavigationGroup, credentialNavigationGroup, dataTableNavigationGroup, executionNavigationGroup, genericCommandGroup];
+      const fallbackViewCommands = [recentResourcesGroup, projectNavigationGroup, workflowNavigationGroup, credentialNavigationGroup, dataTableNavigationGroup, executionNavigationGroup, genericCommandGroup];
+      const activeCommandGroups = computed(() => {
+        switch (router.currentRoute.value.name) {
+          case VIEWS.WORKFLOW:
+          case VIEWS.NEW_WORKFLOW:
+            return canvasViewGroups;
+          case VIEWS.EXECUTION_PREVIEW:
+          case VIEWS.EXECUTION_DEBUG:
+            return executionViewGroups;
+          case VIEWS.WORKFLOWS:
+          case VIEWS.PROJECTS_WORKFLOWS:
+            return workflowsListViewGroups;
+          case VIEWS.CREDENTIALS:
+          case VIEWS.PROJECTS_CREDENTIALS:
+            return credentialsListViewGroups;
+          case VIEWS.EXECUTIONS:
+          case VIEWS.PROJECTS_EXECUTIONS:
+            return executionsListViewGroups;
+          case PROJECT_DATA_TABLES:
+          case DATA_TABLE_VIEW:
+            return dataStoresListViewGroups;
+          case VIEWS.EVALUATION:
+          case VIEWS.EVALUATION_EDIT:
+          case VIEWS.EVALUATION_RUNS_DETAIL:
+            return evaluationViewGroups;
+          default:
+            return fallbackViewCommands;
+        }
+      });
+      const context = computed(() => {
+        switch (router.currentRoute.value.name) {
+          case VIEWS.WORKFLOW:
+          case VIEWS.NEW_WORKFLOW:
+            return workflowStore.workflow.name ? i18n.baseText("commandBar.sections.workflow") + " ⋅ " + workflowStore.workflow.name : "";
+          case VIEWS.EXECUTION_PREVIEW:
+          case VIEWS.EXECUTION_DEBUG:
+            return workflowStore.workflow.name ? i18n.baseText("commandBar.sections.execution") + " ⋅ " + workflowStore.workflow.name : "";
+          case VIEWS.EVALUATION:
+          case VIEWS.EVALUATION_EDIT:
+          case VIEWS.EVALUATION_RUNS_DETAIL:
+            return workflowStore.workflow.name ? " ⋅ " + workflowStore.workflow.name : "";
+          default:
+            return "";
+        }
+      });
+      const trackCommand = (item, view, parentItem) => {
+        telemetry.track("User executed command bar command", {
+          command_id: item.id,
+          command_section: item.section,
+          view,
+          parent_command_id: parentItem?.id
+        });
+      };
+      const wrapItemWithTelemetry = item => {
+        const wrappedItem = {
+          ...item
+        };
+        const routeName = (router.currentRoute.value.name ?? "").toString();
+        if (item.handler) {
+          const originalHandler = item.handler;
+          wrappedItem.handler = async () => {
+            trackCommand(item, routeName);
+            return await originalHandler();
+          };
+        }
+        if (item.children) wrappedItem.children = item.children.map(child => {
+          if (child.handler) {
+            const originalChildHandler = child.handler;
+            return {
+              ...child,
+              handler: async () => {
+                trackCommand(child, routeName, item);
+                return await originalChildHandler();
+              }
+            };
+          }
+          return child;
+        });
+        return wrappedItem;
+      };
+      const items = computed(() => {
+        return activeCommandGroups.value.flatMap(group => group.commands.value).map(wrapItemWithTelemetry);
+      });
+      const isLoading = computed(() => {
+        return activeCommandGroups.value.some(group => group.isLoading?.value === true);
+      });
+      function onCommandBarChange(query) {
+        lastQuery.value = query;
+        for (const group of activeCommandGroups.value) if (group.handlers?.onCommandBarChange) group.handlers.onCommandBarChange(query);
+      }
+      function onCommandBarNavigateTo(to) {
+        for (const group of activeCommandGroups.value) if (group.handlers?.onCommandBarNavigateTo) group.handlers.onCommandBarNavigateTo(to);
+      }
+      async function initialize() {
+        await nodeTypesStore.loadNodeTypesIfNotLoaded();
+        const initPromises = activeCommandGroups.value.map(async group => {
+          if (group.initialize) await group.initialize();
+        });
+        await Promise.all(initPromises);
+      }
+      return {
+        isEnabled,
+        items,
+        initialize,
+        onCommandBarChange,
+        onCommandBarNavigateTo,
+        placeholder,
+        context,
+        isLoading
+      };
+    }
+
+    //#endregion
+    _export("t", useCommandBar);
+    return {
+      setters: [function (_chunkLegacy001Js) {
+        __toESM = _chunkLegacy001Js.o;
+      }, function (_vueRuntimeEsmBundlerLegacy003Js) {
+        computed = _vueRuntimeEsmBundlerLegacy003Js.C;
+        createElementBlock = _vueRuntimeEsmBundlerLegacy003Js.D;
+        createCommentVNode = _vueRuntimeEsmBundlerLegacy003Js.E;
+        unref = _vueRuntimeEsmBundlerLegacy003Js.Gt;
+        ref = _vueRuntimeEsmBundlerLegacy003Js.It;
+        createVNode = _vueRuntimeEsmBundlerLegacy003Js.M;
+        defineComponent = _vueRuntimeEsmBundlerLegacy003Js.P;
+        toDisplayString = _vueRuntimeEsmBundlerLegacy003Js.Sn;
+        createBlock = _vueRuntimeEsmBundlerLegacy003Js.T;
+        normalizeClass = _vueRuntimeEsmBundlerLegacy003Js._n;
+        openBlock = _vueRuntimeEsmBundlerLegacy003Js.et;
+        createTextVNode = _vueRuntimeEsmBundlerLegacy003Js.j;
+        createBaseVNode = _vueRuntimeEsmBundlerLegacy003Js.w;
+      }, function (_MapCacheLegacy005Js) {
+        useI18n = _MapCacheLegacy005Js.gt;
+      }, function (_srcLegacy007Js) {
+        N8nKeyboardShortcut_default = _srcLegacy007Js.nt;
+        N8nIcon_default = _srcLegacy007Js.zn;
+      }, function (_pluginVue_exportHelperLegacy00fJs) {
+        __plugin_vue_export_helper_default = _pluginVue_exportHelperLegacy00fJs.t;
+      }, function (_truncateLegacy00hJs) {
+        useRouter = _truncateLegacy00hJs.b;
+        useRoute = _truncateLegacy00hJs.y;
+      }, function (_useMessageLegacy00vJs) {
+        useMessage = _useMessageLegacy00vJs.t;
+      }, function (_useTelemetryLegacy00FJs) {
+        useSettingsStore = _useTelemetryLegacy00FJs.Bo;
+        useSourceControlStore = _useTelemetryLegacy00FJs.Dn;
+        nodeViewEventBus = _useTelemetryLegacy00FJs.Ei;
+        useProjectsStore = _useTelemetryLegacy00FJs.En;
+        useCredentialsStore = _useTelemetryLegacy00FJs.Ht;
+        useUIStore = _useTelemetryLegacy00FJs.Ni;
+        ProjectTypes = _useTelemetryLegacy00FJs.On;
+        useRootStore = _useTelemetryLegacy00FJs.Qs;
+        executionRetryMessage = _useTelemetryLegacy00FJs.X;
+        useTagsStore = _useTelemetryLegacy00FJs._n;
+        usePostHog = _useTelemetryLegacy00FJs.i;
+        useActionsGenerator = _useTelemetryLegacy00FJs.it;
+        useWorkflowHelpers = _useTelemetryLegacy00FJs.mn;
+        useWorkflowsStore = _useTelemetryLegacy00FJs.o;
+        useNodeTypesStore = _useTelemetryLegacy00FJs.rt;
+        useTelemetry = _useTelemetryLegacy00FJs.t;
+      }, function (_useToastLegacy00HJs) {
+        useToast = _useToastLegacy00HJs.t;
+      }, function (_constantsLegacy00NJs) {
+        COMMAND_BAR_EXPERIMENT = _constantsLegacy00NJs.As;
+        EnterpriseEditionFeature = _constantsLegacy00NJs.Hs;
+        DATA_TABLE_VIEW = _constantsLegacy00NJs.Kn;
+        isResourceLocatorValue = _constantsLegacy00NJs.Li;
+        MODAL_CONFIRM = _constantsLegacy00NJs.No;
+        IMPORT_WORKFLOW_URL_MODAL_KEY = _constantsLegacy00NJs.Oo;
+        DATA_TABLE_DETAILS = _constantsLegacy00NJs.Vn;
+        WHATS_NEW_MODAL_KEY = _constantsLegacy00NJs.Vo;
+        getResourcePermissions = _constantsLegacy00NJs._r;
+        EXECUTE_WORKFLOW_NODE_TYPE = _constantsLegacy00NJs._t;
+        ABOUT_MODAL_KEY = _constantsLegacy00NJs.ho;
+        PROJECT_DATA_TABLES = _constantsLegacy00NJs.ir;
+        VIEWS = _constantsLegacy00NJs.mo;
+        WORKFLOW_SETTINGS_MODAL_KEY = _constantsLegacy00NJs.qo;
+        DUPLICATE_MODAL_KEY = _constantsLegacy00NJs.xo;
+      }, function (_useDebounceLegacy00VJs) {
+        require_debounce = _useDebounceLegacy00VJs.n;
+      }, function (_useWorkflowSavingLegacy019Js) {
+        useWorkflowSaving = _useWorkflowSavingLegacy019Js.t;
+      }, function (_executionsStoreLegacy01dJs) {
+        useExecutionsStore = _executionsStoreLegacy01dJs.t;
+      }, function (_useRunWorkflowLegacy01fJs) {
+        useRunWorkflow = _useRunWorkflowLegacy01fJs.t;
+      }, function (_useCanvasOperationsLegacy01pJs) {
+        canvasEventBus = _useCanvasOperationsLegacy01pJs.r;
+        useCanvasOperations = _useCanvasOperationsLegacy01pJs.t;
+      }, function (_foldersStoreLegacy01tJs) {
+        useFoldersStore = _foldersStoreLegacy01tJs.t;
+      }, function (_NodeIconLegacy01vJs) {
+        NodeIcon_default = _NodeIconLegacy01vJs.t;
+      }, function (_dataTableStoreLegacy01HJs) {
+        useDataTableStore = _dataTableStoreLegacy01HJs.t;
+      }, function (_useBugReportingLegacy01LJs) {
+        EXTERNAL_LINKS = _useBugReportingLegacy01LJs.n;
+        useGlobalEntityCreation = _useBugReportingLegacy01LJs.r;
+        useBugReporting = _useBugReportingLegacy01LJs.t;
+      }, function (_uniqByLegacy01$Js) {
+        require_uniqBy = _uniqByLegacy01$Js.t;
+      }, function (_ProjectIconLegacy025Js) {
+        isIconOrEmoji = _ProjectIconLegacy025Js.n;
+        ProjectIcon_default = _ProjectIconLegacy025Js.t;
+      }, function (_CredentialIconLegacy02bJs) {
+        CredentialIcon_default = _CredentialIconLegacy02bJs.t;
+      }, function (_FileSaverMinLegacy02rJs) {
+        require_FileSaver_min = _FileSaverMinLegacy02rJs.t;
+      }, function (_useRecentResourcesLegacy03bJs) {
+        useRecentResources = _useRecentResourcesLegacy03bJs.t;
+      }, function (_useWorkflowActivateLegacy03zJs) {
+        useWorkflowActivate = _useWorkflowActivateLegacy03zJs.t;
+      }],
+      execute: function () {
+        __vite_style__ = document.createElement('style');
+        __vite_style__.textContent = "/* BEM support Func\n -------------------------- */\n/* Transition\n-------------------------- */\n/* Color\n-------------------------- */\n/* Link\n-------------------------- */\n/* Border\n-------------------------- */\n/* Outline\n-------------------------- */\n/* Box shadow\n-------------------------- */\n/* Fill\n-------------------------- */\n/* Typography\n-------------------------- */\n/* z-index\n-------------------------- */\n/* Disable base\n-------------------------- */\n/* Icon\n-------------------------- */\n/* Checkbox\n-------------------------- */\n/* Radio\n-------------------------- */\n/* Select\n-------------------------- */\n/* Alert\n-------------------------- */\n/* MessageBox\n-------------------------- */\n/* Message\n-------------------------- */\n/* Notification\n-------------------------- */\n/* Input\n-------------------------- */\n/* Cascader\n-------------------------- */\n/* Group\n-------------------------- */\n/* Tab\n-------------------------- */\n/* Button\n-------------------------- */\n/* cascader\n-------------------------- */\n/* Switch\n-------------------------- */\n/* Dialog\n-------------------------- */\n/* Table\n-------------------------- */\n/* Pagination\n-------------------------- */\n/* Popup\n-------------------------- */\n/* Popover\n-------------------------- */\n/* Tooltip\n-------------------------- */\n/* Tag\n-------------------------- */\n/* Tree\n-------------------------- */\n/* Dropdown\n-------------------------- */\n/* Badge\n-------------------------- */\n/* Card\n--------------------------*/\n/* Slider\n--------------------------*/\n/* Steps\n--------------------------*/\n/* Menu\n--------------------------*/\n/* Rate\n--------------------------*/\n/* DatePicker\n--------------------------*/\n/* Loading\n--------------------------*/\n/* Scrollbar\n--------------------------*/\n/* Carousel\n--------------------------*/\n/* Collapse\n--------------------------*/\n/* Transfer\n--------------------------*/\n/* Header\n  --------------------------*/\n/* Footer\n--------------------------*/\n/* Main\n--------------------------*/\n/* Timeline\n--------------------------*/\n/* Backtop\n--------------------------*/\n/* Link\n--------------------------*/\n/* Calendar\n--------------------------*/\n/* Form\n-------------------------- */\n/* Avatar\n--------------------------*/\n/* Break-point\n--------------------------*/\n/* Break-points\n -------------------------- */\n/* Scrollbar\n -------------------------- */\n/* Placeholder\n -------------------------- */\n/* BEM\n -------------------------- */\n._container_16jtl_123 {\n  display: flex;\n  gap: var(--spacing--3xs);\n  align-items: center;\n  min-width: 0;\n}\n._title_16jtl_130 {\n  color: var(--color--text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex-shrink: 1;\n  min-width: 0;\n}\n._suffix_16jtl_139 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing--4xs);\n  color: var(--color--text--tint-1);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 50%;\n}\n._action_16jtl_150 {\n  color: var(--color--text--tint-1);\n  margin-left: auto;\n  flex-shrink: 0;\n}\n._shortcut_16jtl_156 {\n  margin-left: auto;\n  flex-shrink: 0;\n}/*$vite$:1*/";
+        document.head.appendChild(__vite_style__);
+        //#region src/features/shared/commandBar/components/CommandBarItemTitle.vue?vue&type=script&setup=true&lang.ts
+        CommandBarItemTitle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
+          __name: "CommandBarItemTitle",
+          props: {
+            title: {},
+            suffix: {},
+            suffixIcon: {},
+            actionText: {},
+            shortcut: {},
+            isSelected: {
+              type: Boolean
+            },
+            isHovered: {
+              type: Boolean
+            }
+          },
+          setup(__props) {
+            return (_ctx, _cache) => {
+              return openBlock(), createElementBlock("span", {
+                class: normalizeClass(_ctx.$style.container)
+              }, [createBaseVNode("span", {
+                class: normalizeClass(_ctx.$style.title)
+              }, toDisplayString(_ctx.title), 3), _ctx.suffix ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: normalizeClass(_ctx.$style.suffix)
+              }, [_ctx.suffixIcon ? (openBlock(), createBlock(ProjectIcon_default, {
+                key: 0,
+                icon: _ctx.suffixIcon,
+                size: "mini",
+                "border-less": true
+              }, null, 8, ["icon"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(_ctx.suffix), 1)], 2)) : createCommentVNode("", true), _ctx.actionText && (_ctx.isSelected || _ctx.isHovered) ? (openBlock(), createElementBlock("span", {
+                key: 1,
+                class: normalizeClass(_ctx.$style.action)
+              }, toDisplayString(_ctx.actionText), 3)) : createCommentVNode("", true), _ctx.shortcut ? (openBlock(), createElementBlock("span", {
+                key: 2,
+                class: normalizeClass(_ctx.$style.shortcut)
+              }, [createVNode(unref(N8nKeyboardShortcut_default), {
+                keys: _ctx.shortcut.keys,
+                "meta-key": _ctx.shortcut.metaKey,
+                "alt-key": _ctx.shortcut.altKey,
+                "shift-key": _ctx.shortcut.shiftKey
+              }, null, 8, ["keys", "meta-key", "alt-key", "shift-key"])], 2)) : createCommentVNode("", true)], 2);
+            };
+          }
+        }); //#endregion
+        //#region src/features/shared/commandBar/components/CommandBarItemTitle.vue?vue&type=style&index=0&lang.module.scss
+        container = "_container_16jtl_123";
+        title = "_title_16jtl_130";
+        suffix = "_suffix_16jtl_139";
+        action = "_action_16jtl_150";
+        shortcut = "_shortcut_16jtl_156";
+        CommandBarItemTitle_vue_vue_type_style_index_0_lang_module_default = {
+          container,
+          title,
+          suffix,
+          action,
+          shortcut
+        }; //#endregion
+        //#region src/features/shared/commandBar/components/CommandBarItemTitle.vue
+        cssModules = {
+          "$style": CommandBarItemTitle_vue_vue_type_style_index_0_lang_module_default
+        };
+        CommandBarItemTitle_default = /* @__PURE__ */__plugin_vue_export_helper_default(CommandBarItemTitle_vue_vue_type_script_setup_true_lang_default, [["__cssModules", cssModules]]); //#endregion
+        //#region src/features/shared/commandBar/composables/useNodeCommands.ts
+        ITEM_ID$7 = {
+          ADD_NODE: "add-node",
+          OPEN_NODE: "open-node",
+          ADD_STICKY: "add-sticky"
+        };
+        import_FileSaver_min = /* @__PURE__ */__toESM(require_FileSaver_min());
+        import_uniqBy = /* @__PURE__ */__toESM(require_uniqBy());
+        ITEM_ID$6 = {
+          OPEN_CREDENTIAL: "open-credential",
+          OPEN_SUB_WORKFLOW: "open-sub-workflow",
+          TEST_WORKFLOW: "test-workflow",
+          SAVE_WORKFLOW: "save-workflow",
+          ACTIVATE_WORKFLOW: "activate-workflow",
+          DEACTIVATE_WORKFLOW: "deactivate-workflow",
+          SELECT_ALL: "select-all",
+          OPEN_WORKFLOW_SETTINGS: "open-workflow-settings",
+          TIDY_UP_WORKFLOW: "tidy-up-workflow",
+          RENAME_WORKFLOW: "rename-workflow",
+          ADD_TAG: "add-tag",
+          DUPLICATE_WORKFLOW: "duplicate-workflow",
+          DOWNLOAD_WORKFLOW: "download-workflow",
+          IMPORT_WORKFLOW_FROM_URL: "import-workflow-from-url",
+          IMPORT_WORKFLOW_FROM_FILE: "import-workflow-from-file",
+          ARCHIVE_WORKFLOW: "archive-workflow",
+          UNARCHIVE_WORKFLOW: "unarchive-workflow",
+          DELETE_WORKFLOW: "delete-workflow"
+        };
+        import_debounce$2 = /* @__PURE__ */__toESM(require_debounce());
+        ITEM_ID$5 = {
+          CREATE_WORKFLOW: "create-workflow",
+          OPEN_WORKFLOW: "open-workflow"
+        };
+        import_debounce$1 = /* @__PURE__ */__toESM(require_debounce());
+        ITEM_ID$4 = {
+          OPEN_DATA_TABLE: "open-data-table",
+          CREATE_DATA_TABLE: "create-data-table"
+        };
+        import_debounce = /* @__PURE__ */__toESM(require_debounce());
+        ITEM_ID$3 = {
+          CREATE_CREDENTIAL: "create-credential",
+          OPEN_CREDENTIAL: "open-credential"
+        };
+        ITEM_ID$2 = {
+          CREATE_PROJECT: "create-project",
+          OPEN_PROJECT: "open-project"
+        };
+        ITEM_ID$1 = {
+          DELETE_EXECUTION: "delete-execution",
+          RETRY_CURRENT_WORKFLOW: "retry-current-workflow",
+          RETRY_ORIGINAL_WORKFLOW: "retry-original-workflow",
+          STOP_EXECUTION: "stop-execution",
+          DEBUG_EXECUTION: "debug-execution",
+          VOTE_UP: "vote-up",
+          VOTE_DOWN: "vote-down"
+        };
+        ITEM_ID = {
+          WHATS_NEW: "whats-new",
+          SETTINGS: "settings",
+          SIGN_OUT: "sign-out",
+          TEMPLATES: "templates",
+          VARIABLES: "variables",
+          INSIGHTS: "insights",
+          QUICKSTART: "quickstart",
+          DOCUMENTATION: "documentation",
+          FORUM: "forum",
+          COURSE: "course",
+          REPORT_BUG: "report-bug",
+          ABOUT: "about"
+        };
+      }
+    };
+  });
+})();