hunk.code_window:   return (
       <div style={{ minHeight: 500 }}>
         <Grid gutter={0} grow style={{ minHeight: 500 }}>
           <Grid.Col md={9} sm={6}>
             <FlowEditor templateId={templateId} steps={steps} addStep={addStep} setSelectedNodeId={setSelectedNodeId} />
           </Grid.Col>
           <Grid.Col md={3} sm={6}>
             <SideBarWrapper dark={colorScheme === 'dark'}>
               {selectedChannel ? (
  
hunk.labels: keep keep keep keep replace keep keep keep keep
hunk.after_edit:           <FlowEditor
               dragging={dragging}
               templateId={templateId}
               steps={steps}
               addStep={addStep}
               setSelectedNodeId={setSelectedNodeId}
             />
  
hunk.file_path: apps/web/src/pages/templates/workflow/WorkflowEditorPage.tsx
hunk.type: replace
file: describe('Notification Templates Screen', function () {
    beforeEach(function () {
      cy.initializeSession().as('session');
    });
  
    it('should display notification templates list', function () {
      cy.visit('/templates');
      cy.getByTestId('notifications-template')
        .find('tbody tr')
        .first()
        .getByTestId('template-edit-link')
        .then((a: any) => {
          const found = this.session.templates.find((i) => a.attr('href').includes(i._id));
          expect(found).to.be.ok;
          return expect(a.attr('href')).to.equal(`/templates/edit/${found._id}`);
        });
  
      cy.getByTestId('notifications-template')
        .find('tbody tr')
        .first()
        .getByTestId('active-status-label')
        .should('be.visible');
  
      cy.getByTestId('create-template-btn').should('have.attr', 'href', '/templates/create');
      cy.getByTestId('category-label').contains('General');
    });
  });
  