n8n-editor-ui 1.71.2 → 1.72.0

package/dist/assets/{NodeCreator-CvOLgSO_.css → NodeCreator-BvqI_pdC.css}

@@ -1,15 +1,10 @@
 ._searchContainer_dci3d_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   height: 40px;
   padding: 0 var(--spacing-xs);
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   margin: var(--search-margin, var(--spacing-s));
-  -webkit-filter: drop-shadow(0px 2px 5px rgba(46, 46, 50, 0.04));
-          filter: drop-shadow(0px 2px 5px rgba(46, 46, 50, 0.04));
+  filter: drop-shadow(0px 2px 5px rgba(46, 46, 50, 0.04));
   border: 1px solid var(--color-foreground-base);
   background-color: var(--color-background-xlight);
   color: var(--color-text-light);
@@ -27,9 +22,7 @@
   color: var(--color-primary) !important;
 }
 ._text_dci3d_26 {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+  flex-grow: 1;
 }
 ._text_dci3d_26 input {
   width: 100%;
@@ -37,14 +30,10 @@
   outline: none;
   font-size: var(--font-size-s);
   -webkit-appearance: none;
-     -moz-appearance: none;
           appearance: none;
   background-color: var(--color-background-xlight);
   color: var(--color-text-dark);
 }
-._text_dci3d_26 input::-webkit-input-placeholder {
-  color: var(--color-text-light);
-}
 ._text_dci3d_26 input::placeholder, ._text_dci3d_26 input::-webkit-input-placeholder {
   color: var(--color-text-light);
 }
@@ -70,8 +59,6 @@
   margin-left: 15px;
   margin-right: 12px;
   -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 ._nodeIcon_124lg_9 {
@@ -82,8 +69,7 @@
   border-radius: 50%;
   height: 40px;
   position: absolute;
-  -webkit-transform: translate(-7px, -7px);
-          transform: translate(-7px, -7px);
+  transform: translate(-7px, -7px);
   width: 40px;
   z-index: 1;
 }
