diff --git a/web/src/routes/(user)/workflows/[workflowId]/WorkflowJsonEditor.svelte b/web/src/lib/components/workflows/WorkflowJsonEditor.svelte
similarity index 100%
rename from web/src/routes/(user)/workflows/[workflowId]/WorkflowJsonEditor.svelte
rename to web/src/lib/components/workflows/WorkflowJsonEditor.svelte
diff --git a/web/src/routes/(user)/workflows/[workflowId]/WorkflowStepCard.svelte b/web/src/lib/components/workflows/WorkflowStepCard.svelte
similarity index 100%
rename from web/src/routes/(user)/workflows/[workflowId]/WorkflowStepCard.svelte
rename to web/src/lib/components/workflows/WorkflowStepCard.svelte
diff --git a/web/src/routes/(user)/workflows/[workflowId]/WorkflowStepDragImage.svelte b/web/src/lib/components/workflows/WorkflowStepDragImage.svelte
similarity index 100%
rename from web/src/routes/(user)/workflows/[workflowId]/WorkflowStepDragImage.svelte
rename to web/src/lib/components/workflows/WorkflowStepDragImage.svelte
diff --git a/web/src/routes/(user)/workflows/[workflowId]/WorkflowSummary.svelte b/web/src/lib/components/workflows/WorkflowSummary.svelte
similarity index 100%
rename from web/src/routes/(user)/workflows/[workflowId]/WorkflowSummary.svelte
rename to web/src/lib/components/workflows/WorkflowSummary.svelte
diff --git a/web/src/routes/(user)/workflows/[workflowId]/+page.svelte b/web/src/routes/(user)/workflows/[workflowId]/+page.svelte
index 962c7d601ff7..5721c597fbe6 100644
--- a/web/src/routes/(user)/workflows/[workflowId]/+page.svelte
+++ b/web/src/routes/(user)/workflows/[workflowId]/+page.svelte
@@ -45,9 +45,9 @@
   import { cloneDeep, isEqual } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
-  import WorkflowJsonEditor from './WorkflowJsonEditor.svelte';
-  import WorkflowStepCard from './WorkflowStepCard.svelte';
-  import WorkflowSummary from './WorkflowSummary.svelte';
+  import WorkflowStepCard from '$lib/components/workflows/WorkflowStepCard.svelte';
+  import WorkflowJsonEditor from '$lib/components/workflows/WorkflowJsonEditor.svelte';
+  import WorkflowSummary from '$lib/components/workflows/WorkflowSummary.svelte';
 
   type WorkflowJsonContent = Required<
     Pick<WorkflowUpdateDto, 'description' | 'enabled' | 'name' | 'steps' | 'trigger'>