n8n-editor-ui 1.91.1 → 1.93.0

package/dist/assets/{LogsPanel-CrGEYFLo.js → LogsPanel-D9r5AcQH.js}

@@ -1,8 +1,7 @@
-import { b0 as inject, b1 as isRef, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, j as createVNode, e as createBlock, f as createCommentVNode, m as unref, t as toDisplayString, b2 as withModifiers, _ as _export_sfc, b3 as toRefs, r as ref, o as onMounted, n as normalizeClass, x as renderSlot, b4 as normalizeProps, b5 as guardReactiveProps, b6 as resolveDynamicComponent, b7 as mergeProps, b8 as VueMarkdown, F as Fragment, D as renderList, b9 as markdownLink, ba as useFileDialog, bb as onUnmounted, B as normalizeStyle, aA as withDirectives, bc as vModelText, bd as withKeys, w as withCtx, X as watch, h as resolveComponent, l as createTextVNode, be as N8nText, bf as useClipboard, a as useToast, c as useI18n$1, aR as N8nTooltip, bg as N8nButton, aT as _sfc_main$i, aV as createSlots, aJ as useStorage, a_ as watchEffect, y as onBeforeUnmount, G as useDebounce, bh as provide, bi as useProvideTooltipAppendTo, bj as IsInPiPWindowSymbol, bk as CHAT_TRIGGER_NODE_TYPE, bl as MANUAL_CHAT_TRIGGER_NODE_TYPE, bm as NodeConnectionTypes, bn as v4, bo as get, bp as isEmpty, bq as usePinnedData, ai as useMessage, aj as MODAL_CONFIRM, br as CHAIN_SUMMARIZATION_LANGCHAIN_NODE_TYPE, bs as AI_SUBCATEGORY, bt as AI_CATEGORY_AGENTS, bu as AI_CATEGORY_CHAINS, bv as AI_CODE_NODE_TYPE, bw as getNodeInputs, bx as getConnectionTypes, by as getNodeOutputs, Q as useWorkflowsStore, bz as useNodeTypesStore, $ as useCanvasStore, b as useRouter, bA as useNodeHelpers, bB as useRunWorkflow, V as VIEWS, aZ as LOGS_PANEL_STATE, bC as _sfc_main$k, bD as I18nT, bE as N8nIcon, as as useNDVStore, bF as useVirtualList, bG as N8nRadioButtons, ag as useTelemetry, z as nextTick, bH as ndvEventBus, aS as N8nLink, av as useLocalStorage, bI as LOG_DETAILS_CONTENT, aY as useTemplateRef, a$ as N8nResizeWrapper, bJ as useStyles, bK as Workflow, bL as IN_PROGRESS_EXECUTION_ID, bM as useThrottleFn } from "./index-BLAboPd2.js";
-import { u as useClearExecutionButtonVisible } from "./useClearExecutionButtonVisible-Cvfxw8xC.js";
-import { H as HighlightJS, f as formatTokenUsageCount, _ as _sfc_main$j, g as getSubtreeTotalConsumedTokens, a as getTotalConsumedTokens, b as flattenLogEntries, R as RunData, c as createLogEntries, d as deepToRaw, e as findSelectedLogEntry } from "./RunData-D8Eax0cQ.js";
-import { t as toTime, a as toDayMonth } from "./dateFormatter-DbKqmK4w.js";
-import { u as upperFirst } from "./useCanvasOperations-C0pQBHW3.js";
+import { b0 as inject, b1 as isRef, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, j as createVNode, e as createBlock, f as createCommentVNode, m as unref, t as toDisplayString, b2 as withModifiers, _ as _export_sfc, b3 as toRefs, r as ref, o as onMounted, n as normalizeClass, x as renderSlot, b4 as normalizeProps, b5 as guardReactiveProps, b6 as resolveDynamicComponent, b7 as mergeProps, b8 as VueMarkdown, F as Fragment, D as renderList, b9 as markdownLink, ba as useFileDialog, bb as onUnmounted, B as normalizeStyle, aA as withDirectives, bc as vModelText, bd as withKeys, w as withCtx, X as watch, h as resolveComponent, l as createTextVNode, be as N8nText, bf as useClipboard, a as useToast, c as useI18n$1, aR as N8nTooltip, bg as N8nButton, aT as _sfc_main$i, aV as createSlots, aJ as useStorage, a_ as watchEffect, y as onBeforeUnmount, G as useDebounce, bh as provide, bi as useProvideTooltipAppendTo, bj as IsInPiPWindowSymbol, bk as CHAT_TRIGGER_NODE_TYPE, bl as MANUAL_CHAT_TRIGGER_NODE_TYPE, bm as NodeConnectionTypes, bn as v4, bo as get, bp as isEmpty, bq as usePinnedData, ai as useMessage, aj as MODAL_CONFIRM, br as CHAIN_SUMMARIZATION_LANGCHAIN_NODE_TYPE, bs as AI_SUBCATEGORY, bt as AI_CATEGORY_AGENTS, bu as AI_CATEGORY_CHAINS, bv as AI_CODE_NODE_TYPE, bw as getNodeInputs, bx as getConnectionTypes, by as getNodeOutputs, Q as useWorkflowsStore, bz as useNodeTypesStore, b as useRouter, bA as useNodeHelpers, bB as useRunWorkflow, V as VIEWS, aZ as LOGS_PANEL_STATE, bC as _sfc_main$k, bD as I18nT, bE as N8nIcon, bF as upperFirst, as as useNDVStore, bG as useVirtualList, bH as N8nRadioButtons, ag as useTelemetry, z as nextTick, bI as ndvEventBus, aS as N8nLink, av as useLocalStorage, bJ as LOG_DETAILS_CONTENT, aY as useTemplateRef, a$ as N8nResizeWrapper, bK as useStyles, $ as useCanvasStore, bL as Workflow, bM as IN_PROGRESS_EXECUTION_ID, bN as useThrottleFn } from "./index-DZ6VpjNj.js";
+import { u as useClearExecutionButtonVisible } from "./useClearExecutionButtonVisible-Dwc1_eG9.js";
+import { H as HighlightJS, f as formatTokenUsageCount, _ as _sfc_main$j, g as getSubtreeTotalConsumedTokens, a as getTotalConsumedTokens, b as flattenLogEntries, R as RunData, c as createLogEntries, d as deepToRaw, e as findSelectedLogEntry } from "./RunData-b0RE2JWc.js";
+import { t as toTime, a as toDayMonth } from "./dateFormatter-BPfJSa6q.js";
 function bash(hljs) {
   const regex = hljs.regex;
   const VAR = {};
@@ -3396,6 +3395,17 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         type: "success"
       });
     }
