n8n-editor-ui 1.105.4 → 1.106.1

package/dist/assets/{NodeDetailsView-DAAY8u0j.js → NodeDetailsView-D_zBP3Bb.js}

@@ -1,16 +1,16 @@
-import { d as defineComponent, e as createBlock, g as openBlock, f$ 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, cf as useThrottleFn, aP as useNDVStore, T as useUIStore, r as ref, fm as useSlots, o as onMounted, x as computed, cr as ndvEventBus, I as onBeforeUnmount, ab as watch, h2 as MAIN_NODE_PANEL_WIDTH, b7 as useStorage, h3 as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, l as unref, P as normalizeStyle, J as renderSlot, cc as N8nResizeWrapper, K as nextTick, bF as useNodeHelpers, ei as storeToRefs, bD as usePinnedData, bK as useNodeTypesStore, a5 as useWorkflowsStore, cA as useDeviceSupport, cd as useStyles, h4 as getNodeOutputs, bs as NodeConnectionTypes, bL as START_NODE_TYPE, h5 as EXECUTABLE_TRIGGER_NODE_TYPES, aT as STICKY_NODE_TYPE, h6 as BASE_NODE_SURVEY_URL, h7 as dataPinningEventBus, O as resolveComponent, $ as N8nTooltip, p as N8nText, k as createTextVNode, t as toDisplayString, c as useI18n, bi as createSlots, h8 as NodeSettings, Q as createEventBus, h9 as InputPanel, ha as APP_MODALS_ELEMENT_ID, aA as useTelemetry, aC as useMessage, aD as MODAL_CONFIRM, da as jsonParse, bg as useExternalHooks } from "./index-0vi2zwei.js";
-import { _ as __unplugin_components_0, O as OutputPanel, T as TriggerPanel } from "./TriggerPanel-e3n6XSn6.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-BwfqoMi7.js";
-import "./RunDataParsedAiContent-uldVOLgS.js";
-import "./VueMarkdown-DB88HNOs.js";
-import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-BqZCYQqJ.js";
-import "./NodeView-COL17PiI.js";
-import "./global-link-actions-CkD1SfM8.js";
-import "./useExecutionDebugging-DSzk_VRK.js";
-import "./useBeforeUnload-D8cfIuzK.js";
-import "./canvas-DJZKQR0M.js";
-import "./aiTemplatesStarterCollection.store-BsCe0bSk.js";
-import "./InfoAccordion-CH0m5p8-.js";
+import { d as defineComponent, e as createBlock, g as openBlock, f$ 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, cf as useThrottleFn, aP as useNDVStore, T as useUIStore, r as ref, fs as useSlots, o as onMounted, x as computed, cr as ndvEventBus, I as onBeforeUnmount, ab as watch, gT as MAIN_NODE_PANEL_WIDTH, b7 as useStorage, gU as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, l as unref, P as normalizeStyle, J as renderSlot, cc as N8nResizeWrapper, K as nextTick, bF as useNodeHelpers, el as storeToRefs, bD as usePinnedData, bK as useNodeTypesStore, a5 as useWorkflowsStore, cA as useDeviceSupport, cd as useStyles, gV as getNodeOutputs, bs as NodeConnectionTypes, bL as START_NODE_TYPE, gW as EXECUTABLE_TRIGGER_NODE_TYPES, aT as STICKY_NODE_TYPE, gX as BASE_NODE_SURVEY_URL, gY as dataPinningEventBus, O as resolveComponent, $ as N8nTooltip, p as N8nText, k as createTextVNode, t as toDisplayString, c as useI18n, bi as createSlots, gZ as NodeSettings, Q as createEventBus, g_ as InputPanel, g$ as APP_MODALS_ELEMENT_ID, aA as useTelemetry, aC as useMessage, aD as MODAL_CONFIRM, dc as jsonParse, bg as useExternalHooks } from "./index-BoUr_2PB.js";
+import { _ as __unplugin_components_0, O as OutputPanel, T as TriggerPanel } from "./TriggerPanel-CawHOOEB.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-DZbVs_iD.js";
+import "./RunDataParsedAiContent-CbuJCBp_.js";
+import "./VueMarkdown-CXxTuRRR.js";
+import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-Dqqp4ac7.js";
+import "./NodeView-BvMrPj18.js";
+import "./global-link-actions-CLAUq-Uc.js";
+import "./useExecutionDebugging-CuyWUrpA.js";
+import "./useBeforeUnload-CvFcYuae.js";
+import "./canvas-FB8uqaY-.js";
+import "./readyToRunWorkflows.store-BujC1ADB.js";
+import "./InfoAccordion-DeO6hC1F.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "PanelDragButton",
   props: {
@@ -464,7 +464,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     renaming: { type: Boolean },
     isProductionExecutionPreview: { type: Boolean, default: false }
   },
