hunk.code_window:     }}
       draggable
     >
       <DragButton Icon={channel.Icon} description={channel.description} label={channel.label} />
     </div>
   );
   const WorkflowEditorPage = ({
     setActivePage,
  
hunk.labels: keep keep keep replace keep keep keep keep keep
hunk.after_edit:     <DragButton
         Icon={channel.Icon}
         description={channel.type === NodeTypeEnum.ACTION ? channel.description : ''}
         label={channel.label}
       />
  
hunk.file_path: apps/web/src/pages/templates/workflow/WorkflowEditorPage.tsx
hunk.type: replace
file: import React from 'react';
  import { ComponentStory, ComponentMeta } from '@storybook/react';
  import { Title } from './Title';
  
  export default {
    title: 'Components/Typography/Title',
    component: Title,
    argTypes: {},
  } as ComponentMeta<typeof Title>;
  
  const Template: ComponentStory<typeof Title> = ({ ...args }) => <Title {...args}>Example Text</Title>;
  
  export const all = () => (
    <div>
      <Title>Header 1</Title>
      <Title size={2}>Header 2</Title>
    </div>
  );
  
  export const Header1 = Template.bind({});
  Header1.args = {
    size: 1,
  };
  
  export const Header2 = Template.bind({});
  Header2.args = {
    size: 2,
  };
  