diff --git a/app/front-end/src/features/editor/components/editorView/editorView.tsx b/app/front-end/src/features/editor/components/editorView/editorView.tsx
index edcd860..368ad4e 100644
--- a/app/front-end/src/features/editor/components/editorView/editorView.tsx
+++ b/app/front-end/src/features/editor/components/editorView/editorView.tsx
@@ -165,7 +165,7 @@ export const EditorView: React.FC = () => {
     const { totalRows, header, rows } = fileContentResponse;
 
     if (!header) {
-      fileStateUpdate(undefined, { columns: [], rows: [], aggregations: {} }, undefined);
+      fileStateUpdate(undefined, { columns: [], rows: [], aggregations: fileContent.aggregations }, undefined);
       return;
     }
 
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroup.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroup.tsx
index 031a267..a5d0d37 100644
--- a/app/front-end/src/features/editor/components/toolbarView/toolbarGroup.tsx
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroup.tsx
@@ -1,7 +1,8 @@
-import { List, useTheme } from '@mui/material';
+import { Box, List, useTheme } from '@mui/material';
 
 export interface ToolbarGroupProps {
-  children: React.ReactNode;
+  params: React.ReactNode;
+  buttons: React.ReactNode;
 }
 
 /**
@@ -25,24 +26,34 @@ export interface ToolbarGroupProps {
  * @param {React.ReactNode} children - The child elements to be displayed inside the list.
  * @returns {JSX.Element} The rendered List component.
  */
-export const ToolbarGroup: React.FC<ToolbarGroupProps> = ({ children }) => {
+export const ToolbarGroup: React.FC<ToolbarGroupProps> = ({ params, buttons }) => {
   const Theme = useTheme();
 
   return (
-    <List
+    <Box
       sx={{
-        height: '75%',
-        bgcolor: Theme.palette.background.paper,
-        px: '1rem',
-        display: 'flex',
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        gap: '1rem',
+        width: '100%',
+        height: '100%',
+        display: 'grid',
+        gridTemplateColumns: '30% 70%',
         overflow: 'auto',
-        alignContent: 'flex-start',
+        bgcolor: Theme.palette.background.paper,
       }}
     >
-      {children}
-    </List>
+      <Box sx={{ borderRight: `solid 2px ${Theme.palette.action.selected}` }}>{params}</Box>
+      <List
+        sx={{
+          pl: '1rem',
+          display: 'flex',
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: '1rem',
+          overflow: 'auto',
+          alignContent: 'flex-start',
+        }}
+      >
+        {buttons}
+      </List>
+    </Box>
   );
 };
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/applyGroupButtons.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/applyGroupButtons.tsx
index 3044051..c099c10 100644
--- a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/applyGroupButtons.tsx
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/applyGroupButtons.tsx
@@ -1,26 +1,90 @@
+import { ToolbarGroupItem, ToolbarGroupItemProps } from '@/features/editor/components/toolbarView';
+import { useToolbarContext } from '@/features/editor/hooks';
+import { useStatusContext } from '@/hooks';
 import { Deblur as DeblurIcon } from '@mui/icons-material';
+import { useCallback, useMemo } from 'react';
 
-import { ToolbarGroupItemProps } from '@/features/editor/components/toolbarView';
+export interface ApplyGroupButtonsProps {}
 
-const applySpliceAiClick = () => {
-  console.log('Clicked Apply SpliceAI Button!');
-};
+export const ApplyGroupButtons: React.FC<ApplyGroupButtonsProps> = () => {
+  const { blockedStateUpdate } = useStatusContext();
+  const { saveTo, override, applyTo, applyErrorStateUpdate } = useToolbarContext();
 
-const applyCaddClick = () => {
-  console.log('Clicked Apply CADD Button!');
-};
+  const applySpliceAiClick = useCallback(async () => {
+    if (!applyTo) {
+      applyErrorStateUpdate('Please select a file');
+      return;
+    }
+
+    blockedStateUpdate(true);
+
+    try {
+      console.log(
+        'Clicked Apply SpliceAI Button! Params:\n  saveTo:',
+        saveTo,
+        '\n  override:',
+        override,
+        '\n  applyTo:',
+        applyTo
+      );
+
+      await new Promise((resolve) => setTimeout(resolve, 1000)); // TODO: remove this line
+    } catch (error) {
+      console.error('Error applying SpliceAI:', error);
+    } finally {
+      blockedStateUpdate(false);
+    }
+  }, [saveTo, override, applyTo]);
+
+  const applyCaddClick = useCallback(async () => {
+    if (!applyTo) {
+      applyErrorStateUpdate('Please select a file');
+      return;
+    }
 
-export const ApplyGroupButtons: ToolbarGroupItemProps[] = [
-  {
-    group: 'apply',
-    icon: DeblurIcon,
-    label: 'Apply SpliceAI',
-    onClick: applySpliceAiClick,
-  },
-  {
-    group: 'apply',
-    icon: DeblurIcon,
-    label: 'Apply CADD',
-    onClick: applyCaddClick,
-  },
-];
+    blockedStateUpdate(true);
+
+    try {
+      console.log(
+        'Clicked Merge LOVD & ClinVar Button! Params:\n  saveTo:',
+        saveTo,
+        '\n  override:',
+        override,
+        '\n  applyTo:',
+        applyTo
+      );
+
+      await new Promise((resolve) => setTimeout(resolve, 1000)); // TODO: remove this line
+    } catch (error) {
+      console.error('Error applying CADD:', error);
+    } finally {
+      blockedStateUpdate(false);
+    }
+  }, [saveTo, override, applyTo]);
+
+  const buttons: ToolbarGroupItemProps[] = useMemo(
+    () => [
+      {
+        group: 'apply',
+        icon: DeblurIcon,
+        label: 'Apply SpliceAI',
+        onClick: applySpliceAiClick,
+      },
+      {
+        group: 'apply',
+        icon: DeblurIcon,
+        label: 'Apply CADD',
+        onClick: applyCaddClick,
+      },
+    ],
+    [applySpliceAiClick, applyCaddClick]
+  );
+
+  return (
+    <>
+      {buttons.map((button, index) => (
+        <ToolbarGroupItem key={index} {...button} />
+      ))}
+    </>
+  );
+};
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/downloadGroupButtons.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/downloadGroupButtons.tsx
index febfd84..39a4133 100644
--- a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/downloadGroupButtons.tsx
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/downloadGroupButtons.tsx
@@ -1,36 +1,107 @@
-import { ToolbarGroupItemProps } from '@/features/editor/components/toolbarView';
-
+import { ToolbarGroupItem, ToolbarGroupItemProps } from '@/features/editor/components/toolbarView';
+import { useToolbarContext } from '@/features/editor/hooks';
+import { useStatusContext } from '@/hooks';
 import { Download as DownloadIcon } from '@mui/icons-material';
+import { useCallback, useMemo } from 'react';
 
-const handleDownloadLovdClick = () => {
-  console.log('Clicked Download Lovd Button!');
-};
+export interface DownloadGroupButtonsProps {}
 
-const handleDownloadClinvarClick = () => {
-  console.log('Clicked Download Clinvar Button!');
-};
+export const DownloadGroupButtons: React.FC<DownloadGroupButtonsProps> = () => {
+  const { blockedStateUpdate } = useStatusContext();
+  const { saveTo, override, gene } = useToolbarContext();
 
-const handleDownloadGnomadClick = () => {
-  console.log('Clicked Download Gnomad Button!');
-};
+  const handleDownloadLovdClick = useCallback(async () => {
+    blockedStateUpdate(true);
+
+    try {
+      console.log(
+        'Clicked Download Lovd Button! Params:\n  saveTo:',
+        saveTo,
+        '\n  override:',
+        override,
+        '\n  gene:',
+        gene
+      );
+
+      await new Promise((resolve) => setTimeout(resolve, 1000)); // TODO: remove this line
+    } catch (error) {
+      console.error('Error downloading LOVD file:', error);
+    } finally {
+      blockedStateUpdate(false);
+    }
+  }, [saveTo, override, gene]);
+
+  const handleDownloadClinvarClick = useCallback(async () => {
+    blockedStateUpdate(true);
 
-export const DownloadGroupButtons: ToolbarGroupItemProps[] = [
-  {
-    group: 'download',
-    icon: DownloadIcon,
-    label: 'LOVD',
-    onClick: handleDownloadLovdClick,
-  },
-  {
-    group: 'download',
-    icon: DownloadIcon,
-    label: 'ClinVar',
-    onClick: handleDownloadClinvarClick,
-  },
-  {
-    group: 'download',
-    icon: DownloadIcon,
-    label: 'gnomAD',
-    onClick: handleDownloadGnomadClick,
-  },
-];
+    try {
+      console.log(
+        'Clicked Download Clinvar Button! Params:\n  saveTo:',
+        saveTo,
+        '\n  override:',
+        override,
+        '\n  gene:',
+        gene
+      );
+
+      await new Promise((resolve) => setTimeout(resolve, 1000)); // TODO: remove this line
+    } catch (error) {
+      console.error('Error downloading ClinVar file:', error);
+    } finally {
+      blockedStateUpdate(false);
+    }
+  }, [saveTo, override, gene]);
+
+  const handleDownloadGnomadClick = useCallback(async () => {
+    blockedStateUpdate(true);
+
+    try {
+      console.log(
+        'Clicked Download Gnomad Button! Params:\n  saveTo:',
+        saveTo,
+        '\n  override:',
+        override,
+        '\n  gene:',
+        gene
+      );
+
+      await new Promise((resolve) => setTimeout(resolve, 1000)); // TODO: remove this line
+    } catch (error) {
+      console.error('Error downloading gnomAD file:', error);
+    } finally {
+      blockedStateUpdate(false);
+    }
+  }, [saveTo, override, gene]);
+
+  const buttons: ToolbarGroupItemProps[] = useMemo(
+    () => [
+      {
+        group: 'download',
+        icon: DownloadIcon,
+        label: 'LOVD',
+        onClick: handleDownloadLovdClick,
+      },
+      {
+        group: 'download',
+        icon: DownloadIcon,
+        label: 'ClinVar',
+        onClick: handleDownloadClinvarClick,
+      },
+      {
+        group: 'download',
+        icon: DownloadIcon,
+        label: 'gnomAD',
+        onClick: handleDownloadGnomadClick,
+      },
+    ],
+    [handleDownloadLovdClick, handleDownloadClinvarClick, handleDownloadGnomadClick]
+  );
+
+  return (
+    <>
+      {buttons.map((button, index) => (
+        <ToolbarGroupItem key={index} {...button} />
+      ))}
+    </>
+  );
+};
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/index.ts b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/index.ts
index 243e3af..5e8bc3b 100644
--- a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/index.ts
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/index.ts
@@ -1,3 +1,6 @@
 export { ApplyGroupButtons } from './applyGroupButtons';
+export type { ApplyGroupButtonsProps } from './applyGroupButtons';
 export { DownloadGroupButtons } from './downloadGroupButtons';
+export type { DownloadGroupButtonsProps } from './downloadGroupButtons';
 export { MergeGroupButtons } from './mergeGroupButtons';
+export type { MergeGroupButtonsProps } from './mergeGroupButtons';
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/mergeGroupButtons.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/mergeGroupButtons.tsx
index 73d2271..f7f585f 100644
--- a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/mergeGroupButtons.tsx
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupButtons/mergeGroupButtons.tsx
@@ -1,26 +1,105 @@
+import { ToolbarGroupItem, ToolbarGroupItemProps } from '@/features/editor/components/toolbarView';
+import { useToolbarContext } from '@/features/editor/hooks';
+import { useStatusContext } from '@/hooks';
 import { MergeType as MergeTypeIcon } from '@mui/icons-material';
+import { useCallback, useMemo } from 'react';
 
-import { ToolbarGroupItemProps } from '@/features/editor/components/toolbarView';
+export interface MergeGroupButtonsProps {}
 
-const mergeLovdAndGnomadClick = () => {
-  console.log('Clicked Merge LOVD & gnomAD Button!');
-};
+export const MergeGroupButtons: React.FC<MergeGroupButtonsProps> = () => {
+  const { blockedStateUpdate } = useStatusContext();
+  const {
+    saveTo,
+    override,
+    lovdFile,
+    clinvarFile,
+    gnomadFile,
+    lovdErrorStateUpdate,
+    clinvarErrorStateUpdate,
+    gnomadErrorStateUpdate,
+  } = useToolbarContext();
 
-const mergeLovdAndClinvarClick = () => {
-  console.log('Clicked Merge LOVD & ClinVar Button!');
-};
+  const mergeLovdAndGnomadClick = useCallback(async () => {
+    clinvarErrorStateUpdate('');
+
+    if (!lovdFile) lovdErrorStateUpdate('Please select a LOVD file');
+    if (!gnomadFile) gnomadErrorStateUpdate('Please select a gnomAD file');
+    if (!lovdFile || !gnomadFile) return;
+
+    blockedStateUpdate(true);
+
+    try {
+      console.log(
+        'Clicked Merge LOVD & gnomAD Button! Params:\n  saveTo:',
+        saveTo,
+        '\n  override:',
+        override,
+        '\n  lovd:',
+        lovdFile,
+        '\n  gnomad:',
+        gnomadFile
+      );
+
+      await new Promise((resolve) => setTimeout(resolve, 1000)); // TODO: remove this line
+    } catch (error) {
+      console.error('Error merging LOVD & gnomAD files:', error);
+    } finally {
+      blockedStateUpdate(false);
+    }
+  }, [saveTo, override, lovdFile, gnomadFile]);
+
+  const mergeLovdAndClinvarClick = useCallback(async () => {
+    gnomadErrorStateUpdate('');
 
-export const MergeGroupButtons: ToolbarGroupItemProps[] = [
-  {
-    group: 'merge',
-    icon: MergeTypeIcon,
-    label: 'Merge LOVD & gnomAD',
-    onClick: mergeLovdAndGnomadClick,
-  },
-  {
-    group: 'merge',
-    icon: MergeTypeIcon,
-    label: 'Merge LOVD & ClinVar',
-    onClick: mergeLovdAndClinvarClick,
-  },
-];
+    if (!lovdFile) lovdErrorStateUpdate('Please select a LOVD file');
+    if (!clinvarFile) clinvarErrorStateUpdate('Please select a ClinVar file');
+    if (!lovdFile || !clinvarFile) return;
+
+    blockedStateUpdate(true);
+
+    try {
+      console.log(
+        'Clicked Merge LOVD & ClinVar Button! Params:\n  saveTo:',
+        saveTo,
+        '\n  override:',
+        override,
+        '\n  lovd:',
+        lovdFile,
+        '\n  clinvar:',
+        clinvarFile
+      );
+
+      await new Promise((resolve) => setTimeout(resolve, 1000)); // TODO: remove this line
+    } catch (error) {
+      console.error('Error merging LOVD & ClinVar files:', error);
+    } finally {
+      blockedStateUpdate(false);
+    }
+  }, [saveTo, override, lovdFile, clinvarFile]);
+
+  const buttons: ToolbarGroupItemProps[] = useMemo(
+    () => [
+      {
+        group: 'merge',
+        icon: MergeTypeIcon,
+        label: 'Merge LOVD & gnomAD',
+        onClick: mergeLovdAndGnomadClick,
+      },
+      {
+        group: 'merge',
+        icon: MergeTypeIcon,
+        label: 'Merge LOVD & ClinVar',
+        onClick: mergeLovdAndClinvarClick,
+      },
+    ],
+    [mergeLovdAndGnomadClick, mergeLovdAndClinvarClick]
+  );
+
+  return (
+    <>
+      {buttons.map((button, index) => (
+        <ToolbarGroupItem key={index} {...button} />
+      ))}
+    </>
+  );
+};
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupItem.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupItem.tsx
index 8a43dd8..1a24c20 100644
--- a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupItem.tsx
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupItem.tsx
@@ -42,7 +42,7 @@ export const ToolbarGroupItem: React.FC<ToolbarGroupItemProps> = ({ icon: Icon,
   return (
     <Box sx={{ height: '40%', alignContent: 'center' }}>
       <Button
-        startIcon={<Icon sx={{ color: Theme.palette.text.primary }} />}
+        startIcon={<Icon sx={{ color: blocked ? Theme.palette.action.disabled : Theme.palette.text.primary }} />}
         disabled={blocked}
         onClick={() => onClick()}
         sx={{
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/applyGroupParams.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/applyGroupParams.tsx
new file mode 100644
index 0000000..9617c80
--- /dev/null
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/applyGroupParams.tsx
@@ -0,0 +1,174 @@
+import {
+  GroupParamsInputLabel,
+  GroupParamsTypography,
+  StyledGroupParamsListSubheader,
+  StyledGroupParamsMenuItem,
+  StyledGroupParamsMenuItemTypography,
+  StyledGroupParamsMenuItemTypographyBold,
+  StyledGroupParamsSelect,
+} from '@/features/editor/components/toolbarView/toolbarGroupParams';
+import { useToolbarContext, useWorkspaceContext } from '@/features/editor/hooks';
+import { FileModel, FileTypes } from '@/features/editor/types';
+import { getWorkspaceArray } from '@/features/editor/utils';
+import { useStatusContext } from '@/hooks';
+import { Box, Checkbox, FormControl, FormControlLabel, SelectChangeEvent, useTheme } from '@mui/material';
+import { useEffect, useState } from 'react';
+
+export interface ApplyGroupParamsProps {}
+
+export const ApplyGroupParams: React.FC<ApplyGroupParamsProps> = () => {
+  const { blocked } = useStatusContext();
+  const Theme = useTheme();
+  const { fileTree, fileTreeArray } = useWorkspaceContext();
+  const { saveTo, saveToStateUpdate, applyTo, applyToStateUpdate, applyError, applyErrorStateUpdate } =
+    useToolbarContext();
+
+  //
+  // Apply state
+  //
+  const [applyToValue, setApplyToValue] = useState<string>(applyTo);
+
+  const handleApplyToChange = (event: SelectChangeEvent<any>) => {
+    setApplyToValue(event.target.value);
+    applyToStateUpdate(event.target.value);
+    applyErrorStateUpdate('');
+  };
+
+  //
+  // Save To state
+  //
+  const [fileArray, setFileArray] = useState<FileModel[]>(fileTreeArray);
+  const [saveToValue, setSaveToValue] = useState<string>(saveTo);
+  const [overrideValue, setOverrideValue] = useState<boolean>(false);
+
+  const handleSaveToChange = (event: SelectChangeEvent<any>) => {
+    setSaveToValue(event.target.value);
+    saveToStateUpdate(event.target.value, false);
+    setOverrideValue(false);
+  };
+
+  const handleOverrideChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setOverrideValue(event.target.checked);
+    saveToStateUpdate(saveToValue, event.target.checked);
+  };
+
+  //
+  // Effects
+  //
+  useEffect(() => {
+    setFileArray(getWorkspaceArray(fileTree));
+  }, [fileTree]);
+
+  return (
+    <Box sx={{ display: 'grid', gridTemplateColumns: '50% 50%', p: '1rem' }}>
+      <Box
+        sx={{
+          height: '100%',
+          display: 'grid',
+          flexDirection: 'column',
+          alignItems: 'start',
+          gap: '1rem',
+        }}
+      >
+        <FormControl sx={{ width: '90%' }} size='small'>
+          <GroupParamsInputLabel label={'Apply To'} error={applyError} />
+          <StyledGroupParamsSelect
+            id={'lovd-file-select'}
+            name={'lovd-file-select'}
+            label={'Lovd File'}
+            value={applyToValue}
+            onChange={handleApplyToChange}
+            error={Boolean(applyError)}
+            disabled={blocked}
+            MenuProps={{
+              PaperProps: {
+                sx: {
+                  maxWidth: '15.7rem',
+                  maxHeight: '20rem',
+                  bgcolor: Theme.palette.background.default,
+                },
+              },
+            }}
+          >
+            <StyledGroupParamsListSubheader key={'root'}>
+              <StyledGroupParamsMenuItemTypographyBold>root:</StyledGroupParamsMenuItemTypographyBold>
+            </StyledGroupParamsListSubheader>
+            {fileArray.map((file) => {
+              if (file.type === FileTypes.FOLDER) {
+                return (
+                  <StyledGroupParamsListSubheader key={file.id}>
+                    <StyledGroupParamsMenuItemTypographyBold>{file.id}:</StyledGroupParamsMenuItemTypographyBold>
+                  </StyledGroupParamsListSubheader>
+                );
+              }
+
+              return (
+                <StyledGroupParamsMenuItem key={file.id} value={file.id}>
+                  <StyledGroupParamsMenuItemTypography>{file.label}</StyledGroupParamsMenuItemTypography>
+                </StyledGroupParamsMenuItem>
+              );
+            })}
+          </StyledGroupParamsSelect>
+        </FormControl>
+      </Box>
+      <Box sx={{ height: '100%', display: 'grid', flexDirection: 'column', alignItems: 'end' }}>
+        <FormControl sx={{ width: '90%' }} size='small'>
+          <GroupParamsInputLabel label={'Save To'} />
+          <StyledGroupParamsSelect
+            id={'save-to-select'}
+            name={'save-to'}
+            label={'Save To'}
+            value={saveToValue}
+            onChange={handleSaveToChange}
+            disabled={blocked}
+            MenuProps={{
+              PaperProps: {
+                sx: {
+                  maxWidth: '15.7rem',
+                  maxHeight: '20rem',
+                  bgcolor: Theme.palette.background.default,
+                },
+              },
+            }}
+          >
+            <StyledGroupParamsMenuItem key={'new-file'} value={'/'}>
+              <StyledGroupParamsMenuItemTypography>New file...</StyledGroupParamsMenuItemTypography>
+            </StyledGroupParamsMenuItem>
+            <StyledGroupParamsListSubheader key={'root'}>
+              <StyledGroupParamsMenuItemTypographyBold>root:</StyledGroupParamsMenuItemTypographyBold>
+            </StyledGroupParamsListSubheader>
+            {fileArray.map((file) => {
+              if (file.type === FileTypes.FOLDER) {
+                return (
+                  <StyledGroupParamsListSubheader key={file.id}>
+                    <StyledGroupParamsMenuItemTypographyBold>{file.id}:</StyledGroupParamsMenuItemTypographyBold>
+                  </StyledGroupParamsListSubheader>
+                );
+              }
+
+              return (
+                <StyledGroupParamsMenuItem key={file.id} value={file.id}>
+                  <StyledGroupParamsMenuItemTypography>{file.label}</StyledGroupParamsMenuItemTypography>
+                </StyledGroupParamsMenuItem>
+              );
+            })}
+          </StyledGroupParamsSelect>
+        </FormControl>
+        {saveToValue !== '/' && (
+          <FormControlLabel
+            control={
+              <Checkbox
+                id='override-checkbox'
+                checked={overrideValue}
+                onChange={handleOverrideChange}
+                disabled={blocked}
+              />
+            }
+            label={<GroupParamsTypography label={'Override File'} />}
+            labelPlacement='start'
+          />
+        )}
+      </Box>
+    </Box>
+  );
+};
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/downloadGroupParams.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/downloadGroupParams.tsx
new file mode 100644
index 0000000..f870a1a
--- /dev/null
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/downloadGroupParams.tsx
@@ -0,0 +1,156 @@
+import {
+  GroupParamsInputLabel,
+  GroupParamsTypography,
+  StyledGroupParamsListSubheader,
+  StyledGroupParamsMenuItem,
+  StyledGroupParamsMenuItemTypography,
+  StyledGroupParamsMenuItemTypographyBold,
+  StyledGroupParamsSelect,
+} from '@/features/editor/components/toolbarView/toolbarGroupParams';
+import { useToolbarContext, useWorkspaceContext } from '@/features/editor/hooks';
+import { FileModel, FileTypes, GenesEnum } from '@/features/editor/types';
+import { getWorkspaceArray } from '@/features/editor/utils';
+import { useStatusContext } from '@/hooks';
+import { Box, Checkbox, FormControl, FormControlLabel, SelectChangeEvent, useTheme } from '@mui/material';
+import { useEffect, useState } from 'react';
+
+export interface DownloadGroupParamsProps {}
+
+export const DownloadGroupParams: React.FC<DownloadGroupParamsProps> = () => {
+  const { blocked } = useStatusContext();
+  const Theme = useTheme();
+  const { fileTree, fileTreeArray } = useWorkspaceContext();
+  const { saveTo, saveToStateUpdate, gene, geneStateUpdate } = useToolbarContext();
+
+  //
+  // Gene state
+  //
+  const [geneValue, setGeneValue] = useState<GenesEnum>(gene);
+
+  const handleGeneChange = (event: SelectChangeEvent<any>) => {
+    setGeneValue(event.target.value);
+    geneStateUpdate(event.target.value);
+  };
+
+  //
+  // Save To state
+  //
+  const [fileArray, setFileArray] = useState<FileModel[]>(fileTreeArray);
+  const [saveToValue, setSaveToValue] = useState<string>(saveTo);
+  const [overrideValue, setOverrideValue] = useState<boolean>(false);
+
+  const handleSaveToChange = (event: SelectChangeEvent<any>) => {
+    setSaveToValue(event.target.value);
+    saveToStateUpdate(event.target.value, false);
+    setOverrideValue(false);
+  };
+
+  const handleOverrideChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setOverrideValue(event.target.checked);
+    saveToStateUpdate(saveToValue, event.target.checked);
+  };
+
+  //
+  // Effects
+  //
+  useEffect(() => {
+    setFileArray(getWorkspaceArray(fileTree));
+  }, [fileTree]);
+
+  return (
+    <Box sx={{ display: 'grid', gridTemplateColumns: '50% 50%', p: '1rem' }}>
+      <Box
+        sx={{
+          height: '100%',
+          display: 'grid',
+          flexDirection: 'column',
+          alignItems: 'start',
+          gap: '1rem',
+        }}
+      >
+        <FormControl sx={{ width: '60%' }} size='small'>
+          <GroupParamsInputLabel label={'Gene'} />
+          <StyledGroupParamsSelect
+            id={'gene-select'}
+            name={'gene-select'}
+            label={'Gene'}
+            value={geneValue}
+            onChange={handleGeneChange}
+            disabled={blocked}
+            MenuProps={{
+              PaperProps: {
+                sx: {
+                  maxWidth: '10rem',
+                  maxHeight: '15rem',
+                  bgcolor: Theme.palette.background.default,
+                },
+              },
+            }}
+          >
+            <StyledGroupParamsMenuItem key={GenesEnum.EYS} value={GenesEnum.EYS}>
+              <StyledGroupParamsMenuItemTypography>{GenesEnum.EYS.toUpperCase()}</StyledGroupParamsMenuItemTypography>
+            </StyledGroupParamsMenuItem>
+          </StyledGroupParamsSelect>
+        </FormControl>
+      </Box>
+      <Box sx={{ height: '100%', display: 'grid', flexDirection: 'column', alignItems: 'end' }}>
+        <FormControl sx={{ width: '90%', justifyContent: 'center' }} size='small'>
+          <GroupParamsInputLabel label={'Save To'} />
+          <StyledGroupParamsSelect
+            id={'save-to-select'}
+            name={'save-to'}
+            label={'Save To'}
+            value={saveToValue}
+            onChange={handleSaveToChange}
+            disabled={blocked}
+            MenuProps={{
+              PaperProps: {
+                sx: {
+                  maxWidth: '15.7rem',
+                  maxHeight: '20rem',
+                  bgcolor: Theme.palette.background.default,
+                },
+              },
+            }}
+          >
+            <StyledGroupParamsMenuItem key={'new-file'} value={'/'}>
+              <StyledGroupParamsMenuItemTypography>New file...</StyledGroupParamsMenuItemTypography>
+            </StyledGroupParamsMenuItem>
+            <StyledGroupParamsListSubheader key={'root'}>
+              <StyledGroupParamsMenuItemTypographyBold>root:</StyledGroupParamsMenuItemTypographyBold>
+            </StyledGroupParamsListSubheader>
+            {fileArray.map((file) => {
+              if (file.type === FileTypes.FOLDER) {
+                return (
+                  <StyledGroupParamsListSubheader key={file.id}>
+                    <StyledGroupParamsMenuItemTypographyBold>{file.id}:</StyledGroupParamsMenuItemTypographyBold>
+                  </StyledGroupParamsListSubheader>
+                );
+              }
+
+              return (
+                <StyledGroupParamsMenuItem key={file.id} value={file.id}>
+                  <StyledGroupParamsMenuItemTypography>{file.label}</StyledGroupParamsMenuItemTypography>
+                </StyledGroupParamsMenuItem>
+              );
+            })}
+          </StyledGroupParamsSelect>
+        </FormControl>
+        {saveToValue !== '/' && (
+          <FormControlLabel
+            control={
+              <Checkbox
+                id='override-checkbox'
+                checked={overrideValue}
+                onChange={handleOverrideChange}
+                disabled={blocked}
+              />
+            }
+            label={<GroupParamsTypography label={'Override File'} />}
+            labelPlacement='start'
+          />
+        )}
+      </Box>
+    </Box>
+  );
+};
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/groupParamsComponents/groupParamsInputLabel.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/groupParamsComponents/groupParamsInputLabel.tsx
new file mode 100644
index 0000000..b6fdc91
--- /dev/null
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/groupParamsComponents/groupParamsInputLabel.tsx
@@ -0,0 +1,22 @@
+import { StyledGroupParamsInputLabel } from '@/features/editor/components/toolbarView/toolbarGroupParams/';
+import { useStatusContext } from '@/hooks';
+import { useTheme } from '@mui/material';
+
+export interface GroupParamsInputLabelProps {
+  label: string;
+  error?: string;
+}
+
+export const GroupParamsInputLabel: React.FC<GroupParamsInputLabelProps> = ({ label, error }) => {
+  const { blocked } = useStatusContext();
+  const Theme = useTheme();
+  return (
+    <StyledGroupParamsInputLabel
+      sx={{
+        color: blocked ? Theme.palette.action.disabled : error ? Theme.palette.error.main : Theme.palette.text.primary,
+      }}
+    >
+      {label}
+    </StyledGroupParamsInputLabel>
+  );
+};
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/groupParamsComponents/groupParamsTypography.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/groupParamsComponents/groupParamsTypography.tsx
new file mode 100644
index 0000000..0e151c6
--- /dev/null
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/groupParamsComponents/groupParamsTypography.tsx
@@ -0,0 +1,17 @@
+import { StyledGroupParamsTypography } from '@/features/editor/components/toolbarView/toolbarGroupParams';
+import { useStatusContext } from '@/hooks';
+import { useTheme } from '@mui/material';
+
+export interface GroupParamsTypographyProps {
+  label: string;
+}
+
+export const GroupParamsTypography: React.FC<GroupParamsTypographyProps> = ({ label }) => {
+  const { blocked } = useStatusContext();
+  const Theme = useTheme();
+  return (
+    <StyledGroupParamsTypography sx={{ color: blocked ? Theme.palette.action.disabled : Theme.palette.text.primary }}>
+      {label}
+    </StyledGroupParamsTypography>
+  );
+};
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/groupParamsComponents/styledGroupParamsComponents.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/groupParamsComponents/styledGroupParamsComponents.tsx
new file mode 100644
index 0000000..aa5391f
--- /dev/null
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/groupParamsComponents/styledGroupParamsComponents.tsx
@@ -0,0 +1,37 @@
+import { InputLabel, ListSubheader, MenuItem, Select, Typography, styled } from '@mui/material';
+
+export const StyledGroupParamsTypography = styled(Typography)({
+  fontSize: '0.875rem',
+  transition: 'color 0.3s ease',
+});
+
+export const StyledGroupParamsInputLabel = styled(InputLabel)({
+  transition: 'color 0.3s ease',
+});
+
+export const StyledGroupParamsSelect = styled(Select)({
+  height: '80%',
+  transition: 'color 0.3s ease, border-color 0.3s ease',
+});
+
+export const StyledGroupParamsMenuItem = styled(MenuItem)({
+  whiteSpace: 'normal',
+});
+
+export const StyledGroupParamsListSubheader = styled(ListSubheader)(({ theme }) => ({
+  backgroundColor: theme.palette.background.default,
+  whiteSpace: 'normal',
+}));
+
+export const StyledGroupParamsMenuItemTypography = styled(Typography)({
+  width: '100%',
+  fontSize: '1rem',
+  textAlign: 'right',
+  overflowWrap: 'break-word',
+});
+
+export const StyledGroupParamsMenuItemTypographyBold = styled(Typography)({
+  fontSize: '0.875rem',
+  fontWeight: 'bold',
+  overflowWrap: 'break-word',
+});
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/index.ts b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/index.ts
new file mode 100644
index 0000000..faf1593
--- /dev/null
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/index.ts
@@ -0,0 +1,17 @@
+export { ApplyGroupParams } from './applyGroupParams';
+export type { ApplyGroupParamsProps } from './applyGroupParams';
+export { DownloadGroupParams } from './downloadGroupParams';
+export type { DownloadGroupParamsProps } from './downloadGroupParams';
+export { GroupParamsInputLabel } from './groupParamsComponents/groupParamsInputLabel';
+export { GroupParamsTypography } from './groupParamsComponents/groupParamsTypography';
+export {
+  StyledGroupParamsInputLabel,
+  StyledGroupParamsListSubheader,
+  StyledGroupParamsMenuItem,
+  StyledGroupParamsMenuItemTypography,
+  StyledGroupParamsMenuItemTypographyBold,
+  StyledGroupParamsSelect,
+  StyledGroupParamsTypography,
+} from './groupParamsComponents/styledGroupParamsComponents';
+export { MergeGroupParams } from './mergeGroupParams';
+export type { MergeGroupParamsProps } from './mergeGroupParams';
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/mergeGroupParams.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/mergeGroupParams.tsx
new file mode 100644
index 0000000..fd1b812
--- /dev/null
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupParams/mergeGroupParams.tsx
@@ -0,0 +1,280 @@
+import {
+  GroupParamsInputLabel,
+  GroupParamsTypography,
+  StyledGroupParamsListSubheader,
+  StyledGroupParamsMenuItem,
+  StyledGroupParamsMenuItemTypography,
+  StyledGroupParamsMenuItemTypographyBold,
+  StyledGroupParamsSelect,
+} from '@/features/editor/components/toolbarView/toolbarGroupParams';
+import { useToolbarContext, useWorkspaceContext } from '@/features/editor/hooks';
+import { FileModel, FileTypes } from '@/features/editor/types';
+import { getWorkspaceArray } from '@/features/editor/utils';
+import { useStatusContext } from '@/hooks';
+import { Box, Checkbox, FormControl, FormControlLabel, SelectChangeEvent, useTheme } from '@mui/material';
+import { useEffect, useState } from 'react';
+
+export interface MergeGroupParamsProps {}
+
+export const MergeGroupParams: React.FC<MergeGroupParamsProps> = () => {
+  const { blocked } = useStatusContext();
+  const Theme = useTheme();
+  const { fileTree, fileTreeArray } = useWorkspaceContext();
+  const {
+    saveTo,
+    saveToStateUpdate,
+    lovdFile,
+    clinvarFile,
+    gnomadFile,
+    mergeStateUpdate,
+    lovdError,
+    clinvarError,
+    gnomadError,
+    lovdErrorStateUpdate,
+    clinvarErrorStateUpdate,
+    gnomadErrorStateUpdate,
+  } = useToolbarContext();
+
+  //
+  // Merge state
+  //
+  const [lovdFileValue, setLovdFileValue] = useState<string>(lovdFile);
+  const [clinvarFileValue, setClinvarFileValue] = useState<string>(clinvarFile);
+  const [gnomadFileValue, setGnomadFileValue] = useState<string>(gnomadFile);
+
+  const handleLovdFileChange = (event: SelectChangeEvent<any>) => {
+    setLovdFileValue(event.target.value);
+    mergeStateUpdate(event.target.value, clinvarFileValue, gnomadFileValue);
+    lovdErrorStateUpdate('');
+  };
+
+  const handleClinvarFileChange = (event: SelectChangeEvent<any>) => {
+    setClinvarFileValue(event.target.value);
+    mergeStateUpdate(lovdFileValue, event.target.value, gnomadFileValue);
+    clinvarErrorStateUpdate('');
+  };
+
+  const handleGnomadFileChange = (event: SelectChangeEvent<any>) => {
+    setGnomadFileValue(event.target.value);
+    mergeStateUpdate(lovdFileValue, clinvarFileValue, event.target.value);
+    gnomadErrorStateUpdate('');
+  };
+
+  //
+  // Save To state
+  //
+  const [fileArray, setFileArray] = useState<FileModel[]>(fileTreeArray);
+  const [saveToValue, setSaveToValue] = useState<string>(saveTo);
+  const [overrideValue, setOverrideValue] = useState<boolean>(false);
+
+  const handleSaveToChange = (event: SelectChangeEvent<any>) => {
+    setSaveToValue(event.target.value);
+    saveToStateUpdate(event.target.value, false);
+    setOverrideValue(false);
+  };
+
+  const handleOverrideChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setOverrideValue(event.target.checked);
+    saveToStateUpdate(saveToValue, event.target.checked);
+  };
+
+  //
+  // Effects
+  //
+  useEffect(() => {
+    setFileArray(getWorkspaceArray(fileTree));
+  }, [fileTree]);
+
+  return (
+    <Box sx={{ display: 'grid', gridTemplateColumns: '50% 50%', p: '1rem' }}>
+      <Box
+        sx={{
+          height: '100%',
+          flexDirection: 'column',
+          alignItems: 'start',
+          display: 'grid',
+          gap: '1rem',
+        }}
+      >
+        <FormControl sx={{ width: '90%' }} size='small'>
+          <GroupParamsInputLabel label={'Lovd File'} error={lovdError} />
+          <StyledGroupParamsSelect
+            id={'lovd-file-select'}
+            name={'lovd-file-select'}
+            label={'Lovd File'}
+            value={lovdFileValue}
+            onChange={handleLovdFileChange}
+            error={Boolean(lovdError)}
+            disabled={blocked}
+            MenuProps={{
+              PaperProps: {
+                sx: {
+                  maxWidth: '15.7rem',
+                  maxHeight: '20rem',
+                  bgcolor: Theme.palette.background.default,
+                },
+              },
+            }}
+          >
+            <StyledGroupParamsListSubheader key={'root'}>
+              <StyledGroupParamsMenuItemTypographyBold>root:</StyledGroupParamsMenuItemTypographyBold>
+            </StyledGroupParamsListSubheader>
+            {fileArray.map((file) => {
+              if (file.type === FileTypes.FOLDER) {
+                return (
+                  <StyledGroupParamsListSubheader key={file.id}>
+                    <StyledGroupParamsMenuItemTypographyBold>{file.id}:</StyledGroupParamsMenuItemTypographyBold>
+                  </StyledGroupParamsListSubheader>
+                );
+              }
+
+              return (
+                <StyledGroupParamsMenuItem key={file.id} value={file.id}>
+                  <StyledGroupParamsMenuItemTypography>{file.label}</StyledGroupParamsMenuItemTypography>
+                </StyledGroupParamsMenuItem>
+              );
+            })}
+          </StyledGroupParamsSelect>
+        </FormControl>
+        <FormControl sx={{ width: '90%' }} size='small'>
+          <GroupParamsInputLabel label={'Clinvar File'} error={clinvarError} />
+          <StyledGroupParamsSelect
+            id={'clinvar-file-select'}
+            name={'clinvar-file-select'}
+            label={'Clinvar File'}
+            value={clinvarFileValue}
+            onChange={handleClinvarFileChange}
+            error={Boolean(clinvarError)}
+            disabled={blocked}
+            MenuProps={{
+              PaperProps: {
+                sx: {
+                  maxWidth: '15.7rem',
+                  maxHeight: '20rem',
+                  bgcolor: Theme.palette.background.default,
+                },
+              },
+            }}
+          >
+            <StyledGroupParamsListSubheader key={'root'}>
+              <StyledGroupParamsMenuItemTypographyBold>root:</StyledGroupParamsMenuItemTypographyBold>
+            </StyledGroupParamsListSubheader>
+            {fileArray.map((file) => {
+              if (file.type === FileTypes.FOLDER) {
+                return (
+                  <StyledGroupParamsListSubheader key={file.id}>
+                    <StyledGroupParamsMenuItemTypographyBold>{file.id}:</StyledGroupParamsMenuItemTypographyBold>
+                  </StyledGroupParamsListSubheader>
+                );
+              }
+
+              return (
+                <StyledGroupParamsMenuItem key={file.id} value={file.id}>
+                  <StyledGroupParamsMenuItemTypography>{file.label}</StyledGroupParamsMenuItemTypography>
+                </StyledGroupParamsMenuItem>
+              );
+            })}
+          </StyledGroupParamsSelect>
+        </FormControl>
+        <FormControl sx={{ width: '90%' }} size='small'>
+          <GroupParamsInputLabel label={'Gnomad File'} error={gnomadError} />
+          <StyledGroupParamsSelect
+            id={'gnomad-file-select'}
+            name={'gnomad-file-select'}
+            label={'Gnomad File'}
+            value={gnomadFileValue}
+            onChange={handleGnomadFileChange}
+            error={Boolean(gnomadError)}
+            disabled={blocked}
+            MenuProps={{
+              PaperProps: {
+                sx: {
+                  maxWidth: '15.7rem',
+                  maxHeight: '20rem',
+                  bgcolor: Theme.palette.background.default,
+                },
+              },
+            }}
+          >
+            <StyledGroupParamsListSubheader key={'root'}>
+              <StyledGroupParamsMenuItemTypographyBold>root:</StyledGroupParamsMenuItemTypographyBold>
+            </StyledGroupParamsListSubheader>
+            {fileArray.map((file) => {
+              if (file.type === FileTypes.FOLDER) {
+                return (
+                  <StyledGroupParamsListSubheader key={file.id}>
+                    <StyledGroupParamsMenuItemTypographyBold>{file.id}:</StyledGroupParamsMenuItemTypographyBold>
+                  </StyledGroupParamsListSubheader>
+                );
+              }
+
+              return (
+                <StyledGroupParamsMenuItem key={file.id} value={file.id}>
+                  <StyledGroupParamsMenuItemTypography>{file.label}</StyledGroupParamsMenuItemTypography>
+                </StyledGroupParamsMenuItem>
+              );
+            })}
+          </StyledGroupParamsSelect>
+        </FormControl>
+      </Box>
+      <Box sx={{ height: '100%', display: 'grid', flexDirection: 'column', alignItems: 'start' }}>
+        <FormControl sx={{ width: '90%' }} size='small'>
+          <GroupParamsInputLabel label={'Save To'} />
+          <StyledGroupParamsSelect
+            id={'save-to-select'}
+            name={'save-to'}
+            label={'Save To'}
+            value={saveToValue}
+            onChange={handleSaveToChange}
+            disabled={blocked}
+            MenuProps={{
+              PaperProps: {
+                sx: {
+                  maxWidth: '15.7rem',
+                  maxHeight: '20rem',
+                  bgcolor: Theme.palette.background.default,
+                },
+              },
+            }}
+          >
+            <StyledGroupParamsMenuItem key={'new-file'} value={'/'}>
+              <StyledGroupParamsMenuItemTypography>New file...</StyledGroupParamsMenuItemTypography>
+            </StyledGroupParamsMenuItem>
+            <StyledGroupParamsListSubheader key={'root'}>
+              <StyledGroupParamsMenuItemTypographyBold>root:</StyledGroupParamsMenuItemTypographyBold>
+            </StyledGroupParamsListSubheader>
+            {fileArray.map((file) => {
+              if (file.type === FileTypes.FOLDER) {
+                return (
+                  <StyledGroupParamsListSubheader key={file.id}>
+                    <StyledGroupParamsMenuItemTypographyBold>{file.id}:</StyledGroupParamsMenuItemTypographyBold>
+                  </StyledGroupParamsListSubheader>
+                );
+              }
+
+              return (
+                <StyledGroupParamsMenuItem key={file.id} value={file.id}>
+                  <StyledGroupParamsMenuItemTypography>{file.label}</StyledGroupParamsMenuItemTypography>
+                </StyledGroupParamsMenuItem>
+              );
+            })}
+          </StyledGroupParamsSelect>
+        </FormControl>
+        {saveToValue !== '/' && (
+          <FormControlLabel
+            control={
+              <Checkbox
+                id='override-checkbox'
+                checked={overrideValue}
+                onChange={handleOverrideChange}
+                disabled={blocked}
+              />
+            }
+            label={<GroupParamsTypography label={'Override File'} />}
+            labelPlacement='start'
+          />
+        )}
+      </Box>
+    </Box>
+  );
+};
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupsSelector.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupsSelector.tsx
index 15cc20f..dcea7bc 100644
--- a/app/front-end/src/features/editor/components/toolbarView/toolbarGroupsSelector.tsx
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarGroupsSelector.tsx
@@ -26,5 +26,5 @@ export interface ToolbarGroupsSelectorProps {
  * @returns {JSX.Element} The rendered List component.
  */
 export const ToolbarGroupsSelector: React.FC<ToolbarGroupsSelectorProps> = ({ children }) => {
-  return <List sx={{ height: '25%', p: '0', overflow: 'auto' }}>{children}</List>;
+  return <List sx={{ height: '20%', p: '0', overflow: 'auto' }}>{children}</List>;
 };
diff --git a/app/front-end/src/features/editor/components/toolbarView/toolbarView.tsx b/app/front-end/src/features/editor/components/toolbarView/toolbarView.tsx
index 835a492..6768e78 100644
--- a/app/front-end/src/features/editor/components/toolbarView/toolbarView.tsx
+++ b/app/front-end/src/features/editor/components/toolbarView/toolbarView.tsx
@@ -1,7 +1,5 @@
 import {
   ToolbarGroup,
-  ToolbarGroupItem,
-  ToolbarGroupItemProps,
   ToolbarGroupsSelector,
   ToolbarGroupsSelectorItem,
   ToolbarGroupsSelectorItemProps,
@@ -11,7 +9,13 @@ import {
   DownloadGroupButtons,
   MergeGroupButtons,
 } from '@/features/editor/components/toolbarView/toolbarGroupButtons';
-import { useMemo, useState } from 'react';
+import {
+  ApplyGroupParams,
+  DownloadGroupParams,
+  MergeGroupParams,
+} from '@/features/editor/components/toolbarView/toolbarGroupParams';
+import { ToolbarContextProvider } from '@/features/editor/stores';
+import React, { useMemo, useState } from 'react';
 
 /**
  * ToolbarView component manages and displays a set of toolbar groups and items.
@@ -54,26 +58,34 @@ export const ToolbarView: React.FC = () => {
     },
   ];
 
+  // Combine the params groups into a dictionary for easy access
+  const ToolbarGroupsParams: Record<string, React.ReactNode> = useMemo(
+    () => ({
+      download: <DownloadGroupParams />,
+      merge: <MergeGroupParams />,
+      apply: <ApplyGroupParams />,
+    }),
+    []
+  );
+
   // Combine the button groups into a dictionary for easy access
-  const ToolbarGroupsButtons: Record<string, ToolbarGroupItemProps[]> = useMemo(
+  const ToolbarGroupsButtons: Record<string, React.ReactNode> = useMemo(
     () => ({
-      download: DownloadGroupButtons,
-      merge: MergeGroupButtons,
-      apply: ApplyGroupButtons,
+      download: <DownloadGroupButtons />,
+      merge: <MergeGroupButtons />,
+      apply: <ApplyGroupButtons />,
     }),
     [DownloadGroupButtons, MergeGroupButtons, ApplyGroupButtons]
   );
 
   return (
-    <>
+    <ToolbarContextProvider>
       <ToolbarGroupsSelector>
         {ToolbarGroups.map((group, index) => (
           <ToolbarGroupsSelectorItem key={index} {...group} groupRef={selectedGroup} />
         ))}
       </ToolbarGroupsSelector>
-      <ToolbarGroup>
-        {ToolbarGroupsButtons[selectedGroup]?.map((button, index) => <ToolbarGroupItem key={index} {...button} />)}
-      </ToolbarGroup>
-    </>
+      <ToolbarGroup params={ToolbarGroupsParams[selectedGroup]} buttons={ToolbarGroupsButtons[selectedGroup]} />
+    </ToolbarContextProvider>
   );
 };
diff --git a/app/front-end/src/features/editor/hooks/index.ts b/app/front-end/src/features/editor/hooks/index.ts
index 5ff1d0d..2cbaa08 100644
--- a/app/front-end/src/features/editor/hooks/index.ts
+++ b/app/front-end/src/features/editor/hooks/index.ts
@@ -1 +1,2 @@
+export { useToolbarContext } from './useToolbarContext';
 export { useWorkspaceContext } from './useWorkspaceContext';
diff --git a/app/front-end/src/features/editor/hooks/useToolbarContext.ts b/app/front-end/src/features/editor/hooks/useToolbarContext.ts
new file mode 100644
index 0000000..7a25802
--- /dev/null
+++ b/app/front-end/src/features/editor/hooks/useToolbarContext.ts
@@ -0,0 +1,4 @@
+import { ToolbarContext } from '@/features/editor/stores';
+import { useContext } from 'react';
+
+export const useToolbarContext = () => useContext(ToolbarContext);
diff --git a/app/front-end/src/features/editor/index.tsx b/app/front-end/src/features/editor/index.tsx
index fc54172..de4c293 100644
--- a/app/front-end/src/features/editor/index.tsx
+++ b/app/front-end/src/features/editor/index.tsx
@@ -54,7 +54,7 @@ export const Editor = () => {
           <Box
             sx={{
               width: '100%',
-              height: '15%',
+              height: '25%',
               display: 'flex',
               flexDirection: 'column',
               bgcolor: Theme.palette.action.selected,
@@ -66,7 +66,7 @@ export const Editor = () => {
           <Box
             sx={{
               width: '100%',
-              height: '60%',
+              height: '50%',
               display: 'flex',
               flexDirection: 'column',
               bgcolor: Theme.palette.background.default,
diff --git a/app/front-end/src/features/editor/stores/index.ts b/app/front-end/src/features/editor/stores/index.ts
index 790e4c1..45278ee 100644
--- a/app/front-end/src/features/editor/stores/index.ts
+++ b/app/front-end/src/features/editor/stores/index.ts
@@ -1,2 +1,4 @@
+export { ToolbarContext, ToolbarContextProvider } from './toolbarContextProvider';
+export type { ToolbarContextProps } from './toolbarContextProvider';
 export { WorkspaceContext, WorkspaceContextProvider } from './workspaceContextProvider';
 export type { WorkspaceContextProps } from './workspaceContextProvider';
diff --git a/app/front-end/src/features/editor/stores/toolbarContextProvider.tsx b/app/front-end/src/features/editor/stores/toolbarContextProvider.tsx
new file mode 100644
index 0000000..5e4339d
--- /dev/null
+++ b/app/front-end/src/features/editor/stores/toolbarContextProvider.tsx
@@ -0,0 +1,197 @@
+import { GenesEnum } from '@/features/editor/types';
+import React, { createContext, useState } from 'react';
+
+export interface ToolbarContextProps {
+  //
+  // Universal state properties
+  //
+  saveTo: string;
+  override: boolean;
+  saveToStateUpdate: (saveTo: string, override?: boolean) => void;
+
+  //
+  // Download state properties
+  //
+  gene: GenesEnum;
+  geneStateUpdate: (gene: GenesEnum) => void;
+
+  //
+  // Merge state properties
+  //
+  lovdFile: string;
+  clinvarFile: string;
+  gnomadFile: string;
+  mergeStateUpdate: (lovdFile: string, clinvarFile: string, gnomadFile: string) => void;
+
+  lovdError: string;
+  lovdErrorStateUpdate: (lovdFileError: string) => void;
+  clinvarError: string;
+  clinvarErrorStateUpdate: (clinvarFileError: string) => void;
+  gnomadError: string;
+  gnomadErrorStateUpdate: (gnomadFileError: string) => void;
+
+  //
+  // Apply state properties
+  //
+  applyTo: string;
+  applyToStateUpdate: (applyTo: string) => void;
+
+  applyError: string;
+  applyErrorStateUpdate: (applyError: string) => void;
+}
+
+export const ToolbarContext = createContext<ToolbarContextProps>({
+  //
+  // Universal state defaults
+  //
+  saveTo: '/', // Root directory (new file)
+  override: false,
+  saveToStateUpdate: () => {},
+
+  //
+  // Download state defaults
+  //
+  gene: GenesEnum.EYS,
+  geneStateUpdate: () => {},
+
+  //
+  // Merge state defaults
+  //
+  lovdFile: '',
+  clinvarFile: '',
+  gnomadFile: '',
+  mergeStateUpdate: () => {},
+
+  lovdError: '',
+  lovdErrorStateUpdate: () => {},
+  clinvarError: '',
+  clinvarErrorStateUpdate: () => {},
+  gnomadError: '',
+  gnomadErrorStateUpdate: () => {},
+
+  //
+  // Apply state defaults
+  //
+  applyTo: '',
+  applyToStateUpdate: () => {},
+
+  applyError: '',
+  applyErrorStateUpdate: () => {},
+});
+
+interface Props {
+  children?: React.ReactNode;
+}
+
+export const ToolbarContextProvider: React.FC<Props> = ({ children }) => {
+  /***************
+  State management 
+  ***************/
+
+  //
+  // Universal state
+  //
+  const [saveTo, setSaveTo] = useState<string>('/');
+  const [override, setOverride] = useState<boolean>(false);
+
+  const saveToStateUpdate = (saveTo: string, override?: boolean) => {
+    setSaveTo(saveTo);
+    if (override !== undefined) setOverride(override);
+  };
+
+  //
+  // Download state
+  //
+  const [gene, setGene] = useState<GenesEnum>(GenesEnum.EYS);
+
+  const geneStateUpdate = (gene: GenesEnum) => {
+    setGene(gene);
+  };
+
+  //
+  // Merge state
+  //
+  const [lovdFile, setLovdFile] = useState<string>('');
+  const [clinvarFile, setClinvarFile] = useState<string>('');
+  const [gnomadFile, setGnomadFile] = useState<string>('');
+
+  const mergeStateUpdate = (lovdFile: string, clinvarFile: string, gnomadFile: string) => {
+    setLovdFile(lovdFile);
+    setClinvarFile(clinvarFile);
+    setGnomadFile(gnomadFile);
+  };
+
+  const [lovdError, setLovdError] = useState<string>('');
+
+  const lovdErrorStateUpdate = (lovdFileError: string) => {
+    setLovdError(lovdFileError);
+  };
+
+  const [clinvarError, setClinvarError] = useState<string>('');
+
+  const clinvarErrorStateUpdate = (clinvarFileError: string) => {
+    setClinvarError(clinvarFileError);
+  };
+
+  const [gnomadError, setGnomadError] = useState<string>('');
+
+  const gnomadErrorStateUpdate = (gnomadFileError: string) => {
+    setGnomadError(gnomadFileError);
+  };
+
+  //
+  // Apply state
+  //
+  const [applyTo, setApplyTo] = useState<string>('');
+
+  const applyToStateUpdate = (applyTo: string) => {
+    setApplyTo(applyTo);
+  };
+
+  const [applyError, setApplyError] = useState<string>('');
+
+  const applyErrorStateUpdate = (applyError: string) => {
+    setApplyError(applyError);
+  };
+
+  const ToolbarContextValue: ToolbarContextProps = {
+    //
+    // Universal state
+    //
+    saveTo,
+    override,
+    saveToStateUpdate,
+
+    //
+    // Download state
+    //
+    gene,
+    geneStateUpdate,
+
+    //
+    // Merge state
+    //
+    lovdFile,
+    clinvarFile,
+    gnomadFile,
+    mergeStateUpdate,
+
+    lovdError,
+    lovdErrorStateUpdate,
+    clinvarError,
+    clinvarErrorStateUpdate,
+    gnomadError,
+    gnomadErrorStateUpdate,
+
+    //
+    // Apply state
+    //
+    applyTo,
+    applyToStateUpdate,
+
+    applyError,
+    applyErrorStateUpdate,
+  };
+
+  return <ToolbarContext.Provider value={ToolbarContextValue}>{children}</ToolbarContext.Provider>;
+};
diff --git a/app/front-end/src/features/editor/stores/workspaceContextProvider.tsx b/app/front-end/src/features/editor/stores/workspaceContextProvider.tsx
index 7a87392..16de5d8 100644
--- a/app/front-end/src/features/editor/stores/workspaceContextProvider.tsx
+++ b/app/front-end/src/features/editor/stores/workspaceContextProvider.tsx
@@ -1,4 +1,5 @@
 import { FileContentModel, FileModel, FilePaginationModel, FileTypes } from '@/features/editor/types';
+import { getWorkspaceArray } from '@/features/editor/utils';
 import { useSessionContext, useStatusContext } from '@/hooks';
 import { axios, socket } from '@/lib';
 import { Endpoints, Events } from '@/types';
@@ -20,6 +21,7 @@ export interface WorkspaceContextProps {
   // File tree state properties
   fileTreeIsLoading: boolean;
   fileTree: TreeViewBaseItem<FileModel>[];
+  fileTreeArray: FileModel[];
 }
 
 export const WorkspaceContext = createContext<WorkspaceContextProps>({
@@ -37,6 +39,7 @@ export const WorkspaceContext = createContext<WorkspaceContextProps>({
   // File tree state defaults
   fileTreeIsLoading: true,
   fileTree: [],
+  fileTreeArray: [],
 });
 
 interface Props {
@@ -148,6 +151,7 @@ export const WorkspaceContextProvider: React.FC<Props> = ({ children }) => {
   // File tree state
   const [fileTreeIsLoading, setFileTreeIsLoading] = useState(true);
   const [fileTree, setFileTree] = useState<TreeViewBaseItem<FileModel>[]>([]);
+  const [fileTreeArray, setFileTreeArray] = useState<FileModel[]>([]);
 
   const { blockedStateUpdate } = useStatusContext();
 
@@ -157,6 +161,7 @@ export const WorkspaceContextProvider: React.FC<Props> = ({ children }) => {
     try {
       const response = await axios.get(Endpoints.WORKSPACE);
       setFileTree(response.data);
+      setFileTreeArray(getWorkspaceArray(response.data));
     } catch (error) {
       console.error('Failed to fetch workspace data:', error);
     } finally {
@@ -192,8 +197,9 @@ export const WorkspaceContextProvider: React.FC<Props> = ({ children }) => {
     filesHistory,
     filesHistoryStateUpdate,
 
-    fileTreeIsLoading: fileTreeIsLoading,
-    fileTree: fileTree,
+    fileTreeIsLoading,
+    fileTree,
+    fileTreeArray,
   };
 
   return <WorkspaceContext.Provider value={WorkspaceContextValue}>{children}</WorkspaceContext.Provider>;
diff --git a/app/front-end/src/features/editor/types/enums/genesEnum.tsx b/app/front-end/src/features/editor/types/enums/genesEnum.tsx
new file mode 100644
index 0000000..c73fac4
--- /dev/null
+++ b/app/front-end/src/features/editor/types/enums/genesEnum.tsx
@@ -0,0 +1,3 @@
+export enum GenesEnum {
+  EYS = 'eys',
+}
diff --git a/app/front-end/src/features/editor/types/index.ts b/app/front-end/src/features/editor/types/index.ts
index 8abb6be..d23c13e 100644
--- a/app/front-end/src/features/editor/types/index.ts
+++ b/app/front-end/src/features/editor/types/index.ts
@@ -1,5 +1,6 @@
 export { ConsoleFeedbackTypes } from './consoleFeedback';
 export type { ConsoleFeedback } from './consoleFeedback';
+export { GenesEnum } from './enums/genesEnum';
 export type { FileDataRequestDTO, FileDataResponseDTO } from './fileData';
 export { FileTreeItemContextMenuActions } from './fileTreeItemContextMenuActions';
 export type { FileTreeViewItemProps } from './fileTreeViewItemProps';
diff --git a/app/front-end/src/features/editor/utils/helpers.tsx b/app/front-end/src/features/editor/utils/helpers.tsx
index 6b4db62..c0263bb 100644
--- a/app/front-end/src/features/editor/utils/helpers.tsx
+++ b/app/front-end/src/features/editor/utils/helpers.tsx
@@ -1,6 +1,6 @@
+import { FileModel, FileTreeViewItemProps, FileTypes } from '@/features/editor/types';
 import { Article as ArticleIcon, FolderRounded, InsertDriveFile as InsertDriveFileIcon } from '@mui/icons-material';
 import { TreeViewBaseItem } from '@mui/x-tree-view';
-import { FileTreeViewItemProps, FileTypes } from '../types';
 
 export const isExpandable = (reactChildren: React.ReactNode) => {
   if (Array.isArray(reactChildren)) {
@@ -66,3 +66,27 @@ export const getFileExtension = (filename: string): string => {
   const dotIndex = filename.lastIndexOf('.');
   return dotIndex !== -1 ? filename.substring(dotIndex + 1).toLowerCase() : '';
 };
+
+export const getWorkspaceArray = (fileTreeView: TreeViewBaseItem<FileTreeViewItemProps>[]): FileModel[] => {
+  const workspaceArray: FileModel[] = [];
+  fileTreeView.sort((a, b) => {
+    if (a.fileType === FileTypes.FOLDER || b.fileType === FileTypes.FOLDER) {
+      if (a.fileType === b.fileType) {
+        return a.id.localeCompare(b.id);
+      }
+
+      return a.fileType === FileTypes.FOLDER ? 1 : -1;
+    }
+
+    return a.id.localeCompare(b.id);
+  });
+
+  for (const item of fileTreeView) {
+    workspaceArray.push({ id: item.id, label: item.label, type: item.fileType });
+    if (item.children && item.children.length !== 0) {
+      workspaceArray.push(...getWorkspaceArray(item.children));
+    }
+  }
+
+  return workspaceArray;
+};
diff --git a/app/front-end/src/features/editor/utils/index.ts b/app/front-end/src/features/editor/utils/index.ts
index 76178c3..acd3fe7 100644
--- a/app/front-end/src/features/editor/utils/index.ts
+++ b/app/front-end/src/features/editor/utils/index.ts
@@ -1 +1 @@
-export { doesFileExist, findUniqueFileName, getFileExtension, getIconFromFileType, isExpandable } from './helpers';
+export { doesFileExist, findUniqueFileName, getFileExtension, getIconFromFileType, isExpandable, getWorkspaceArray } from './helpers';
diff --git a/app/front-end/src/stores/themeContextProvider.tsx b/app/front-end/src/stores/themeContextProvider.tsx
index dc7770b..33295b3 100644
--- a/app/front-end/src/stores/themeContextProvider.tsx
+++ b/app/front-end/src/stores/themeContextProvider.tsx
@@ -99,6 +99,8 @@ export const ThemeContextProvider: React.FC<Props> = ({ children }) => {
                 fontSize: '20px',
                 color: mode === 'light' ? Colors.textPrimaryLight : Colors.textPrimaryDark,
                 fontWeight: '400',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
               },
             },
           },