-  emits: ["saveKeyboardShortcut", "valueChanged", "switchSelectedNode", "openConnectionNodeCreator", "redrawNode", "stopExecution"],
+  emits: ["saveKeyboardShortcut", "valueChanged", "switchSelectedNode", "openConnectionNodeCreator", "stopExecution"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
@@ -482,7 +482,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const message = useMessage();
     const { APP_Z_INDEXES } = useStyles();
     const settingsEventBus = createEventBus();
-    const redrawRequired = ref(false);
     const runInputIndex = ref(-1);
     const runOutputIndex = computed(() => ndvStore.output.run ?? -1);
     const selectedInput = ref();
@@ -568,11 +567,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const isPollingNode = activeNodeType.value?.polling;
       return !props.readOnly && isTriggerNode.value && (isWebhookBasedNode || isPollingNode || override);
     });
-    const hasOutputConnection = computed(() => {
-      if (!activeNode.value) return false;
-      const outgoingConnections = workflowsStore.outgoingConnectionsByNodeName(activeNode.value.name);
-      return (Object.values(outgoingConnections)?.[0]?.[0] ?? []).length > 0;
-    });
     const isExecutableTriggerNode = computed(() => {
       if (!activeNodeType.value) return false;
       return EXECUTABLE_TRIGGER_NODE_TYPES.includes(activeNodeType.value.name);
@@ -786,12 +780,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (isDragging.value) {
         return;
       }
-      if (activeNode.value && (typeof activeNodeType.value?.outputs === "string" || typeof activeNodeType.value?.inputs === "string" || redrawRequired.value)) {
-        const nodeName = activeNode.value.name;
-        setTimeout(() => {
-          emit("redrawNode", nodeName);
-        }, 1);
-      }
       if (outputPanelEditMode.value.enabled && activeNode.value) {
         const shouldPinDataBeforeClosing = await message.confirm(
           "",
@@ -977,8 +965,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         width: "auto",
         "append-to": `#${unref(APP_MODALS_ELEMENT_ID)}`,
         "data-test-id": "ndv",
-        "z-index": unref(APP_Z_INDEXES).NDV,
-        "data-has-output-connection": hasOutputConnection.value
+        "z-index": unref(APP_Z_INDEXES).NDV
       }, {
         default: withCtx(() => [
           createVNode(_component_n8n_tooltip, {
@@ -1073,7 +1060,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onValueChanged: valueChanged,
                   onExecute: onNodeExecute,
                   onStopExecution,
-                  onRedrawRequired: _cache[4] || (_cache[4] = ($event) => redrawRequired.value = true),
                   onActivate: onWorkflowActivate,
                   onSwitchSelectedNode,
                   onOpenConnectionNodeCreator
@@ -1133,7 +1119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 512)) : createCommentVNode("", true)
         ]),
         _: 1
-      }, 8, ["model-value", "append-to", "z-index", "data-has-output-connection"]);
+      }, 8, ["model-value", "append-to", "z-index"]);
     };
   }
 });