+    watch(
+      () => props.isOpen,
+      (isOpen) => {
+        if (isOpen) {
+          setTimeout(() => {
+            chatEventBus.emit("focusInput");
+          }, 0);
+        }
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.chat),
@@ -3983,16 +3993,9 @@ function useChatMessaging({
     sendMessage
   };
 }
-function useChatTrigger({
-  getNodeByName,
-  getNodeType,
-  canvasNodes,
-  workflow
-}) {
-  const chatTriggerName = ref(null);
-  const connectedNode = ref(null);
+function useChatTrigger({ getNodeByName, getNodeType, workflow }) {
   const chatTriggerNode = computed(
-    () => chatTriggerName.value ? getNodeByName(chatTriggerName.value) : null
+    () => Object.values(workflow.value.nodes).find(isChatNode) ?? null
   );
   const allowFileUploads = computed(() => {
     return chatTriggerNode.value?.parameters?.options?.allowFileUploads === true;
@@ -4000,17 +4003,10 @@ function useChatTrigger({
   const allowedFilesMimeTypes = computed(() => {
     return chatTriggerNode.value?.parameters?.options?.allowedFilesMimeTypes?.toString() ?? "";
   });
-  function setChatTriggerNode() {
-    const triggerNode = unref(canvasNodes).find(isChatNode);
-    if (!triggerNode) {
-      return;
-    }
-    chatTriggerName.value = triggerNode.name;
-  }
-  function setConnectedNode() {
+  const connectedNode = computed(() => {
     const triggerNode = chatTriggerNode.value;
     if (!triggerNode) {
-      return;
+      return null;
     }
     const chatChildren = workflow.value.getChildNodes(triggerNode.name);
     const chatRootNode = chatChildren.reverse().map((nodeName) => getNodeByName(nodeName)).filter((n) => n !== null).reverse().find((storeNode) => {
@@ -4037,42 +4033,29 @@ function useChatTrigger({
       const result = Boolean(isChatChild && (isAgent || isChain || isCustomChainOrAgent));
       return result;
     });
-    connectedNode.value = chatRootNode ?? null;
-  }
+    return chatRootNode ?? null;
+  });
   return {
     allowFileUploads,
     allowedFilesMimeTypes,
     chatTriggerNode,
-    connectedNode: computed(() => connectedNode.value),
-    setChatTriggerNode,
-    setConnectedNode
+    connectedNode
   };
 }
-function useChatState(isReadOnly, onWindowResize) {
+function useChatState(isReadOnly) {
   const locale = useI18n$1();
   const workflowsStore = useWorkflowsStore();
   const nodeTypesStore = useNodeTypesStore();
-  const canvasStore = useCanvasStore();
   const router = useRouter();
   const nodeHelpers = useNodeHelpers();
   const { runWorkflow } = useRunWorkflow({ router });
   const messages2 = ref([]);
   const currentSessionId = ref(v4().replace(/-/g, ""));
   const previousChatMessages = computed(() => workflowsStore.getPastChatMessages);
-  const canvasNodes = computed(() => workflowsStore.allNodes);
-  const allConnections = computed(() => workflowsStore.allConnections);
   const logsPanelState = computed(() => workflowsStore.logsPanelState);
   const workflow = computed(() => workflowsStore.getCurrentWorkflow());
-  const {
-    chatTriggerNode,
-    connectedNode,
-    allowFileUploads,
-    allowedFilesMimeTypes,
-    setChatTriggerNode,
-    setConnectedNode
-  } = useChatTrigger({
+  const { chatTriggerNode, connectedNode, allowFileUploads, allowedFilesMimeTypes } = useChatTrigger({
     workflow,
-    canvasNodes,
     getNodeByName: workflowsStore.getNodeByName,
     getNodeType: nodeTypesStore.getNodeType
   });
@@ -4128,33 +4111,6 @@ function useChatState(isReadOnly, onWindowResize) {
   );
   provide(ChatSymbol, chatConfig);
   provide(ChatOptionsSymbol, chatOptions);
-  watch(
-    () => logsPanelState.value,
-    (state) => {
-      if (state !== LOGS_PANEL_STATE.CLOSED) {
-        setChatTriggerNode();
-        setConnectedNode();
-        setTimeout(() => {
-          onWindowResize?.();
-          chatEventBus.emit("focusInput");
-        }, 0);
-      }
-    },
-    { immediate: true }
-  );
-  watch(
-    () => allConnections.value,
-    () => {
-      if (canvasStore.isLoading) return;
-      setTimeout(() => {
-        if (!chatTriggerNode.value) {
-          setChatTriggerNode();
-        }
-        setConnectedNode();
-      }, 0);
-    },
-    { deep: true }
-  );
   async function createExecutionPromise() {
     return await new Promise((resolve) => {
       const resolveIfFinished = (isRunning) => {
@@ -4276,7 +4232,7 @@ const cssModules$7 = {
   "$style": style0$7
 };
 const NodeName = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$7]]);
-const _hoisted_1 = ["aria-expanded"];
+const _hoisted_1 = ["aria-expanded", "aria-selected"];
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "LogsOverviewRow",
   props: {
@@ -4327,6 +4283,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         role: "treeitem",
         tabindex: "0",
         "aria-expanded": props.data.children.length > 0 && props.expanded,
+        "aria-selected": props.isSelected,
         class: normalizeClass({
           [_ctx.$style.container]: true,
           [_ctx.$style.compact]: props.isCompact,
@@ -4435,28 +4392,28 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           icon: "exclamation-triangle",
           class: normalizeClass(_ctx.$style.compactErrorIcon)
         }, null, 8, ["class"])) : createCommentVNode("", true),
-        !_ctx.isCompact || !props.isReadOnly && !props.latestInfo?.deleted && !props.latestInfo?.disabled ? (openBlock(), createBlock(unref(_sfc_main$i), {
+        !_ctx.isCompact || !props.latestInfo?.deleted ? (openBlock(), createBlock(unref(_sfc_main$i), {
           key: 4,
           type: "secondary",
+          size: "medium",
+          icon: "edit",
+          style: { "color": "var(--color-text-base)" },
+          disabled: props.latestInfo?.deleted,
+          class: normalizeClass(_ctx.$style.openNdvButton),
+          "aria-label": unref(locale).baseText("logs.overview.body.open"),
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("openNdv", props.data), ["stop"]))
+        }, null, 8, ["disabled", "class", "aria-label"])) : createCommentVNode("", true),
+        !_ctx.isCompact || !props.isReadOnly && !props.latestInfo?.deleted && !props.latestInfo?.disabled ? (openBlock(), createBlock(unref(_sfc_main$i), {
+          key: 5,
+          type: "secondary",
           size: "small",
           icon: "play",
           style: { "color": "var(--color-text-base)" },
           "aria-label": unref(locale).baseText("logs.overview.body.run"),
           class: normalizeClass([_ctx.$style.partialExecutionButton, props.data.depth > 0 ? _ctx.$style.unavailable : ""]),
           disabled: props.latestInfo?.deleted || props.latestInfo?.disabled,
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("triggerPartialExecution", props.data), ["stop"]))
+          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("triggerPartialExecution", props.data), ["stop"]))
         }, null, 8, ["aria-label", "class", "disabled"])) : createCommentVNode("", true),
-        !_ctx.isCompact || !props.latestInfo?.deleted ? (openBlock(), createBlock(unref(_sfc_main$i), {
-          key: 5,
-          type: "secondary",
-          size: "small",
-          icon: "external-link-alt",
-          style: { "color": "var(--color-text-base)" },
-          disabled: props.latestInfo?.deleted,
-          class: normalizeClass(_ctx.$style.openNdvButton),
-          "aria-label": unref(locale).baseText("logs.overview.body.open"),
-          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("openNdv", props.data), ["stop"]))
-        }, null, 8, ["disabled", "class", "aria-label"])) : createCommentVNode("", true),
         !_ctx.isCompact || props.data.children.length > 0 ? (openBlock(), createBlock(unref(N8nButton), {
           key: 6,
           type: "secondary",
@@ -4483,25 +4440,25 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$5 = "_container_12bsi_123";
-const background = "_background_12bsi_138";
-const selected = "_selected_12bsi_147";
-const error = "_error_12bsi_153";
-const indent = "_indent_12bsi_157";
-const connectorCurved = "_connectorCurved_12bsi_166";
-const connectorStraight = "_connectorStraight_12bsi_176";
-const icon$1 = "_icon_12bsi_185";
-const name = "_name_12bsi_191";
-const timeTook = "_timeTook_12bsi_197";
-const errorIcon = "_errorIcon_12bsi_202";
-const startedAt = "_startedAt_12bsi_207";
-const consumedTokens = "_consumedTokens_12bsi_213";
-const compactErrorIcon = "_compactErrorIcon_12bsi_220";
-const partialExecutionButton = "_partialExecutionButton_12bsi_228";
-const openNdvButton = "_openNdvButton_12bsi_229";
-const compact = "_compact_12bsi_220";
-const unavailable = "_unavailable_12bsi_239";
-const toggleButton = "_toggleButton_12bsi_247";
+const container$5 = "_container_1ohan_123";
+const background = "_background_1ohan_138";
+const selected = "_selected_1ohan_147";
+const error = "_error_1ohan_153";
+const indent = "_indent_1ohan_157";
+const connectorCurved = "_connectorCurved_1ohan_166";
+const connectorStraight = "_connectorStraight_1ohan_176";
+const icon$1 = "_icon_1ohan_185";
+const name = "_name_1ohan_191";
+const timeTook = "_timeTook_1ohan_197";
+const errorIcon = "_errorIcon_1ohan_202";
+const startedAt = "_startedAt_1ohan_207";
+const consumedTokens = "_consumedTokens_1ohan_213";
+const compactErrorIcon = "_compactErrorIcon_1ohan_220";
+const partialExecutionButton = "_partialExecutionButton_1ohan_228";
+const openNdvButton = "_openNdvButton_1ohan_229";
+const compact = "_compact_1ohan_220";
+const unavailable = "_unavailable_1ohan_239";
+const toggleButton = "_toggleButton_1ohan_247";
 const style0$6 = {
   container: container$5,
   background,
@@ -4710,6 +4667,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           }, 8, ["class"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             _ctx.execution ? (openBlock(), createBlock(ExecutionSummary, {
               key: 0,
+              "data-test-id": "logs-overview-status",
               class: normalizeClass(_ctx.$style.summary),
               status: _ctx.execution.status,
               "consumed-tokens": consumedTokens2.value,
@@ -4719,9 +4677,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               class: _ctx.$style.tree
             }, unref(virtualList).containerProps), [
               createBaseVNode("div", mergeProps(unref(virtualList).wrapperProps.value, { role: "tree" }), [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualList).list.value, ({ data }) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualList).list.value, ({ data, index }) => {
                   return openBlock(), createBlock(LogsOverviewRow, {
-                    key: data.id,
+                    key: index,
                     data,
                     "is-read-only": _ctx.isReadOnly,
                     "is-selected": data.node.name === _ctx.selected?.node.name && data.runIndex === _ctx.selected?.runIndex,
@@ -4784,6 +4742,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const locale = useI18n$1();
     const ndvStore = useNDVStore();
+    const displayMode = ref(__props.paneType === "input" ? "schema" : "table");
     const isMultipleInput = computed(() => __props.paneType === "input" && __props.logEntry.runData.source.length > 1);
     const runDataProps = computed(() => {
       if (__props.logEntry.depth > 0 || __props.paneType === "output") {
@@ -4795,7 +4754,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         return void 0;
       }
       return {
-        node,
+        node: {
+          ...node,
+          disabled: false
+          // For RunData component to render data from disabled nodes as well
+        },
         runIndex: source.previousNodeRun ?? 0,
         overrideOutputs: [source.previousNodeOutput ?? 0]
       };
@@ -4803,6 +4766,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     function handleClickOpenNdv() {
       ndvStore.setActiveNodeName(__props.logEntry.node.name);
     }
+    function handleChangeDisplayMode(value) {
+      displayMode.value = value;
+    }
     return (_ctx, _cache) => {
       return runDataProps.value ? (openBlock(), createBlock(RunData, mergeProps({ key: 0 }, runDataProps.value, {
         workflow: _ctx.workflow,
@@ -4816,7 +4782,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         "disable-pin": true,
         "disable-edit": true,
         "disable-hover-highlight": true,
-        "table-header-bg-color": "light"
+        "display-mode": displayMode.value,
+        "disable-ai-content": _ctx.logEntry.depth === 0,
+        "table-header-bg-color": "light",
+        onDisplayModeChange: handleChangeDisplayMode
       }), createSlots({
         header: withCtx(() => [
           createVNode(unref(N8nText), {
@@ -4870,7 +4839,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["workflow", "workflow-execution", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type"])) : createCommentVNode("", true);
+      ]), 1040, ["workflow", "workflow-execution", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type", "display-mode", "disable-ai-content"])) : createCommentVNode("", true);
     };
   }
 });

package/dist/assets/{LogsPanel-DLC2TAqh.css → LogsPanel-mTaFEGk_.css}

@@ -2853,7 +2853,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_12bsi_123 {
+._container_1ohan_123 {
   display: flex;
   align-items: center;
   justify-content: stretch;
@@ -2861,13 +2861,13 @@
   position: relative;
   z-index: 1;
 }
-._container_12bsi_123 > * {
+._container_1ohan_123 > * {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: var(--spacing-2xs);
 }
-._background_12bsi_138 {
+._background_1ohan_138 {
   position: absolute;
   left: calc(var(--indent-depth) * 32px);
   top: 0;
@@ -2876,16 +2876,16 @@
   border-radius: var(--border-radius-base);
   z-index: -1;
 }
-._selected_12bsi_147 ._background_12bsi_138 {
+._selected_1ohan_147 ._background_1ohan_138 {
   background-color: var(--color-foreground-base);
 }
-._container_12bsi_123:hover:not(._selected_12bsi_147) ._background_12bsi_138 {
+._container_1ohan_123:hover:not(._selected_1ohan_147) ._background_1ohan_138 {
   background-color: var(--color-background-light-base);
 }
-._selected_12bsi_147:not(:hover)._error_12bsi_153 ._background_12bsi_138 {
+._selected_1ohan_147:not(:hover)._error_1ohan_153 ._background_1ohan_138 {
   background-color: var(--color-danger-tint-2);
 }
-._indent_12bsi_157 {
+._indent_1ohan_157 {
   flex-grow: 0;
   flex-shrink: 0;
   width: var(--spacing-xl);
@@ -2894,7 +2894,7 @@
   overflow: hidden;
   margin-bottom: 0;
 }
-._indent_12bsi_157._connectorCurved_12bsi_166:before {
+._indent_1ohan_157._connectorCurved_1ohan_166:before {
   content: "";
   position: absolute;
   left: var(--spacing-s);
@@ -2904,7 +2904,7 @@
   height: var(--spacing-l);
   border-radius: var(--border-radius-large);
 }
-._indent_12bsi_157._connectorStraight_12bsi_176:after {
+._indent_1ohan_157._connectorStraight_1ohan_176:after {
   content: "";
   position: absolute;
   left: var(--spacing-s);
@@ -2912,82 +2912,86 @@
   border-left: 2px solid var(--color-canvas-dot);
   height: 100%;
 }
-._icon_12bsi_185 {
+._icon_1ohan_185 {
   margin-left: var(--row-gap-thickness);
   flex-grow: 0;
   flex-shrink: 0;
 }
-._name_12bsi_191 {
+._name_1ohan_191 {
   flex-basis: 0;
   flex-grow: 1;
   padding-inline-start: 0;
 }
-._timeTook_12bsi_197 {
+._timeTook_1ohan_197 {
   flex-grow: 0;
   flex-shrink: 0;
   width: 20%;
 }
-._timeTook_12bsi_197 ._errorIcon_12bsi_202 {
+._timeTook_1ohan_197 ._errorIcon_1ohan_202 {
   margin-right: var(--spacing-4xs);
   vertical-align: text-bottom;
 }
-._startedAt_12bsi_207 {
+._startedAt_1ohan_207 {
   flex-grow: 0;
   flex-shrink: 0;
   width: 25%;
 }
-._consumedTokens_12bsi_213 {
+._consumedTokens_1ohan_213 {
   flex-grow: 0;
   flex-shrink: 0;
   width: 15%;
   text-align: right;
 }
-._compactErrorIcon_12bsi_220 {
+._compactErrorIcon_1ohan_220 {
   flex-grow: 0;
   flex-shrink: 0;
 }
-._container_12bsi_123:hover ._compactErrorIcon_12bsi_220 {
+._container_1ohan_123:hover ._compactErrorIcon_1ohan_220 {
   display: none;
 }
-._partialExecutionButton_12bsi_228,
-._openNdvButton_12bsi_229 {
+._partialExecutionButton_1ohan_228,
+._openNdvButton_1ohan_229 {
   transition: none;
   /* By default, take space but keep invisible */
   visibility: hidden;
 }
-._container_12bsi_123._compact_12bsi_220 ._partialExecutionButton_12bsi_228,
-._container_12bsi_123._compact_12bsi_220 ._openNdvButton_12bsi_229 {
+._container_1ohan_123._compact_1ohan_220 ._partialExecutionButton_1ohan_228,
+._container_1ohan_123._compact_1ohan_220 ._openNdvButton_1ohan_229 {
   /* When compact, collapse to save space */
   display: none;
 }
-._container_12bsi_123:hover ._partialExecutionButton_12bsi_228:not(._unavailable_12bsi_239),
-._container_12bsi_123:hover ._openNdvButton_12bsi_229:not(._unavailable_12bsi_239) {
+._container_1ohan_123:hover ._partialExecutionButton_1ohan_228:not(._unavailable_1ohan_239),
+._container_1ohan_123:hover ._openNdvButton_1ohan_229:not(._unavailable_1ohan_239) {
   visibility: visible;
   display: inline-flex;
 }
-._partialExecutionButton_12bsi_228,
-._openNdvButton_12bsi_229,
-._toggleButton_12bsi_247 {
+._partialExecutionButton_1ohan_228,
+._openNdvButton_1ohan_229,
+._toggleButton_1ohan_247 {
   flex-grow: 0;
   flex-shrink: 0;
   border: none;
   background: transparent;
-  margin-inline-end: var(--spacing-5xs);
   color: var(--color-text-base);
   align-items: center;
   justify-content: center;
 }
-._partialExecutionButton_12bsi_228:hover,
-._openNdvButton_12bsi_229:hover,
-._toggleButton_12bsi_247:hover {
+._partialExecutionButton_1ohan_228:last-child,
+._openNdvButton_1ohan_229:last-child,
+._toggleButton_1ohan_247:last-child {
+  margin-inline-end: var(--spacing-5xs);
+}
+._partialExecutionButton_1ohan_228:hover,
+._openNdvButton_1ohan_229:hover,
+._toggleButton_1ohan_247:hover {
   background: transparent;
 }
-._partialExecutionButton_12bsi_228:disabled,
-._openNdvButton_12bsi_229:disabled,
-._toggleButton_12bsi_247:disabled {
+._partialExecutionButton_1ohan_228:disabled,
+._openNdvButton_1ohan_229:disabled,
+._toggleButton_1ohan_247:disabled {
   visibility: hidden !important;
 }
-._toggleButton_12bsi_247 {
+._toggleButton_1ohan_247 {
   display: inline-flex;
 }/* BEM support Func
  -------------------------- */

package/dist/assets/{MainHeader-CEPLiR-5.css → MainHeader-CEMGASqv.css}

@@ -664,56 +664,63 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.name-container[data-v-7ec35e38] {
+.name-container[data-v-7bae9e0c] {
   margin-right: var(--spacing-s);
 }
-.name-container[data-v-7ec35e38] .el-input {
+.name-container[data-v-7bae9e0c] .el-input {
   padding: 0;
 }
-.name[data-v-7ec35e38] {
+.name[data-v-7bae9e0c] {
   color: var(--color-text-dark);
   font-size: var(--font-size-s);
 }
-.activator[data-v-7ec35e38] {
+.activator[data-v-7bae9e0c] {
   color: var(--color-text-dark);
   font-weight: var(--font-weight-regular);
   font-size: 13px;
   line-height: 24px;
   align-items: center;
 }
-.activator > span[data-v-7ec35e38] {
+.activator > span[data-v-7bae9e0c] {
   margin-right: 5px;
 }
-.add-tag[data-v-7ec35e38] {
+.add-tag[data-v-7bae9e0c] {
   font-size: 12px;
   padding: 20px 0;
   color: var(--color-text-light);
   font-weight: var(--font-weight-bold);
   white-space: nowrap;
 }
-.add-tag[data-v-7ec35e38]:hover {
+.add-tag[data-v-7bae9e0c]:hover {
   color: var(--color-primary);
 }
-.tags[data-v-7ec35e38] {
+.tags[data-v-7bae9e0c] {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   margin-right: 20px;
 }
-.tags-edit[data-v-7ec35e38] {
+.tags-edit[data-v-7bae9e0c] {
   min-width: 100px;
   width: 100%;
   max-width: 460px;
 }
-.actions[data-v-7ec35e38] {
+.archived[data-v-7bae9e0c] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  flex: 1;
+  margin-right: 20px;
+}
+.actions[data-v-7bae9e0c] {
   display: flex;
   align-items: center;
   gap: var(--spacing-m);
   flex-wrap: nowrap;
 }
 @media screen and (max-width: 767px) {
-.name[data-v-7ec35e38] input {
+.name[data-v-7bae9e0c] input {
     min-width: 180px;
 }
 }/* BEM support Func