diff --git a/front/src/modules/activities/tasks/hooks/useInitializeTasksFilters.ts b/front/src/modules/activities/tasks/hooks/useInitializeTasksFilters.ts
index b1993797f..323d25cd1 100644
--- a/front/src/modules/activities/tasks/hooks/useInitializeTasksFilters.ts
+++ b/front/src/modules/activities/tasks/hooks/useInitializeTasksFilters.ts
@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 
-import { availableFiltersScopedState } from '@/ui/filter-n-sort/states/availableFiltersScopedState';
-import { FilterDefinition } from '@/ui/filter-n-sort/types/FilterDefinition';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+import { availableFiltersScopedState } from '@/ui/view-bar/states/availableFiltersScopedState';
+import { FilterDefinition } from '@/ui/view-bar/types/FilterDefinition';
 
 import { TasksRecoilScopeContext } from '../../states/recoil-scope-contexts/TasksRecoilScopeContext';
 
diff --git a/front/src/modules/activities/tasks/hooks/useTasks.ts b/front/src/modules/activities/tasks/hooks/useTasks.ts
index a98061279..b3d4f2b12 100644
--- a/front/src/modules/activities/tasks/hooks/useTasks.ts
+++ b/front/src/modules/activities/tasks/hooks/useTasks.ts
@@ -6,10 +6,10 @@ import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contex
 import { useInitializeTasksFilters } from '@/activities/tasks/hooks/useInitializeTasksFilters';
 import { ActivityTargetableEntity } from '@/activities/types/ActivityTargetableEntity';
 import { currentUserState } from '@/auth/states/currentUserState';
-import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState';
-import { FilterOperand } from '@/ui/filter-n-sort/types/FilterOperand';
-import { turnFilterIntoWhereClause } from '@/ui/filter-n-sort/utils/turnFilterIntoWhereClause';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+import { filtersScopedState } from '@/ui/view-bar/states/filtersScopedState';
+import { FilterOperand } from '@/ui/view-bar/types/FilterOperand';
+import { turnFilterIntoWhereClause } from '@/ui/view-bar/utils/turnFilterIntoWhereClause';
 import { ActivityType, useGetActivitiesQuery } from '~/generated/graphql';
 import { tasksFilters } from '~/pages/tasks/tasks-filters';
 import { parseDate } from '~/utils/date-utils';
diff --git a/front/src/modules/companies/components/FilterDropdownCompanySearchSelect.tsx b/front/src/modules/companies/components/FilterDropdownCompanySearchSelect.tsx
index 044d4fa74..f6c92ae9f 100644
--- a/front/src/modules/companies/components/FilterDropdownCompanySearchSelect.tsx
+++ b/front/src/modules/companies/components/FilterDropdownCompanySearchSelect.tsx
@@ -1,10 +1,10 @@
 import { Context } from 'react';
 
-import { FilterDropdownEntitySearchSelect } from '@/ui/filter-n-sort/components/FilterDropdownEntitySearchSelect';
-import { filterDropdownSearchInputScopedState } from '@/ui/filter-n-sort/states/filterDropdownSearchInputScopedState';
-import { filterDropdownSelectedEntityIdScopedState } from '@/ui/filter-n-sort/states/filterDropdownSelectedEntityIdScopedState';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { FilterDropdownEntitySearchSelect } from '@/ui/view-bar/components/FilterDropdownEntitySearchSelect';
+import { filterDropdownSearchInputScopedState } from '@/ui/view-bar/states/filterDropdownSearchInputScopedState';
+import { filterDropdownSelectedEntityIdScopedState } from '@/ui/view-bar/states/filterDropdownSelectedEntityIdScopedState';
 
 import { useFilteredSearchCompanyQuery } from '../hooks/useFilteredSearchCompanyQuery';
 
diff --git a/front/src/modules/companies/components/HooksCompanyBoard.tsx b/front/src/modules/companies/components/HooksCompanyBoard.tsx
index 127bbd2ca..c0fe83874 100644
--- a/front/src/modules/companies/components/HooksCompanyBoard.tsx
+++ b/front/src/modules/companies/components/HooksCompanyBoard.tsx
@@ -6,11 +6,11 @@ import { useBoardActionBarEntries } from '@/ui/board/hooks/useBoardActionBarEntr
 import { useBoardContextMenuEntries } from '@/ui/board/hooks/useBoardContextMenuEntries';
 import { isBoardLoadedState } from '@/ui/board/states/isBoardLoadedState';
 import { viewFieldsDefinitionsState } from '@/ui/board/states/viewFieldsDefinitionsState';