package/dist/assets/{NodeDetailsViewV2-rO5xAOLt.js → NodeDetailsViewV2-CAJnQ07m.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, bT as NodeIcon, at as InlineRename, l as unref, a2 as N8nLink, w as withCtx, p as N8nText, k as createTextVNode, t as toDisplayString, N as N8nIcon, $ as N8nTooltip, a0 as _sfc_main$3, _ as _export_sfc, r as ref, ho as LOCAL_STORAGE_NDV_PANEL_WIDTH, hp as toValue, g2 as useElementSize, ab as watch, bW as toRef, da as jsonParse, f$ as Draggable, hq as FontAwesomeIcon, aP as useNDVStore, bF as useNodeHelpers, ei as storeToRefs, bD as usePinnedData, bK as useNodeTypesStore, T as useUIStore, a5 as useWorkflowsStore, v as useSettingsStore, cA as useDeviceSupport, cd as useStyles, as as useTemplateRef, hr as useNodeDocsUrl, h4 as getNodeOutputs, bs as NodeConnectionTypes, bL as START_NODE_TYPE, h5 as EXECUTABLE_TRIGGER_NODE_TYPES, aT as STICKY_NODE_TYPE, aq as EnterpriseEditionFeature, cq as useKeybindings, o as onMounted, h7 as dataPinningEventBus, I as onBeforeUnmount, P as normalizeStyle, hs as getNodeIconSource, h9 as InputPanel, h8 as NodeSettings, Q as createEventBus, cc as N8nResizeWrapper, ha as APP_MODALS_ELEMENT_ID, ht as Teleport, aA as useTelemetry, aC as useMessage, aD as MODAL_CONFIRM, bg as useExternalHooks } from "./index-0vi2zwei.js";
-import { _ as __unplugin_components_0, T as TriggerPanel, O as OutputPanel } from "./TriggerPanel-e3n6XSn6.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-BwfqoMi7.js";
-import "./RunDataParsedAiContent-uldVOLgS.js";
-import "./VueMarkdown-DB88HNOs.js";
-import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-BqZCYQqJ.js";
-import "./NodeView-COL17PiI.js";
-import "./global-link-actions-CkD1SfM8.js";
-import "./useExecutionDebugging-DSzk_VRK.js";
-import "./useBeforeUnload-D8cfIuzK.js";
-import "./canvas-DJZKQR0M.js";
-import "./aiTemplatesStarterCollection.store-BsCe0bSk.js";
-import "./InfoAccordion-CH0m5p8-.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, bT as NodeIcon, at as InlineRename, l as unref, a2 as N8nLink, w as withCtx, p as N8nText, k as createTextVNode, t as toDisplayString, N as N8nIcon, $ as N8nTooltip, a0 as _sfc_main$3, _ as _export_sfc, r as ref, he as LOCAL_STORAGE_NDV_PANEL_WIDTH, hf as toValue, g2 as useElementSize, ab as watch, bW as toRef, dc as jsonParse, f$ as Draggable, hg as FontAwesomeIcon, aP as useNDVStore, bF as useNodeHelpers, el as storeToRefs, bD as usePinnedData, bK as useNodeTypesStore, T as useUIStore, a5 as useWorkflowsStore, cA as useDeviceSupport, cd as useStyles, as as useTemplateRef, hh as useNodeDocsUrl, gV as getNodeOutputs, bs as NodeConnectionTypes, bL as START_NODE_TYPE, gW as EXECUTABLE_TRIGGER_NODE_TYPES, aT as STICKY_NODE_TYPE, cq as useKeybindings, o as onMounted, gY as dataPinningEventBus, I as onBeforeUnmount, P as normalizeStyle, hi as getNodeIconSource, g_ as InputPanel, gZ as NodeSettings, Q as createEventBus, cc as N8nResizeWrapper, g$ as APP_MODALS_ELEMENT_ID, hj as Teleport, aA as useTelemetry, aC as useMessage, aD as MODAL_CONFIRM, bg as useExternalHooks } from "./index-BoUr_2PB.js";
+import { _ as __unplugin_components_0, T as TriggerPanel, O as OutputPanel } from "./TriggerPanel-CawHOOEB.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-DZbVs_iD.js";
+import "./RunDataParsedAiContent-CbuJCBp_.js";
+import "./VueMarkdown-CXxTuRRR.js";
+import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-Dqqp4ac7.js";
+import "./NodeView-BvMrPj18.js";
+import "./global-link-actions-CLAUq-Uc.js";
+import "./useExecutionDebugging-CuyWUrpA.js";
+import "./useBeforeUnload-CvFcYuae.js";
+import "./canvas-FB8uqaY-.js";
+import "./readyToRunWorkflows.store-BujC1ADB.js";
+import "./InfoAccordion-DeO6hC1F.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "NDVHeader",
   props: {
@@ -373,14 +373,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const nodeTypesStore = useNodeTypesStore();
     const uiStore = useUIStore();
     const workflowsStore = useWorkflowsStore();
-    const settingsStore = useSettingsStore();
     const deviceSupport = useDeviceSupport();
     const telemetry = useTelemetry();
     const i18n = useI18n();
     const message = useMessage();
     const { APP_Z_INDEXES } = useStyles();
     const settingsEventBus = createEventBus();
-    const redrawRequired = ref(false);
     const runInputIndex = ref(-1);
     const runOutputIndex = ref(-1);
     const isLinkingEnabled = ref(true);
@@ -536,19 +534,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isWorkflowRunning = computed(() => uiStore.isActionActive.workflowRunning);
     const isExecutionWaitingForWebhook = computed(() => workflowsStore.executionWaitingForWebhook);
     const blockUi = computed(() => isWorkflowRunning.value || isExecutionWaitingForWebhook.value);
-    const foreignCredentials = computed(() => {
-      const credentials = activeNode.value?.credentials;
-      const usedCredentials = workflowsStore.usedCredentials;
-      const foreignCredentialsArray = [];
-      if (credentials && settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.Sharing]) {
-        Object.values(credentials).forEach((credential) => {
-          if (credential.id && usedCredentials[credential.id] && !usedCredentials[credential.id].currentUserHasAccess) {
-            foreignCredentialsArray.push(credential.id);
-          }
-        });
-      }
-      return foreignCredentialsArray;
-    });
+    const foreignCredentials = computed(
+      () => nodeHelpers.getForeignCredentialsIfSharingEnabled(activeNode.value?.credentials)
+    );
     const hasForeignCredential = computed(() => foreignCredentials.value.length > 0);
     const inputPanelDisplayMode = computed(() => ndvStore.inputPanelDisplayMode);
     const outputPanelDisplayMode = computed(() => ndvStore.outputPanelDisplayMode);
