hunk.code_window:                   <Stack>
                       {channels.map((channel) => (
                         <div
                           key={channel.tabKey}
                           data-test-id={`dnd-${channel.testId}`}
                           onDragStart={(event) => onDragStart(event, channel.channelType)}
                           draggable
                         >
                           <DragButton Icon={channel.Icon} description={channel.description} label={channel.label} />
                         </div>
                       ))}
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep keep
hunk.after_edit:                         onDragStart={(event) => {
                             setDragging(true);
                             onDragStart(event, channel.channelType);
                           }}
                           onDragEnd={() => {
                             setDragging(false);
                           }}
  
hunk.file_path: apps/web/src/pages/templates/workflow/WorkflowEditorPage.tsx
hunk.type: replace
file: ---
  name: Feature request
  about: Suggest an idea for this project
  title: ''
  labels: ''
  assignees: ''
  
  ---
  
  ## What?
  Describe what is your feature/change request
  
  ## Why?
  A clear and concise description of why this feature is important or you need it as a user...
  
  ## How?
  If you have an idea of how this can be implemented write your solution here
  
  ## Other information
  Add any other context or screenshots about the feature request here.
  