n8n-editor-ui 1.109.2 → 1.110.1

package/dist/assets/{NodeDetailsView-_1v8ors-.js → NodeDetailsView-BKEGFeZ7.js}

@@ -1,16 +1,16 @@
-import { d as defineComponent, e as createBlock, g as openBlock, g5 as Draggable, n as normalizeClass, w as withCtx, j as createBaseVNode, h as createElementBlock, f as createCommentVNode, i as createVNode, N as N8nIcon, _ as _export_sfc, cj as useThrottleFn, aY as useNDVStore, Q as useUIStore, r as ref, fx as useSlots, o as onMounted, x as computed, cu as ndvEventBus, W as onBeforeUnmount, a7 as watch, hc as MAIN_NODE_PANEL_WIDTH, bc as useStorage, hd as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, l as unref, ap as normalizeStyle, X as renderSlot, cg as N8nResizeWrapper, Y as nextTick, bK as useNodeHelpers, em as storeToRefs, bI as usePinnedData, ad as useNodeTypesStore, a1 as useWorkflowsStore, cD as useDeviceSupport, ch as useStyles, he as getNodeOutputs, bB as NodeConnectionTypes, bP as START_NODE_TYPE, hf as EXECUTABLE_TRIGGER_NODE_TYPES, b0 as STICKY_NODE_TYPE, hg as BASE_NODE_SURVEY_URL, hh as dataPinningEventBus, a8 as resolveComponent, a9 as Tooltip, p as N8nText, k as createTextVNode, t as toDisplayString, c as useI18n, bq as createSlots, hi as NodeSettings, aq as createEventBus, hj as InputPanel, hk as APP_MODALS_ELEMENT_ID, al as useTelemetry, am as useMessage, an as MODAL_CONFIRM, de as jsonParse, bo as useExternalHooks } from "./index-CeNA_ukL.js";
-import { _ as __unplugin_components_0, O as OutputPanel, T as TriggerPanel } from "./TriggerPanel-DT2Pi3Ln.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-CuNKq-WZ.js";
-import "./RunDataParsedAiContent-C9jVQbY-.js";
-import "./core-CZWe7osv.js";
-import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-DfVZTSuh.js";
-import "./NodeView-75dKKlK2.js";
-import "./global-link-actions-C5l8bN84.js";
-import "./useExecutionDebugging-DDy8bilm.js";
-import "./useBeforeUnload-DGets1eb.js";
-import "./canvas-X-1icOh2.js";
-import "./readyToRunWorkflows.store-DGBtTmGX.js";
-import "./InfoAccordion-BHvbx6nt.js";
+import { d as defineComponent, e as createBlock, g as openBlock, ge as Draggable, n as normalizeClass, w as withCtx, j as createBaseVNode, h as createElementBlock, f as createCommentVNode, i as createVNode, N as N8nIcon, _ as _export_sfc, cl as useThrottleFn, aY as useNDVStore, Q as useUIStore, r as ref, fF as useSlots, o as onMounted, x as computed, cw as ndvEventBus, W as onBeforeUnmount, a7 as watch, hp as MAIN_NODE_PANEL_WIDTH, bc as useStorage, hq as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, l as unref, ap as normalizeStyle, X as renderSlot, ch as N8nResizeWrapper, Y as nextTick, bL as useNodeHelpers, et as storeToRefs, bJ as usePinnedData, ad as useNodeTypesStore, a1 as useWorkflowsStore, cJ as useDeviceSupport, cK as useTelemetryContext, hr as getNodeOutputs, bC as NodeConnectionTypes, bQ as START_NODE_TYPE, hs as EXECUTABLE_TRIGGER_NODE_TYPES, b0 as STICKY_NODE_TYPE, ht as BASE_NODE_SURVEY_URL, hu as dataPinningEventBus, a8 as resolveComponent, a9 as Tooltip, p as N8nText, k as createTextVNode, t as toDisplayString, c as useI18n, br as createSlots, hv as NodeSettings, aq as createEventBus, hw as InputPanel, ci as useStyles, hx as APP_MODALS_ELEMENT_ID, al as useTelemetry, am as useMessage, an as MODAL_CONFIRM, dk as jsonParse, bp as useExternalHooks } from "./index--OJ5nhDf.js";
+import { _ as __unplugin_components_0, O as OutputPanel, T as TriggerPanel } from "./TriggerPanel-C-c5cPsc.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-7Rw9KyzM.js";
+import "./RunDataParsedAiContent-Byf4f3hM.js";
+import "./core-Br-UFy15.js";
+import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CSmXlf80.js";
+import "./NodeView-Bj14aKtm.js";
+import "./global-link-actions--TiC75iP.js";
+import "./useExecutionDebugging-Bve-aaKO.js";
+import "./useBeforeUnload-ZtUpNFCu.js";
+import "./canvas-DbK7UyVG.js";
+import "./readyToRunWorkflows.store-Dhb8bhvk.js";
+import "./InfoAccordion-u7XlbH6a.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "PanelDragButton",
   props: {
@@ -478,6 +478,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const deviceSupport = useDeviceSupport();
     const telemetry = useTelemetry();
+    const telemetryContext = useTelemetryContext({ view_shown: "ndv" });
     const i18n = useI18n();
     const message = useMessage();
     const { APP_Z_INDEXES } = useStyles();
@@ -684,7 +685,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       avgInputRowHeight.value = e.avgRowHeight;
     };
     const onWorkflowActivate = () => {
-      ndvStore.activeNodeName = null;
+      ndvStore.unsetActiveNodeName();
       setTimeout(() => {
         void workflowActivate.activateCurrentWorkflow("ndv");
       }, 1e3);
@@ -806,7 +807,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         workflow_id: workflowsStore.workflowId
       });
       triggerWaitingWarningEnabled.value = false;
