hunk.code_window:             );
             }}
           />
           <Group spacing={16}>
             {children}
             <div>
               <Dropdown
                 withArrow={false}
  
hunk.labels: keep keep keep replace keep keep keep keep
hunk.after_edit:         <Group spacing={12} noWrap ml="auto">
  
hunk.file_path: apps/web/src/pages/integrations/components/UpdateIntegrationSidebarHeader.tsx
hunk.type: replace
file: import { Group } from '@mantine/core';
  import { ChannelTypeEnum, IEnvironment } from '@novu/shared';
  
  import { CHANNEL_TYPE_TO_STRING } from '../../../../utils/channels';
  import type { IIntegratedProvider } from '../../types';
  import { IntegrationChannel } from '../IntegrationChannel';
  import { IntegrationEnvironmentPill } from '../IntegrationEnvironmentPill';
  
  export const ProviderInfo = ({
    provider,
    environments,
  }: {
    provider: IIntegratedProvider | null;
    environments: IEnvironment[] | undefined;
  }) => (
    <Group spacing={16}>
      <IntegrationChannel
        name={CHANNEL_TYPE_TO_STRING[provider?.channel || ChannelTypeEnum.EMAIL]}
        type={provider?.channel || ChannelTypeEnum.EMAIL}
        testId="provider-instance-channel"
      />
      <IntegrationEnvironmentPill
        name={environments?.find((environment) => environment._id === provider?.environmentId)?.name || 'Development'}
        testId="provider-instance-environment"
      />
    </Group>
  );
  