-import { availableFiltersScopedState } from '@/ui/filter-n-sort/states/availableFiltersScopedState';
-import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState';
-import { turnFilterIntoWhereClause } from '@/ui/filter-n-sort/utils/turnFilterIntoWhereClause';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { availableFiltersScopedState } from '@/ui/view-bar/states/availableFiltersScopedState';
+import { filtersScopedState } from '@/ui/view-bar/states/filtersScopedState';
+import { turnFilterIntoWhereClause } from '@/ui/view-bar/utils/turnFilterIntoWhereClause';
 import {
   Pipeline,
   PipelineProgressableType,
diff --git a/front/src/modules/companies/table/components/CompanyTable.tsx b/front/src/modules/companies/table/components/CompanyTable.tsx
index 7260a716b..417885fac 100644
--- a/front/src/modules/companies/table/components/CompanyTable.tsx
+++ b/front/src/modules/companies/table/components/CompanyTable.tsx
@@ -3,13 +3,13 @@ import { getCompaniesOptimisticEffect } from '@/companies/graphql/optimistic-eff
 import { useCompanyTableActionBarEntries } from '@/companies/hooks/useCompanyTableActionBarEntries';
 import { useCompanyTableContextMenuEntries } from '@/companies/hooks/useCompanyTableContextMenuEntries';
 import { useSpreadsheetCompanyImport } from '@/companies/hooks/useSpreadsheetCompanyImport';
-import { filtersWhereScopedSelector } from '@/ui/filter-n-sort/states/selectors/filtersWhereScopedSelector';
-import { sortsOrderByScopedSelector } from '@/ui/filter-n-sort/states/selectors/sortsOrderByScopedSelector';
 import { EntityTable } from '@/ui/table/components/EntityTable';
 import { GenericEntityTableData } from '@/ui/table/components/GenericEntityTableData';
 import { useUpsertEntityTableItem } from '@/ui/table/hooks/useUpsertEntityTableItem';
 import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { filtersWhereScopedSelector } from '@/ui/view-bar/states/selectors/filtersWhereScopedSelector';
+import { sortsOrderByScopedSelector } from '@/ui/view-bar/states/selectors/sortsOrderByScopedSelector';
 import { useTableViews } from '@/views/hooks/useTableViews';
 import {
   SortOrder,
diff --git a/front/src/modules/people/components/FilterDropdownPeopleSearchSelect.tsx b/front/src/modules/people/components/FilterDropdownPeopleSearchSelect.tsx
index 4a8efc966..857a29e34 100644
--- a/front/src/modules/people/components/FilterDropdownPeopleSearchSelect.tsx
+++ b/front/src/modules/people/components/FilterDropdownPeopleSearchSelect.tsx
@@ -1,11 +1,11 @@
 import { Context } from 'react';
 
 import { useFilteredSearchPeopleQuery } from '@/people/hooks/useFilteredSearchPeopleQuery';
-import { FilterDropdownEntitySearchSelect } from '@/ui/filter-n-sort/components/FilterDropdownEntitySearchSelect';
-import { filterDropdownSearchInputScopedState } from '@/ui/filter-n-sort/states/filterDropdownSearchInputScopedState';
-import { filterDropdownSelectedEntityIdScopedState } from '@/ui/filter-n-sort/states/filterDropdownSelectedEntityIdScopedState';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { FilterDropdownEntitySearchSelect } from '@/ui/view-bar/components/FilterDropdownEntitySearchSelect';
+import { filterDropdownSearchInputScopedState } from '@/ui/view-bar/states/filterDropdownSearchInputScopedState';
+import { filterDropdownSelectedEntityIdScopedState } from '@/ui/view-bar/states/filterDropdownSelectedEntityIdScopedState';
 
 export function FilterDropdownPeopleSearchSelect({
   context,
diff --git a/front/src/modules/people/hooks/useSetPeopleEntityTable.ts b/front/src/modules/people/hooks/useSetPeopleEntityTable.ts
index 22b2754cc..5e245c552 100644
--- a/front/src/modules/people/hooks/useSetPeopleEntityTable.ts
+++ b/front/src/modules/people/hooks/useSetPeopleEntityTable.ts
@@ -1,7 +1,6 @@
 import { useLocation } from 'react-router-dom';
 import { useRecoilCallback } from 'recoil';
 
-import { availableFiltersScopedState } from '@/ui/filter-n-sort/states/availableFiltersScopedState';
 import { useResetTableRowSelection } from '@/ui/table/hooks/useResetTableRowSelection';
 import { isFetchingEntityTableDataState } from '@/ui/table/states/isFetchingEntityTableDataState';
 import { numberOfTableRowsState } from '@/ui/table/states/numberOfTableRowsState';
@@ -9,6 +8,7 @@ import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts
 import { tableRowIdsState } from '@/ui/table/states/tableRowIdsState';
 import { currentPageLocationState } from '@/ui/utilities/loading-state/states/currentPageLocationState';
 import { useContextScopeId } from '@/ui/utilities/recoil-scope/hooks/useContextScopeId';
+import { availableFiltersScopedState } from '@/ui/view-bar/states/availableFiltersScopedState';
 import { GetPeopleQuery } from '~/generated/graphql';
 import { peopleFilters } from '~/pages/people/people-filters';
 
diff --git a/front/src/modules/people/table/components/PeopleTable.tsx b/front/src/modules/people/table/components/PeopleTable.tsx
index 0bbfc2001..3a6e91da9 100644
--- a/front/src/modules/people/table/components/PeopleTable.tsx
+++ b/front/src/modules/people/table/components/PeopleTable.tsx
@@ -3,13 +3,13 @@ import { getPeopleOptimisticEffect } from '@/people/graphql/optimistic-effect-ca
 import { usePersonTableContextMenuEntries } from '@/people/hooks/usePeopleTableContextMenuEntries';
 import { usePersonTableActionBarEntries } from '@/people/hooks/usePersonTableActionBarEntries';
 import { useSpreadsheetPersonImport } from '@/people/hooks/useSpreadsheetPersonImport';
-import { filtersWhereScopedSelector } from '@/ui/filter-n-sort/states/selectors/filtersWhereScopedSelector';
-import { sortsOrderByScopedSelector } from '@/ui/filter-n-sort/states/selectors/sortsOrderByScopedSelector';
 import { EntityTable } from '@/ui/table/components/EntityTable';
 import { GenericEntityTableData } from '@/ui/table/components/GenericEntityTableData';
 import { useUpsertEntityTableItem } from '@/ui/table/hooks/useUpsertEntityTableItem';
 import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { filtersWhereScopedSelector } from '@/ui/view-bar/states/selectors/filtersWhereScopedSelector';
+import { sortsOrderByScopedSelector } from '@/ui/view-bar/states/selectors/sortsOrderByScopedSelector';
 import { useTableViews } from '@/views/hooks/useTableViews';
 import {
   SortOrder,
diff --git a/front/src/modules/ui/board/components/BoardHeader.tsx b/front/src/modules/ui/board/components/BoardHeader.tsx
index 4aecf2e0d..f2f8293e7 100644
--- a/front/src/modules/ui/board/components/BoardHeader.tsx
+++ b/front/src/modules/ui/board/components/BoardHeader.tsx
@@ -8,13 +8,13 @@ import {
 import styled from '@emotion/styled';
 
 import { DropdownRecoilScopeContext } from '@/ui/dropdown/states/recoil-scope-contexts/DropdownRecoilScopeContext';
-import { FilterDropdownButton } from '@/ui/filter-n-sort/components/FilterDropdownButton';
-import SortAndFilterBar from '@/ui/filter-n-sort/components/SortAndFilterBar';
-import { SortDropdownButton } from '@/ui/filter-n-sort/components/SortDropdownButton';
-import { FiltersHotkeyScope } from '@/ui/filter-n-sort/types/FiltersHotkeyScope';
-import { SelectedSortType, SortType } from '@/ui/filter-n-sort/types/interface';
 import { TopBar } from '@/ui/top-bar/TopBar';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
+import { FilterDropdownButton } from '@/ui/view-bar/components/FilterDropdownButton';
+import { SortDropdownButton } from '@/ui/view-bar/components/SortDropdownButton';
+import ViewBarDetails from '@/ui/view-bar/components/ViewBarDetails';
+import { FiltersHotkeyScope } from '@/ui/view-bar/types/FiltersHotkeyScope';
+import { SelectedSortType, SortType } from '@/ui/view-bar/types/interface';
 
 import type { BoardColumnDefinition } from '../types/BoardColumnDefinition';
 import { BoardOptionsHotkeyScope } from '../types/BoardOptionsHotkeyScope';
@@ -102,7 +102,7 @@ export function BoardHeader<SortField>({
           </>
         }
         bottomComponent={
-          <SortAndFilterBar
+          <ViewBarDetails
             context={context}
             sorts={sorts}
             onRemoveSort={sortUnselect}
diff --git a/front/src/modules/ui/board/components/EntityBoard.tsx b/front/src/modules/ui/board/components/EntityBoard.tsx
index 4d81cb002..2fc91e44d 100644
--- a/front/src/modules/ui/board/components/EntityBoard.tsx
+++ b/front/src/modules/ui/board/components/EntityBoard.tsx
@@ -11,13 +11,13 @@ import { PageHotkeyScope } from '@/types/PageHotkeyScope';
 import { BoardHeader } from '@/ui/board/components/BoardHeader';
 import { StyledBoard } from '@/ui/board/components/StyledBoard';
 import { BoardColumnIdContext } from '@/ui/board/contexts/BoardColumnIdContext';
-import { SelectedSortType } from '@/ui/filter-n-sort/types/interface';
 import { IconList } from '@/ui/icon';
 import { DragSelect } from '@/ui/utilities/drag-select/components/DragSelect';
 import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import { useListenClickOutsideByClassName } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
+import { SelectedSortType } from '@/ui/view-bar/types/interface';
 import {
   PipelineProgress,
   PipelineProgressOrderByWithRelationInput,
diff --git a/front/src/modules/ui/board/types/BoardOptions.ts b/front/src/modules/ui/board/types/BoardOptions.ts
index fb273335e..c7147d29b 100644
--- a/front/src/modules/ui/board/types/BoardOptions.ts
+++ b/front/src/modules/ui/board/types/BoardOptions.ts
@@ -1,5 +1,5 @@
-import { FilterDefinitionByEntity } from '@/ui/filter-n-sort/types/FilterDefinitionByEntity';
-import { SortType } from '@/ui/filter-n-sort/types/interface';
+import { FilterDefinitionByEntity } from '@/ui/view-bar/types/FilterDefinitionByEntity';
+import { SortType } from '@/ui/view-bar/types/interface';
 import { PipelineProgress } from '~/generated/graphql';
 import { PipelineProgressOrderByWithRelationInput as PipelineProgresses_Order_By } from '~/generated/graphql';
 
diff --git a/front/src/modules/ui/table/components/EntityTable.tsx b/front/src/modules/ui/table/components/EntityTable.tsx
index a5a71621b..8d45ca2dd 100644
--- a/front/src/modules/ui/table/components/EntityTable.tsx
+++ b/front/src/modules/ui/table/components/EntityTable.tsx
@@ -1,7 +1,6 @@
 import { useRef } from 'react';
 import styled from '@emotion/styled';
 
-import { SortType } from '@/ui/filter-n-sort/types/interface';
 import { DragSelect } from '@/ui/utilities/drag-select/components/DragSelect';
 import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import {
@@ -9,6 +8,7 @@ import {
   useListenClickOutsideByClassName,
 } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
 import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
+import { SortType } from '@/ui/view-bar/types/interface';
 
 import { EntityUpdateMutationContext } from '../contexts/EntityUpdateMutationHookContext';
 import { useLeaveTableFocus } from '../hooks/useLeaveTableFocus';
diff --git a/front/src/modules/ui/table/components/GenericEntityTableData.tsx b/front/src/modules/ui/table/components/GenericEntityTableData.tsx
index 9ace1744b..963d44dc8 100644
--- a/front/src/modules/ui/table/components/GenericEntityTableData.tsx
+++ b/front/src/modules/ui/table/components/GenericEntityTableData.tsx
@@ -2,8 +2,8 @@ import { useEffect } from 'react';
 
 import { useOptimisticEffect } from '@/apollo/optimistic-effect/hooks/useOptimisticEffect';
 import { OptimisticEffect } from '@/apollo/optimistic-effect/types/OptimisticEffect';
-import { FilterDefinition } from '@/ui/filter-n-sort/types/FilterDefinition';
 import { useSetEntityTableData } from '@/ui/table/hooks/useSetEntityTableData';
+import { FilterDefinition } from '@/ui/view-bar/types/FilterDefinition';
 import { SortOrder } from '~/generated/graphql';
 
 export function GenericEntityTableData({
diff --git a/front/src/modules/ui/table/hooks/useSetEntityTableData.ts b/front/src/modules/ui/table/hooks/useSetEntityTableData.ts
index d769de562..1e200d0e5 100644
--- a/front/src/modules/ui/table/hooks/useSetEntityTableData.ts
+++ b/front/src/modules/ui/table/hooks/useSetEntityTableData.ts
@@ -1,12 +1,12 @@
 import { useRecoilCallback } from 'recoil';
 
-import { availableFiltersScopedState } from '@/ui/filter-n-sort/states/availableFiltersScopedState';
-import { FilterDefinition } from '@/ui/filter-n-sort/types/FilterDefinition';
 import { useResetTableRowSelection } from '@/ui/table/hooks/useResetTableRowSelection';
 import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { tableEntitiesFamilyState } from '@/ui/table/states/tableEntitiesFamilyState';
 import { tableRowIdsState } from '@/ui/table/states/tableRowIdsState';
 import { useContextScopeId } from '@/ui/utilities/recoil-scope/hooks/useContextScopeId';
+import { availableFiltersScopedState } from '@/ui/view-bar/states/availableFiltersScopedState';
+import { FilterDefinition } from '@/ui/view-bar/types/FilterDefinition';
 
 import { isFetchingEntityTableDataState } from '../states/isFetchingEntityTableDataState';
 import { numberOfTableRowsState } from '../states/numberOfTableRowsState';
diff --git a/front/src/modules/ui/table/options/components/TableOptionsDropdownContent.tsx b/front/src/modules/ui/table/options/components/TableOptionsDropdownContent.tsx
index 60d6415ec..aa5c68dc6 100644
--- a/front/src/modules/ui/table/options/components/TableOptionsDropdownContent.tsx
+++ b/front/src/modules/ui/table/options/components/TableOptionsDropdownContent.tsx
@@ -9,16 +9,16 @@ import { StyledDropdownMenu } from '@/ui/dropdown/components/StyledDropdownMenu'
 import { StyledDropdownMenuItemsContainer } from '@/ui/dropdown/components/StyledDropdownMenuItemsContainer';
 import { StyledDropdownMenuSeparator } from '@/ui/dropdown/components/StyledDropdownMenuSeparator';
 import { useDropdownButton } from '@/ui/dropdown/hooks/useDropdownButton';
-import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState';
-import { savedFiltersScopedState } from '@/ui/filter-n-sort/states/savedFiltersScopedState';
-import { savedSortsScopedState } from '@/ui/filter-n-sort/states/savedSortsScopedState';
-import { sortsScopedState } from '@/ui/filter-n-sort/states/sortsScopedState';
 import { IconChevronLeft, IconFileImport, IconTag } from '@/ui/icon';
 import { MenuItem } from '@/ui/menu-item/components/MenuItem';
 import { tableColumnsScopedState } from '@/ui/table/states/tableColumnsScopedState';
 import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import { useContextScopeId } from '@/ui/utilities/recoil-scope/hooks/useContextScopeId';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { filtersScopedState } from '@/ui/view-bar/states/filtersScopedState';
+import { savedFiltersScopedState } from '@/ui/view-bar/states/savedFiltersScopedState';
+import { savedSortsScopedState } from '@/ui/view-bar/states/savedSortsScopedState';
+import { sortsScopedState } from '@/ui/view-bar/states/sortsScopedState';
 
 import { TableRecoilScopeContext } from '../../states/recoil-scope-contexts/TableRecoilScopeContext';
 import { savedTableColumnsScopedState } from '../../states/savedTableColumnsScopedState';
diff --git a/front/src/modules/ui/table/options/components/TableUpdateViewButtonGroup.tsx b/front/src/modules/ui/table/options/components/TableUpdateViewButtonGroup.tsx
index d0f5da945..14b9d25fe 100644
--- a/front/src/modules/ui/table/options/components/TableUpdateViewButtonGroup.tsx
+++ b/front/src/modules/ui/table/options/components/TableUpdateViewButtonGroup.tsx
@@ -7,18 +7,18 @@ import { Button } from '@/ui/button/components/Button';
 import { ButtonGroup } from '@/ui/button/components/ButtonGroup';
 import { StyledDropdownMenuItemsContainer } from '@/ui/dropdown/components/StyledDropdownMenuItemsContainer';
 import { useDropdownButton } from '@/ui/dropdown/hooks/useDropdownButton';
-import { DropdownMenuContainer } from '@/ui/filter-n-sort/components/DropdownMenuContainer';
-import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState';
-import { savedFiltersScopedState } from '@/ui/filter-n-sort/states/savedFiltersScopedState';
-import { savedSortsScopedState } from '@/ui/filter-n-sort/states/savedSortsScopedState';
-import { canPersistFiltersScopedSelector } from '@/ui/filter-n-sort/states/selectors/canPersistFiltersScopedSelector';
-import { canPersistSortsScopedSelector } from '@/ui/filter-n-sort/states/selectors/canPersistSortsScopedSelector';
-import { sortsScopedState } from '@/ui/filter-n-sort/states/sortsScopedState';
 import { IconChevronDown, IconPlus } from '@/ui/icon';
 import { MenuItem } from '@/ui/menu-item/components/MenuItem';
 import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import { useContextScopeId } from '@/ui/utilities/recoil-scope/hooks/useContextScopeId';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { DropdownMenuContainer } from '@/ui/view-bar/components/DropdownMenuContainer';
+import { filtersScopedState } from '@/ui/view-bar/states/filtersScopedState';
+import { savedFiltersScopedState } from '@/ui/view-bar/states/savedFiltersScopedState';
+import { savedSortsScopedState } from '@/ui/view-bar/states/savedSortsScopedState';
+import { canPersistFiltersScopedSelector } from '@/ui/view-bar/states/selectors/canPersistFiltersScopedSelector';
+import { canPersistSortsScopedSelector } from '@/ui/view-bar/states/selectors/canPersistSortsScopedSelector';
+import { sortsScopedState } from '@/ui/view-bar/states/sortsScopedState';
 
 import { TableRecoilScopeContext } from '../../states/recoil-scope-contexts/TableRecoilScopeContext';
 import { savedTableColumnsScopedState } from '../../states/savedTableColumnsScopedState';
diff --git a/front/src/modules/ui/table/options/components/TableViewsDropdownButton.tsx b/front/src/modules/ui/table/options/components/TableViewsDropdownButton.tsx
index 615e5aecc..978437618 100644
--- a/front/src/modules/ui/table/options/components/TableViewsDropdownButton.tsx
+++ b/front/src/modules/ui/table/options/components/TableViewsDropdownButton.tsx
@@ -6,11 +6,6 @@ import { useRecoilCallback, useSetRecoilState } from 'recoil';
 import { StyledDropdownMenuItemsContainer } from '@/ui/dropdown/components/StyledDropdownMenuItemsContainer';
 import { StyledDropdownMenuSeparator } from '@/ui/dropdown/components/StyledDropdownMenuSeparator';
 import { useDropdownButton } from '@/ui/dropdown/hooks/useDropdownButton';
-import DropdownButton from '@/ui/filter-n-sort/components/DropdownButton';
-import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState';
-import { savedFiltersScopedState } from '@/ui/filter-n-sort/states/savedFiltersScopedState';
-import { savedSortsScopedState } from '@/ui/filter-n-sort/states/savedSortsScopedState';
-import { sortsScopedState } from '@/ui/filter-n-sort/states/sortsScopedState';
 import {
   IconChevronDown,
   IconList,
@@ -31,6 +26,11 @@ import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousH
 import { useContextScopeId } from '@/ui/utilities/recoil-scope/hooks/useContextScopeId';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import DropdownButton from '@/ui/view-bar/components/DropdownButton';
+import { filtersScopedState } from '@/ui/view-bar/states/filtersScopedState';
+import { savedFiltersScopedState } from '@/ui/view-bar/states/savedFiltersScopedState';
+import { savedSortsScopedState } from '@/ui/view-bar/states/savedSortsScopedState';
+import { sortsScopedState } from '@/ui/view-bar/states/sortsScopedState';
 import { assertNotNull } from '~/utils/assert';
 
 import { TableRecoilScopeContext } from '../../states/recoil-scope-contexts/TableRecoilScopeContext';
diff --git a/front/src/modules/ui/table/table-header/components/TableHeader.tsx b/front/src/modules/ui/table/table-header/components/TableHeader.tsx
index 255e40b99..ac27c6ce4 100644
--- a/front/src/modules/ui/table/table-header/components/TableHeader.tsx
+++ b/front/src/modules/ui/table/table-header/components/TableHeader.tsx
@@ -2,19 +2,19 @@ import { useCallback } from 'react';
 import { useRecoilValue } from 'recoil';
 
 import { DropdownRecoilScopeContext } from '@/ui/dropdown/states/recoil-scope-contexts/DropdownRecoilScopeContext';
-import { FilterDropdownButton } from '@/ui/filter-n-sort/components/FilterDropdownButton';
-import SortAndFilterBar from '@/ui/filter-n-sort/components/SortAndFilterBar';
-import { SortDropdownButton } from '@/ui/filter-n-sort/components/SortDropdownButton';
-import { canPersistFiltersScopedSelector } from '@/ui/filter-n-sort/states/selectors/canPersistFiltersScopedSelector';
-import { canPersistSortsScopedSelector } from '@/ui/filter-n-sort/states/selectors/canPersistSortsScopedSelector';
-import { sortsScopedState } from '@/ui/filter-n-sort/states/sortsScopedState';
-import { FiltersHotkeyScope } from '@/ui/filter-n-sort/types/FiltersHotkeyScope';
-import { SelectedSortType, SortType } from '@/ui/filter-n-sort/types/interface';
 import { TopBar } from '@/ui/top-bar/TopBar';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { useContextScopeId } from '@/ui/utilities/recoil-scope/hooks/useContextScopeId';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { FilterDropdownButton } from '@/ui/view-bar/components/FilterDropdownButton';
+import { SortDropdownButton } from '@/ui/view-bar/components/SortDropdownButton';
+import ViewBarDetails from '@/ui/view-bar/components/ViewBarDetails';
+import { canPersistFiltersScopedSelector } from '@/ui/view-bar/states/selectors/canPersistFiltersScopedSelector';
+import { canPersistSortsScopedSelector } from '@/ui/view-bar/states/selectors/canPersistSortsScopedSelector';
+import { sortsScopedState } from '@/ui/view-bar/states/sortsScopedState';
+import { FiltersHotkeyScope } from '@/ui/view-bar/types/FiltersHotkeyScope';
+import { SelectedSortType, SortType } from '@/ui/view-bar/types/interface';
 
 import { TableOptionsDropdown } from '../../options/components/TableOptionsDropdown';
 import { TableUpdateViewButtonGroup } from '../../options/components/TableUpdateViewButtonGroup';
@@ -114,7 +114,7 @@ export function TableHeader<SortField>({
           </>
         }
         bottomComponent={
-          <SortAndFilterBar
+          <ViewBarDetails
             canPersistView={
               canPersistTableColumns || canPersistFilters || canPersistSorts
             }
diff --git a/front/src/modules/ui/filter-n-sort/components/DropdownButton.tsx b/front/src/modules/ui/view-bar/components/DropdownButton.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/DropdownButton.tsx
rename to front/src/modules/ui/view-bar/components/DropdownButton.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/DropdownMenuContainer.tsx b/front/src/modules/ui/view-bar/components/DropdownMenuContainer.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/DropdownMenuContainer.tsx
rename to front/src/modules/ui/view-bar/components/DropdownMenuContainer.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/FilterDropdownButton.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownButton.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/FilterDropdownButton.tsx
rename to front/src/modules/ui/view-bar/components/FilterDropdownButton.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/FilterDropdownDateSearchInput.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownDateSearchInput.tsx
similarity index 83%
rename from front/src/modules/ui/filter-n-sort/components/FilterDropdownDateSearchInput.tsx
rename to front/src/modules/ui/view-bar/components/FilterDropdownDateSearchInput.tsx
index 608fdc63d..00d1abf04 100644
--- a/front/src/modules/ui/filter-n-sort/components/FilterDropdownDateSearchInput.tsx
+++ b/front/src/modules/ui/view-bar/components/FilterDropdownDateSearchInput.tsx
@@ -1,11 +1,11 @@
 import { Context } from 'react';
 import styled from '@emotion/styled';
 
-import { useUpsertFilter } from '@/ui/filter-n-sort/hooks/useUpsertFilter';
-import { filterDefinitionUsedInDropdownScopedState } from '@/ui/filter-n-sort/states/filterDefinitionUsedInDropdownScopedState';
-import { selectedOperandInDropdownScopedState } from '@/ui/filter-n-sort/states/selectedOperandInDropdownScopedState';
 import DatePicker from '@/ui/input/date/components/DatePicker';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+import { useUpsertFilter } from '@/ui/view-bar/hooks/useUpsertFilter';
+import { filterDefinitionUsedInDropdownScopedState } from '@/ui/view-bar/states/filterDefinitionUsedInDropdownScopedState';
+import { selectedOperandInDropdownScopedState } from '@/ui/view-bar/states/selectedOperandInDropdownScopedState';
 
 export function FilterDropdownDateSearchInput({
   context,
diff --git a/front/src/modules/ui/filter-n-sort/components/FilterDropdownEntitySearchInput.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownEntitySearchInput.tsx
similarity index 79%
rename from front/src/modules/ui/filter-n-sort/components/FilterDropdownEntitySearchInput.tsx
rename to front/src/modules/ui/view-bar/components/FilterDropdownEntitySearchInput.tsx
index b2a9254d6..51157b62a 100644
--- a/front/src/modules/ui/filter-n-sort/components/FilterDropdownEntitySearchInput.tsx
+++ b/front/src/modules/ui/view-bar/components/FilterDropdownEntitySearchInput.tsx
@@ -1,10 +1,10 @@
 import { ChangeEvent, Context } from 'react';
 
 import { DropdownMenuInput } from '@/ui/dropdown/components/DropdownMenuInput';
-import { filterDefinitionUsedInDropdownScopedState } from '@/ui/filter-n-sort/states/filterDefinitionUsedInDropdownScopedState';
-import { filterDropdownSearchInputScopedState } from '@/ui/filter-n-sort/states/filterDropdownSearchInputScopedState';
-import { selectedOperandInDropdownScopedState } from '@/ui/filter-n-sort/states/selectedOperandInDropdownScopedState';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+import { filterDefinitionUsedInDropdownScopedState } from '@/ui/view-bar/states/filterDefinitionUsedInDropdownScopedState';
+import { filterDropdownSearchInputScopedState } from '@/ui/view-bar/states/filterDropdownSearchInputScopedState';
+import { selectedOperandInDropdownScopedState } from '@/ui/view-bar/states/selectedOperandInDropdownScopedState';
 
 export function FilterDropdownEntitySearchInput({
   context,
diff --git a/front/src/modules/ui/filter-n-sort/components/FilterDropdownEntitySearchSelect.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownEntitySearchSelect.tsx
similarity index 84%
rename from front/src/modules/ui/filter-n-sort/components/FilterDropdownEntitySearchSelect.tsx
rename to front/src/modules/ui/view-bar/components/FilterDropdownEntitySearchSelect.tsx
index 235ed8c07..1f8120f81 100644
--- a/front/src/modules/ui/filter-n-sort/components/FilterDropdownEntitySearchSelect.tsx
+++ b/front/src/modules/ui/view-bar/components/FilterDropdownEntitySearchSelect.tsx
@@ -1,15 +1,15 @@
 import { useEffect } from 'react';
 
-import { useFilterCurrentlyEdited } from '@/ui/filter-n-sort/hooks/useFilterCurrentlyEdited';
-import { useRemoveFilter } from '@/ui/filter-n-sort/hooks/useRemoveFilter';
-import { useUpsertFilter } from '@/ui/filter-n-sort/hooks/useUpsertFilter';
-import { filterDefinitionUsedInDropdownScopedState } from '@/ui/filter-n-sort/states/filterDefinitionUsedInDropdownScopedState';
-import { filterDropdownSelectedEntityIdScopedState } from '@/ui/filter-n-sort/states/filterDropdownSelectedEntityIdScopedState';
-import { selectedOperandInDropdownScopedState } from '@/ui/filter-n-sort/states/selectedOperandInDropdownScopedState';
 import { EntitiesForMultipleEntitySelect } from '@/ui/input/relation-picker/components/MultipleEntitySelect';
 import { SingleEntitySelectBase } from '@/ui/input/relation-picker/components/SingleEntitySelectBase';
 import { EntityForSelect } from '@/ui/input/relation-picker/types/EntityForSelect';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+import { useFilterCurrentlyEdited } from '@/ui/view-bar/hooks/useFilterCurrentlyEdited';
+import { useRemoveFilter } from '@/ui/view-bar/hooks/useRemoveFilter';
+import { useUpsertFilter } from '@/ui/view-bar/hooks/useUpsertFilter';
+import { filterDefinitionUsedInDropdownScopedState } from '@/ui/view-bar/states/filterDefinitionUsedInDropdownScopedState';
+import { filterDropdownSelectedEntityIdScopedState } from '@/ui/view-bar/states/filterDropdownSelectedEntityIdScopedState';
+import { selectedOperandInDropdownScopedState } from '@/ui/view-bar/states/selectedOperandInDropdownScopedState';
 
 export function FilterDropdownEntitySearchSelect({
   entitiesForSelect,
diff --git a/front/src/modules/ui/filter-n-sort/components/FilterDropdownEntitySelect.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownEntitySelect.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/FilterDropdownEntitySelect.tsx
rename to front/src/modules/ui/view-bar/components/FilterDropdownEntitySelect.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/FilterDropdownFilterSelect.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownFilterSelect.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/FilterDropdownFilterSelect.tsx
rename to front/src/modules/ui/view-bar/components/FilterDropdownFilterSelect.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/FilterDropdownNumberSearchInput.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownNumberSearchInput.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/FilterDropdownNumberSearchInput.tsx
rename to front/src/modules/ui/view-bar/components/FilterDropdownNumberSearchInput.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/FilterDropdownOperandButton.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownOperandButton.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/FilterDropdownOperandButton.tsx
rename to front/src/modules/ui/view-bar/components/FilterDropdownOperandButton.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/FilterDropdownOperandSelect.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownOperandSelect.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/FilterDropdownOperandSelect.tsx
rename to front/src/modules/ui/view-bar/components/FilterDropdownOperandSelect.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/FilterDropdownTextSearchInput.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownTextSearchInput.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/FilterDropdownTextSearchInput.tsx
rename to front/src/modules/ui/view-bar/components/FilterDropdownTextSearchInput.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/GenericEntityFilterChip.tsx b/front/src/modules/ui/view-bar/components/GenericEntityFilterChip.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/GenericEntityFilterChip.tsx
rename to front/src/modules/ui/view-bar/components/GenericEntityFilterChip.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/MultipleFiltersDropdownButton.tsx b/front/src/modules/ui/view-bar/components/MultipleFiltersDropdownButton.tsx
similarity index 91%
rename from front/src/modules/ui/filter-n-sort/components/MultipleFiltersDropdownButton.tsx
rename to front/src/modules/ui/view-bar/components/MultipleFiltersDropdownButton.tsx
index 7644ee0e5..40f12c1ac 100644
--- a/front/src/modules/ui/filter-n-sort/components/MultipleFiltersDropdownButton.tsx
+++ b/front/src/modules/ui/view-bar/components/MultipleFiltersDropdownButton.tsx
@@ -1,13 +1,13 @@
 import { Context, useCallback, useState } from 'react';
 
 import { StyledDropdownMenuSeparator } from '@/ui/dropdown/components/StyledDropdownMenuSeparator';
-import { filterDefinitionUsedInDropdownScopedState } from '@/ui/filter-n-sort/states/filterDefinitionUsedInDropdownScopedState';
-import { filterDropdownSearchInputScopedState } from '@/ui/filter-n-sort/states/filterDropdownSearchInputScopedState';
-import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState';
-import { isFilterDropdownOperandSelectUnfoldedScopedState } from '@/ui/filter-n-sort/states/isFilterDropdownOperandSelectUnfoldedScopedState';
-import { selectedOperandInDropdownScopedState } from '@/ui/filter-n-sort/states/selectedOperandInDropdownScopedState';
 import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+import { filterDefinitionUsedInDropdownScopedState } from '@/ui/view-bar/states/filterDefinitionUsedInDropdownScopedState';
+import { filterDropdownSearchInputScopedState } from '@/ui/view-bar/states/filterDropdownSearchInputScopedState';
+import { filtersScopedState } from '@/ui/view-bar/states/filtersScopedState';
+import { isFilterDropdownOperandSelectUnfoldedScopedState } from '@/ui/view-bar/states/isFilterDropdownOperandSelectUnfoldedScopedState';
+import { selectedOperandInDropdownScopedState } from '@/ui/view-bar/states/selectedOperandInDropdownScopedState';
 
 import { isViewBarExpandedScopedState } from '../states/isViewBarExpandedScopedState';
 import { FiltersHotkeyScope } from '../types/FiltersHotkeyScope';
diff --git a/front/src/modules/ui/filter-n-sort/components/SingleEntityFilterDropdownButton.tsx b/front/src/modules/ui/view-bar/components/SingleEntityFilterDropdownButton.tsx
similarity index 91%
rename from front/src/modules/ui/filter-n-sort/components/SingleEntityFilterDropdownButton.tsx
rename to front/src/modules/ui/view-bar/components/SingleEntityFilterDropdownButton.tsx
index 50f38f002..98bf282b0 100644
--- a/front/src/modules/ui/filter-n-sort/components/SingleEntityFilterDropdownButton.tsx
+++ b/front/src/modules/ui/view-bar/components/SingleEntityFilterDropdownButton.tsx
@@ -3,12 +3,12 @@ import React from 'react';
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 
-import { filterDefinitionUsedInDropdownScopedState } from '@/ui/filter-n-sort/states/filterDefinitionUsedInDropdownScopedState';
-import { filterDropdownSearchInputScopedState } from '@/ui/filter-n-sort/states/filterDropdownSearchInputScopedState';
-import { selectedOperandInDropdownScopedState } from '@/ui/filter-n-sort/states/selectedOperandInDropdownScopedState';
 import { IconChevronDown } from '@/ui/icon';
 import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+import { filterDefinitionUsedInDropdownScopedState } from '@/ui/view-bar/states/filterDefinitionUsedInDropdownScopedState';
+import { filterDropdownSearchInputScopedState } from '@/ui/view-bar/states/filterDropdownSearchInputScopedState';
+import { selectedOperandInDropdownScopedState } from '@/ui/view-bar/states/selectedOperandInDropdownScopedState';
 
 import { StyledHeaderDropdownButton } from '../../dropdown/components/StyledHeaderDropdownButton';
 import { availableFiltersScopedState } from '../states/availableFiltersScopedState';
diff --git a/front/src/modules/ui/filter-n-sort/components/SortDropdownButton.tsx b/front/src/modules/ui/view-bar/components/SortDropdownButton.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/SortDropdownButton.tsx
rename to front/src/modules/ui/view-bar/components/SortDropdownButton.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/SortOrFilterChip.tsx b/front/src/modules/ui/view-bar/components/SortOrFilterChip.tsx
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/components/SortOrFilterChip.tsx
rename to front/src/modules/ui/view-bar/components/SortOrFilterChip.tsx
diff --git a/front/src/modules/ui/filter-n-sort/components/SortAndFilterBar.tsx b/front/src/modules/ui/view-bar/components/ViewBarDetails.tsx
similarity index 98%
rename from front/src/modules/ui/filter-n-sort/components/SortAndFilterBar.tsx
rename to front/src/modules/ui/view-bar/components/ViewBarDetails.tsx
index 61c6b9833..fdd5a353e 100644
--- a/front/src/modules/ui/filter-n-sort/components/SortAndFilterBar.tsx
+++ b/front/src/modules/ui/view-bar/components/ViewBarDetails.tsx
@@ -98,7 +98,7 @@ const StyledAddFilterContainer = styled.div`
   z-index: 5;
 `;
 
-function SortAndFilterBar<SortField>({
+function ViewBarDetails<SortField>({
   canPersistView,
   context,
   sorts,
@@ -217,4 +217,4 @@ function SortAndFilterBar<SortField>({
   );
 }
 
-export default SortAndFilterBar;
+export default ViewBarDetails;
diff --git a/front/src/modules/ui/filter-n-sort/helpers.ts b/front/src/modules/ui/view-bar/helpers.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/helpers.ts
rename to front/src/modules/ui/view-bar/helpers.ts
diff --git a/front/src/modules/ui/filter-n-sort/hooks/useFilterCurrentlyEdited.ts b/front/src/modules/ui/view-bar/hooks/useFilterCurrentlyEdited.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/hooks/useFilterCurrentlyEdited.ts
rename to front/src/modules/ui/view-bar/hooks/useFilterCurrentlyEdited.ts
diff --git a/front/src/modules/ui/filter-n-sort/hooks/useRemoveFilter.ts b/front/src/modules/ui/view-bar/hooks/useRemoveFilter.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/hooks/useRemoveFilter.ts
rename to front/src/modules/ui/view-bar/hooks/useRemoveFilter.ts
diff --git a/front/src/modules/ui/filter-n-sort/hooks/useUpsertFilter.ts b/front/src/modules/ui/view-bar/hooks/useUpsertFilter.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/hooks/useUpsertFilter.ts
rename to front/src/modules/ui/view-bar/hooks/useUpsertFilter.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/availableFiltersScopedState.ts b/front/src/modules/ui/view-bar/states/availableFiltersScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/availableFiltersScopedState.ts
rename to front/src/modules/ui/view-bar/states/availableFiltersScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/filterDefinitionUsedInDropdownScopedState.ts b/front/src/modules/ui/view-bar/states/filterDefinitionUsedInDropdownScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/filterDefinitionUsedInDropdownScopedState.ts
rename to front/src/modules/ui/view-bar/states/filterDefinitionUsedInDropdownScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/filterDropdownSearchInputScopedState.ts b/front/src/modules/ui/view-bar/states/filterDropdownSearchInputScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/filterDropdownSearchInputScopedState.ts
rename to front/src/modules/ui/view-bar/states/filterDropdownSearchInputScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/filterDropdownSelectedEntityIdScopedState.ts b/front/src/modules/ui/view-bar/states/filterDropdownSelectedEntityIdScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/filterDropdownSelectedEntityIdScopedState.ts
rename to front/src/modules/ui/view-bar/states/filterDropdownSelectedEntityIdScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/filtersScopedState.ts b/front/src/modules/ui/view-bar/states/filtersScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/filtersScopedState.ts
rename to front/src/modules/ui/view-bar/states/filtersScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/isFilterDropdownOperandSelectUnfoldedScopedState.ts b/front/src/modules/ui/view-bar/states/isFilterDropdownOperandSelectUnfoldedScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/isFilterDropdownOperandSelectUnfoldedScopedState.ts
rename to front/src/modules/ui/view-bar/states/isFilterDropdownOperandSelectUnfoldedScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/isViewBarExpandedScopedState.ts b/front/src/modules/ui/view-bar/states/isViewBarExpandedScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/isViewBarExpandedScopedState.ts
rename to front/src/modules/ui/view-bar/states/isViewBarExpandedScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/savedFiltersScopedState.ts b/front/src/modules/ui/view-bar/states/savedFiltersScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/savedFiltersScopedState.ts
rename to front/src/modules/ui/view-bar/states/savedFiltersScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/savedSortsScopedState.ts b/front/src/modules/ui/view-bar/states/savedSortsScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/savedSortsScopedState.ts
rename to front/src/modules/ui/view-bar/states/savedSortsScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/selectedOperandInDropdownScopedState.ts b/front/src/modules/ui/view-bar/states/selectedOperandInDropdownScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/selectedOperandInDropdownScopedState.ts
rename to front/src/modules/ui/view-bar/states/selectedOperandInDropdownScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/selectors/canPersistFiltersScopedSelector.ts b/front/src/modules/ui/view-bar/states/selectors/canPersistFiltersScopedSelector.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/selectors/canPersistFiltersScopedSelector.ts
rename to front/src/modules/ui/view-bar/states/selectors/canPersistFiltersScopedSelector.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/selectors/canPersistSortsScopedSelector.ts b/front/src/modules/ui/view-bar/states/selectors/canPersistSortsScopedSelector.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/selectors/canPersistSortsScopedSelector.ts
rename to front/src/modules/ui/view-bar/states/selectors/canPersistSortsScopedSelector.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/selectors/filtersWhereScopedSelector.ts b/front/src/modules/ui/view-bar/states/selectors/filtersWhereScopedSelector.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/selectors/filtersWhereScopedSelector.ts
rename to front/src/modules/ui/view-bar/states/selectors/filtersWhereScopedSelector.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/selectors/savedFiltersByKeyScopedSelector.ts b/front/src/modules/ui/view-bar/states/selectors/savedFiltersByKeyScopedSelector.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/selectors/savedFiltersByKeyScopedSelector.ts
rename to front/src/modules/ui/view-bar/states/selectors/savedFiltersByKeyScopedSelector.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/selectors/savedSortsByKeyScopedSelector.ts b/front/src/modules/ui/view-bar/states/selectors/savedSortsByKeyScopedSelector.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/selectors/savedSortsByKeyScopedSelector.ts
rename to front/src/modules/ui/view-bar/states/selectors/savedSortsByKeyScopedSelector.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/selectors/sortsOrderByScopedSelector.ts b/front/src/modules/ui/view-bar/states/selectors/sortsOrderByScopedSelector.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/selectors/sortsOrderByScopedSelector.ts
rename to front/src/modules/ui/view-bar/states/selectors/sortsOrderByScopedSelector.ts
diff --git a/front/src/modules/ui/filter-n-sort/states/sortsScopedState.ts b/front/src/modules/ui/view-bar/states/sortsScopedState.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/states/sortsScopedState.ts
rename to front/src/modules/ui/view-bar/states/sortsScopedState.ts
diff --git a/front/src/modules/ui/filter-n-sort/types/Filter.ts b/front/src/modules/ui/view-bar/types/Filter.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/types/Filter.ts
rename to front/src/modules/ui/view-bar/types/Filter.ts
diff --git a/front/src/modules/ui/filter-n-sort/types/FilterDefinition.ts b/front/src/modules/ui/view-bar/types/FilterDefinition.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/types/FilterDefinition.ts
rename to front/src/modules/ui/view-bar/types/FilterDefinition.ts
diff --git a/front/src/modules/ui/filter-n-sort/types/FilterDefinitionByEntity.ts b/front/src/modules/ui/view-bar/types/FilterDefinitionByEntity.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/types/FilterDefinitionByEntity.ts
rename to front/src/modules/ui/view-bar/types/FilterDefinitionByEntity.ts
diff --git a/front/src/modules/ui/filter-n-sort/types/FilterOperand.ts b/front/src/modules/ui/view-bar/types/FilterOperand.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/types/FilterOperand.ts
rename to front/src/modules/ui/view-bar/types/FilterOperand.ts
diff --git a/front/src/modules/ui/filter-n-sort/types/FilterType.ts b/front/src/modules/ui/view-bar/types/FilterType.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/types/FilterType.ts
rename to front/src/modules/ui/view-bar/types/FilterType.ts
diff --git a/front/src/modules/ui/filter-n-sort/types/FiltersHotkeyScope.ts b/front/src/modules/ui/view-bar/types/FiltersHotkeyScope.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/types/FiltersHotkeyScope.ts
rename to front/src/modules/ui/view-bar/types/FiltersHotkeyScope.ts
diff --git a/front/src/modules/ui/filter-n-sort/types/interface.ts b/front/src/modules/ui/view-bar/types/interface.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/types/interface.ts
rename to front/src/modules/ui/view-bar/types/interface.ts
diff --git a/front/src/modules/ui/filter-n-sort/utils/getOperandLabel.ts b/front/src/modules/ui/view-bar/utils/getOperandLabel.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/utils/getOperandLabel.ts
rename to front/src/modules/ui/view-bar/utils/getOperandLabel.ts
diff --git a/front/src/modules/ui/filter-n-sort/utils/getOperandsForFilterType.ts b/front/src/modules/ui/view-bar/utils/getOperandsForFilterType.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/utils/getOperandsForFilterType.ts
rename to front/src/modules/ui/view-bar/utils/getOperandsForFilterType.ts
diff --git a/front/src/modules/ui/filter-n-sort/utils/turnFilterIntoWhereClause.ts b/front/src/modules/ui/view-bar/utils/turnFilterIntoWhereClause.ts
similarity index 100%
rename from front/src/modules/ui/filter-n-sort/utils/turnFilterIntoWhereClause.ts
rename to front/src/modules/ui/view-bar/utils/turnFilterIntoWhereClause.ts
diff --git a/front/src/modules/users/components/FilterDropdownUserSearchSelect.tsx b/front/src/modules/users/components/FilterDropdownUserSearchSelect.tsx
index 0067ade86..23115069f 100644
--- a/front/src/modules/users/components/FilterDropdownUserSearchSelect.tsx
+++ b/front/src/modules/users/components/FilterDropdownUserSearchSelect.tsx
@@ -1,12 +1,12 @@
 import { Context } from 'react';
 
 import { useFilteredSearchEntityQuery } from '@/search/hooks/useFilteredSearchEntityQuery';
-import { FilterDropdownEntitySearchSelect } from '@/ui/filter-n-sort/components/FilterDropdownEntitySearchSelect';
-import { filterDropdownSearchInputScopedState } from '@/ui/filter-n-sort/states/filterDropdownSearchInputScopedState';
-import { filterDropdownSelectedEntityIdScopedState } from '@/ui/filter-n-sort/states/filterDropdownSelectedEntityIdScopedState';
 import { Entity } from '@/ui/input/relation-picker/types/EntityTypeForSelect';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { FilterDropdownEntitySearchSelect } from '@/ui/view-bar/components/FilterDropdownEntitySearchSelect';
+import { filterDropdownSearchInputScopedState } from '@/ui/view-bar/states/filterDropdownSearchInputScopedState';
+import { filterDropdownSelectedEntityIdScopedState } from '@/ui/view-bar/states/filterDropdownSelectedEntityIdScopedState';
 import { useSearchUserQuery } from '~/generated/graphql';
 
 export function FilterDropdownUserSearchSelect({
diff --git a/front/src/modules/views/hooks/useTableViews.ts b/front/src/modules/views/hooks/useTableViews.ts
index 5b03f0ed4..49899f6ac 100644
--- a/front/src/modules/views/hooks/useTableViews.ts
+++ b/front/src/modules/views/hooks/useTableViews.ts
@@ -1,15 +1,15 @@
 import { useCallback } from 'react';
 
 import type { ViewFieldMetadata } from '@/ui/editable-field/types/ViewField';
-import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState';
-import { sortsScopedState } from '@/ui/filter-n-sort/states/sortsScopedState';
-import type { FilterDefinitionByEntity } from '@/ui/filter-n-sort/types/FilterDefinitionByEntity';
-import type { SortType } from '@/ui/filter-n-sort/types/interface';
 import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { tableColumnsScopedState } from '@/ui/table/states/tableColumnsScopedState';
 import { currentTableViewIdState } from '@/ui/table/states/tableViewsState';
 import type { ColumnDefinition } from '@/ui/table/types/ColumnDefinition';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { filtersScopedState } from '@/ui/view-bar/states/filtersScopedState';
+import { sortsScopedState } from '@/ui/view-bar/states/sortsScopedState';
+import type { FilterDefinitionByEntity } from '@/ui/view-bar/types/FilterDefinitionByEntity';
+import type { SortType } from '@/ui/view-bar/types/interface';
 import { ViewType } from '~/generated/graphql';
 
 import { useTableViewFields } from './useTableViewFields';
diff --git a/front/src/modules/views/hooks/useViewFilters.ts b/front/src/modules/views/hooks/useViewFilters.ts
index 9f6cc7ab6..6c7dbd012 100644
--- a/front/src/modules/views/hooks/useViewFilters.ts
+++ b/front/src/modules/views/hooks/useViewFilters.ts
@@ -1,12 +1,12 @@
 import { Context, useCallback } from 'react';
 import { useRecoilState, useRecoilValue } from 'recoil';
 
-import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState';
-import { savedFiltersScopedState } from '@/ui/filter-n-sort/states/savedFiltersScopedState';
-import { savedFiltersByKeyScopedSelector } from '@/ui/filter-n-sort/states/selectors/savedFiltersByKeyScopedSelector';
-import type { Filter } from '@/ui/filter-n-sort/types/Filter';
-import type { FilterDefinitionByEntity } from '@/ui/filter-n-sort/types/FilterDefinitionByEntity';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+import { filtersScopedState } from '@/ui/view-bar/states/filtersScopedState';
+import { savedFiltersScopedState } from '@/ui/view-bar/states/savedFiltersScopedState';
+import { savedFiltersByKeyScopedSelector } from '@/ui/view-bar/states/selectors/savedFiltersByKeyScopedSelector';
+import type { Filter } from '@/ui/view-bar/types/Filter';
+import type { FilterDefinitionByEntity } from '@/ui/view-bar/types/FilterDefinitionByEntity';
 import {
   useCreateViewFiltersMutation,
   useDeleteViewFiltersMutation,
diff --git a/front/src/modules/views/hooks/useViewSorts.ts b/front/src/modules/views/hooks/useViewSorts.ts
index 26b98d494..39bf7482e 100644
--- a/front/src/modules/views/hooks/useViewSorts.ts
+++ b/front/src/modules/views/hooks/useViewSorts.ts
@@ -1,14 +1,11 @@
 import { Context, useCallback } from 'react';
 import { useRecoilState, useRecoilValue } from 'recoil';
 
-import { savedSortsScopedState } from '@/ui/filter-n-sort/states/savedSortsScopedState';
-import { savedSortsByKeyScopedSelector } from '@/ui/filter-n-sort/states/selectors/savedSortsByKeyScopedSelector';
-import { sortsScopedState } from '@/ui/filter-n-sort/states/sortsScopedState';
-import type {
-  SelectedSortType,
-  SortType,
-} from '@/ui/filter-n-sort/types/interface';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+import { savedSortsScopedState } from '@/ui/view-bar/states/savedSortsScopedState';
+import { savedSortsByKeyScopedSelector } from '@/ui/view-bar/states/selectors/savedSortsByKeyScopedSelector';
+import { sortsScopedState } from '@/ui/view-bar/states/sortsScopedState';
+import type { SelectedSortType, SortType } from '@/ui/view-bar/types/interface';
 import {
   useCreateViewSortsMutation,
   useDeleteViewSortsMutation,
diff --git a/front/src/modules/views/hooks/useViews.ts b/front/src/modules/views/hooks/useViews.ts
index 3d20b1b4a..64770fe06 100644
--- a/front/src/modules/views/hooks/useViews.ts
+++ b/front/src/modules/views/hooks/useViews.ts
@@ -1,7 +1,5 @@
 import { useRecoilCallback } from 'recoil';
 
-import { savedFiltersScopedState } from '@/ui/filter-n-sort/states/savedFiltersScopedState';
-import { savedSortsScopedState } from '@/ui/filter-n-sort/states/savedSortsScopedState';
 import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { savedTableColumnsScopedState } from '@/ui/table/states/savedTableColumnsScopedState';
 import {
@@ -12,6 +10,8 @@ import {
 } from '@/ui/table/states/tableViewsState';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+import { savedFiltersScopedState } from '@/ui/view-bar/states/savedFiltersScopedState';
+import { savedSortsScopedState } from '@/ui/view-bar/states/savedSortsScopedState';
 import {
   useCreateViewMutation,
   useDeleteViewMutation,
diff --git a/front/src/pages/companies/companies-filters.tsx b/front/src/pages/companies/companies-filters.tsx
index de7989277..224a900bd 100644
--- a/front/src/pages/companies/companies-filters.tsx
+++ b/front/src/pages/companies/companies-filters.tsx
@@ -1,4 +1,3 @@
-import { FilterDefinitionByEntity } from '@/ui/filter-n-sort/types/FilterDefinitionByEntity';
 import {
   IconBuildingSkyscraper,
   IconCalendarEvent,
@@ -8,6 +7,7 @@ import {
   IconUsers,
 } from '@/ui/icon/index';
 import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
+import { FilterDefinitionByEntity } from '@/ui/view-bar/types/FilterDefinitionByEntity';
 import { FilterDropdownUserSearchSelect } from '@/users/components/FilterDropdownUserSearchSelect';
 import { Company } from '~/generated/graphql';
 
diff --git a/front/src/pages/companies/companies-sorts.tsx b/front/src/pages/companies/companies-sorts.tsx
index 9c76d8c56..9a2b0eec1 100644
--- a/front/src/pages/companies/companies-sorts.tsx
+++ b/front/src/pages/companies/companies-sorts.tsx
@@ -1,4 +1,3 @@
-import { SortType } from '@/ui/filter-n-sort/types/interface';
 import {
   IconBuildingSkyscraper,
   IconCalendarEvent,
@@ -6,6 +5,7 @@ import {
   IconMap,
   IconUsers,
 } from '@/ui/icon/index';
+import { SortType } from '@/ui/view-bar/types/interface';
 import { CompanyOrderByWithRelationInput as Companies_Order_By } from '~/generated/graphql';
 
 export const availableSorts: SortType<Companies_Order_By>[] = [
diff --git a/front/src/pages/opportunities/Opportunities.tsx b/front/src/pages/opportunities/Opportunities.tsx
index 9dc9b4b59..59d7ffdd6 100644
--- a/front/src/pages/opportunities/Opportunities.tsx
+++ b/front/src/pages/opportunities/Opportunities.tsx
@@ -11,13 +11,13 @@ import { EntityBoardActionBar } from '@/ui/board/components/EntityBoardActionBar
 import { EntityBoardContextMenu } from '@/ui/board/components/EntityBoardContextMenu';
 import { BoardOptionsContext } from '@/ui/board/contexts/BoardOptionsContext';
 import { DropdownRecoilScopeContext } from '@/ui/dropdown/states/recoil-scope-contexts/DropdownRecoilScopeContext';
-import { reduceSortsToOrderBy } from '@/ui/filter-n-sort/helpers';
-import { SelectedSortType } from '@/ui/filter-n-sort/types/interface';
 import { IconTargetArrow } from '@/ui/icon';
 import { PageBody } from '@/ui/layout/components/PageBody';
 import { PageContainer } from '@/ui/layout/components/PageContainer';
 import { PageHeader } from '@/ui/layout/components/PageHeader';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
+import { reduceSortsToOrderBy } from '@/ui/view-bar/helpers';
+import { SelectedSortType } from '@/ui/view-bar/types/interface';
 import {
   PipelineProgressOrderByWithRelationInput,
   SortOrder,
diff --git a/front/src/pages/opportunities/opportunities-filters.tsx b/front/src/pages/opportunities/opportunities-filters.tsx
index 06749589a..acd8b9333 100644
--- a/front/src/pages/opportunities/opportunities-filters.tsx
+++ b/front/src/pages/opportunities/opportunities-filters.tsx
@@ -1,12 +1,12 @@
 import { FilterDropdownCompanySearchSelect } from '@/companies/components/FilterDropdownCompanySearchSelect';
 import { CompanyBoardRecoilScopeContext } from '@/companies/states/recoil-scope-contexts/CompanyBoardRecoilScopeContext';
-import { FilterDefinitionByEntity } from '@/ui/filter-n-sort/types/FilterDefinitionByEntity';
 import {
   IconBuildingSkyscraper,
   IconCalendarEvent,
   IconCurrencyDollar,
   IconUser,
 } from '@/ui/icon/index';
+import { FilterDefinitionByEntity } from '@/ui/view-bar/types/FilterDefinitionByEntity';
 import { PipelineProgress } from '~/generated/graphql';
 
 import { FilterDropdownPeopleSearchSelect } from '../../modules/people/components/FilterDropdownPeopleSearchSelect';
diff --git a/front/src/pages/opportunities/opportunities-sorts.tsx b/front/src/pages/opportunities/opportunities-sorts.tsx
index c2bf76f65..6d826ee19 100644
--- a/front/src/pages/opportunities/opportunities-sorts.tsx
+++ b/front/src/pages/opportunities/opportunities-sorts.tsx
@@ -1,5 +1,5 @@
-import { SortType } from '@/ui/filter-n-sort/types/interface';
 import { IconCalendarEvent, IconCurrencyDollar } from '@/ui/icon/index';
+import { SortType } from '@/ui/view-bar/types/interface';
 import { PipelineProgressOrderByWithRelationInput as PipelineProgresses_Order_By } from '~/generated/graphql';
 
 export const opportunitiesSorts = [
diff --git a/front/src/pages/people/people-filters.tsx b/front/src/pages/people/people-filters.tsx
index e12e9b58b..30c6ff72c 100644
--- a/front/src/pages/people/people-filters.tsx
+++ b/front/src/pages/people/people-filters.tsx
@@ -1,5 +1,4 @@
 import { FilterDropdownCompanySearchSelect } from '@/companies/components/FilterDropdownCompanySearchSelect';
-import { FilterDefinitionByEntity } from '@/ui/filter-n-sort/types/FilterDefinitionByEntity';
 import {
   IconBuildingSkyscraper,
   IconCalendarEvent,
@@ -9,6 +8,7 @@ import {
   IconUser,
 } from '@/ui/icon/index';
 import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
+import { FilterDefinitionByEntity } from '@/ui/view-bar/types/FilterDefinitionByEntity';
 import { Person } from '~/generated/graphql';
 
 export const peopleFilters: FilterDefinitionByEntity<Person>[] = [
diff --git a/front/src/pages/people/people-sorts.tsx b/front/src/pages/people/people-sorts.tsx
index a195b2085..4df17db50 100644
--- a/front/src/pages/people/people-sorts.tsx
+++ b/front/src/pages/people/people-sorts.tsx
@@ -1,4 +1,3 @@
-import { SortType } from '@/ui/filter-n-sort/types/interface';
 import {
   IconBuildingSkyscraper,
   IconCalendarEvent,
@@ -7,6 +6,7 @@ import {
   IconPhone,
   IconUser,
 } from '@/ui/icon/index';
+import { SortType } from '@/ui/view-bar/types/interface';
 import {
   PersonOrderByWithRelationInput as People_Order_By,
   SortOrder as Order_By,
diff --git a/front/src/pages/tasks/Tasks.tsx b/front/src/pages/tasks/Tasks.tsx
index f193afc5d..fef557203 100644
--- a/front/src/pages/tasks/Tasks.tsx
+++ b/front/src/pages/tasks/Tasks.tsx
@@ -5,8 +5,6 @@ import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateAct
 import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contexts/TasksRecoilScopeContext';
 import { TaskGroups } from '@/activities/tasks/components/TaskGroups';
 import { DropdownRecoilScopeContext } from '@/ui/dropdown/states/recoil-scope-contexts/DropdownRecoilScopeContext';
-import { FilterDropdownButton } from '@/ui/filter-n-sort/components/FilterDropdownButton';
-import { FiltersHotkeyScope } from '@/ui/filter-n-sort/types/FiltersHotkeyScope';
 import { IconArchive, IconCheck, IconCheckbox } from '@/ui/icon/index';
 import { PageAddButton } from '@/ui/layout/components/PageAddButton';
 import { PageBody } from '@/ui/layout/components/PageBody';
@@ -15,6 +13,8 @@ import { PageHeader } from '@/ui/layout/components/PageHeader';
 import { TabList } from '@/ui/tab/components/TabList';
 import { TopBar } from '@/ui/top-bar/TopBar';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
+import { FilterDropdownButton } from '@/ui/view-bar/components/FilterDropdownButton';
+import { FiltersHotkeyScope } from '@/ui/view-bar/types/FiltersHotkeyScope';
 import { ActivityType } from '~/generated/graphql';
 
 const StyledTasksContainer = styled.div`
diff --git a/front/src/pages/tasks/tasks-filters.tsx b/front/src/pages/tasks/tasks-filters.tsx
index d7eb36835..e7c4fa697 100644
--- a/front/src/pages/tasks/tasks-filters.tsx
+++ b/front/src/pages/tasks/tasks-filters.tsx
@@ -1,6 +1,6 @@
 import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contexts/TasksRecoilScopeContext';
-import { FilterDefinitionByEntity } from '@/ui/filter-n-sort/types/FilterDefinitionByEntity';
 import { IconUser } from '@/ui/icon';
+import { FilterDefinitionByEntity } from '@/ui/view-bar/types/FilterDefinitionByEntity';
 import { FilterDropdownUserSearchSelect } from '@/users/components/FilterDropdownUserSearchSelect';
 import { Activity } from '~/generated/graphql';