-      ndvStore.activeNodeName = null;
+      ndvStore.unsetActiveNodeName();
       ndvStore.resetNDVPushRef();
     };
     const trackRunChange = (run, pane) => {
@@ -914,7 +915,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 output_displayed_run_index: outputRun.value,
                 data_pinning_tooltip_presented: pinDataDiscoveryTooltipVisible.value,
                 input_displayed_row_height_avg: avgInputRowHeight.value,
-                output_displayed_row_height_avg: avgOutputRowHeight.value
+                output_displayed_row_height_avg: avgOutputRowHeight.value,
+                source: telemetryContext.ndv_source?.value ?? "other"
               });
             }
           }, 2e3);

package/dist/assets/{NodeDetailsViewV2-BCBKcayW.js → NodeDetailsViewV2-XPdbzrLu.js}

@@ -1,16 +1,16 @@
-import { d as defineComponent, x as computed, c as useI18n, h as createElementBlock, g as openBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, e as createBlock, f as createCommentVNode, bW as NodeIcon, aH as InlineRename, l as unref, C as N8nLink, w as withCtx, p as N8nText, k as createTextVNode, t as toDisplayString, N as N8nIcon, a9 as Tooltip, aa as _sfc_main$3, _ as _export_sfc, r as ref, hz as LOCAL_STORAGE_NDV_PANEL_WIDTH, hA as toValue, g9 as useElementSize, a7 as watch, bZ as toRef, de as jsonParse, g5 as Draggable, hB as FontAwesomeIcon, aY as useNDVStore, bK as useNodeHelpers, em as storeToRefs, bI as usePinnedData, ad as useNodeTypesStore, Q as useUIStore, a1 as useWorkflowsStore, cD as useDeviceSupport, ch as useStyles, aG as useTemplateRef, hC as useNodeDocsUrl, he as getNodeOutputs, bB as NodeConnectionTypes, bP as START_NODE_TYPE, hf as EXECUTABLE_TRIGGER_NODE_TYPES, b0 as STICKY_NODE_TYPE, bm as useKeybindings, o as onMounted, hh as dataPinningEventBus, W as onBeforeUnmount, ap as normalizeStyle, hD as getNodeIconSource, hj as InputPanel, hi as NodeSettings, aq as createEventBus, cg as N8nResizeWrapper, hk as APP_MODALS_ELEMENT_ID, hE as Teleport, al as useTelemetry, am as useMessage, an as MODAL_CONFIRM, bo as useExternalHooks } from "./index-CeNA_ukL.js";
-import { _ as __unplugin_components_0, T as TriggerPanel, O as OutputPanel } from "./TriggerPanel-DT2Pi3Ln.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-CuNKq-WZ.js";
-import "./RunDataParsedAiContent-C9jVQbY-.js";
-import "./core-CZWe7osv.js";
-import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-DfVZTSuh.js";
-import "./NodeView-75dKKlK2.js";
-import "./global-link-actions-C5l8bN84.js";
-import "./useExecutionDebugging-DDy8bilm.js";
-import "./useBeforeUnload-DGets1eb.js";
-import "./canvas-X-1icOh2.js";
-import "./readyToRunWorkflows.store-DGBtTmGX.js";
-import "./InfoAccordion-BHvbx6nt.js";
+import { d as defineComponent, x as computed, c as useI18n, h as createElementBlock, g as openBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, e as createBlock, f as createCommentVNode, bX as NodeIcon, aH as InlineRename, l as unref, C as N8nLink, w as withCtx, p as N8nText, k as createTextVNode, t as toDisplayString, N as N8nIcon, a9 as Tooltip, aa as _sfc_main$3, _ as _export_sfc, r as ref, hM as LOCAL_STORAGE_NDV_PANEL_WIDTH, hN as toValue, gi as useElementSize, a7 as watch, b_ as toRef, dk as jsonParse, ge as Draggable, hO as FontAwesomeIcon, aY as useNDVStore, bL as useNodeHelpers, et as storeToRefs, bJ as usePinnedData, ad as useNodeTypesStore, Q as useUIStore, a1 as useWorkflowsStore, cJ as useDeviceSupport, cK as useTelemetryContext, aG as useTemplateRef, hP as useNodeDocsUrl, hr as getNodeOutputs, bC as NodeConnectionTypes, bQ as START_NODE_TYPE, hs as EXECUTABLE_TRIGGER_NODE_TYPES, b0 as STICKY_NODE_TYPE, bn as useKeybindings, o as onMounted, hu as dataPinningEventBus, W as onBeforeUnmount, ap as normalizeStyle, ci as useStyles, hQ as getNodeIconSource, hw as InputPanel, hv as NodeSettings, aq as createEventBus, ch as N8nResizeWrapper, hx as APP_MODALS_ELEMENT_ID, hR as Teleport, al as useTelemetry, am as useMessage, an as MODAL_CONFIRM, bp as useExternalHooks } from "./index--OJ5nhDf.js";
+import { _ as __unplugin_components_0, T as TriggerPanel, O as OutputPanel } from "./TriggerPanel-C-c5cPsc.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-7Rw9KyzM.js";
+import "./RunDataParsedAiContent-Byf4f3hM.js";
+import "./core-Br-UFy15.js";
+import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CSmXlf80.js";
+import "./NodeView-Bj14aKtm.js";
+import "./global-link-actions--TiC75iP.js";
+import "./useExecutionDebugging-Bve-aaKO.js";
+import "./useBeforeUnload-ZtUpNFCu.js";
+import "./canvas-DbK7UyVG.js";
+import "./readyToRunWorkflows.store-Dhb8bhvk.js";
+import "./InfoAccordion-u7XlbH6a.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "NDVHeader",
   props: {
@@ -375,6 +375,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const deviceSupport = useDeviceSupport();
     const telemetry = useTelemetry();
+    const telemetryContext = useTelemetryContext({ view_shown: "ndv" });
     const i18n = useI18n();
     const message = useMessage();
     const { APP_Z_INDEXES } = useStyles();
@@ -580,7 +581,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       avgInputRowHeight.value = e.avgRowHeight;
     };
     const onWorkflowActivate = () => {
-      ndvStore.activeNodeName = null;
+      ndvStore.unsetActiveNodeName();
       setTimeout(() => {
         void workflowActivate.activateCurrentWorkflow("ndv");
       }, 1e3);
@@ -684,7 +685,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         workflow_id: workflowsStore.workflowId
       });
       triggerWaitingWarningEnabled.value = false;