@@ -99,15 +85,9 @@
   border: 2px solid var(--color-foreground-xdark);
   border-radius: var(--border-radius-large);
   background-color: var(--color-background-xlight);
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
 }
 ._draggableDataTransfer_124lg_41 {
   width: 1px;
@@ -152,15 +132,9 @@
   border: 2px solid var(--color-foreground-xdark);
   border-radius: var(--border-radius-large);
   background-color: var(--color-background-xlight);
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
 }
 ._draggableDataTransfer_139su_31 {
   width: 1px;
@@ -183,8 +157,6 @@
   line-height: var(--font-line-height-compact);
   padding: var(--spacing-2xs) var(--spacing-s);
   border-bottom: 1px solid var(--color-foreground-base);
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   cursor: pointer;
   position: relative;
@@ -204,9 +176,7 @@
   border-color: var(--color-primary);
 }
 ._name_b4ocq_31 {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+  flex-grow: 1;
   color: var(--color-text-dark);
 }
 ._arrow_b4ocq_36 {
@@ -258,13 +228,8 @@
   margin: var(--spacing-xs) var(--spacing-s);
 }
 ._itemsRenderer_1rgyl_28 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   scrollbar-width: none; /* Firefox 64 */
 }
 ._itemsRenderer_1rgyl_28 > *::-webkit-scrollbar {
@@ -311,13 +276,8 @@
 ._borderless_1rgyl_73:last-child:after {
   content: none;
 }._container_25ezu_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   padding-bottom: var(--spacing-3xl);
 }
 ._resetSearch_25ezu_7 {
@@ -351,19 +311,11 @@
   text-align: center;
   height: 100%;
   border-left: 1px solid var(--color-foreground-base);
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   font-weight: 400;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -ms-flex-line-pack: center;
-      align-content: center;
+  align-items: center;
+  align-content: center;
   padding: 0 var(--spacing-2xl);
 }
 ._title_8axui_14 {
@@ -402,24 +354,19 @@
 .panel-slide-in-enter-active,
 .panel-slide-out-leave-active,
 .panel-slide-out-enter-active {
-  -webkit-transition: -webkit-transform 200ms ease;
-  transition: -webkit-transform 200ms ease;
   transition: transform 200ms ease;
-  transition: transform 200ms ease, -webkit-transform 200ms ease;
   position: absolute;
   left: 0;
   right: 0;
 }
 .panel-slide-out-enter-from,
 .panel-slide-in-leave-to {
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
+  transform: translateX(0);
   z-index: -1;
 }
 .panel-slide-out-leave-to,
 .panel-slide-in-enter-from {
-  -webkit-transform: translateX(100%);
-          transform: translateX(100%);
+  transform: translateX(100%);
   z-index: 1;
 }
 ._info_vhrjt_23 {
@@ -443,13 +390,8 @@
 ._renderedItems_vhrjt_45 {
   overflow: auto;
   height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   scrollbar-width: none; /* Firefox 64 */
   padding-bottom: var(--spacing-xl);
 }
@@ -457,8 +399,7 @@
   display: none;
 }
 ._searchBar_vhrjt_57 {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  flex-shrink: 0;
 }
 ._nodesListPanel_vhrjt_61 {
   background: var(--color-background-xlight);
@@ -466,17 +407,11 @@
   background-color: var(--color-background-xlight);
   --color-background-node-icon-badge: var(--color-background-xlight);
   width: 385px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
 }
 ._nodesListPanel_vhrjt_61:before {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   content: "";
   border-left: 1px solid var(--color-foreground-base);
   width: 1px;
@@ -494,12 +429,8 @@
   margin-top: -1px;
 }
 ._top_vhrjt_90 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 ._header_vhrjt_95 {
   font-size: var(--font-size-l);
@@ -584,7 +515,6 @@
   z-index: 1;
   background: var(--color-dialog-overlay-background);
   pointer-events: none;
-  -webkit-transition: opacity 200ms ease-in-out;
   transition: opacity 200ms ease-in-out;
 }
 ._nodeCreatorScrim_1dtlx_16._active_1dtlx_28 {

package/dist/assets/{NodeCreator-DDfa-bj4.js → NodeCreator-CuQ2ZOEz.js}

@@ -1,14 +1,14 @@
-import { dl as createCompounder, jQ as memoize, fC as i18n, gg as HTTP_REQUEST_NODE_TYPE, jR as getCredentialOnlyNodeType, fn as CUSTOM_API_CALL_KEY, b6 as AI_SUBCATEGORY, d as defineComponent, cE as reactive, o as onMounted, x as onBeforeUnmount, aU as toRefs, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, f as createCommentVNode, aP as useExternalHooks, _ as _export_sfc, r as ref, q as computed, fy as DEFAULT_SUBCATEGORY, jS as CREDENTIAL_ONLY_NODE_PREFIX, dy as isCommunityPackageName, cI as resolveDirective, e as createBlock, aO as createSlots, w as withCtx, ay as withDirectives, l as unref, dB as COMMUNITY_NODES_INSTALLATION_DOCS_URL, dx as _sfc_main$h, B as normalizeStyle, I as withModifiers, az as vShow, g as useI18n, gI as DRAG_EVENT_DATA_KEY, gH as getNewNodePosition, gJ as NODE_SIZE, ak as useTelemetry, aX as mergeProps, t as toDisplayString, dP as WEBHOOK_NODE_TYPE, s as renderSlot, T as useWorkflowsStore, H as watch, aV as normalizeProps, aW as guardReactiveProps, b0 as onUnmounted, F as Fragment, A as renderList, fW as REGULAR_NODE_CREATOR_VIEW, u as useUsersStore, fR as TRIGGER_NODE_CREATOR_VIEW, jy as OPEN_AI_NODE_TYPE, jx as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, dj as withMemo, bR as createStaticVNode, k as createTextVNode, jT as REQUEST_NODE_FORM_URL, K as useUIStore, Z as useRootStore, jU as getNodeIconUrl, jV as getNodeIcon, jW as getNodeIconColor, fD as AI_NODE_CREATOR_VIEW, fE as AI_OTHERS_NODE_CREATOR_VIEW, J as useDebounce, bB as Transition, hQ as useAssistantStore, dX as useCredentialsStore, bk as useNodeTypesStore, jX as SlideTransition } from "./index-DkYPoe33.js";
-import { f as formatTriggerActionName, u as useNodeCreatorStore, a as useViewStacks, c as camelCase, b as useKeyboardNavigation, t as transformNodeType, d as flattenCreateElements, T as TriggerView, R as RegularView, A as AIView, e as AINodesView } from "./NodeViewSwitcher-ClUWUAyY.js";
-import { d as upperFirst, b as useNodeType } from "./useRunWorkflow-BIayODt1.js";
-import { u as useActions } from "./NodeCreation-BBm4P4Dl.js";
-import "./FileSaver.min-DNj6htjC.js";
-import "./useExecutionHelpers-COKugyln.js";
-import "./useWorkflowActivate-CXzNrkBs.js";
-import "./pushConnection.store-C0J_J7Ow.js";
-import "./useExecutionDebugging-C9kQFfou.js";
-import "./useNodeViewVersionSwitcher-BmGZloJx.js";
-import "./useBugReporting-DrYTNAFo.js";
+import { bn as createCompounder, iJ as memoize, e8 as i18n, eO as HTTP_REQUEST_NODE_TYPE, iK as getCredentialOnlyNodeType, dU as CUSTOM_API_CALL_KEY, b6 as AI_SUBCATEGORY, d as defineComponent, e1 as reactive, o as onMounted, x as onBeforeUnmount, aU as toRefs, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, f as createCommentVNode, aP as useExternalHooks, _ as _export_sfc, r as ref, q as computed, e4 as DEFAULT_SUBCATEGORY, iL as CREDENTIAL_ONLY_NODE_PREFIX, bA as isCommunityPackageName, di as resolveDirective, e as createBlock, aO as createSlots, w as withCtx, ay as withDirectives, l as unref, bD as COMMUNITY_NODES_INSTALLATION_DOCS_URL, bz as _sfc_main$h, B as normalizeStyle, I as withModifiers, az as vShow, g as useI18n, fe as DRAG_EVENT_DATA_KEY, fd as getNewNodePosition, ff as NODE_SIZE, ak as useTelemetry, aX as mergeProps, t as toDisplayString, bR as WEBHOOK_NODE_TYPE, s as renderSlot, T as useWorkflowsStore, H as watch, aV as normalizeProps, aW as guardReactiveProps, b0 as onUnmounted, F as Fragment, A as renderList, es as REGULAR_NODE_CREATOR_VIEW, u as useUsersStore, en as TRIGGER_NODE_CREATOR_VIEW, io as OPEN_AI_NODE_TYPE, im as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, iM as withMemo, dm as createStaticVNode, k as createTextVNode, iN as REQUEST_NODE_FORM_URL, K as useUIStore, Z as useRootStore, iO as getNodeIconUrl, iP as getNodeIcon, iQ as getNodeIconColor, em as AI_NODE_CREATOR_VIEW, e9 as AI_OTHERS_NODE_CREATOR_VIEW, J as useDebounce, dt as Transition, gy as useAssistantStore, bZ as useCredentialsStore, bk as useNodeTypesStore, iR as SlideTransition } from "./index-CCXI3lDY.js";
+import { f as formatTriggerActionName, u as useNodeCreatorStore, a as useViewStacks, c as camelCase, b as useKeyboardNavigation, t as transformNodeType, d as flattenCreateElements, T as TriggerView, R as RegularView, A as AIView, e as AINodesView } from "./NodeViewSwitcher-BmlbWevX.js";
+import { d as upperFirst, b as useNodeType } from "./useRunWorkflow-DrX_5tsG.js";
+import { u as useActions } from "./NodeCreation-CBqTGHa2.js";
+import "./FileSaver.min-C1fwMQTB.js";
+import "./useExecutionHelpers-DFmufkWn.js";
+import "./useWorkflowActivate-DPuLtYrd.js";
+import "./pushConnection.store-DfMj51Th.js";
+import "./useExecutionDebugging-BrbomFd3.js";
+import "./useNodeViewVersionSwitcher-lq5QJl2E.js";
+import "./useBugReporting-C9GTfqQe.js";
 var startCase = createCompounder(function(result, word, index) {
   return result + (index ? " " : "") + upperFirst(word);
 });
@@ -19,9 +19,8 @@ function translate(...args) {
 const cachedBaseText = memoize(translate, (...args) => JSON.stringify(args));
 const customNodeActionsParsers = {
   ["n8n-nodes-base.hubspotTrigger"]: (matchedProperty, nodeTypeDescription) => {
-    var _a, _b, _c;
-    const collection = (_a = matchedProperty == null ? void 0 : matchedProperty.options) == null ? void 0 : _a[0];
-    return (_c = (_b = collection == null ? void 0 : collection.values[0]) == null ? void 0 : _b.options) == null ? void 0 : _c.map(
+    const collection = matchedProperty?.options?.[0];
+    return collection?.values[0]?.options?.map(
       (categoryItem) => ({
         ...getNodeTypeBase(nodeTypeDescription),
         actionKey: categoryItem.value,
@@ -55,12 +54,9 @@ function getNodeTypeBase(nodeTypeDescription, label2) {
 function operationsCategory(nodeTypeDescription) {
   if (!!nodeTypeDescription.properties.find((property) => property.name === "resource")) return [];
   const matchedProperty = nodeTypeDescription.properties.find(
-    (property) => {
-      var _a;
-      return ((_a = property.name) == null ? void 0 : _a.toLowerCase()) === "operation";
-    }
+    (property) => property.name?.toLowerCase() === "operation"
   );
-  if (!(matchedProperty == null ? void 0 : matchedProperty.options)) return [];
+  if (!matchedProperty?.options) return [];
   const filteredOutItems = matchedProperty.options.filter(
     (categoryItem) => !["*", "", " "].includes(categoryItem.name)
   );
@@ -78,16 +74,12 @@ function operationsCategory(nodeTypeDescription) {
   return items2;
 }
 function modeCategory(nodeTypeDescription) {
-  var _a, _b;
-  const isAINode = (_b = (_a = nodeTypeDescription.codex) == null ? void 0 : _a.categories) == null ? void 0 : _b.includes(AI_SUBCATEGORY);
+  const isAINode = nodeTypeDescription.codex?.categories?.includes(AI_SUBCATEGORY);
   if (!isAINode) return [];
   const matchedProperty = nodeTypeDescription.properties.find(
-    (property) => {
-      var _a2;
-      return ((_a2 = property.name) == null ? void 0 : _a2.toLowerCase()) === "mode";
-    }
+    (property) => property.name?.toLowerCase() === "mode"
   );
-  if (!(matchedProperty == null ? void 0 : matchedProperty.options)) return [];
+  if (!matchedProperty?.options) return [];
   const modeOptions = matchedProperty.options;
   const items2 = modeOptions.map((item) => ({
     ...getNodeTypeBase(nodeTypeDescription),
@@ -103,17 +95,13 @@ function modeCategory(nodeTypeDescription) {
   return items2;
 }
 function triggersCategory(nodeTypeDescription) {
-  var _a, _b;
   const matchingKeys = ["event", "events", "trigger on"];
-  const isTrigger = (_a = nodeTypeDescription.displayName) == null ? void 0 : _a.toLowerCase().includes("trigger");
+  const isTrigger = nodeTypeDescription.displayName?.toLowerCase().includes("trigger");
   const matchedProperty = nodeTypeDescription.properties.find(
-    (property) => {
-      var _a2;
-      return matchingKeys.includes((_a2 = property.displayName) == null ? void 0 : _a2.toLowerCase());
-    }
+    (property) => matchingKeys.includes(property.displayName?.toLowerCase())
   );
   if (!isTrigger) return [];
-  if (!(matchedProperty == null ? void 0 : matchedProperty.options)) {
+  if (!matchedProperty?.options) {
     return [
       {
         ...getNodeTypeBase(nodeTypeDescription),
@@ -128,8 +116,7 @@ function triggersCategory(nodeTypeDescription) {
   const filteredOutItems = matchedProperty.options.filter(
     (categoryItem) => !["*", "", " "].includes(categoryItem.name)
   );
-  const customParsedItem = (_b = customNodeActionsParsers[nodeTypeDescription.name]) == null ? void 0 : _b.call(
-    customNodeActionsParsers,
+  const customParsedItem = customNodeActionsParsers[nodeTypeDescription.name]?.(
     matchedProperty,
     nodeTypeDescription
   );
@@ -150,41 +137,36 @@ function triggersCategory(nodeTypeDescription) {
 function resourceCategories(nodeTypeDescription) {
   const transformedNodes = [];
   const matchedProperties = nodeTypeDescription.properties.filter(
-    (property) => {
-      var _a;
-      return ((_a = property.displayName) == null ? void 0 : _a.toLowerCase()) === "resource";
-    }
+    (property) => property.displayName?.toLowerCase() === "resource"
   );
   matchedProperties.forEach((property) => {
     (property.options || []).filter((option) => option.value !== CUSTOM_API_CALL_KEY).forEach((resourceOption, _i, options) => {
       const isSingleResource = options.length === 1;
       const operations = nodeTypeDescription.properties.find((operation) => {
-        var _a, _b, _c, _d, _e;
         const isOperation = operation.name === "operation";
-        const isMatchingResource = ((_c = (_b = (_a = operation.displayOptions) == null ? void 0 : _a.show) == null ? void 0 : _b.resource) == null ? void 0 : _c.includes(resourceOption.value)) ?? isSingleResource;
-        const operationVersions = (_e = (_d = operation.displayOptions) == null ? void 0 : _d.show) == null ? void 0 : _e["@version"];
+        const isMatchingResource = operation.displayOptions?.show?.resource?.includes(resourceOption.value) ?? isSingleResource;
+        const operationVersions = operation.displayOptions?.show?.["@version"];
         const nodeTypeVersions = Array.isArray(nodeTypeDescription.version) ? nodeTypeDescription.version : [nodeTypeDescription.version];
         const isMatchingVersion = operationVersions ? operationVersions.some(
           (version) => typeof version === "number" && nodeTypeVersions.includes(version)
         ) : true;
         return isOperation && isMatchingResource && isMatchingVersion;
       });
-      if (!(operations == null ? void 0 : operations.options)) return;
+      if (!operations?.options) return;
       const items2 = (operations.options || []).map(
         (operationOption) => {
-          var _a;
           const displayName = operationOption.action ?? `${resourceOption.name} ${startCase(operationOption.name)}`;
-          const displayOptions = isSingleResource ? { show: { resource: [(_a = options[0]) == null ? void 0 : _a.value] } } : operations == null ? void 0 : operations.displayOptions;
+          const displayOptions = isSingleResource ? { show: { resource: [options[0]?.value] } } : operations?.displayOptions;
           return {
             ...getNodeTypeBase(
               nodeTypeDescription,
               `${resourceOption.name} ${cachedBaseText("nodeCreator.actionsCategory.actions")}`
             ),
             actionKey: operationOption.value,
-            description: (operationOption == null ? void 0 : operationOption.description) ?? "",
+            description: operationOption?.description ?? "",
             displayOptions,
             values: {
-              operation: (operations == null ? void 0 : operations.type) === "multiOptions" ? [operationOption.value] : operationOption.value
+              operation: operations?.type === "multiOptions" ? [operationOption.value] : operationOption.value
             },
             displayName,
             group: ["trigger"]
@@ -198,9 +180,8 @@ function resourceCategories(nodeTypeDescription) {
 }
 function useActionsGenerator() {
   function generateNodeActions(node) {
-    var _a, _b, _c;
     if (!node) return [];
-    if ((_c = (_b = (_a = node.codex) == null ? void 0 : _a.subcategories) == null ? void 0 : _b.AI) == null ? void 0 : _c.includes("Tools")) return [];
+    if (node.codex?.subcategories?.AI?.includes("Tools")) return [];
     return [
       ...triggersCategory(node),
       ...operationsCategory(node),
@@ -270,9 +251,9 @@ function useActionsGenerator() {
     visibleNodeTypes.filter((node) => node.group.includes("trigger")).forEach((trigger) => {
       const normalizedName = trigger.name.replace("Trigger", "");
       const triggerActions = generateNodeActions(trigger);
-      const appActions = (actions == null ? void 0 : actions[normalizedName]) || [];
+      const appActions = actions?.[normalizedName] || [];
       const app = mergedNodes.find((node) => node.name === normalizedName);
-      if (app && (appActions == null ? void 0 : appActions.length) > 0) {
+      if (app && appActions?.length > 0) {
         const mergedActions = filterActions([...appActions, ...triggerActions]);
         actions[normalizedName] = mergedActions;
         app.description = trigger.description;
@@ -305,8 +286,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     });
     const externalHooks = useExternalHooks();
     function focus() {
-      var _a;
-      (_a = state.inputRef) == null ? void 0 : _a.focus();
+      state.inputRef?.focus();
     }
     function onInput(event) {
       const input = event.target;
@@ -320,8 +300,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       setTimeout(focus, 0);
     });
     onBeforeUnmount(() => {
-      var _a;
-      (_a = state.inputRef) == null ? void 0 : _a.remove();
+      state.inputRef?.remove();
     });
     const { inputRef } = toRefs(state);
     __expose({
@@ -660,10 +639,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       left: `${state.draggablePosition.x}px`
     }));
     const actionData = computed(() => getActionData(props.action));
-    const isTriggerAction = (action2) => {
-      var _a;
-      return ((_a = action2.name) == null ? void 0 : _a.toLowerCase().includes("trigger")) || action2.name === WEBHOOK_NODE_TYPE;
-    };
+    const isTriggerAction = (action2) => action2.name?.toLowerCase().includes("trigger") || action2.name === WEBHOOK_NODE_TYPE;
     function onDragStart(event) {
       document.body.addEventListener("dragover", onDragOver);
       const { pageX: x, pageY: y } = event;
@@ -923,10 +899,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const { registerKeyHook } = useKeyboardNavigation();
     const { workflowId } = useWorkflowsStore();
     const nodeCreatorStore = useNodeCreatorStore();
-    const activeItemId = computed(() => {
-      var _a;
-      return (_a = useKeyboardNavigation()) == null ? void 0 : _a.activeItemId;
-    });
+    const activeItemId = computed(() => useKeyboardNavigation()?.activeItemId);
     const actionCount = computed(() => props.elements.filter(({ type }) => type === "action").length);
     const expanded = ref(props.expanded ?? false);
     function toggleExpanded() {
@@ -1072,10 +1045,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const renderedItems2 = ref([]);
     const renderAnimationRequest = ref(0);
-    const activeItemId = computed(() => {
-      var _a;
-      return (_a = useKeyboardNavigation()) == null ? void 0 : _a.activeItemId;
-    });
+    const activeItemId = computed(() => useKeyboardNavigation()?.activeItemId);
     function renderItems() {
       if (props.elements.length <= LAZY_LOAD_THRESHOLD || !props.lazyRender) {
         renderedItems2.value = props.elements;
@@ -1349,16 +1319,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       if (activeAction) onSelected(activeAction);
     }
     function onSelected(actionCreateElement) {
-      var _a, _b, _c;
       if (actionCreateElement.type !== "action") return;
       const actionData = getActionData(actionCreateElement.properties);
       const isPlaceholderTriggerAction = placeholderTriggerActions.some(
         (p) => p.key === actionCreateElement.key
       );
       if (isPlaceholderTriggerAction && isTriggerRootView.value) {
-        const actionNode = (_a = actions.value[0]) == null ? void 0 : _a.key;
+        const actionNode = actions.value[0]?.key;
         if (actionNode) emit("nodeTypeSelected", [actionData.key, actionNode]);
-      } else if ((actionData == null ? void 0 : actionData.key) === OPEN_AI_NODE_TYPE && ((_b = actionData == null ? void 0 : actionData.value) == null ? void 0 : _b.resource) === "assistant" && ((_c = actionData == null ? void 0 : actionData.value) == null ? void 0 : _c.operation) === "message") {
+      } else if (actionData?.key === OPEN_AI_NODE_TYPE && actionData?.value?.resource === "assistant" && actionData?.value?.operation === "message") {
         emit("nodeTypeSelected", [OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE]);
       } else {
         emit("nodeTypeSelected", [actionData.key]);
@@ -1366,18 +1335,17 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       if (telemetry) setAddedNodeActionParameters(actionData, telemetry, rootView.value);
     }
     function trackActionsView() {
-      var _a, _b, _c;
       const activeViewStack = useViewStacks().activeViewStack;
-      const trigger_action_count = (_a = activeViewStack.baselineItems || []) == null ? void 0 : _a.filter(
+      const trigger_action_count = (activeViewStack.baselineItems || [])?.filter(
         (action2) => action2.key.toLowerCase().includes("trigger")
       ).length;
       const appIdentifier = [...actions.value, ...placeholderTriggerActions][0].key;
       const trackingPayload = {
         app_identifier: appIdentifier,
-        actions: (_b = activeViewStack.baselineItems || []) == null ? void 0 : _b.map(
+        actions: (activeViewStack.baselineItems || [])?.map(
           (action2) => action2.properties.displayName
         ),
-        regular_action_count: ((_c = activeViewStack.baselineItems || []) == null ? void 0 : _c.length) - trigger_action_count,
+        regular_action_count: (activeViewStack.baselineItems || [])?.length - trigger_action_count,
         trigger_action_count
       };
       void useExternalHooks().run("nodeCreateList.onViewActions", trackingPayload);
@@ -1387,7 +1355,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       updateCurrentViewStack({ search: "" });
     }
     function addHttpNode() {
-      var _a;
       const updateData = {
         name: "",
         key: HTTP_REQUEST_NODE_TYPE,
@@ -1397,7 +1364,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       };
       emit("nodeTypeSelected", [HTTP_REQUEST_NODE_TYPE]);
       if (telemetry) setAddedNodeActionParameters(updateData);
-      const app_identifier = (_a = actions.value[0]) == null ? void 0 : _a.key;
+      const app_identifier = actions.value[0]?.key;
       if (!app_identifier) return;
       void useExternalHooks().run("nodeCreateList.onActionsCustmAPIClicked", {
         app_identifier
@@ -1700,7 +1667,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       emit("nodeTypeSelected", nodeTypes);
     }
     function onSelected(item) {
-      var _a;
       if (item.type === "subcategory") {
         const subcategoryKey = camelCase(item.properties.title);
         const title2 = i18n2.baseText(`nodeCreator.subcategoryNames.${subcategoryKey}`);
@@ -1730,14 +1696,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         });
       }
       if (item.type === "node") {
-        const nodeActions = (actions == null ? void 0 : actions[item.key]) || [];
+        const nodeActions = actions?.[item.key] || [];
         if (nodeActions.length <= 1 || activeViewStack.value.hideActions) {
           selectNodeType([item.key]);
           return;
         }
         const iconUrl = getNodeIconUrl(item.properties, uiStore.appliedTheme);
-        const icon2 = iconUrl ? rootStore.baseUrl + iconUrl : (_a = getNodeIcon(item.properties, uiStore.appliedTheme)) == null ? void 0 : _a.split(":")[1];
-        const transformedActions = nodeActions == null ? void 0 : nodeActions.map(
+        const icon2 = iconUrl ? rootStore.baseUrl + iconUrl : getNodeIcon(item.properties, uiStore.appliedTheme)?.split(":")[1];
+        const transformedActions = nodeActions?.map(
           (a) => transformNodeType(a, item.properties.displayName, "action")
         );
         pushViewStack({
@@ -1770,8 +1736,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         const view2 = matchedView(mergedNodes);
         pushViewStack({
           title: view2.title,
-          subtitle: (view2 == null ? void 0 : view2.subtitle) ?? "",
-          info: (view2 == null ? void 0 : view2.info) ?? "",
+          subtitle: view2?.subtitle ?? "",
+          info: view2?.info ?? "",
           items: view2.items,
           hasSearch: true,
           rootView: view2.value,
@@ -1785,15 +1751,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     }
     function subcategoriesMapper(item) {
-      var _a, _b;
       if (item.type !== "node") return item;
       const hasTriggerGroup = item.properties.group.includes("trigger");
-      const nodeActions = (actions == null ? void 0 : actions[item.key]) || [];
+      const nodeActions = actions?.[item.key] || [];
       const hasActions = nodeActions.length > 0;
       if (hasTriggerGroup && hasActions) {
-        if ((_a = item.properties) == null ? void 0 : _a.codex) {
+        if (item.properties?.codex) {
           item.properties.codex.alias = [
-            ...((_b = item.properties.codex) == null ? void 0 : _b.alias) || [],
+            ...item.properties.codex?.alias || [],
             item.properties.displayName
           ];
         }
@@ -1805,7 +1770,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (item.type === "section") return true;
       if (item.type !== "node") return false;
       const hasTriggerGroup = item.properties.group.includes("trigger");
-      const nodeActions = (actions == null ? void 0 : actions[item.key]) || [];
+      const nodeActions = actions?.[item.key] || [];
       const hasActions = nodeActions.length > 0;
       const isTriggerRootView = activeViewStack.value.rootView === TRIGGER_NODE_CREATOR_VIEW;
       if (isTriggerRootView) {
@@ -1949,7 +1914,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         const view2 = matchedView(mergedNodes);
         pushViewStack({
           title: view2.title,
-          subtitle: (view2 == null ? void 0 : view2.subtitle) ?? "",
+          subtitle: view2?.subtitle ?? "",
           items: view2.items,
           info: view2.info,
           hasSearch: true,
@@ -2114,13 +2079,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return { top: `${uiStore.bannersHeight + uiStore.headerHeight}px`, right: `${rightPosition}px` };
     });
     function onMouseUpOutside() {
-      var _a;
       if (state.mousedownInsideEvent) {
         const clickEvent = new MouseEvent("click", {
           bubbles: true,
           cancelable: true
         });
-        (_a = state.mousedownInsideEvent.target) == null ? void 0 : _a.dispatchEvent(clickEvent);
+        state.mousedownInsideEvent.target?.dispatchEvent(clickEvent);
         state.mousedownInsideEvent = null;
         unBindOnMouseUpOutside();
       }