n8n-editor-ui 1.66.0 → 1.68.0

package/dist/assets/{pushConnection.store-Cdssd0uJ.js → pushConnection.store-w_WxpOeH.js}

@@ -1,4 +1,4 @@
-import { v as createEventBus, R as defineStore, S as STORES, Z as useRootStore, m as useSettingsStore, p as computed, r as ref, W as TIME } from "./index-QAq8Sa9R.js";
+import { C as createEventBus, R as defineStore, S as STORES, Z as useRootStore, m as useSettingsStore, p as computed, r as ref, W as TIME } from "./index-40I5DMGP.js";
 const globalLinkActionsEventBus = createEventBus();
 const usePushConnectionStore = defineStore(STORES.PUSH, () => {
   const rootStore = useRootStore();

package/dist/assets/{templateActions-ClPy1BRa.js → templateActions-D4EHdA9n.js}

@@ -1,4 +1,4 @@
-import { h$ as TEMPLATE_CREDENTIAL_SETUP_EXPERIMENT, eO as assert, V as VIEWS, gd as tryToParseNumber, i4 as doesNodeHaveCredentialsToFill, i5 as getNewWorkflow, i6 as replaceAllTemplateNodeCredentials, gc as getFixedNodesList } from "./index-QAq8Sa9R.js";
+import { iE as TEMPLATE_CREDENTIAL_SETUP_EXPERIMENT, fg as assert, V as VIEWS, gz as tryToParseNumber, iI as doesNodeHaveCredentialsToFill, iJ as getNewWorkflow, iK as replaceAllTemplateNodeCredentials, gy as getFixedNodesList } from "./index-40I5DMGP.js";
 async function createWorkflowFromTemplate(opts) {
   const { credentialOverrides, nodeTypeProvider, rootStore, template, workflowsStore } = opts;
   const workflowData = await getNewWorkflow(rootStore.restApiContext, { name: template.name });

package/dist/assets/{useBugReporting-Bvr7bSQt.js → useBugReporting-CFOQlQpP.js}

@@ -1,4 +1,4 @@
-import { hp as useDebugInfo } from "./index-QAq8Sa9R.js";
+import { hL as useDebugInfo } from "./index-40I5DMGP.js";
 const BASE_FORUM_URL = "https://github.com/n8n-io/n8n/issues/new?labels=bug-report";
 const REPORT_TEMPLATE = `
 <!-- Please follow the template below. Skip the questions that are not relevant to you. -->

package/dist/assets/{useExecutionDebugging-CwyVwJqO.js → useExecutionDebugging-LQQWXhPj.js}

@@ -1,4 +1,4 @@
-import { b as useRouter, a as useToast, T as useWorkflowsStore, m as useSettingsStore, K as useUIStore, p as computed, a7 as EnterpriseEditionFeature, bt as h, hg as sanitizeHtml, ad as MODAL_CONFIRM, V as VIEWS, Z as useRootStore, ht as isFullExecutionResponse, hu as DEBUG_PAYWALL_MODAL_KEY, aj as useTelemetry, g as useI18n, ak as useMessage } from "./index-QAq8Sa9R.js";
+import { b as useRouter, a as useToast, T as useWorkflowsStore, m as useSettingsStore, K as useUIStore, a5 as usePageRedirectionHelper, p as computed, a8 as EnterpriseEditionFeature, aq as h, hC as sanitizeHtml, ae as MODAL_CONFIRM, V as VIEWS, Z as useRootStore, i5 as isFullExecutionResponse, i6 as DEBUG_PAYWALL_MODAL_KEY, ak as useTelemetry, g as useI18n, al as useMessage } from "./index-40I5DMGP.js";
 const useExecutionDebugging = () => {
   const telemetry = useTelemetry();
   const router = useRouter();
@@ -8,6 +8,7 @@ const useExecutionDebugging = () => {
   const workflowsStore = useWorkflowsStore();
   const settingsStore = useSettingsStore();
   const uiStore = useUIStore();
+  const pageRedirectionHelper = usePageRedirectionHelper();
   const isDebugEnabled = computed(
     () => settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.DebugInEditor]
   );
@@ -108,7 +109,7 @@ const useExecutionDebugging = () => {
           title: i18n.baseText(uiStore.contextBasedTranslationKeys.feature.unavailable.title),
           footerButtonAction: () => {
             uiStore.closeModal(DEBUG_PAYWALL_MODAL_KEY);
-            void uiStore.goToUpgrade("debug", "upgrade-debug");
+            void pageRedirectionHelper.goToUpgrade("debug", "upgrade-debug");
           }
         }
       });

package/dist/assets/{AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-CYMqjryg.js → useExecutionHelpers-CXGl_HIp.js}

@@ -1,5 +1,58 @@
-import { b as convertToDisplayDate } from "./dateFormatter-BCrxaIdG.js";
-import { g as useI18n, d as defineComponent, ic as useAnnotationTagsStore, K as useUIStore, p as computed, c as openBlock, e as createBlock, id as ANNOTATION_TAGS_MANAGER_MODAL_KEY, ie as _sfc_main$1 } from "./index-QAq8Sa9R.js";
+import { d as defineComponent, j4 as useAnnotationTagsStore, K as useUIStore, p as computed, c as openBlock, e as createBlock, j5 as ANNOTATION_TAGS_MANAGER_MODAL_KEY, j6 as _sfc_main$1, g as useI18n } from "./index-40I5DMGP.js";
+import { b as convertToDisplayDate } from "./dateFormatter-BRi2wSZ-.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AnnotationTagsDropdown.ee",
+  props: {
+    placeholder: { default: "" },
+    modelValue: { default: () => [] },
+    createEnabled: { type: Boolean, default: false },
+    eventBus: { default: null }
+  },
+  emits: ["update:modelValue", "esc", "blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tagsStore = useAnnotationTagsStore();
+    const uiStore = useUIStore();
+    const selectedTags = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value)
+    });
+    const allTags = computed(() => tagsStore.allTags);
+    const isLoading = computed(() => tagsStore.isLoading);
+    const tagsById = computed(() => tagsStore.tagsById);
+    async function createTag(name) {
+      return await tagsStore.create(name);
+    }
+    function handleManageTags() {
+      uiStore.openModal(ANNOTATION_TAGS_MANAGER_MODAL_KEY);
+    }
+    function handleEsc() {
+      emit("esc");
+    }
+    function handleBlur() {
+      emit("blur");
+    }
+    void tagsStore.fetchAll();
+    return (_ctx, _cache) => {
+      const _component_TagsDropdown = _sfc_main$1;
+      return openBlock(), createBlock(_component_TagsDropdown, {
+        modelValue: selectedTags.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTags.value = $event),
+        placeholder: _ctx.placeholder,
+        "create-enabled": _ctx.createEnabled,
+        "event-bus": _ctx.eventBus,
+        "all-tags": allTags.value,
+        "is-loading": isLoading.value,
+        "tags-by-id": tagsById.value,
+        "create-tag": createTag,
+        onManageTags: handleManageTags,
+        onEsc: handleEsc,
+        onBlur: handleBlur
+      }, null, 8, ["modelValue", "placeholder", "create-enabled", "event-bus", "all-tags", "is-loading", "tags-by-id"]);
+    };
+  }
+});
 function useExecutionHelpers() {
   const i18n = useI18n();
   function getUIDetails(execution) {
@@ -56,59 +109,6 @@ function useExecutionHelpers() {
     isExecutionRetriable
   };
 }
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AnnotationTagsDropdown.ee",
-  props: {
-    placeholder: { default: "" },
-    modelValue: { default: () => [] },
-    createEnabled: { type: Boolean, default: false },
-    eventBus: { default: null }
-  },
-  emits: ["update:modelValue", "esc", "blur"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const tagsStore = useAnnotationTagsStore();
-    const uiStore = useUIStore();
-    const selectedTags = computed({
-      get: () => props.modelValue,
-      set: (value) => emit("update:modelValue", value)
-    });
-    const allTags = computed(() => tagsStore.allTags);
-    const isLoading = computed(() => tagsStore.isLoading);
-    const tagsById = computed(() => tagsStore.tagsById);
-    async function createTag(name) {
-      return await tagsStore.create(name);
-    }
-    function handleManageTags() {
-      uiStore.openModal(ANNOTATION_TAGS_MANAGER_MODAL_KEY);
-    }
-    function handleEsc() {
-      emit("esc");
-    }
-    function handleBlur() {
-      emit("blur");
-    }
-    void tagsStore.fetchAll();
-    return (_ctx, _cache) => {
-      const _component_TagsDropdown = _sfc_main$1;
-      return openBlock(), createBlock(_component_TagsDropdown, {
-        modelValue: selectedTags.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTags.value = $event),
-        placeholder: _ctx.placeholder,
-        "create-enabled": _ctx.createEnabled,
-        "event-bus": _ctx.eventBus,
-        "all-tags": allTags.value,
-        "is-loading": isLoading.value,
-        "tags-by-id": tagsById.value,
-        "create-tag": createTag,
-        onManageTags: handleManageTags,
-        onEsc: handleEsc,
-        onBlur: handleBlur
-      }, null, 8, ["modelValue", "placeholder", "create-enabled", "event-bus", "all-tags", "is-loading", "tags-by-id"]);
-    };
-  }
-});
 export {
   _sfc_main as _,
   useExecutionHelpers as u

package/dist/assets/{useNodeViewVersionSwitcher-BPNKvsXw.js → useNodeViewVersionSwitcher-BLo5Qp-N.js}

@@ -1,4 +1,4 @@
-import { K as useUIStore, $ as useCanvasStore, r as ref, p as computed, V as VIEWS, g as useI18n, ao as useNDVStore, T as useWorkflowsStore, m as useSettingsStore, hn as refDebounced, ho as useLocalStorage, aj as useTelemetry } from "./index-QAq8Sa9R.js";
+import { K as useUIStore, $ as useCanvasStore, r as ref, p as computed, V as VIEWS, g as useI18n, at as useNDVStore, T as useWorkflowsStore, m as useSettingsStore, hJ as refDebounced, hK as useLocalStorage, ak as useTelemetry } from "./index-40I5DMGP.js";
 function useBeforeUnload({ route }) {
   const uiStore = useUIStore();
   const canvasStore = useCanvasStore();

package/dist/assets/{usePushConnection-DDXmzoG8.js → usePushConnection-B5ija5f5.js}

@@ -1,5 +1,5 @@
-import { im as makeRestApiRequest, R as defineStore, Z as useRootStore, d as defineComponent, c as openBlock, h as createElementBlock, k as createTextVNode, t as toDisplayString, j as createBaseVNode, A as unref, g as useI18n, a4 as useWorkflowHelpers, dl as useNodeHelpers, a as useToast, dt as useCredentialsStore, cZ as useNodeTypesStore, m as useSettingsStore, K as useUIStore, T as useWorkflowsStore, io as useAssistantStore, r as ref, ip as parse, iq as codeNodeEditorEventBus, af as WORKFLOW_SETTINGS_MODAL_KEY, ga as generateNodesGraph, bt as h, er as getTriggerNodeServiceName, aF as useExternalHooks, aj as useTelemetry } from "./index-QAq8Sa9R.js";
-import { u as usePushConnectionStore, g as globalLinkActionsEventBus } from "./pushConnection.store-Cdssd0uJ.js";
+import { iY as makeRestApiRequest, R as defineStore, Z as useRootStore, d as defineComponent, c as openBlock, h as createElementBlock, k as createTextVNode, t as toDisplayString, j as createBaseVNode, A as unref, g as useI18n, a4 as useWorkflowHelpers, bg as useNodeHelpers, a as useToast, dS as useCredentialsStore, bf as useNodeTypesStore, m as useSettingsStore, K as useUIStore, T as useWorkflowsStore, hP as useAssistantStore, r as ref, iZ as parse, i_ as codeNodeEditorEventBus, ag as WORKFLOW_SETTINGS_MODAL_KEY, gw as generateNodesGraph, aq as h, eV as getTriggerNodeServiceName, aK as useExternalHooks, ak as useTelemetry } from "./index-40I5DMGP.js";
+import { u as usePushConnectionStore, g as globalLinkActionsEventBus } from "./pushConnection.store-w_WxpOeH.js";
 const GET_STATUS_ENDPOINT = "/orchestration/worker/status";
 const sendGetWorkerStatus = async (context) => {
   await makeRestApiRequest(context, "POST", GET_STATUS_ENDPOINT);
@@ -138,7 +138,7 @@ function usePushConnection({ router }) {
     }
   }
   async function pushMessageReceived(receivedData, isRetry) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G;
     const retryAttempts = 5;
     if (receivedData.type === "sendWorkerStatusMessage") {
       const pushData = receivedData.data;
@@ -238,7 +238,7 @@ function usePushConnection({ router }) {
         const activeRunData = (_l = (_k = (_j = workflowsStore.workflowExecutionData) == null ? void 0 : _j.data) == null ? void 0 : _k.resultData) == null ? void 0 : _l.runData;
         if (activeRunData) {
           for (const key of Object.keys(activeRunData)) {
-            if (((_s = (_r = (_q = (_p = (_o = (_n = (_m = pushData.data.data.resultData.runData[key]) == null ? void 0 : _m[0]) == null ? void 0 : _n.data) == null ? void 0 : _o.main) == null ? void 0 : _p[0]) == null ? void 0 : _q[0]) == null ? void 0 : _r.json) == null ? void 0 : _s.isArtificialRecoveredEventItem) === true && activeRunData[key].length > 0)
+            if (((_w = (_v = (_u = (_t = (_s = (_r = (_q = (_p = (_o = (_n = (_m = pushData.data) == null ? void 0 : _m.data) == null ? void 0 : _n.resultData) == null ? void 0 : _o.runData) == null ? void 0 : _p[key]) == null ? void 0 : _q[0]) == null ? void 0 : _r.data) == null ? void 0 : _s.main) == null ? void 0 : _t[0]) == null ? void 0 : _u[0]) == null ? void 0 : _v.json) == null ? void 0 : _w.isArtificialRecoveredEventItem) === true && activeRunData[key].length > 0)
               pushData.data.data.resultData.runData[key] = activeRunData[key];
           }
         }
@@ -265,7 +265,7 @@ function usePushConnection({ router }) {
           }
         );
       }
-      const lineNumber = (_v = (_u = (_t = runDataExecuted == null ? void 0 : runDataExecuted.data) == null ? void 0 : _t.resultData) == null ? void 0 : _u.error) == null ? void 0 : _v.lineNumber;
+      const lineNumber = (_z = (_y = (_x = runDataExecuted == null ? void 0 : runDataExecuted.data) == null ? void 0 : _x.resultData) == null ? void 0 : _y.error) == null ? void 0 : _z.lineNumber;
       codeNodeEditorEventBus.emit("highlightLine", lineNumber ?? "final");
       const workflow = workflowHelpers.getCurrentWorkflow();
       if (runDataExecuted.waitTill !== void 0) {
@@ -284,7 +284,7 @@ function usePushConnection({ router }) {
         workflowHelpers.setDocumentTitle(workflow.name, "IDLE");
       } else if (runDataExecuted.finished !== true) {
         workflowHelpers.setDocumentTitle(workflow.name, "ERROR");
-        if (((_w = runDataExecuted.data.resultData.error) == null ? void 0 : _w.name) === "ExpressionError" && runDataExecuted.data.resultData.error.context.functionality === "pairedItem") {
+        if (((_A = runDataExecuted.data.resultData.error) == null ? void 0 : _A.name) === "ExpressionError" && runDataExecuted.data.resultData.error.functionality === "pairedItem") {
           const error = runDataExecuted.data.resultData.error;
           void workflowHelpers.getWorkflowDataToSave().then((workflowData) => {
             const eventData = {
@@ -317,7 +317,7 @@ function usePushConnection({ router }) {
             });
           });
         }
-        if (((_x = runDataExecuted.data.resultData.error) == null ? void 0 : _x.name) === "SubworkflowOperationError") {
+        if (((_B = runDataExecuted.data.resultData.error) == null ? void 0 : _B.name) === "SubworkflowOperationError") {
           const error = runDataExecuted.data.resultData.error;
           workflowsStore.subWorkflowExecutionError = error;
           toast.showMessage({
@@ -326,7 +326,7 @@ function usePushConnection({ router }) {
             type: "error",
             duration: 0
           });
-        } else if (((_y = runDataExecuted.data.resultData.error) == null ? void 0 : _y.name) === "NodeOperationError" && runDataExecuted.data.resultData.error.functionality === "configuration-node") {
+        } else if ((((_C = runDataExecuted.data.resultData.error) == null ? void 0 : _C.name) === "NodeOperationError" || ((_D = runDataExecuted.data.resultData.error) == null ? void 0 : _D.name) === "NodeApiError") && runDataExecuted.data.resultData.error.functionality === "configuration-node") {
           let title;
           const nodeError = runDataExecuted.data.resultData.error;
           if (nodeError.node.name) {
@@ -371,7 +371,7 @@ function usePushConnection({ router }) {
         if (execution == null ? void 0 : execution.executedNode) {
           const node = workflowsStore.getNodeByName(execution.executedNode);
           const nodeType = node && nodeTypesStore.getNodeType(node.type, node.typeVersion);
-          const nodeOutput = execution && execution.executedNode && ((_B = (_A = (_z = execution.data) == null ? void 0 : _z.resultData) == null ? void 0 : _A.runData) == null ? void 0 : _B[execution.executedNode]);
+          const nodeOutput = execution && execution.executedNode && ((_G = (_F = (_E = execution.data) == null ? void 0 : _E.resultData) == null ? void 0 : _F.runData) == null ? void 0 : _G[execution.executedNode]);
           if ((nodeType == null ? void 0 : nodeType.polling) && !nodeOutput) {
             toast.showMessage({
               title: i18n.baseText("pushConnection.pollingNode.dataNotFound", {
@@ -506,7 +506,6 @@ function usePushConnection({ router }) {
   };
 }
 export {
-  WORKER_HISTORY_LENGTH as W,
   useOrchestrationStore as a,
   usePushConnection as u
 };

package/dist/assets/{RunDataAi-x30tU8-0.css → useRunWorkflow-DH7ZzA8t.css}

@@ -47,9 +47,17 @@
   padding: var(--spacing-5xs);
   border-radius: var(--border-radius-base);
 }
-.node-error-view__assistant-button {
+.node-error-view__button {
   margin-left: var(--spacing-s);
   margin-bottom: var(--spacing-xs);
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
+}
+.node-error-view__button span {
+  margin-right: var(--spacing-5xs);
+  margin-left: var(--spacing-5xs);
 }
 .node-error-view__debugging {
   font-size: var(--font-size-s);
@@ -184,32 +192,32 @@
   white-space: normal;
   word-wrap: break-word;
 }
-.node-error-view__assistant-button {
+.node-error-view__button {
   margin-top: var(--spacing-xs);
-}._copyToClipboard_vdvnc_1 {
+}._copyToClipboard_1htnj_1 {
   position: absolute;
   right: var(--spacing-s);
   top: var(--spacing-s);
 }
-._rawContent_vdvnc_7 {
+._rawContent_1htnj_7 {
   position: relative;
 }
-._markdown_vdvnc_11 {
+._markdown_1htnj_11 {
   white-space: pre-wrap;
 }
-._markdown_vdvnc_11 h1 {
-  font-size: var(--font-size-xl);
+._markdown_1htnj_11 h1 {
+  font-size: var(--font-size-l);
   line-height: var(--font-line-height-xloose);
 }
-._markdown_vdvnc_11 h2 {
-  font-size: var(--font-size-l);
+._markdown_1htnj_11 h2 {
+  font-size: var(--font-size-m);
   line-height: var(--font-line-height-loose);
 }
-._markdown_vdvnc_11 h3 {
-  font-size: var(--font-size-m);
+._markdown_1htnj_11 h3 {
+  font-size: var(--font-size-s);
   line-height: var(--font-line-height-regular);
 }
-._markdown_vdvnc_11 pre {
+._markdown_1htnj_11 pre {
   background: var(--chat--message--pre--background);
   border-radius: var(--border-radius-base);
   line-height: var(--font-line-height-xloose);
@@ -217,35 +225,40 @@
   font-size: var(--font-size-s);
   white-space: pre-wrap;
 }
-._contentText_vdvnc_35 {
+._contentText_1htnj_35 {
   padding-top: var(--spacing-s);
-  font-size: var(--font-size-xs);
+  padding-left: var(--spacing-m);
+  font-size: var(--font-size-s);
 }
-._block_vdvnc_40 {
-  border: 1px solid var(--color-foreground-base);
-  background: var(--color-background-xlight);
-  padding: var(--spacing-xs);
-  border-radius: 4px;
-  margin-bottom: var(--spacing-2xs);
+._block_1htnj_41 {
+  padding: 0 0 var(--spacing-2xs) var(--spacing-2xs);
+  background: var(--color-foreground-light);
+  margin-top: var(--spacing-xl);
+  border-radius: var(--border-radius-base);
 }
-._blockContent_vdvnc_48 {
+:root ._blockContent_1htnj_48 {
   height: 0;
   overflow: hidden;
 }
-._blockContent_vdvnc_48._blockContentExpanded_vdvnc_52 {
+:root ._blockContent_1htnj_48._blockContentExpanded_1htnj_52 {
   height: auto;
 }
-._runText_vdvnc_56 {
-  line-height: var(--font-line-height-regular);
+._runText_1htnj_56 {
+  line-height: var(--font-line-height-xloose);
   white-space: pre-line;
 }
-._rawSwitch_vdvnc_61 {
+._rawSwitch_1htnj_61 {
+  opacity: 0;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
   margin-left: auto;
+  margin-right: var(--spacing-2xs);
 }
-._rawSwitch_vdvnc_61 * {
-  font-size: var(--font-size-2xs);
+._block_1htnj_41:hover ._rawSwitch_1htnj_61 {
+  opacity: 1;
 }
-._blockHeader_vdvnc_68 {
+._blockHeader_1htnj_71 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -253,25 +266,31 @@
   cursor: pointer;
   /* This hack is needed to make the whole surface of header clickable  */
   margin: calc(-1 * var(--spacing-xs));
-  padding: var(--spacing-xs);
+  padding: var(--spacing-2xs) var(--spacing-xs);
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-._blockHeader_vdvnc_68 * {
+._blockHeader_1htnj_71 * {
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-._blockTitle_vdvnc_80 {
-  font-size: var(--font-size-2xs);
+._blockTitle_1htnj_84 {
+  font-size: var(--font-size-s);
   color: var(--color-text-dark);
+  margin: 0;
+  padding-bottom: var(--spacing-4xs);
 }
-._blockToggle_vdvnc_85 {
+._blockToggle_1htnj_91 {
   border: none;
   background: none;
   padding: 0;
   color: var(--color-text-base);
+  margin-top: calc(-1 * var(--spacing-3xs));
 }
-._error_vdvnc_92 {
+._error_1htnj_99 {
   padding: var(--spacing-s) 0;
 }
 ._container_dypaw_2 {
@@ -338,14 +357,14 @@
 	        align-items: center;
 	gap: var(--spacing-3xs);
 }
-._treeToggle_z0rh6_1 {
+._treeToggle_bn98i_1 {
   border: none;
   background-color: transparent;
   padding: 0 var(--spacing-3xs);
   margin: 0 calc(-1 * var(--spacing-3xs));
   cursor: pointer;
 }
-._leafLabel_z0rh6_9 {
+._leafLabel_bn98i_9 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -354,41 +373,53 @@
           align-items: center;
   gap: var(--spacing-3xs);
 }
-._empty_z0rh6_15 {
+._noData_bn98i_15 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 100%;
+  color: var(--color-text-light);
+}
+._empty_bn98i_23 {
   padding: var(--spacing-l);
 }
-._title_z0rh6_19 {
+._title_bn98i_27 {
   font-size: var(--font-size-s);
   margin-bottom: var(--spacing-xs);
 }
-._tree_z0rh6_1 {
+._tree_bn98i_1 {
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  min-width: 12.8rem;
+  min-width: 8rem;
   height: 100%;
-  border-right: 1px solid var(--color-foreground-base);
   padding-right: var(--spacing-xs);
   padding-left: var(--spacing-2xs);
 }
-._tree_z0rh6_1._slim_z0rh6_32 {
+._tree_bn98i_1._slim_bn98i_39 {
   min-width: auto;
 }
-._runData_z0rh6_36 {
+._runData_bn98i_43 {
   width: 100%;
   height: 100%;
   overflow: auto;
 }
-._container_z0rh6_42 {
+._container_bn98i_49 {
   height: 100%;
   padding: 0 var(--spacing-xs);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-._container_z0rh6_42 .el-tree > .el-tree-node {
+._container_bn98i_49 .el-tree > .el-tree-node {
   position: relative;
 }
-._container_z0rh6_42 .el-tree > .el-tree-node:after {
+._container_bn98i_49 .el-tree > .el-tree-node:after {
   content: "";
   position: absolute;
   top: 2rem;
@@ -397,19 +428,24 @@
   width: 0.125rem;
   background-color: var(--color-foreground-base);
 }
-._container_z0rh6_42 .el-tree-node__expand-icon {
+._container_bn98i_49 .el-tree-node__expand-icon {
   display: none;
 }
-._container_z0rh6_42 .el-tree {
+._container_bn98i_49 .el-tree {
   margin-left: calc(-1 * var(--spacing-xs));
 }
-._container_z0rh6_42 .el-tree-node__content {
+._container_bn98i_49 .el-tree-node__content {
   margin-left: var(--spacing-xs);
 }
-._isSelected_z0rh6_69 {
+._nodeIcon_bn98i_76 {
+  padding: var(--spacing-3xs) var(--spacing-3xs);
+  border-radius: var(--border-radius-base);
+  margin-right: var(--spacing-4xs);
+}
+._isSelected_bn98i_82 ._nodeIcon_bn98i_76 {
   background-color: var(--color-foreground-base);
 }
-._treeNode_z0rh6_73 {
+._treeNode_bn98i_86 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -417,20 +453,23 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  gap: var(--spacing-3xs);
-  padding: var(--spacing-4xs) var(--spacing-3xs);
-  font-size: var(--font-size-xs);
+  padding-right: var(--spacing-3xs);
+  margin: var(--spacing-4xs) 0;
+  font-size: var(--font-size-2xs);
   color: var(--color-text-dark);
   margin-bottom: var(--spacing-3xs);
   cursor: pointer;
 }
-._treeNode_z0rh6_73:hover {
+._treeNode_bn98i_86._isSelected_bn98i_82 {
+  font-weight: var(--font-weight-bold);
+}
+._treeNode_bn98i_86:hover {
   background-color: var(--color-foreground-base);
 }
-._treeNode_z0rh6_73[data-tree-depth="0"] {
+._treeNode_bn98i_86[data-tree-depth="0"] {
   margin-left: calc(-1 * var(--spacing-2xs));
 }
-._treeNode_z0rh6_73:after {
+._treeNode_bn98i_86:after {
   content: "";
   position: absolute;
   margin: auto;
@@ -438,4 +477,5 @@
   height: 0.125rem;
   left: 0.75rem;
   width: calc(var(--item-depth) * 0.625rem);
+  margin-top: var(--spacing-3xs);
 }