-      ndvStore.activeNodeName = null;
+      ndvStore.unsetActiveNodeName();
       ndvStore.resetNDVPushRef();
     };
     useKeybindings({ Escape: close });
@@ -794,7 +795,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 output_displayed_run_index: outputRun.value,
                 data_pinning_tooltip_presented: pinDataDiscoveryTooltipVisible.value,
                 input_displayed_row_height_avg: avgInputRowHeight.value,
-                output_displayed_row_height_avg: avgOutputRowHeight.value
+                output_displayed_row_height_avg: avgOutputRowHeight.value,
+                source: telemetryContext.ndv_source?.value ?? "other"
               });
             }
           }, 2e3);
@@ -970,6 +972,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       executable: !_ctx.readOnly,
                       "input-size": inputSize.value,
                       class: normalizeClass(_ctx.$style.settings),
+                      "is-ndv-v2": "",
                       onExecute: onNodeExecute,
                       onStopExecution,
                       onActivate: onWorkflowActivate,

package/dist/assets/{NodeView-CiaJbQtZ.css → NodeView-BRa11kAq.css}

@@ -120,23 +120,148 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._component_wojby_123 {
-  position: absolute;
-  right: 0;
-  z-index: 10;
-  flex-grow: 0;
-  flex-shrink: 0;
-  border-left: var(--border-base);
-  background-color: var(--color-background-xlight);
-  width: 385px;
+._wrapper_jyurh_123 {
+  display: flex;
+  position: relative;
+  width: 100%;
   height: 100%;
+  overflow: hidden;
+}
+._canvas_jyurh_131 {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: block;
+  align-items: stretch;
+  justify-content: stretch;
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._component_1u8pj_123 {
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: transform 0.2s ease;
-}
-._component_wojby_123._closed_wojby_138 {
-  transform: translateX(100%);
+  height: 100%;
+  overflow: auto;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -259,20 +384,19 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_jyurh_123 {
+._component_dktdl_123 {
   display: flex;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
+  align-items: center;
+  padding: var(--spacing-2xs);
+  gap: var(--spacing-2xs);
+  border-bottom: var(--border-base);
 }
-._canvas_jyurh_131 {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  display: block;
-  align-items: stretch;
-  justify-content: stretch;
+._breadcrumbs_dktdl_131 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4xs);
+  flex-grow: 1;
+  flex-shrink: 1;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -395,119 +519,122 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_1ebmp_123 {
+._wrapper_1yhze_123 {
   display: flex;
-  flex-direction: row nowrap;
+  flex-direction: row;
+  flex-wrap: nowrap;
   border-left: 1px solid var(--color-foreground-base);
   background: var(--color-background-xlight);
   overflow-y: hidden;
   height: 100%;
+  flex-grow: 0;
+  flex-shrink: 0;
 }
-._container_1ebmp_132 {
+._container_1yhze_135 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-._content_1ebmp_138 {
+._content_1yhze_141 {
   display: flex;
   flex-direction: column;
   height: 100%;
   width: 100%;
 }
-._content_1ebmp_138._emptyContent_1ebmp_144 {
+._content_1yhze_141._emptyContent_1yhze_147 {
   text-align: center;
   justify-content: center;
   align-items: center;
 }
-._content_1ebmp_138._emptyContent_1ebmp_144 ._emptyText_1ebmp_149 {
+._content_1yhze_141._emptyContent_1yhze_147 ._emptyText_1yhze_152 {
   margin: 0 var(--spacing-xl);
   display: flex;
   flex-direction: column;
   gap: var(--spacing-2xs);
 }
-._content_1ebmp_138._emptyContent_1ebmp_144 ._emptyText_1ebmp_149 ._focusParameterWrapper_1ebmp_155 {
+._content_1yhze_141._emptyContent_1yhze_147 ._emptyText_1yhze_152 ._focusParameterWrapper_1yhze_158 {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-2xs);
   margin-bottom: var(--spacing-m);
 }
-._content_1ebmp_138._emptyContent_1ebmp_144 ._emptyText_1ebmp_149 ._focusParameterWrapper_1ebmp_155 ._iconWrapper_1ebmp_162 {
+._content_1yhze_141._emptyContent_1yhze_147 ._emptyText_1yhze_152 ._focusParameterWrapper_1yhze_158 ._iconWrapper_1yhze_165 {
   position: relative;
   display: inline-block;
 }
-._content_1ebmp_138._emptyContent_1ebmp_144 ._emptyText_1ebmp_149 ._focusParameterWrapper_1ebmp_155 ._pointerIcon_1ebmp_166 {
+._content_1yhze_141._emptyContent_1yhze_147 ._emptyText_1yhze_152 ._focusParameterWrapper_1yhze_158 ._pointerIcon_1yhze_169 {
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translate(-20%, -30%);
   pointer-events: none;
 }
-._content_1ebmp_138._emptyContent_1ebmp_144 ._emptyText_1ebmp_149 ._focusParameterWrapper_1ebmp_155 [class*="_disabled_"] {
+._content_1yhze_141._emptyContent_1yhze_147 ._emptyText_1yhze_152 ._focusParameterWrapper_1yhze_158 [class*="_disabled_"] {
   cursor: default !important;
 }
-._content_1ebmp_138 ._tabHeader_1ebmp_176 {
+._content_1yhze_141 ._tabHeader_1yhze_179 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid var(--color-foreground-base);
   padding: var(--spacing-2xs);
 }
-._content_1ebmp_138 ._tabHeader_1ebmp_176 ._tabHeaderText_1ebmp_183 {
+._content_1yhze_141 ._tabHeader_1yhze_179 ._tabHeaderText_1yhze_186 {
   display: flex;
   gap: var(--spacing-4xs);
   align-items: baseline;
 }
-._content_1ebmp_138 ._tabHeader_1ebmp_176 ._buttonWrapper_1ebmp_188 {
+._content_1yhze_141 ._tabHeader_1yhze_179 ._buttonWrapper_1yhze_191 {
   display: flex;
   gap: var(--spacing-2xs);
   align-items: center;
 }
-._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 {
+._content_1yhze_141 ._parameterDetailsWrapper_1yhze_196 {
   display: flex;
   height: 100%;
   flex-direction: column;
   gap: var(--spacing-2xs);
   padding: var(--spacing-2xs);
 }
-._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 ._parameterOptionsWrapper_1ebmp_200 {
+._content_1yhze_141 ._parameterDetailsWrapper_1yhze_196 ._parameterOptionsWrapper_1yhze_203 {
   display: flex;
   justify-content: space-between;
 }
-._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 ._noExecutionDataTip_1ebmp_204 {
+._content_1yhze_141 ._parameterDetailsWrapper_1yhze_196 ._noExecutionDataTip_1yhze_207 {
   align-content: center;
 }
-._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 ._editorContainer_1ebmp_207 {
+._content_1yhze_141 ._parameterDetailsWrapper_1yhze_196 ._editorContainer_1yhze_210 {
   height: 100%;
   overflow-y: auto;
 }
-._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 ._editorContainer_1ebmp_207 ._editor_1ebmp_207 {
+._content_1yhze_141 ._parameterDetailsWrapper_1yhze_196 ._editorContainer_1yhze_210 ._editor_1yhze_210 {
   display: flex;
   height: 100%;
   width: 100%;
   font-size: var(--font-size-2xs);
 }
-._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 ._editorContainer_1ebmp_207 ._editor_1ebmp_207 .cm-editor {
+._content_1yhze_141 ._parameterDetailsWrapper_1yhze_196 ._editorContainer_1yhze_210 ._editor_1yhze_210 .cm-editor {
   background-color: var(--color-code-background);
   width: 100%;
 }
-._delayedShow_1ebmp_222 {
+._delayedShow_1yhze_225 {
   opacity: 0;
   transition: opacity 0.1s none;
-  animation: _triggerShow_1ebmp_1 0.1s normal 0.1s forwards;
+  animation: _triggerShow_1yhze_1 0.1s normal 0.1s forwards;
 }
-@keyframes _triggerShow_1ebmp_1 {
+@keyframes _triggerShow_1yhze_1 {
 to {
     opacity: 1;
 }
 }
-._closeButton_1ebmp_233 {
+._closeButton_1yhze_236 {
   cursor: pointer;
 }
-._heightFull_1ebmp_237 {
+._heightFull_1yhze_240 {
   height: 100%;
 }
-._forceHover_1ebmp_241 {
+._forceHover_1yhze_244 {
   color: var(--color-button-secondary-hover-active-focus-font);
   border-color: var(--color-button-secondary-hover-active-focus-border);
   background-color: var(--color-button-secondary-hover-active-focus-background);