@sapui5/sap.cux.home 1.139.0 → 1.141.0

package/src/sap/cux/home/FavAppPanel.js

@@ -2,7 +2,7 @@
  * SAP UI development toolkit for HTML5 (SAPUI5)
  *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
  */
-sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettings", "sap/m/Button", "sap/m/ColorPalette", "sap/m/ColorPalettePopover", "sap/m/CustomListItem", "sap/m/Dialog", "sap/m/HBox", "sap/m/IllustratedMessage", "sap/m/IllustratedMessageSize", "sap/m/IllustratedMessageType", "sap/m/Input", "sap/m/Label", "sap/m/List", "sap/m/MessageBox", "sap/m/MessageStrip", "sap/m/MessageToast", "sap/m/NavContainer", "sap/m/ObjectIdentifier", "sap/m/Page", "sap/m/Popover", "sap/m/ScrollContainer", "sap/m/SearchField", "sap/m/StandardListItem", "sap/m/Text", "sap/m/Title", "sap/m/Toolbar", "sap/m/ToolbarSpacer", "sap/m/VBox", "sap/m/library", "sap/ui/base/Event", "sap/ui/core/Element", "sap/ui/core/EventBus", "sap/ui/core/Icon", "sap/ui/core/library", "sap/ui/core/message/MessageType", "sap/ui/core/theming/Parameters", "sap/ui/layout/form/SimpleForm", "sap/ui/layout/library", "sap/ushell/Config", "sap/ushell/Container", "sap/ushell/components/pages/MyHomeImport", "sap/ushell/components/pages/controller/PageRuntime.controller", "./BaseApp", "./BaseAppPersPanel", "./Group", "./MenuItem", "./RecommendedAppPanel", "./utils/Accessibility", "./utils/Constants", "./utils/DataFormatUtils", "./utils/FESRUtil", "./utils/InsightsUtils"], function (Log, GridContainer, GridContainerSettings, Button, ColorPalette, ColorPalettePopover, CustomListItem, Dialog, HBox, IllustratedMessage, IllustratedMessageSize, IllustratedMessageType, Input, Label, List, MessageBox, MessageStrip, MessageToast, NavContainer, ObjectIdentifier, Page, Popover, ScrollContainer, SearchField, StandardListItem, Text, Title, Toolbar, ToolbarSpacer, VBox, sap_m_library, Event, Element, EventBus, Icon, sap_ui_core_library, MessageType, Parameters, SimpleForm, sap_ui_layout_library, Config, Container, MyHomeImport, PageRuntime, ___BaseApp, __BaseAppPersPanel, __Group, __MenuItem, __RecommendedAppPanel, ___utils_Accessibility, ___utils_Constants, ___utils_DataFormatUtils, ___utils_FESRUtil, ___utils_InsightsUtils) {
+sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettings", "sap/m/Button", "sap/m/ColorPalette", "sap/m/ColorPalettePopover", "sap/m/CustomListItem", "sap/m/Dialog", "sap/m/HBox", "sap/m/IllustratedMessage", "sap/m/IllustratedMessageSize", "sap/m/IllustratedMessageType", "sap/m/Input", "sap/m/Label", "sap/m/List", "sap/m/MessageBox", "sap/m/MessageStrip", "sap/m/MessageToast", "sap/m/NavContainer", "sap/m/ObjectIdentifier", "sap/m/Page", "sap/m/Popover", "sap/m/ScrollContainer", "sap/m/SearchField", "sap/m/StandardListItem", "sap/m/Text", "sap/m/Title", "sap/m/Toolbar", "sap/m/ToolbarSpacer", "sap/m/VBox", "sap/m/library", "sap/ui/base/Event", "sap/ui/core/Element", "sap/ui/core/EventBus", "sap/ui/core/Icon", "sap/ui/core/library", "sap/ui/core/message/MessageType", "sap/ui/core/theming/Parameters", "sap/ui/layout/form/SimpleForm", "sap/ui/layout/library", "sap/ushell/Config", "sap/ushell/Container", "sap/ushell/components/pages/MyHomeImport", "sap/ushell/components/pages/controller/PageRuntime.controller", "./BaseApp", "./BaseAppPersPanel", "./Group", "./MenuItem", "./RecommendedAppPanel", "./utils/Accessibility", "./utils/Constants", "./utils/DataFormatUtils", "./utils/Device", "./utils/FESRUtil", "./utils/InsightsUtils"], function (Log, GridContainer, GridContainerSettings, Button, ColorPalette, ColorPalettePopover, CustomListItem, Dialog, HBox, IllustratedMessage, IllustratedMessageSize, IllustratedMessageType, Input, Label, List, MessageBox, MessageStrip, MessageToast, NavContainer, ObjectIdentifier, Page, Popover, ScrollContainer, SearchField, StandardListItem, Text, Title, Toolbar, ToolbarSpacer, VBox, sap_m_library, Event, Element, EventBus, Icon, sap_ui_core_library, MessageType, Parameters, SimpleForm, sap_ui_layout_library, Config, Container, MyHomeImport, PageRuntime, ___BaseApp, __BaseAppPersPanel, __Group, __MenuItem, __RecommendedAppPanel, ___utils_Accessibility, ___utils_Constants, ___utils_DataFormatUtils, ___utils_Device, ___utils_FESRUtil, ___utils_InsightsUtils) {
   "use strict";
 
   function _interopRequireDefault(obj) {
@@ -202,6 +202,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
   const MYHOME_PAGE_ID = ___utils_Constants["MYHOME_PAGE_ID"];
   const getLeanURL = ___utils_DataFormatUtils["getLeanURL"];
   const recycleId = ___utils_DataFormatUtils["recycleId"];
+  const DeviceType = ___utils_Device["DeviceType"];
   const addFESRId = ___utils_FESRUtil["addFESRId"];
   const addFESRSemanticStepName = ___utils_FESRUtil["addFESRSemanticStepName"];
   const sortMenuItems = ___utils_InsightsUtils["sortMenuItems"];
@@ -228,8 +229,8 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
    * @version 0.0.1
    * @since 1.121.0
    *
-   * @internal
-   * @public
+   * @private
+   * @ui5-restricted ux.eng.s4producthomes1
    *
    * @alias sap.cux.home.FavAppPanel
    */
@@ -368,60 +369,59 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         const _this3 = this;
         let aPromise = [];
         return Promise.resolve(_this3._getAppPersonalization()).then(function (aPersonalization) {
-          return Promise.resolve(Container.getServiceAsync("Pages")).then(function (pagesService) {
-            function _temp4() {
-              //update personalization
-              return Promise.resolve(_this3.setFavAppsPersonalization(aPersonalization)).then(function () {
-                return aPromise.reduce((chain, current) => {
-                  return chain.then(() => current());
-                }, Promise.resolve()).then(() => {
-                  return _this3.updateDefaultSectionPersonalization(aPersonalization);
-                });
+          function _temp5() {
+            //update personalization
+            return Promise.resolve(_this3.setFavAppsPersonalization(aPersonalization)).then(function () {
+              return aPromise.reduce((chain, current) => {
+                return chain.then(() => current());
+              }, Promise.resolve()).then(() => {
+                return _this3.updateDefaultSectionPersonalization(aPersonalization);
               });
-            }
-            const _temp3 = _forOf(sections, function (section) {
-              const sectionViz = section.visualizations;
-              const _temp2 = function () {
-                if (sectionViz?.length) {
-                  const _temp = function () {
-                    if (section.default || section.id === MYAPPS_SECTION_ID) {
-                      const filteredPersonalizations = _this3.filterPersonalizations(importedPersonalizations, section);
-                      aPersonalization = aPersonalization.concat(filteredPersonalizations);
-                      aPromise.push(() => {
-                        return section.default ? _this3.addSectionViz(sectionViz) : _this3.addSectionViz(sectionViz, MYAPPS_SECTION_ID);
-                      });
-                    } else {
-                      return Promise.resolve(_this3.appManagerInstance._getSections(true)).then(function (sections) {
-                        //check if this generate id can be replaced with any exposed method
-                        const sNewSectionId = pagesService._generateId(MYHOME_PAGE_ID);
-                        const filteredPersonalizations = _this3.filterPersonalizations(importedPersonalizations, section, sNewSectionId);
-                        //update section id in personalization data
-                        aPersonalization = aPersonalization.concat(filteredPersonalizations);
+            });
+          }
+          const _temp4 = _forOf(sections, function (section) {
+            const sectionViz = section.visualizations;
+            const _temp3 = function () {
+              if (sectionViz?.length) {
+                function _temp2() {
+                  const filteredPersonalizations = _this3.filterPersonalizations(importedPersonalizations, section);
+                  aPersonalization = aPersonalization.concat(filteredPersonalizations);
+                }
+                const _temp = function () {
+                  if (section.default || section.id === MYAPPS_SECTION_ID) {
+                    aPromise.push(() => {
+                      return section.default ? _this3.addSectionViz(sectionViz) : _this3.addSectionViz(sectionViz, MYAPPS_SECTION_ID);
+                    });
+                  } else {
+                    return Promise.resolve(_this3.appManagerInstance._getSections(true)).then(function (sections) {
+                      // If Section exists, add visualization to existing section else create a new section with same sectionId
+                      const sectionIndex = sections.findIndex(n => n.id === section.id);
+                      if (sectionIndex > -1) {
+                        aPromise.push(() => {
+                          return _this3.addSectionViz(sectionViz, section.id);
+                        });
+                      } else {
                         aPromise.push(() => {
                           return _this3.appManagerInstance.addSection({
                             sectionIndex: sections.length,
                             sectionProperties: {
-                              id: sNewSectionId,
+                              id: section.id,
                               title: section.title,
                               visible: true,
-                              visualizations: sectionViz?.map(oViz => {
-                                //check if this generate id can be replaced with any exposed method
-                                oViz.id = pagesService._generateId(MYHOME_PAGE_ID);
-                                return oViz;
-                              })
+                              visualizations: sectionViz
                             }
                           });
                         });
-                      });
-                    }
-                  }();
-                  if (_temp && _temp.then) return _temp.then(function () {});
-                }
-              }();
-              if (_temp2 && _temp2.then) return _temp2.then(function () {});
-            });
-            return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
+                      }
+                    });
+                  }
+                }();
+                return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+              }
+            }();
+            if (_temp3 && _temp3.then) return _temp3.then(function () {});
           });
+          return _temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -486,16 +486,47 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      *
      * @param {Array} sectionsViz - array of section visualizations
      * @param {String} sSectionId - section id for which visualizations needs to be added
+     * @param {Array} sections - array of sections
      * @returns {String} resolves to visualizations being added to given section
      */
     addSectionViz: function _addSectionViz(sectionsViz, sSectionId) {
       try {
         const _this5 = this;
         return Promise.resolve(sectionsViz.reduce((promiseChain, oViz) => {
-          return promiseChain.then(() => {
-            return _this5._addVisualization({
-              visualization: oViz
-            }, sSectionId);
+          return promiseChain.then(function () {
+            try {
+              let _exit = false;
+              function _temp7(_result) {
+                return _exit ? _result : _this5._addVisualization({
+                  visualization: oViz
+                }, sSectionId);
+              }
+              const _temp6 = function () {
+                if (oViz.isBookmark && sSectionId) {
+                  return Promise.resolve(_this5.appManagerInstance._getSections()).then(function (sections) {
+                    const defaultSection = sections.find(section => section.default);
+                    const targetSection = sections.find(section => section.id === sSectionId);
+                    if (defaultSection && targetSection) {
+                      const moveConfig = {
+                        sourceSectionIndex: sections.indexOf(defaultSection),
+                        sourceVisualizationIndex: defaultSection.visualizations.length,
+                        targetSectionIndex: sections.indexOf(targetSection),
+                        targetVisualizationIndex: targetSection.visualizations.length
+                      };
+                      const _this5$_addVisualizat = _this5._addVisualization({
+                        visualization: oViz
+                      }, sSectionId, moveConfig);
+                      _exit = true;
+                      return _this5$_addVisualizat;
+                    }
+                  });
+                }
+              }();
+              // in case of bookmark, move the viz to target section
+              return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp7) : _temp7(_temp6));
+            } catch (e) {
+              return Promise.reject(e);
+            }
           });
         }, Promise.resolve()));
       } catch (e) {
@@ -510,6 +541,14 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       try {
         const _this6 = this;
         return Promise.resolve(_this6.appManagerInstance.fetchFavVizs(true, false)).then(function (favoriteVisualizations) {
+          function _temp9() {
+            if (checkPanelExists(container, insightsConatinerlName, tilesPanelName)) {
+              _this6._createAddFromInsTilesMenuItem(favouritesMenuItems.ADD_FROM_INSIGHTS);
+            }
+            //updating header once the visibility for createGrp menu item is set according to the no. of apps
+            container._updateContainerHeader(container);
+          }
+          const isPhone = _this6.getDeviceType() === DeviceType.Mobile;
           //Create groups
           _this6.destroyAggregation("groups", true);
           const groupVisualizations = favoriteVisualizations.filter(visualization => visualization.isSection).map(groupVisualization => {
@@ -536,13 +575,12 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           }
           const container = _this6.getParent();
           container.toggleMenuListItem(_this6._createGroupMenuItem, _this6.getApps().length > 0);
-          return Promise.resolve(_this6._switchToRecommendedIfNoFavApps(apps, groups)).then(function () {
-            if (checkPanelExists(container, insightsConatinerlName, tilesPanelName)) {
-              _this6._createAddFromInsTilesMenuItem(favouritesMenuItems.ADD_FROM_INSIGHTS);
+          const _temp8 = function () {
+            if (!isPhone) {
+              return Promise.resolve(_this6._switchToRecommendedIfNoFavApps(apps, groups)).then(function () {});
             }
-            //updating header once the visibility for createGrp menu item is set according to the no. of apps
-            container._updateContainerHeader(container);
-          });
+          }();
+          return _temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -559,19 +597,19 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
     _switchToRecommendedIfNoFavApps: function _switchToRecommendedIfNoFavApps(apps, groups) {
       try {
         const _this7 = this;
-        function _temp6() {
+        function _temp1() {
           _this7._isInitialLoad = false;
         }
         const container = _this7.getParent();
         const panels = container.getContent();
         const recommendedPanel = panels ? panels.find(panel => panel instanceof RecommendedAppPanel) : null;
-        const _temp5 = function () {
-          if (_this7._isInitialLoad && [...apps, ...groups].length === 0 && recommendedPanel) {
+        const _temp0 = function () {
+          if (_this7._isInitialLoad && [...apps, ...groups].length === 0 && recommendedPanel?.isSupported()) {
             container.setProperty?.("selectedKey", "recommendedApps");
             return Promise.resolve(container.refreshPanel(recommendedPanel)).then(function () {});
           }
         }();
-        return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+        return Promise.resolve(_temp0 && _temp0.then ? _temp0.then(_temp1) : _temp1(_temp0));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -657,7 +695,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       const isUngroupedApp = !groupId;
       const appActions = [];
       const selectColorMenuItem = new MenuItem({
-        id: groupId && !defaultSection ? recycleId(`${groupId}--selectColorGroupAppMenuItem--${index}`) : recycleId(`${this.getKey()}--selectColorAppMenuItem--${index}`),
+        id: groupId && !defaultSection ? recycleId(`_${groupId}--selectColorGroupAppMenuItem--${index}`) : recycleId(`_${this.getKey()}--selectColorAppMenuItem--${index}`),
         title: this._i18nBundle.getText("selectColor"),
         type: ListType.Navigation,
         press: this._openColorPopover.bind(this)
@@ -666,7 +704,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       addFESRId(selectColorMenuItem, "changeColor");
       if (this._getAllowedMoveGroups(groupId)?.length >= 1) {
         const moveToMenuItem = new MenuItem({
-          id: groupId && !defaultSection ? recycleId(`${groupId}--moveToGroupAppMenuItem--${index}`) : recycleId(`${this.getKey()}--moveToMenuItem--${index}`),
+          id: groupId && !defaultSection ? recycleId(`_${groupId}--moveToGroupAppMenuItem--${index}`) : recycleId(`_${this.getKey()}--moveToMenuItem--${index}`),
           title: this._i18nBundle.getText("moveTo"),
           type: ListType.Navigation,
           press: event => this._openMoveToGroupPopover(event, group)
@@ -688,7 +726,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         addFESRId(createGroupMenuItem, "createGroupDialog");
       }
       const removeFromMyHomeMenuItem = new MenuItem({
-        id: groupId && !defaultSection ? recycleId(`${groupId}--removeFromMyHomeGroupAppMenuItem--${index}`) : recycleId(`${this.getKey()}--removeFromMyHomeMenuItem--${index}`),
+        id: groupId && !defaultSection ? recycleId(`_${groupId}--removeFromMyHomeGroupAppMenuItem--${index}`) : recycleId(`_${this.getKey()}--removeFromMyHomeMenuItem--${index}`),
         title: this._i18nBundle.getText("removeFromMyHome"),
         press: event => {
           const source = event.getSource();
@@ -863,24 +901,24 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           dropItemIndex
         };
         //adjust drap drop info
-        const _temp9 = function () {
+        const _temp12 = function () {
           if (dragItemIndex !== dropItemIndex) {
-            const _temp8 = function () {
+            const _temp11 = function () {
               if (!(dragItem instanceof Group) && !(dropItem instanceof Group)) {
                 return Promise.resolve(_this0._adjustAppDragDropInfo(dragDropInfo, appGroupId)).then(function () {});
               } else {
-                const _temp7 = function () {
+                const _temp10 = function () {
                   if (dragItem instanceof Group) {
                     return Promise.resolve(_this0._adjustGroupDragDropInfo(dragDropInfo)).then(function () {});
                   }
                 }();
-                if (_temp7 && _temp7.then) return _temp7.then(function () {});
+                if (_temp10 && _temp10.then) return _temp10.then(function () {});
               }
             }();
-            if (_temp8 && _temp8.then) return _temp8.then(function () {});
+            if (_temp11 && _temp11.then) return _temp11.then(function () {});
           }
         }();
-        return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {
+        return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(function () {
           return dragDropInfo;
         }) : dragDropInfo);
       } catch (e) {
@@ -986,7 +1024,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         const _this11 = this;
         const dragTile = event.getParameter?.("draggedControl");
         return Promise.resolve(_this11._getDragDropInfo(event, appGroupId)).then(function (dragDropInfo) {
-          function _temp10() {
+          function _temp15() {
             dragTile.removeStyleClass("sapMGTPressActive");
           }
           const {
@@ -997,13 +1035,13 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             dropItem
           } = dragDropInfo;
           if (dragItemIndex === dropItemIndex) return;
-          const _temp1 = function () {
+          const _temp14 = function () {
             if (dropPosition === dnd.RelativeDropPosition.On) {
               return Promise.resolve(_this11._handleOnItemDrop(dragItem, dropItem)).then(function () {
                 void _this11.refresh();
               });
             } else {
-              const _temp0 = function () {
+              const _temp13 = function () {
                 if (dropPosition === dnd.RelativeDropPosition.After || dropPosition === dnd.RelativeDropPosition.Before) {
                   _this11._setBusy(true);
                   return Promise.resolve(_this11._handleItemsReorder(dragDropInfo, appGroupId)).then(function () {
@@ -1016,10 +1054,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                   });
                 }
               }();
-              if (_temp0 && _temp0.then) return _temp0.then(function () {});
+              if (_temp13 && _temp13.then) return _temp13.then(function () {});
             }
           }();
-          return _temp1 && _temp1.then ? _temp1.then(_temp10) : _temp10(_temp1);
+          return _temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -1038,7 +1076,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       try {
         const _this12 = this;
         if (dragItem instanceof Group) return Promise.resolve();
-        const _temp11 = function () {
+        const _temp16 = function () {
           if (!(dropItem instanceof Group)) {
             //if both dragged and dropped items are apps, create group dialog is opened.
             const dragApp = dragItem;
@@ -1054,7 +1092,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             });
           }
         }();
-        return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(function () {}) : void 0);
+        return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1076,7 +1114,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         } = dragDropInfo;
         const isDragItemGroup = dragItem.getMetadata()?.getName() === "sap.cux.home.Group";
         const isDropItemGroup = dropItem.getMetadata()?.getName() === "sap.cux.home.Group";
-        const _temp13 = function () {
+        const _temp18 = function () {
           if (!isDragItemGroup && !isDropItemGroup) {
             const drapApp = dragItem;
             const dropApp = dropItem;
@@ -1089,15 +1127,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               })).then(function () {});
             });
           } else {
-            const _temp12 = function () {
+            const _temp17 = function () {
               if (isDragItemGroup && isDropItemGroup) {
                 return Promise.resolve(_this13.appManagerInstance.moveSection(dragItemIndex, dropItemIndex)).then(function () {});
               }
             }();
-            if (_temp12 && _temp12.then) return _temp12.then(function () {});
+            if (_temp17 && _temp17.then) return _temp17.then(function () {});
           }
         }();
-        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
+        return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1523,12 +1561,12 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       try {
         const _this14 = this;
         const groupNameInput = _this14._controlMap.get(`${_this14.getId()}-createGroupDialog-mainPage-form-groupName-input`);
-        const _temp16 = function () {
+        const _temp21 = function () {
           if (_this14._validateGroupName()) {
-            const _temp15 = function () {
+            const _temp20 = function () {
               if (_this14._selectedApps?.length) {
                 _this14._setBusy(true);
-                const _temp14 = _finallyRethrows(function () {
+                const _temp19 = _finallyRethrows(function () {
                   return _catch(function () {
                     return Promise.resolve(_this14._createGroup({
                       selectedApps: _this14._selectedApps,
@@ -1549,21 +1587,21 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                     Log.error(err);
                     MessageToast.show(_this14._i18nBundle.getText("unableToCreateGroup"));
                   });
-                }, function (_wasThrown, _result) {
+                }, function (_wasThrown, _result2) {
                   _this14._setBusy(false);
                   _this14._closeCreateGroupDialog();
-                  if (_wasThrown) throw _result;
-                  return _result;
+                  if (_wasThrown) throw _result2;
+                  return _result2;
                 });
-                if (_temp14 && _temp14.then) return _temp14.then(function () {});
+                if (_temp19 && _temp19.then) return _temp19.then(function () {});
               } else {
                 _this14._setNoAppsSelectedError(true);
               }
             }();
-            if (_temp15 && _temp15.then) return _temp15.then(function () {});
+            if (_temp20 && _temp20.then) return _temp20.then(function () {});
           }
         }();
-        return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(function () {}) : void 0);
+        return Promise.resolve(_temp21 && _temp21.then ? _temp21.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1683,7 +1721,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
     _handleColorSelect: function _handleColorSelect(item, color) {
       try {
         const _this16 = this;
-        function _temp18() {
+        function _temp23() {
           _this16.oEventBus.publish("appsChannel", "favAppColorChanged", {
             item,
             color
@@ -1707,7 +1745,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         }
 
         //update personalization
-        const _temp17 = function () {
+        const _temp22 = function () {
           if (groupId) {
             //if group
             void _this16._updateGroupPersonalization(groupId, selectedColor);
@@ -1727,7 +1765,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             });
           }
         }();
-        return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(_temp18) : _temp18(_temp17));
+        return Promise.resolve(_temp22 && _temp22.then ? _temp22.then(_temp23) : _temp23(_temp22));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1820,10 +1858,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         emphasizedAction: actionText,
         onClose: function (action) {
           try {
-            const _temp20 = function () {
+            const _temp25 = function () {
               if (action === actionText) {
                 _this17._setBusy(true);
-                const _temp19 = _finallyRethrows(function () {
+                const _temp24 = _finallyRethrows(function () {
                   return _catch(function () {
                     return Promise.resolve(_this17._removeApp(app, group)).then(function () {
                       if (lastAppInGroup) {
@@ -1839,15 +1877,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                     Log.error(err);
                     MessageToast.show(_this17._i18nBundle.getText("unableToRemoveApp"));
                   });
-                }, function (_wasThrown2, _result2) {
+                }, function (_wasThrown2, _result3) {
                   _this17._setBusy(false);
-                  if (_wasThrown2) throw _result2;
-                  return _result2;
+                  if (_wasThrown2) throw _result3;
+                  return _result3;
                 });
-                if (_temp19 && _temp19.then) return _temp19.then(function () {});
+                if (_temp24 && _temp24.then) return _temp24.then(function () {});
               }
             }();
-            return Promise.resolve(_temp20 && _temp20.then ? _temp20.then(function () {}) : void 0);
+            return Promise.resolve(_temp25 && _temp25.then ? _temp25.then(function () {}) : void 0);
           } catch (e) {
             return Promise.reject(e);
           }
@@ -1870,7 +1908,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           groupId = group?.getGroupId(),
           appId = app.getUrl();
         return Promise.resolve(_this18.appManagerInstance.getVisualization(appId, groupId)).then(function (viz) {
-          const _temp22 = function () {
+          const _temp27 = function () {
             if (lastAppInGroup) {
               //if last app in group, then delete the group as well
               return Promise.resolve(_this18._deleteGroup(groupId)).then(function () {});
@@ -1880,7 +1918,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                 //for apps outside group i.e. for favorite apps delete duplicate apps as well
                 visualizationsToBeDeleted = visualizationsToBeDeleted.concat(viz?.persConfig?.duplicateApps?.map(viz => viz.visualization?.id));
               }
-              const _temp21 = function () {
+              const _temp26 = function () {
                 if (viz?.persConfig?.sectionId && visualizationsToBeDeleted.length > 0) {
                   return Promise.resolve(_this18.appManagerInstance.removeVisualizations({
                     sectionId: viz.persConfig.sectionId,
@@ -1895,10 +1933,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                   });
                 }
               }();
-              if (_temp21 && _temp21.then) return _temp21.then(function () {});
+              if (_temp26 && _temp26.then) return _temp26.then(function () {});
             }
           }();
-          if (_temp22 && _temp22.then) return _temp22.then(function () {});
+          if (_temp27 && _temp27.then) return _temp27.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -1916,7 +1954,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         const _this19 = this;
         const sourceGroup = sourceGroupId ? _this19._getGroup(sourceGroupId) : undefined,
           isLastAppInGroup = sourceGroup?.getApps()?.length === 1;
-        const _temp23 = function () {
+        const _temp28 = function () {
           if (isLastAppInGroup) {
             const confirmationMessage = _this19._i18nBundle.getText("moveAppMessage", [app.getTitle()]);
             const confirmationTitle = _this19._i18nBundle.getText("delete");
@@ -1935,7 +1973,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             return Promise.resolve(_this19._moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId)).then(function () {});
           }
         }();
-        return Promise.resolve(_temp23 && _temp23.then ? _temp23.then(function () {}) : void 0);
+        return Promise.resolve(_temp28 && _temp28.then ? _temp28.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1955,16 +1993,16 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           targetGroup = targetGroupId ? _this20._getGroup(targetGroupId) : null,
           sTargetGroupTile = targetGroup?.getTitle(),
           isLastAppInGroup = sourceGroup?.getApps()?.length === 1;
-        const _temp26 = _finallyRethrows(function () {
+        const _temp31 = _finallyRethrows(function () {
           return _catch(function () {
             _this20._setBusy(true);
             return Promise.resolve(_this20._moveAppToGroup(app, sourceGroupId, targetGroupId)).then(function () {
-              function _temp25() {
+              function _temp30() {
                 const sMsg = sTargetGroupTile ? _this20._i18nBundle.getText("appMoved", [sTargetGroupTile]) : _this20._i18nBundle.getText("appUngrouped");
                 MessageToast.show(sMsg);
                 return Promise.resolve(_this20.refresh()).then(function () {});
               }
-              const _temp24 = function () {
+              const _temp29 = function () {
                 if (isLastAppInGroup) {
                   return Promise.resolve(_this20._deleteGroup(sourceGroupId)).then(function () {
                     _this20._closeGroupDetailDialog();
@@ -1974,17 +2012,17 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                 }
               }();
               //delete group, if it is the last app in the group
-              return _temp24 && _temp24.then ? _temp24.then(_temp25) : _temp25(_temp24);
+              return _temp29 && _temp29.then ? _temp29.then(_temp30) : _temp30(_temp29);
             });
           }, function (error) {
             Log.error(error);
           });
-        }, function (_wasThrown3, _result3) {
+        }, function (_wasThrown3, _result4) {
           _this20._setBusy(false);
-          if (_wasThrown3) throw _result3;
-          return _result3;
+          if (_wasThrown3) throw _result4;
+          return _result4;
         });
-        return Promise.resolve(_temp26 && _temp26.then ? _temp26.then(function () {}) : void 0);
+        return Promise.resolve(_temp31 && _temp31.then ? _temp31.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2037,9 +2075,9 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           const isTargetGroupDefault = !targetGroupId; //if group id is not passed, then we consider it as default section
           const isSourceGroupDefault = !sourceGroupId;
           const targetSectionIndex = sections.findIndex(section => !targetGroupId ? section.default : section.id === targetGroupId);
-          const _temp31 = function () {
+          const _temp36 = function () {
             if (sourceVisualization) {
-              function _temp30() {
+              function _temp35() {
                 return Promise.resolve(_this21.appManagerInstance._getSections(true)).then(function (sections) {
                   const defaultSection = sections.find(oSection => oSection.default);
                   return Promise.resolve(_this21._updateAppPersonalization([{
@@ -2049,11 +2087,11 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                   }])).then(function () {});
                 });
               }
-              const _temp29 = function () {
+              const _temp34 = function () {
                 if (isTargetGroupDefault) {
                   return Promise.resolve(_this21._moveAppToDefaultGroup(sourceVisualization)).then(function () {});
                 } else {
-                  function _temp28() {
+                  function _temp33() {
                     return Promise.resolve(_this21.appManagerInstance.moveVisualization({
                       sourceSectionIndex: sourceSectionIndex,
                       sourceVisualizationIndex: sourceVisualizationIndex,
@@ -2061,19 +2099,19 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                       targetVisualizationIndex: -1
                     })).then(function () {});
                   }
-                  const _temp27 = function () {
+                  const _temp32 = function () {
                     if (isSourceGroupDefault) {
                       //remove duplicate apps
                       return Promise.resolve(_this21._removeDuplicateVisualizations(sourceVisualization)).then(function () {});
                     }
                   }();
-                  return _temp27 && _temp27.then ? _temp27.then(_temp28) : _temp28(_temp27);
+                  return _temp32 && _temp32.then ? _temp32.then(_temp33) : _temp33(_temp32);
                 }
               }();
-              return _temp29 && _temp29.then ? _temp29.then(_temp30) : _temp30(_temp29);
+              return _temp34 && _temp34.then ? _temp34.then(_temp35) : _temp35(_temp34);
             }
           }();
-          if (_temp31 && _temp31.then) return _temp31.then(function () {});
+          if (_temp36 && _temp36.then) return _temp36.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2089,7 +2127,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       try {
         const _this22 = this;
         return Promise.resolve(_this22._addVisualization(visualization)).then(function () {
-          const _temp32 = function () {
+          const _temp37 = function () {
             if (visualization.persConfig?.sectionId && visualization.visualization?.id) {
               return Promise.resolve(_this22.appManagerInstance.removeVisualizations({
                 sectionId: visualization.persConfig?.sectionId,
@@ -2097,7 +2135,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               })).then(function () {});
             }
           }();
-          if (_temp32 && _temp32.then) return _temp32.then(function () {});
+          if (_temp37 && _temp37.then) return _temp37.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2113,7 +2151,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       try {
         const _this23 = this;
         const vizIdsToBeDeleted = visualization?.persConfig?.duplicateApps?.map(oViz => oViz.visualization?.id) || [];
-        const _temp33 = function () {
+        const _temp38 = function () {
           if (visualization.persConfig?.sectionId && vizIdsToBeDeleted.length > 0) {
             return Promise.resolve(_this23.appManagerInstance.removeVisualizations({
               sectionId: visualization.persConfig?.sectionId,
@@ -2121,7 +2159,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             })).then(function () {});
           }
         }();
-        return Promise.resolve(_temp33 && _temp33.then ? _temp33.then(function () {}) : void 0);
+        return Promise.resolve(_temp38 && _temp38.then ? _temp38.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2177,7 +2215,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         emphasizedAction: deleteAction,
         onClose: function (action) {
           try {
-            const _temp34 = function () {
+            const _temp39 = function () {
               if (action === deleteAction) {
                 _this24._setBusy(true);
                 return Promise.resolve(_this24._deleteGroup(group.getGroupId())).then(function () {
@@ -2190,7 +2228,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                 void _this24._ungroupApps(group.getGroupId());
               }
             }();
-            return Promise.resolve(_temp34 && _temp34.then ? _temp34.then(function () {}) : void 0);
+            return Promise.resolve(_temp39 && _temp39.then ? _temp39.then(function () {}) : void 0);
           } catch (e) {
             return Promise.reject(e);
           }
@@ -2208,7 +2246,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       try {
         const _this25 = this;
         _this25._setBusy(true);
-        const _temp37 = _finallyRethrows(function () {
+        const _temp42 = _finallyRethrows(function () {
           return _catch(function () {
             return Promise.resolve(_this25.appManagerInstance.getSectionVisualizations(groupId)).then(function (visualizations) {
               return Promise.resolve(_this25.appManagerInstance._getSections()).then(function (sections) {
@@ -2225,11 +2263,11 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                         isTargetGroupDefault: true
                       };
                     }))).then(function () {
-                      function _temp36() {
+                      function _temp41() {
                         MessageToast.show(_this25._i18nBundle.getText("appsUngrouped") ?? "");
                         return Promise.resolve(_this25.refresh()).then(function () {});
                       }
-                      const _temp35 = function () {
+                      const _temp40 = function () {
                         if (section?.preset) {
                           return Promise.resolve(_this25.appManagerInstance.removeVisualizations({
                             sectionId: groupId,
@@ -2239,7 +2277,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                           return Promise.resolve(_this25._deleteGroup(groupId)).then(function () {});
                         }
                       }();
-                      return _temp35 && _temp35.then ? _temp35.then(_temp36) : _temp36(_temp35);
+                      return _temp40 && _temp40.then ? _temp40.then(_temp41) : _temp41(_temp40);
                     });
                   });
                 });
@@ -2249,13 +2287,13 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             Log.error(error);
             MessageToast.show(_this25._i18nBundle.getText("unableToUngroupApps") ?? "");
           });
-        }, function (_wasThrown4, _result4) {
+        }, function (_wasThrown4, _result5) {
           _this25._setBusy(false);
           _this25._closeGroupDetailDialog();
-          if (_wasThrown4) throw _result4;
-          return _result4;
+          if (_wasThrown4) throw _result5;
+          return _result5;
         });
-        return Promise.resolve(_temp37 && _temp37.then ? _temp37.then(function () {}) : void 0);
+        return Promise.resolve(_temp42 && _temp42.then ? _temp42.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2302,7 +2340,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       try {
         const _this27 = this;
         const group = _this27._getGroup(groupId);
-        const _temp38 = function () {
+        const _temp43 = function () {
           if (group) {
             return Promise.resolve(_this27.appManagerInstance.getSectionVisualizations(groupId, false)).then(function (appVisualizations) {
               group.destroyAggregation("apps", true);
@@ -2322,7 +2360,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             });
           }
         }();
-        return Promise.resolve(_temp38 && _temp38.then ? _temp38.then(function () {}) : void 0);
+        return Promise.resolve(_temp43 && _temp43.then ? _temp43.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2454,7 +2492,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
     _onGroupEditName: function _onGroupEditName(updatedTitle) {
       try {
         const _this28 = this;
-        function _temp40() {
+        function _temp45() {
           _this28._setGroupNameControl(updatedTitle, false);
           _this28._setBusy(false);
         }
@@ -2462,7 +2500,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         const groupId = _this28._selectedGroupId,
           group = _this28._getGroup(groupId),
           oldTitle = group?.getTitle();
-        const _temp39 = function () {
+        const _temp44 = function () {
           if (updatedTitle && updatedTitle !== oldTitle) {
             return Promise.resolve(_this28._renameGroup(groupId, updatedTitle)).then(function () {
               group?.setProperty("title", updatedTitle, true);
@@ -2471,7 +2509,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             });
           }
         }();
-        return Promise.resolve(_temp39 && _temp39.then ? _temp39.then(_temp40) : _temp40(_temp39));
+        return Promise.resolve(_temp44 && _temp44.then ? _temp44.then(_temp45) : _temp45(_temp44));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2489,12 +2527,12 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           const pageIndex = pagesService.getPageIndex(MYHOME_PAGE_ID),
             groups = pagesService.getModel().getProperty(`/pages/${pageIndex}/sections/`),
             groupIndex = groups.findIndex(group => group.id === groupId);
-          const _temp41 = function () {
+          const _temp46 = function () {
             if (groupIndex > -1) {
               return Promise.resolve(pagesService.renameSection(pageIndex, groupIndex, updatedTitle)).then(function () {});
             }
           }();
-          if (_temp41 && _temp41.then) return _temp41.then(function () {});
+          if (_temp46 && _temp46.then) return _temp46.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2711,7 +2749,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
     _addFromInsights: function _addFromInsights() {
       try {
         const _this31 = this;
-        function _temp43() {
+        function _temp48() {
           _this31._closeAddFromInsightsDialog();
           MessageToast.show(_this31._i18nBundle.getText(selectedItems.length === 1 ? "addFromInsightTileSuccess" : "addFromInsightTilesSuccess", [selectedItems.length]));
           return Promise.resolve(_this31.getParent()._refreshAllPanels()).then(function () {
@@ -2720,10 +2758,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         }
         _this31._setBusy(true);
         const selectedItems = _this31._getSelectedInsights();
-        const _temp42 = _forOf(selectedItems, function (selectedItem) {
+        const _temp47 = _forOf(selectedItems, function (selectedItem) {
           return Promise.resolve(_this31.appManagerInstance.addVisualization(selectedItem.data("vizId"))).then(function () {});
         });
-        return Promise.resolve(_temp42 && _temp42.then ? _temp42.then(_temp43) : _temp43(_temp42));
+        return Promise.resolve(_temp47 && _temp47.then ? _temp47.then(_temp48) : _temp48(_temp47));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2887,12 +2925,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @param {object} oViz.visualization - The visualization object.
      * @param {boolean} [oViz.visualization.isBookmark=false] - Indicates if the visualization is a bookmark.
      * @param {string} [oViz.visualization.vizId] - The ID of the visualization if it's not a bookmark.
+     * @param {string} [sSectionId] - The ID of the section (group) to which the visualization should be added.
+     * If not provided, the visualization will be added to the default section.
+     * @param {IMoveConfig} [moveConfig] - Configuration for moving the visualization.
      * @returns {Promise<void>} A promise that resolves to void after the visualization is added.
      * @private
      */
-    _addVisualization: function _addVisualization(viz, sSectionId) {
+    _addVisualization: function _addVisualization(viz, sSectionId, moveConfig) {
       if (viz.visualization) {
-        return viz.visualization.isBookmark ? this.appManagerInstance.addBookMark(viz.visualization) : this.appManagerInstance.addVisualization(viz.visualization.vizId, sSectionId);
+        return viz.visualization.isBookmark ? this.appManagerInstance.addBookMark(viz.visualization, moveConfig) : this.appManagerInstance.addVisualization(viz.visualization.vizId, sSectionId);
       }
       return Promise.reject(new Error("No visualization provided to add"));
     },
@@ -2909,7 +2950,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           const pageIndex = pagesService.getPageIndex(MYHOME_PAGE_ID),
             groups = pagesService.getModel().getProperty(`/pages/${pageIndex}/sections/`),
             groupIndex = groups.findIndex(group => group.id === groupId);
-          const _temp44 = function () {
+          const _temp49 = function () {
             if (groupIndex > -1) {
               return Promise.resolve(pagesService.deleteSection(pageIndex, groupIndex)).then(function () {
                 void _this34._deletePersonalization({
@@ -2919,7 +2960,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               });
             }
           }();
-          if (_temp44 && _temp44.then) return _temp44.then(function () {});
+          if (_temp49 && _temp49.then) return _temp49.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2986,7 +3027,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         const _this36 = this;
         const currentItem = Element.closestTo(event.target.firstElementChild);
         const container = currentItem.getParent();
-        const _temp46 = function () {
+        const _temp51 = function () {
           if (event.metaKey || event.ctrlKey) {
             // ctrl(windows)/cmd (mac) + x, sets app to be moved to a group, or to create a group
             if (event.key === "x" && !currentItem.data("groupId") && !_this36._cutApp && !appGroupId) {
@@ -2994,7 +3035,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               currentItem._oMoreIcon.setEnabled(false);
               _this36._cutApp = currentItem;
             }
-            const _temp45 = function () {
+            const _temp50 = function () {
               if (event.key === "v" && _this36._cutApp && !appGroupId) {
                 const dragDropEvent = new Event("keyboardDragDropEvent", container, {
                   draggedControl: _this36._cutApp,
@@ -3006,10 +3047,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                 });
               }
             }();
-            if (_temp45 && _temp45.then) return _temp45.then(function () {});
+            if (_temp50 && _temp50.then) return _temp50.then(function () {});
           }
         }();
-        return Promise.resolve(_temp46 && _temp46.then ? _temp46.then(function () {}) : void 0);
+        return Promise.resolve(_temp51 && _temp51.then ? _temp51.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -3036,7 +3077,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       const illustratedMessage = BaseAppPersPanel.prototype.generateIllustratedMessage.call(this);
       //overrride the default title and add additional content
       illustratedMessage.setDescription(this._i18nBundle.getText("noFavAppsDescription"));
-      illustratedMessage.setIllustrationSize(IllustratedMessageSize.Small);
+      illustratedMessage.setIllustrationSize(IllustratedMessageSize.ExtraSmall);
       illustratedMessage.setIllustrationType(IllustratedMessageType.AddingColumns);
       illustratedMessage.addAdditionalContent(new Button(`${this.getId()}-errorMessage-addApps`, {
         text: this._i18nBundle.getText("addApps"),
@@ -3048,6 +3089,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         },
         type: "Emphasized"
       }));
+      illustratedMessage.addStyleClass("sapUiTinyMarginTop");
       return illustratedMessage;
     }
   });