@@ -984,7 +972,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(_ctx.$style.settings),
                       onExecute: onNodeExecute,
                       onStopExecution,
-                      onRedrawRequired: _cache[2] || (_cache[2] = ($event) => redrawRequired.value = true),
                       onActivate: onWorkflowActivate,
                       onSwitchSelectedNode,
                       onOpenConnectionNodeCreator
@@ -1012,14 +999,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(_ctx.$style.output),
                   onActivatePane: activateOutputPane,
                   onLinkRun: onLinkRunToOutput,
-                  onUnlinkRun: _cache[3] || (_cache[3] = () => onUnlinkRun("output")),
+                  onUnlinkRun: _cache[2] || (_cache[2] = () => onUnlinkRun("output")),
                   onRunChange: onRunOutputIndexChange,
                   onOpenSettings: openSettings,
                   onTableMounted: onOutputTableMounted,
                   onItemHover: onOutputItemHover,
                   onSearch,
                   onExecute: onNodeExecute,
-                  onDisplayModeChange: _cache[4] || (_cache[4] = ($event) => handleChangeDisplayMode("output", $event))
+                  onDisplayModeChange: _cache[3] || (_cache[3] = ($event) => handleChangeDisplayMode("output", $event))
                 }, null, 8, ["workflow", "can-link-runs", "run-index", "linked-runs", "push-ref", "is-read-only", "block-u-i", "is-production-execution-preview", "is-pane-active", "display-mode", "class"])
               ], 6)
             ], 2)

