hunk.code_window:                   }}
                   >
                     <Title size={2}>Actions</Title>
                     <Text color={colors.B60} mt={10}>
                       <When truthy={!readonly}>Add actions to the flow</When>
                       <When truthy={readonly}>You can not drag and drop new actions in Production</When>
                     </Text>
                   </NavSection>
                   <When truthy={!readonly}>
  
hunk.labels: keep keep keep replace keep keep keep keep keep
hunk.after_edit:                   <Text color={colors.B60} mt={5}>
  
hunk.file_path: apps/web/src/pages/templates/workflow/WorkflowEditorPage.tsx
hunk.type: replace
file: import React from 'react';
  import { Container as MantineContainer, ContainerProps } from '@mantine/core';
  import { colors, shadows } from '../config';
  
  /**
   * Container component
   *
   */
  export function Container({ children, ...props }: ContainerProps) {
    return (
      <MantineContainer
        sx={(theme) => ({
          padding: '0px',
          borderRadius: '7px',
          boxShadow: theme.colorScheme === 'dark' ? shadows.dark : shadows.light,
          minHeight: '100%',
          backgroundColor: theme.colorScheme === 'dark' ? colors.B15 : colors.white,
        })}
        {...props}
      >
        {children}
      </MantineContainer>
    );
  }
  