@sapui5/sap.cux.home 1.142.0 → 1.143.0

package/src/sap/cux/home/CardsPanel.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/fe/navigation/SelectionVariant", "sap/insights/CardHelper", "sap/insights/base/InMemoryCachingHost", "sap/m/HBox", "sap/m/HeaderContainer", "sap/m/VBox", "sap/ui/core/EventBus", "sap/ui/integration/widgets/Card", "sap/ui/model/json/JSONModel", "sap/ushell/Container", "sap/ushell/api/S4MyHome", "./BasePanel", "./MenuItem", "./utils/AppManager", "./utils/CommonUtils", "./utils/Constants", "./utils/DataFormatUtils", "./utils/Device", "./utils/DragDropUtils", "./utils/FESRUtil", "./utils/InsightsUtils", "./utils/PersonalisationUtils", "./utils/UshellPersonalizer"], function (Log, GridContainer, GridContainerSettings, SelectionVariant, CardHelper, InsightsInMemoryCachingHost, HBox, HeaderContainer, VBox, EventBus, Card, JSONModel, Container, S4MyHome, __BasePanel, __MenuItem, __AppManager, ___utils_CommonUtils, ___utils_Constants, ___utils_DataFormatUtils, ___utils_Device, ___utils_DragDropUtils, ___utils_FESRUtil, ___utils_InsightsUtils, __PersonalisationUtils, __UShellPersonalizer) {
+sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettings", "sap/fe/navigation/SelectionVariant", "sap/insights/CardHelper", "sap/insights/base/InMemoryCachingHost", "sap/m/Button", "sap/m/HBox", "sap/m/HeaderContainer", "sap/m/VBox", "sap/ui/core/EventBus", "sap/ui/integration/widgets/Card", "sap/ui/model/json/JSONModel", "sap/ushell/Container", "sap/ushell/api/S4MyHome", "./BasePanel", "./ErrorPanel", "./MenuItem", "./utils/AppManager", "./utils/CommonUtils", "./utils/Constants", "./utils/DataFormatUtils", "./utils/Device", "./utils/DragDropUtils", "./utils/FESRUtil", "./utils/InsightsUtils", "./utils/PersonalisationUtils", "./utils/UshellPersonalizer"], function (Log, GridContainer, GridContainerSettings, SelectionVariant, CardHelper, InsightsInMemoryCachingHost, Button, HBox, HeaderContainer, VBox, EventBus, Card, JSONModel, Container, S4MyHome, __BasePanel, __ErrorPanel, __MenuItem, __AppManager, ___utils_CommonUtils, ___utils_Constants, ___utils_DataFormatUtils, ___utils_Device, ___utils_DragDropUtils, ___utils_FESRUtil, ___utils_InsightsUtils, __PersonalisationUtils, __UShellPersonalizer) {
   "use strict";
 
   function _interopRequireDefault(obj) {
@@ -31,6 +31,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
     }
     return finalizer(false, result);
   }
+  const ErrorPanel = _interopRequireDefault(__ErrorPanel);
   const MenuItem = _interopRequireDefault(__MenuItem);
   const AppManager = _interopRequireDefault(__AppManager);
   const getPageManagerInstance = ___utils_CommonUtils["getPageManagerInstance"];
@@ -44,8 +45,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
   const addFESRId = ___utils_FESRUtil["addFESRId"];
   const addFESRNavigationSource = ___utils_FESRUtil["addFESRNavigationSource"];
   const FESRNavigationSource = ___utils_FESRUtil["FESRNavigationSource"];
-  const createShowMoreActionButton = ___utils_InsightsUtils["createShowMoreActionButton"];
-  const createShowMoreMenuItem = ___utils_InsightsUtils["createShowMoreMenuItem"];
+  const getAssociatedFullScreenButton = ___utils_InsightsUtils["getAssociatedFullScreenButton"];
   const getAssociatedFullScreenMenuItem = ___utils_InsightsUtils["getAssociatedFullScreenMenuItem"];
   const sortMenuItems = ___utils_InsightsUtils["sortMenuItems"];
   const targetsAreEqual = ___utils_InsightsUtils["targetsAreEqual"];