package/dist/assets/{NodeDetailsViewV2-LLVofUjw.css → NodeDetailsViewV2-LzYZcnv5.css}

@@ -381,128 +381,4 @@
   left: 50%;
   transform: translateX(-50%);
   height: var(--draggable-height);
-}/* 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
- -------------------------- */
-[data-has-output-connection=true] .ndv-connection-hint-notice {
-  display: none;
 }

package/dist/assets/{NodeView-B2097MY0.css → NodeView-BMiOpmk4.css}

@@ -795,11 +795,178 @@ to {
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_1xmhy_123 {
+._thinkingPill_nk220_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 40px;
+  padding: 0 var(--spacing-s) 0 var(--spacing-xs);
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--spacing-2xs);
+  border-radius: 22px;
+  border: 1px solid var(--prim-gray-740);
+  background: rgba(65, 66, 68, 0.92);
+  cursor: default;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+      user-select: none;
+}
+._iconWrapper_nk220_139 {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: radial-gradient(83.1% 83.1% at 30% 30%, #7a6bea 0%, #d57bae 100%);
+  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;
+}
+._stopButton_nk220_149 {
+  margin-left: var(--spacing-xs);
+}
+._text_nk220_153 {
+  color: white;
+  font-size: var(--font-size-s);
+  font-weight: var(--font-weight-medium);
+  white-space: nowrap;
+}/* 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
+ -------------------------- */
+._wrapper_16h3t_123 {
   display: flex;
   width: 100%;
 }
-._executionButtons_1xmhy_128 {
+._executionButtons_16h3t_128 {
   position: absolute;
   display: flex;
   justify-content: center;
@@ -810,43 +977,50 @@ to {
   width: auto;
 }
 @media screen and (max-width: 991px) {
-._executionButtons_1xmhy_128 {
+._executionButtons_16h3t_128 {
     left: auto;
     right: var(--spacing-s);
     transform: none;
 }
 }
-._executionButtons_1xmhy_128 button {
+._executionButtons_16h3t_128 button {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-left: 0.625rem;
 }
-._executionButtons_1xmhy_128 button:first-child {
+._executionButtons_16h3t_128 button:first-child {
   margin: 0;
 }
 @media screen and (max-width: 767px) {
-._executionButtons_1xmhy_128 button {
+._executionButtons_16h3t_128 button {
     text-indent: -10000px;
     width: 42px;
     height: 42px;
     padding: 0;
 }
-._executionButtons_1xmhy_128 button span {
+._executionButtons_16h3t_128 button span {
     margin: 0;
 }
 }
-._executionButtons_1xmhy_128 ._chatButton_1xmhy_165 {
+._executionButtons_16h3t_128 ._chatButton_16h3t_165 {
   align-self: stretch;
 }
-._setupCredentialsButtonWrapper_1xmhy_169 {
+._setupCredentialsButtonWrapper_16h3t_169 {
   position: absolute;
   left: var(--spacing-s);
   top: var(--spacing-s);
 }
-._readOnlyEnvironmentNotification_1xmhy_175 {
+._readOnlyEnvironmentNotification_16h3t_175 {
   position: absolute;
   bottom: 16px;
   left: 50%;
   transform: translateX(-50%);
+}
+._thinkingPill_16h3t_182 {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 10;
 }