feat(editor): Add "Working" overlay in the middle of the canvas (no-changelog) (#17744)

This commit is contained in:
Eugene
2025-07-29 13:32:00 +02:00
committed by GitHub
parent a0cf90b7d8
commit f730df398b
7 changed files with 177 additions and 3 deletions

View File

@@ -111,6 +111,7 @@ import { useNDVStore } from '@/stores/ndv.store';
import { getBounds, getNodesWithNormalizedPosition, getNodeViewTab } from '@/utils/nodeViewUtils';
import CanvasStopCurrentExecutionButton from '@/components/canvas/elements/buttons/CanvasStopCurrentExecutionButton.vue';
import CanvasStopWaitingForWebhookButton from '@/components/canvas/elements/buttons/CanvasStopWaitingForWebhookButton.vue';
import CanvasThinkingPill from '@n8n/design-system/components/CanvasThinkingPill/CanvasThinkingPill.vue';
import { nodeViewEventBus } from '@/event-bus';
import { tryToParseNumber } from '@/utils/typesUtils';
import { useTemplatesStore } from '@/stores/templates.store';
@@ -291,7 +292,8 @@ const isCanvasReadOnly = computed(() => {
isDemoRoute.value ||
isReadOnlyEnvironment.value ||
!(workflowPermissions.value.update ?? projectPermissions.value.workflow.update) ||
editableWorkflow.value.isArchived
editableWorkflow.value.isArchived ||
builderStore.streaming
);
});
@@ -2130,6 +2132,8 @@ onBeforeUnmount(() => {
{{ i18n.baseText('readOnlyEnv.cantEditOrRun') }}
</N8nCallout>
<CanvasThinkingPill v-if="builderStore.streaming" :class="$style.thinkingPill" />
<Suspense>
<LazyNodeCreation
v-if="!isCanvasReadOnly"
@@ -2236,4 +2240,12 @@ onBeforeUnmount(() => {
left: 50%;
transform: translateX(-50%);
}
.thinkingPill {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
</style>