@@ -54,21 +54,17 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
   var cardsMenuItems = /*#__PURE__*/function (cardsMenuItems) {
     cardsMenuItems["REFRESH"] = "cards-refresh";
     cardsMenuItems["EDIT_CARDS"] = "cards-editCards";
-    cardsMenuItems["AI_INSIGHT_CARD"] = "cards-addAIInsightCard";
     return cardsMenuItems;
   }(cardsMenuItems || {});
-  var cardsContainerMenuItems = /*#__PURE__*/function (cardsContainerMenuItems) {
-    cardsContainerMenuItems["REFRESH"] = "container-cards-refresh";
-    cardsContainerMenuItems["EDIT_CARDS"] = "container-cards-editCards";
-    cardsContainerMenuItems["SHOW_MORE"] = "cardsContainerFullScreenMenuItem";
-    cardsContainerMenuItems["AI_INSIGHT_CARD"] = "container-cards-addAIInsightCard";
-    return cardsContainerMenuItems;
-  }(cardsContainerMenuItems || {});
-  var cardsContainerActionButtons = /*#__PURE__*/function (cardsContainerActionButtons) {
-    cardsContainerActionButtons["SHOW_MORE"] = "cardsContanerFullScreenActionButton";
-    return cardsContainerActionButtons;
-  }(cardsContainerActionButtons || {});
-  const sortedMenuItems = [cardsMenuItems.REFRESH, cardsMenuItems.EDIT_CARDS, cardsMenuItems.AI_INSIGHT_CARD, "showMore", "settings"];
+  var cardsActionButtons = /*#__PURE__*/function (cardsActionButtons) {
+    cardsActionButtons["SHOW_MORE"] = "fullScreen";
+    return cardsActionButtons;
+  }(cardsActionButtons || {});
+  var errorPanelMenuItems = /*#__PURE__*/function (errorPanelMenuItems) {
+    errorPanelMenuItems["EDIT_CARDS"] = "cards-errorPanel-editCards";
+    return errorPanelMenuItems;
+  }(errorPanelMenuItems || {});
+  const sortedMenuItems = [cardsMenuItems.REFRESH, cardsMenuItems.EDIT_CARDS, "showMore", "settings"];
   const Constants = {
     PLACEHOLDER_CARD_COUNT: 10,
     CARDS_GAP: 16
@@ -173,7 +169,6 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       this.aVisibleCardInstances = [];
       this.cardsInViewport = [];
       this._appSwitched = false;
-      this._headerVisible = false;
     },
     /**
      * Initializes the Cards Panel.
@@ -184,6 +179,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
     init: function _init() {
       const _this = this;
       BasePanel.prototype.init.call(this);
+      this.setProperty("title", `${this._i18nBundle?.getText("insightsCards")}`);
       this.setProperty("key", "cards");
       this.setProperty("enableFullScreen", true);
       this.cardWidth = "19rem";
@@ -610,6 +606,23 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         return Promise.reject(e);
       }
     },
+    /**
+     * Sorts the menu items based on the provided order.
+     *
+     * @private
+     * @param {string[]} menuItems - The order of the menu items.
+     */
+    _sortMenuItems: function _sortMenuItems(menuItems) {
+      const panelMenuItems = this.getAggregation("menuItems");
+      let sortedMenuItems = sortMenuItems(menuItems, panelMenuItems);
+      this.removeAllAggregation("menuItems");
+      sortedMenuItems?.forEach(menuItem => this.addAggregation("menuItems", menuItem));
+    },
+    _setMenuItemsVisibility: function _setMenuItemsVisibility(menuItem, bVisible) {
+      if (menuItem && (menuItem.getId().includes(cardsMenuItems.REFRESH) || menuItem.getId().includes(cardsMenuItems.EDIT_CARDS) || menuItem.getId().includes("showMore"))) {
+        menuItem.setVisible(bVisible);
+      }
+    },
     /**
      * Rerenders the cards.
      *
@@ -625,8 +638,8 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               try {
                 const _temp1 = _catch(function () {
                   // Enable placeholders after updating/rerendering cards
-                  const sDefaultAggreName = _this10._getCardContainer().getMetadata().getDefaultAggregationName();
-                  _this10._getCardContainer().removeAllAggregation(sDefaultAggreName);
+                  const sDefaultAggreName = _this10._getCardWrapperContainer().getMetadata().getDefaultAggregationName();
+                  _this10._getCardWrapperContainer().removeAllAggregation(sDefaultAggreName);
                   _this10._showPlaceHolders();
                   // Fetch Cards from insights service
                   const preferedCardIDs = _this10.hasCustomSpace ? PREFERED_CARDS : [];
@@ -637,14 +650,27 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                       listBinding?.enableExtendedChangeDetection(true, "/cards", {});
                       listBinding?.attachChange(function () {
                         try {
-                          return Promise.resolve(_this10._cardsRendered ?? Promise.resolve()).then(function () {
+                          function _temp11() {
                             const visibleCards = userVisibleCardModel.getProperty("/cards");
                             if (visibleCards.length !== _this10.aVisibleCardInstances.length && visibleCards.length > 0) {
+                              // Show cards in UI
                               _this10._showCards(visibleCards);
                             } else if (!visibleCards.length) {
+                              //if there are no tiles, hide the panel and show the error panel
+                              _this10.setProperty("title", `${_this10._i18nBundle?.getText("insightsCards")}`);
+                              _this10.getMenuItems().forEach(item => {
+                                _this10._setMenuItemsVisibility(item, false);
+                              });
                               _this10.fireHandleHidePanel();
+                              _this10._addErrorPanel();
+                            }
+                          }
+                          const _temp10 = function () {
+                            if (_this10._cardsRendered) {
+                              return Promise.resolve(_this10._cardsRendered).then(function () {});
                             }
-                          });
+                          }();
+                          return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp11) : _temp11(_temp10));
                         } catch (e) {
                           return Promise.reject(e);
                         }
@@ -667,6 +693,13 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                                 // else show available visible cards
                                 return Promise.resolve(_this10.checkForRecommendedCards(aCards)).then(function () {});
                               }
+                              _this10._errorPanel?.setVisible(false);
+                              //Update the panel title with the number of cards
+                              _this10.setProperty("title", `${_this10._i18nBundle?.getText("insightsCards")} (${aCards.length})`);
+                              //if the panel has been loaded and has cards, update the visibility of header elements of the panel
+                              _this10.getMenuItems().forEach(item => {
+                                _this10._setMenuItemsVisibility(item, true);
+                              });
                               const _temp6 = function () {
                                 if (showRecommendation === undefined) {
                                   return Promise.resolve(_this10._updateRecommendationStatus()).then(function () {});
@@ -675,6 +708,14 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                               return _temp6 && _temp6.then ? _temp6.then(_temp7) : _temp7(_temp6);
                             } else {
                               _this10.fireHandleHidePanel();
+                              _this10._addErrorPanel();
+                              const layout = _this10._getCardsContainer()?._getLayout();
+                              if (layout.getProperty("expanded")) {
+                                _this10.cardsContainer.addContent(_this10);
+                                layout?.toggleFullScreen(_this10);
+                                //remove the cards panel from the cards container
+                                _this10.cardsContainer.removeContent(_this10);
+                              }
                             }
                           }();
                           if (_temp8 && _temp8.then) return _temp8.then(function () {});
@@ -685,6 +726,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                   });
                 }, function (error) {
                   _this10.fireHandleHidePanel();
+                  _this10._addErrorPanel();
                   _this10._cardsRendered = undefined;
                   if (error instanceof Error) {
                     Log.error(error.message);
@@ -703,6 +745,47 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         return Promise.reject(e);
       }
     },
+    /**
+     * Adds an error panel when no cards are available.
+     *
+     * @private
+     */
+    _addErrorPanel: function _addErrorPanel() {
+      const parentContainer = this._getCardsContainer();
+      //set the visibility of cards panel to false
+      this.setVisible(false);
+      if (!this._errorPanel) {
+        this._errorPanel = new ErrorPanel(`${this.getId()}-errorCardsPanel`, {
+          additionalData: [new Button(`${this.getId()}-addInsightsCardsBtn`, {
+            text: this._i18nBundle.getText("addInsightsCardBtn"),
+            type: "Emphasized",
+            press: () => {
+              this._getCardsContainer()?._getLayout().openSettingsDialog(SETTINGS_PANELS_KEYS.INSIGHTS_CARDS);
+            }
+          })],
+          messageTitle: this._i18nBundle.getText("noAppsTitle"),
+          messageDescription: this._i18nBundle.getText("noInsightsCardsMsg")
+        });
+        this._errorPanel.getData();
+        //Add the menu items and action buttons to the error panel
+        const editCardsMenuItem = this._createEditCardsMenuItem(errorPanelMenuItems.EDIT_CARDS, "manageCards");
+        this._errorPanel.addAggregation("menuItems", editCardsMenuItem);
+        this._sortMenuItems(sortedMenuItems);
+        this._errorPanel.setProperty("enableSettings", true);
+      }
+      //Add the title to the error panel
+      this._errorPanel.setProperty("title", this._i18nBundle?.getText("insightsCards"));
+      this._errorPanel.setVisible(true);
+      parentContainer.addAggregation("content", this._errorPanel);
+      //set the visibility of header elements of the error panel
+      this._errorPanel.getMenuItems().forEach(item => {
+        if (item.getId().includes(errorPanelMenuItems.EDIT_CARDS) || item.getId().includes("settings")) {
+          item.setVisible(true);
+        } else {
+          item.setVisible(false);
+        }
+      });
+    },
     /**
      * Sets the new visible cards in the model and updates the UI.
      * @private
@@ -753,10 +836,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             const uniqueManifestDetails = _this12.getUniqueManifestDetails(manifestIds);
             return Promise.resolve(_this12.regenerateCards(uniqueManifestDetails, manifestIds)).then(function (aUpdatedCards) {
               let _exit2 = false;
-              function _temp11(_result2) {
+              function _temp13(_result2) {
                 return _exit2 ? _result2 : Promise.resolve(_this12.setNewVisibleCards()).then(function () {});
               }
-              const _temp10 = function () {
+              const _temp12 = function () {
                 if (aUpdatedCards?.length) {
                   // Update the model with updated cards
                   return Promise.resolve(_this12.cardHelperInstance._updateCards(aUpdatedCards.map(oCard => oCard?.newManifest?.descriptorContent))).then(function () {});
@@ -764,7 +847,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                   _exit2 = true;
                 }
               }();
-              return _temp10 && _temp10.then ? _temp10.then(_temp11) : _temp11(_temp10);
+              return _temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12);
             });
           } else {
             _this12._showCards(aCards);
@@ -959,19 +1042,19 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
     _getPersonalizationData: function _getPersonalizationData() {
       try {
         const _this15 = this;
-        function _temp13() {
+        function _temp15() {
           return Promise.resolve(_this15.oPersonalizer.read()).then(function (oPersData) {
             return oPersData || {};
           });
         }
-        const _temp12 = function () {
+        const _temp14 = function () {
           if (!_this15.oPersonalizer) {
             return Promise.resolve(_this15._getPersonalization()).then(function (_this15$_getPersonali) {
               _this15.oPersonalizer = _this15$_getPersonali;
             });
           }
         }();
-        return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12));
+        return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1052,12 +1135,12 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         rowSize: this.cardHeight,
         gap: "1rem"
       });
-      this.cardsContainer = new GridContainer(`${this.getId()}-insightsCardsFlexBox`, {
+      this.cardsWrapperContainer = new GridContainer(`${this.getId()}-insightsCardsFlexBox`, {
         visible: "{= !${/isPhone}}"
       }).addStyleClass("sapUiSmallMarginTop").setLayout(this.cardsContainerSettings);
-      this.cardsContainer.setModel(this._controlModel);
-      this.addDragDropConfigTo(this.cardsContainer, oEvent => this._handleCardsDnd(oEvent));
-      return this.cardsContainer;
+      this.cardsWrapperContainer.setModel(this._controlModel);
+      this.addDragDropConfigTo(this.cardsWrapperContainer, oEvent => this._handleCardsDnd(oEvent));
+      return this.cardsWrapperContainer;
     },
     /**
      * Creates the mobile card container.
@@ -1104,9 +1187,9 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       });
 
       // add HBox as item to GridList
-      const sDefaultAggreName = this._getCardContainer().getMetadata().getDefaultAggregationName();
+      const sDefaultAggreName = this._getCardWrapperContainer().getMetadata().getDefaultAggregationName();
       if (sDefaultAggreName) {
-        this._getCardContainer().addAggregation(sDefaultAggreName, oPreviewHBox);
+        this._getCardWrapperContainer().addAggregation(sDefaultAggreName, oPreviewHBox);
       }
     },
     /**
@@ -1116,7 +1199,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @returns {number} The number of placeholder cards that should be displayed. Defaults to 1 if no valid count is determined.
      */
     _calculatePlaceholderCardCount: function _calculatePlaceholderCardCount() {
-      const layoutDomRef = this._getInsightsContainer()?._getLayout()?.getDomRef();
+      const layoutDomRef = this._getCardsContainer()?._getLayout()?.getDomRef();
       let count = 0;
       if (layoutDomRef) {
         const sectionDomRef = layoutDomRef.childNodes[0];
@@ -1144,14 +1227,11 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @param {ICard[]} aCards - The cards to display.
      */
     _showCards: function _showCards(aCards) {
-      const panelName = this.getMetadata().getName();
+      const parentContainer = this._getCardsContainer();
+      parentContainer.removeContent(this._errorPanel);
       this.fireHandleUnhidePanel();
-      this._getInsightsContainer()?.updatePanelsItemCount(aCards.length, panelName);
-      if (this._headerVisible) {
-        this.setProperty("title", `${this._i18nBundle?.getText("insightsCards")} (${aCards.length})`);
-      }
-      const sDefaultAggreName = this._getCardContainer().getMetadata().getDefaultAggregationName();
-      this._getCardContainer().removeAllAggregation(sDefaultAggreName);
+      const sDefaultAggreName = this._getCardWrapperContainer().getMetadata().getDefaultAggregationName();
+      this._getCardWrapperContainer().removeAllAggregation(sDefaultAggreName);
       this.aVisibleCardInstances = [];
       this.cardsInViewport = [];
 
@@ -1195,8 +1275,8 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         });
 
         // add VBox as item to GridList
-        const sDefaultAggreName = this._getCardContainer().getMetadata().getDefaultAggregationName();
-        this._getCardContainer().addAggregation(sDefaultAggreName, oPreviewVBox);
+        const sDefaultAggreName = this._getCardWrapperContainer().getMetadata().getDefaultAggregationName();
+        this._getCardWrapperContainer().addAggregation(sDefaultAggreName, oPreviewVBox);
       });
     },
     /**
@@ -1206,34 +1286,14 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @param {Event} event - The event object.
      */
     _handleEditCards: function _handleEditCards(event) {
-      /* If called from Panel Header event.source() will return TilesPanel, if called from Insights Container event.source() will return InsightsContainer.
+      /* If called from Panel Header event.source() will return TilesPanel, if called from cards Container event.source() will return cardsContainer.
       _getLayout is available at Container Level*/
       let parent = event.getSource().getParent() || this;
-      if (parent instanceof CardsPanel) {
+      if (parent instanceof CardsPanel || parent instanceof ErrorPanel) {
         parent = parent.getParent();
       }
       parent?._getLayout().openSettingsDialog(SETTINGS_PANELS_KEYS.INSIGHTS_CARDS);
     },
-    /**
-     * Hides the header of the cards panel.
-     *
-     * @private
-     */
-    handleHideHeader: function _handleHideHeader() {
-      this._headerVisible = false;
-      this.setProperty("title", "");
-      this._toggleHeaderActions(false);
-    },
-    /**
-     * Adds the header to the cards panel.
-     *
-     * @private
-     */
-    handleAddHeader: function _handleAddHeader() {
-      this._headerVisible = true;
-      this.setProperty("title", `${this._i18nBundle?.getText("insightsCards")} (${this._controlModel.getProperty("/userVisibleCards")?.length})`);
-      this._toggleHeaderActions(true);
-    },
     /**
      * Refreshes the cards.
      *
@@ -1259,14 +1319,14 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           iDropItemIndex = oDragItem.getParent().indexOfItem(oDropItem);
         _this19._cardsFlexWrapper?.setBusy(true);
         // take the moved item from dragIndex and add to dropindex
-        const _temp16 = _finallyRethrows(function () {
+        const _temp18 = _finallyRethrows(function () {
           return _catch(function () {
-            function _temp15() {
+            function _temp17() {
               setTimeout(() => {
-                focusDraggedItem(_this19._getCardContainer(), iDropItemIndex);
+                focusDraggedItem(_this19._getCardWrapperContainer(), iDropItemIndex);
               }, 0);
             }
-            const _temp14 = function () {
+            const _temp16 = function () {
               if (!_this19._controlModel.getProperty("/userAllCards").length) {
                 return Promise.resolve(_this19.cardHelperInstance._getUserAllCardModel()).then(function (userAllCardsModel) {
                   _this19._controlModel.setProperty("/userAllCards", userAllCardsModel.getProperty("/cards"));
@@ -1276,7 +1336,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                 return Promise.resolve(_this19.updateCardList(sInsertPosition, iDropItemIndex, iDragItemIndex)).then(function () {});
               }
             }();
-            return _temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14);
+            return _temp16 && _temp16.then ? _temp16.then(_temp17) : _temp17(_temp16);
           }, function (error) {
             if (error instanceof Error) {
               Log.error(error.message);
@@ -1287,7 +1347,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           if (_wasThrown) throw _result3;
           return _result3;
         });
-        return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(function () {}) : void 0);
+        return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1318,7 +1378,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         } else if (sInsertPosition === "After" && iUpdatedDragItemIndex > iUpdatedDropItemIndex) {
           iUpdatedDropItemIndex++;
         }
-        const _temp17 = function () {
+        const _temp19 = function () {
           if (iUpdatedDragItemIndex !== iUpdatedDropItemIndex) {
             const aUpdatedCards = _this20.cardHelperInstance.handleDndCardsRanking(iUpdatedDragItemIndex, iUpdatedDropItemIndex, aUserAllCards);
             return Promise.resolve(_this20.cardHelperInstance._updateMultipleCards(aUpdatedCards, "PUT")).then(function () {
@@ -1329,7 +1389,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             });
           }
         }();
-        return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
+        return Promise.resolve(_temp19 && _temp19.then ? _temp19.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1386,7 +1446,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @returns {number} - The number of visible cards.
      */
     _calculateVisibleCardCount: function _calculateVisibleCardCount() {
-      const layout = this._getInsightsContainer()._getLayout();
+      const layout = this._getCardsContainer()._getLayout();
       const pageDomRef = layout.getDomRef();
       const deviceType = this.getDeviceType();
       let count = 1;
@@ -1422,7 +1482,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @override
      */
     _adjustLayout: function _adjustLayout() {
-      const layout = this._getInsightsContainer()?._getLayout();
+      const layout = this._getCardsContainer()?._getLayout();
       let cardWidth = this.cardWidth;
       const isMobileDevice = this.getDeviceType() === DeviceType.Mobile;
       if (layout && this.aVisibleCardInstances?.length > 0) {
@@ -1439,8 +1499,8 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         // update cards in viewport
         if (cardCount !== this.cardsInViewport.length) {
           this.cardsInViewport = this.aVisibleCardInstances.slice(0, cardCount);
-          const sDefaultAggreName = this._getCardContainer().getMetadata().getDefaultAggregationName();
-          this._getCardContainer().removeAllAggregation(sDefaultAggreName);
+          const sDefaultAggreName = this._getCardWrapperContainer().getMetadata().getDefaultAggregationName();
+          this._getCardWrapperContainer().removeAllAggregation(sDefaultAggreName);
           this.cardsInViewport.forEach(card => {
             const manifest = card.getManifest();
             const sType = manifest["sap.card"]?.type;
@@ -1463,22 +1523,21 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             if (overlayHBoxWrapper) {
               cardWrapper.addItem(overlayHBoxWrapper);
             }
-            const sDefaultAggreName = this._getCardContainer().getMetadata().getDefaultAggregationName();
-            this._getCardContainer().addAggregation(sDefaultAggreName, cardWrapper);
+            const sDefaultAggreName = this._getCardWrapperContainer().getMetadata().getDefaultAggregationName();
+            this._getCardWrapperContainer().addAggregation(sDefaultAggreName, cardWrapper);
           });
           this.shareCardsInViewport();
         }
-
-        // show/hide Full Screen Button if available
+        // show/hide full screen button
         const showFullScreenButton = isElementExpanded || this.aVisibleCardInstances.length > cardCount;
-        if (this._headerVisible) {
-          this._getInsightsContainer()?.toggleFullScreenElements(this, showFullScreenButton);
-        } else {
-          const fullScreenButton = getAssociatedFullScreenMenuItem(this);
-          const fullScreenText = fullScreenButton?.getTitle();
-          this._getInsightsContainer()?.updateMenuItem(this._controlMap.get(`${this.getId()}-${cardsContainerMenuItems.SHOW_MORE}`), showFullScreenButton, fullScreenText);
-          this._getInsightsContainer()?.updateActionButton(this._controlMap.get(`${this.getId()}-${cardsContainerActionButtons.SHOW_MORE}`), showFullScreenButton, fullScreenText);
-        }
+        const fullScreenButton = getAssociatedFullScreenMenuItem(this);
+        const fullScreenText = fullScreenButton.getTitle();
+        //update the panel menu-item show more button and show more action button in panel header
+        fullScreenButton?.setVisible(showFullScreenButton);
+        fullScreenButton?.setTitle(fullScreenText);
+        const fullScreenActionButton = getAssociatedFullScreenButton(this);
+        fullScreenActionButton?.setVisible(showFullScreenButton);
+        fullScreenActionButton?.setText(fullScreenText);
       } else {
         this.cardWidth = this.getDeviceType() === DeviceType.Mobile ? "19rem" : "22rem";
       }
@@ -1489,50 +1548,17 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         this.cardsContainerSettings?.setColumnSize(this.cardWidth);
       }
     },
-    /**
-     * Retrieves the menu items for the container.
-     *
-     * @private
-     * @returns {MenuItem[]} An array of MenuItem instances.
-     */
-    getContainerMenuItems: function _getContainerMenuItems() {
-      if (!this._containerMenuItems) {
-        const containerRefreshMenuItem = this._createRefreshMenuItem(cardsContainerMenuItems.REFRESH, "containerCardsRefresh");
-        const containerEditCardsMenuItem = this._createEditCardsMenuItem(cardsContainerMenuItems.EDIT_CARDS, "containerManageCards");
-        const containerShowMoreMenuItem = createShowMoreMenuItem(this, cardsContainerMenuItems.SHOW_MORE, "containerCardsShowMore");
-        this._controlMap.set(`${this.getId()}-${cardsContainerMenuItems.SHOW_MORE}`, containerShowMoreMenuItem);
-        this._containerMenuItems = [containerRefreshMenuItem, containerEditCardsMenuItem, containerShowMoreMenuItem];
-      }
-      return this._containerMenuItems;
-    },
-    /**
-     * Retrieves the action buttons for the container.
-     *
-     * @private
-     * @returns {Button[]} An array of Button instances.
-     */
-    getContainerActionButtons: function _getContainerActionButtons() {
-      if (!this._containerActionButtons) {
-        this._containerActionButtons = [];
-        const actionButton = createShowMoreActionButton(this, cardsContainerActionButtons.SHOW_MORE, "containerCardsShowMore");
-        if (actionButton) {
-          this._controlMap.set(`${this.getId()}-${cardsContainerActionButtons.SHOW_MORE}`, actionButton);
-          this._containerActionButtons.push(actionButton);
-        }
-      }
-      return this._containerActionButtons;
-    },
     /**
      * Retrieves the insights container.
      *
      * @private
-     * @returns {InsightsContainer} - The insights container.
+     * @returns {CardsContainer} - The cards container.
      */
-    _getInsightsContainer: function _getInsightsContainer() {
-      if (!this.insightsContainer) {
-        this.insightsContainer = this.getParent();
+    _getCardsContainer: function _getCardsContainer() {
+      if (!this.cardsContainer) {
+        this.cardsContainer = this.getParent();
       }
-      return this.insightsContainer;
+      return this.cardsContainer;
     },
     /**
      * Creates the refresh menu item.
@@ -1576,18 +1602,6 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       }
       return menuItem;
     },
-    /**
-     * Toggles the visibility of the header actions.
-     *
-     * @param {boolean} bShow - Whether to show or hide the header actions.
-     * @private
-     */
-    _toggleHeaderActions: function _toggleHeaderActions(bShow) {
-      this.getAggregation("menuItems")?.forEach(menuItem => {
-        this._getInsightsContainer()?.toggleMenuListItem(menuItem, bShow);
-      });
-      this.getAggregation("actionButtons")?.forEach(actionButton => this._getInsightsContainer()?.toggleActionButton(actionButton, bShow));
-    },
     /**
      * Retrieves the card container based on the device type.
      *
@@ -1595,23 +1609,11 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @returns {GridContainer | HeaderContainer} - The card container.
      *
      */
-    _getCardContainer: function _getCardContainer() {
+    _getCardWrapperContainer: function _getCardWrapperContainer() {
       if (this.getDeviceType() === DeviceType.Mobile) {
         return this.cardsMobileContainer;
       }
-      return this.cardsContainer;
-    },
-    /**
-     * Sorts the menu items based on the provided order.
-     *
-     * @private
-     * @param {string[]} menuItems - The order of the menu items.
-     */
-    _sortMenuItems: function _sortMenuItems(menuItems) {
-      const panelMenuItems = this.getAggregation("menuItems");
-      let sortedMenuItems = sortMenuItems(menuItems, panelMenuItems);
-      this.removeAllAggregation("menuItems");
-      sortedMenuItems?.forEach(menuItem => this.addAggregation("menuItems", menuItem));
+      return this.cardsWrapperContainer;
     },
     /**
      * Shares the cards that are currently in the viewport by firing the "visibleCardsUpdated" event.
@@ -1640,8 +1642,8 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
     }
   });
   CardsPanel.cardsMenuItems = cardsMenuItems;
-  CardsPanel.cardsContainerMenuItems = cardsContainerMenuItems;
-  CardsPanel.cardsContainerActionButtons = cardsContainerActionButtons;
+  CardsPanel.cardsActionButtons = cardsActionButtons;
+  CardsPanel.errorPanelMenuItems = errorPanelMenuItems;
   return CardsPanel;
 });
 //# sourceMappingURL=CardsPanel.js.map