@sapui5/sap.cux.home 1.141.0 → 1.143.0

package/src/sap/cux/home/TilesPanel.ts

@@ -40,8 +40,9 @@ import Navigation from "sap/ushell/services/Navigation";
 import VisualizationInstantiation from "sap/ushell/services/VisualizationInstantiation";
 import BaseContainer from "./BaseContainer";
 import BasePanel from "./BasePanel";
-import InsightsContainer from "./InsightsContainer";
+import ErrorPanel from "./ErrorPanel";
 import MenuItem from "./MenuItem";
+import TilesContainer from "./TilesContainer";
 import { $TilesPanelSettings } from "./TilesPanel";
 import { ICustomVisualization, ISectionAndVisualization, IVisualization } from "./interface/AppsInterface";
 import { checkPanelExists } from "./utils/Accessibility";
@@ -50,8 +51,8 @@ import { DEFAULT_BG_COLOR, END_USER_COLORS, MYHOME_PAGE_ID, MYINSIGHT_SECTION_ID
 import { recycleId } from "./utils/DataFormatUtils";
 import { DeviceType, fetchElementProperties } from "./utils/Device";
 import { focusDraggedItem } from "./utils/DragDropUtils";
-import { addFESRId, addFESRSemanticStepName, FESR_EVENTS } from "./utils/FESRUtil";
-import { createShowMoreActionButton, createShowMoreMenuItem, getAssociatedFullScreenMenuItem, sortMenuItems } from "./utils/InsightsUtils";
+import { addFESRId, addFESRNavigationSource, addFESRSemanticStepName, FESR_EVENTS, FESRNavigationSource } from "./utils/FESRUtil";
+import { getAssociatedFullScreenButton, getAssociatedFullScreenMenuItem, sortMenuItems } from "./utils/InsightsUtils";
 
 export enum tilesMenuItems {
 	REFRESH = "tiles-refresh",
@@ -59,20 +60,17 @@ export enum tilesMenuItems {
 	EDIT_TILES = "tiles-editTiles"
 }
 
-export enum tilesContainerMenuItems {
-	REFRESH = "container-tiles-refresh",
-	ADD_APPS = "container-tiles-addSmartApps",
-	EDIT_TILES = "container-tiles-editTiles",
-	SHOW_MORE = "tilesContainerFullScreenMenuItem"
-}
-
 export enum tilesActionButtons {
-	ADD_TILES = "tiles-addTilesButton"
+	ADD_TILES = "tiles-addTilesButton",
+	SHOW_MORE = "fullScreen"
 }
 
-export enum tilesContainerActionButtons {
-	ADD_TILES = "container-tiles-addTilesButton",
-	SHOW_MORE = "tilesContanerFullScreenActionButton"
+export enum errorPanelMenuItems {
+	ADD_APPS = "tiles-errorPanel-addSmartApps",
+	EDIT_TILES = "tiles-errorPanel-editTiles"
+}
+export enum errorPanelActionButtons {
+	ADD_TILES = "tiles-errorPanel-addTilesButton"
 }
 
 export enum DisplayFormat {
@@ -128,22 +126,20 @@ export default class TilesPanel extends BasePanel {
 		super(id, settings);
 	}
 	private _oData!: Record<string, unknown>;
-	private readonly _insightsSectionTitle: string = this._i18nBundle.getText("insights") as string;
+	private readonly _insightsSectionTitle: string = this._i18nBundle.getText("insightsTiles") as string;
 	private readonly _addFromFavDialogId: string = `${this.getId()}-addFromFavDialog`;
 	private appManagerInstance!: AppManager;
 	private VizInstantiationService!: VisualizationInstantiation;
-	private tilesContainer!: GridContainer;
+	private tilesDesktopContainer!: GridContainer;
 	private tilesMobileContainer!: HeaderContainer;
 	private _tilesWrapper!: VBox;
 	private aInsightsApps: ICustomVisualization[] | GenericTile[] = [];
 	private _controlModel!: JSONModel;
 	public _controlMap!: Map<string, Control | Element | UI5Element>;
-	private _containerMenuItems!: MenuItem[];
-	private _containerActionButtons!: Button[];
 	private oEventBus!: EventBus;
-	private insightsContainer!: InsightsContainer;
+	private tilesContainer!: TilesContainer;
 	private _appSwitched!: boolean;
-	private _headerVisible: boolean = false;
+	private _errorPanel!: ErrorPanel;
 	static readonly metadata: MetadataOptions = {
 		library: "sap.cux.home",
 		properties: {
@@ -200,7 +196,9 @@ export default class TilesPanel extends BasePanel {
 		this._controlModel = new JSONModel(this._oData);
 		this.appManagerInstance = AppManager.getInstance();
 		this.setProperty("key", "tiles");
+		this.setProperty("title", this._i18nBundle.getText("insightsTiles") as string);
 		this.setProperty("enableFullScreen", true);
+
 		const refreshMenuItem = this._createRefreshMenuItem(tilesMenuItems.REFRESH, "tilesRefresh");
 		const editTilesMenuItem = this._createEditTilesMenuItem(tilesMenuItems.EDIT_TILES, "manageTiles");
 
@@ -239,6 +237,11 @@ export default class TilesPanel extends BasePanel {
 
 		// Toggles the activity of tiles
 		this._toggleTileActivity();
+		//Add error panel to the parent container 'TilesContainer'
+		const parentContainer = this._getTilesContainer() as BaseContainer;
+		parentContainer?.addContent(this._errorPanel);
+		//set its visibility to false initially
+		this._errorPanel?.setVisible(false);
 	}
 
 	/**
@@ -348,6 +351,7 @@ export default class TilesPanel extends BasePanel {
 			this._showPlaceHolders();
 			if (checkPanelExists(container, appsConatinerlName, favAppPanelName)) {
 				const addFromFavAppMenuItem = this._createAddFromFavMenuItem(tilesMenuItems.ADD_APPS, "smartAppsDialog");
+				addFromFavAppMenuItem.setVisible(_showAddApps());
 				this.addAggregation("menuItems", addFromFavAppMenuItem);
 				this._sortMenuItems(sortedMenuItems);
 			}
@@ -355,6 +359,7 @@ export default class TilesPanel extends BasePanel {
 		} catch (error) {
 			console.error(error);
 			this.fireHandleHidePanel();
+			this._addErrorPanel();
 		} finally {
 			this.fireEvent("loaded");
 		}
@@ -382,7 +387,6 @@ export default class TilesPanel extends BasePanel {
 	 * @returns {Promise<void>} A promise that resolves when the data is refreshed.
 	 */
 	public async refreshData(refreshTiles: boolean = false) {
-		const panelName = this.getMetadata().getName();
 		this.aInsightsApps = await this.appManagerInstance.fetchInsightApps(true, this._insightsSectionTitle);
 		const bIsSmartBusinessTilePresent = this.aInsightsApps.some((oApp) => oApp.isSmartBusinessTile);
 		if (bIsSmartBusinessTilePresent) {
@@ -391,23 +395,120 @@ export default class TilesPanel extends BasePanel {
 		this._clearPlaceHolders();
 		this._controlModel.setProperty("/tiles", this.aInsightsApps);
 		if (this.aInsightsApps?.length) {
+			this._errorPanel?.setVisible(false);
+			//loop through the contents of parent container of this panel i.e., TilesContainer
+			const parentContainer = this._getTilesContainer() as BaseContainer;
+			parentContainer?.getContent().forEach((content) => {
+				if (content instanceof ErrorPanel) {
+					//remove the error panel from the TilesContainer
+					parentContainer.removeContent(content);
+				}
+			});
 			this.fireHandleUnhidePanel();
 			if (refreshTiles) {
 				const isMobile = this.getDeviceType() === DeviceType.Mobile;
-				const container = isMobile ? this.tilesMobileContainer : this.tilesContainer;
+				const container = isMobile ? this.tilesMobileContainer : this.tilesDesktopContainer;
 				const sDefaultAggreName = container.getMetadata().getDefaultAggregationName();
 				const dynamicTiles = (container.getAggregation(sDefaultAggreName) as ManagedObject[]) || [];
 				dynamicTiles.forEach((tiles) => (tiles as ICustomVisualization).refresh?.());
 			}
-			this._getInsightsContainer()?.updatePanelsItemCount(this.aInsightsApps.length, panelName);
-			if (this._headerVisible) {
-				this.setProperty("title", `${this._i18nBundle?.getText("insightsTiles")} (${this.aInsightsApps.length})`);
-			}
+			this.setProperty("title", `${this._i18nBundle?.getText("insightsTiles")} (${this.aInsightsApps.length})`);
+			//if the panel has been loaded and has tiles, update the visibility of header elements of the panel
+			this.getMenuItems().forEach((item) => {
+				if (
+					item.getId().includes(tilesMenuItems.REFRESH) ||
+					item.getId().includes(tilesMenuItems.EDIT_TILES) ||
+					item.getId().includes("showMore")
+				) {
+					item.setVisible(true);
+				}
+			});
 		} else {
+			//if there are no tiles, hide the panel and show the error panel
+			this.setProperty("title", `${this._i18nBundle?.getText("insightsTiles")}`);
+			this.getMenuItems().forEach((item) => {
+				if (
+					item.getId().includes(tilesMenuItems.REFRESH) ||
+					item.getId().includes(tilesMenuItems.EDIT_TILES) ||
+					item.getId().includes("showMore")
+				) {
+					item.setVisible(false);
+				}
+			});
 			this.fireHandleHidePanel();
+			this._addErrorPanel();
+			const layout = this._getTilesContainer()?._getLayout();
+			if (layout?.getProperty("expanded")) {
+				this.tilesContainer.addContent(this);
+				layout?.toggleFullScreen(this);
+				//remove the tiles panel from the tiles container
+				this.tilesContainer.removeContent(this);
+			}
 		}
 	}
 
+	/**
+	 * Adds an error panel when there are no tiles available.
+	 *
+	 * @private
+	 * @returns {void}
+	 */
+	private _addErrorPanel() {
+		const parentContainer = this._getTilesContainer() as BaseContainer;
+		//set the visibility of tiles panel to false
+		this.setVisible(false);
+		if (!this._errorPanel) {
+			this._errorPanel = new ErrorPanel(`${this.getId()}-errorTilesPanel`, {
+				additionalData: [
+					new Button(`${this.getId()}-addInsightsTilesBtn`, {
+						text: this._i18nBundle.getText("appFinderLink"),
+						type: "Emphasized",
+						press: async () => {
+							const container = this._getTilesContainer() as BaseContainer;
+							if (checkPanelExists(container, appsConatinerlName, favAppPanelName)) {
+								// Favorite App Panel is visible, proceed as usual
+								void this._handleAddFromFavApps();
+							} else {
+								// Favorite App Panel is NOT visible, navigate to App Finder
+								await this.navigateToAppFinder();
+							}
+						}
+					})
+				],
+				messageTitle: this._i18nBundle.getText("noAppsTitle"),
+				messageDescription: this._i18nBundle.getText("noInsightsTileMsg")
+			});
+			this._errorPanel.getData();
+			//Add the menu items and action buttons to the error panel
+			const editTilesMenuItem = this._createEditTilesMenuItem(errorPanelMenuItems.EDIT_TILES, "manageTiles");
+			const addFromFavAppMenuItem = this._createAddFromFavMenuItem(errorPanelMenuItems.ADD_APPS, "smartAppsDialog");
+			this._errorPanel.setProperty("enableSettings", true);
+			addFromFavAppMenuItem.setVisible(_showAddApps());
+			const menuItems = [editTilesMenuItem, addFromFavAppMenuItem];
+			menuItems.forEach((menuItem) => this._errorPanel.addAggregation("menuItems", menuItem));
+			this._sortMenuItems(sortedMenuItems);
+			const addTilesButton = this._createAddTilesButton(errorPanelActionButtons.ADD_TILES, "addTiles");
+			const actionButtons = [addTilesButton];
+			actionButtons.forEach((actionButton) => this._errorPanel.addAggregation("actionButtons", actionButton));
+		}
+		//Add the title to the error panel
+		this._errorPanel.setTitle(this._i18nBundle.getText("insightsTiles") as string);
+
+		//Add error panel to the parent container 'TilesContainer'
+		parentContainer.addAggregation("content", this._errorPanel);
+		this._errorPanel.setVisible(true);
+
+		//set the visibility of header elements of the error panel
+		this._errorPanel.getMenuItems().forEach((item) => {
+			const itemVisibility =
+				item.getId().includes(errorPanelMenuItems.ADD_APPS) ||
+				item.getId().includes(errorPanelMenuItems.EDIT_TILES) ||
+				item.getId().includes("settings");
+
+			item.setVisible(itemVisibility);
+		});
+	}
+
 	/**
 	 * Generates the wrapper for the tiles container, if it doesn't already exist
 	 *
@@ -444,7 +545,7 @@ export default class TilesPanel extends BasePanel {
 				scrollTime: 1000,
 				showDividers: false,
 				visible: "{/isPhone}"
-			}).addStyleClass("sectionMarginTopTilesInsight sapMHeaderContainerMarginBottom");
+			}).addStyleClass("sectionMarginTopTilesInsight sapMHeaderContainerMarginBottom sapCuxInsightsMobileCardsContainer");
 
 			// Attach aggregation to the container
 			this._attachAggregationToContainer(this.tilesMobileContainer);
@@ -460,17 +561,17 @@ export default class TilesPanel extends BasePanel {
 	 */
 
 	private _createWrapperFlexBox(): GridContainer {
-		// Check if the tilesContainer already exists
-		if (!this.tilesContainer) {
+		// Check if the tilesDesktopContainer already exists
+		if (!this.tilesDesktopContainer) {
 			// Create the GridContainer with required properties
-			this.tilesContainer = new GridContainer(`${this.getId()}-insightsTilesContainer`, {
+			this.tilesDesktopContainer = new GridContainer(`${this.getId()}-insightsTilesContainer`, {
 				visible: "{= !${/isPhone}}"
-			}).addStyleClass("insightTiles sapUiSmallMarginTop sapUiSmallMarginBottom");
+			}).addStyleClass("insightTiles sapUiSmallMarginTop");
 			// Attach aggregation to the container
-			this._attachAggregationToContainer(this.tilesContainer);
+			this._attachAggregationToContainer(this.tilesDesktopContainer);
 		}
 		// Return the existing or newly created container
-		return this.tilesContainer;
+		return this.tilesDesktopContainer;
 	}
 
 	/**
@@ -492,15 +593,15 @@ export default class TilesPanel extends BasePanel {
 	 * Attaches necessary aggregations and configurations to the provided container.
 	 *
 	 * @private
-	 * @param {GridContainer | HeaderContainer} tilesContainer - The container to which the aggregation and events are to be attached.
+	 * @param {GridContainer | HeaderContainer} tilesDesktopContainer - The container to which the aggregation and events are to be attached.
 	 * @returns {void}
 	 *
 	 */
-	private _attachAggregationToContainer(tilesContainer: GridContainer | HeaderContainer) {
-		tilesContainer.setModel(this._controlModel);
-		const sDefaultAggreName = tilesContainer.getMetadata().getDefaultAggregationName();
+	private _attachAggregationToContainer(tilesDesktopContainer: GridContainer | HeaderContainer) {
+		tilesDesktopContainer.setModel(this._controlModel);
+		const sDefaultAggreName = tilesDesktopContainer.getMetadata().getDefaultAggregationName();
 		const isPhoneScreen = this.getDeviceType() === DeviceType.Mobile;
-		tilesContainer.bindAggregation(sDefaultAggreName, {
+		tilesDesktopContainer.bindAggregation(sDefaultAggreName, {
 			path: "/tiles",
 			factory: (id: string, context: Context): ManagedObject => {
 				const oApp = context.getObject() as ICustomVisualization;
@@ -514,6 +615,9 @@ export default class TilesPanel extends BasePanel {
 						columns: oVisualization.getDisplayFormat?.() === DisplayFormat.Standard ? 2 : 4
 					})
 				);
+				oVisualization?.attachPress?.(() => {
+					addFESRNavigationSource(FESRNavigationSource.Tiles);
+				});
 				oVisualization?.bindProperty?.(
 					"active",
 					isPhoneScreen ? "/activateInsightsTilesOnPhone" : "/activateInsightsTilesOnDesktop"
@@ -522,7 +626,7 @@ export default class TilesPanel extends BasePanel {
 				return oVisualization as ManagedObject;
 			}
 		});
-		this.addDragDropConfigTo(tilesContainer, (oEvent) => this._handleTilesDnd(oEvent));
+		this.addDragDropConfigTo(tilesDesktopContainer, (oEvent) => this._handleTilesDnd(oEvent));
 	}
 
 	/**
@@ -608,7 +712,7 @@ export default class TilesPanel extends BasePanel {
 		await this.refreshData(true);
 		// Ensures focus on tile after Panel refresh during DnD.
 		setTimeout(() => {
-			focusDraggedItem(this.tilesContainer, iDropItemIndex);
+			focusDraggedItem(this.tilesDesktopContainer, iDropItemIndex);
 		}, 0);
 	}
 
@@ -618,33 +722,13 @@ export default class TilesPanel extends BasePanel {
 	 * @param {Event} event - The event object.
 	 */
 	private handleEditTiles(event: 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 Insights Container event.source() will return TilesContainer.
 		_getLayout is available at Container Level*/
 		let parent: ManagedObject = event.getSource<TilesPanel>().getParent() || this;
-		if (parent instanceof TilesPanel) {
+		if (parent instanceof TilesPanel || parent instanceof ErrorPanel) {
 			parent = parent.getParent() as ManagedObject;
 		}
-		(parent as InsightsContainer)?._getLayout().openSettingsDialog(SETTINGS_PANELS_KEYS.INSIGHTS_TILES);
-	}
-
-	/**
-	 * Hides the header of the tiles panel.
-	 * @private
-	 */
-	public handleHideHeader() {
-		this._headerVisible = false;
-		this.setProperty("title", "");
-		this._toggleHeaderActions(false);
-	}
-
-	/**
-	 * Adds the header to the tiles panel.
-	 * @private
-	 */
-	public handleAddHeader() {
-		this._headerVisible = true;
-		this.setProperty("title", `${this._i18nBundle?.getText("insightsTiles")} (${this.aInsightsApps.length})`);
-		this._toggleHeaderActions(true);
+		(parent as TilesContainer)?._getLayout().openSettingsDialog(SETTINGS_PANELS_KEYS.INSIGHTS_TILES);
 	}
 
 	/**
@@ -674,6 +758,7 @@ export default class TilesPanel extends BasePanel {
 				shellHash: `Shell-appfinder?&/catalog/${JSON.stringify(navigationObject)}`
 			}
 		});
+		addFESRNavigationSource(FESRNavigationSource.AppFinder);
 	}
 
 	/**
@@ -962,7 +1047,7 @@ export default class TilesPanel extends BasePanel {
 	 * @returns {number} - The number of visible tiles.
 	 */
 	private _calculateVisibleTileCount(insightsApps: ICustomVisualization[]): number {
-		const layout = this._getInsightsContainer()?._getLayout();
+		const layout = this._getTilesContainer()?._getLayout();
 		const layoutDomRef = layout?.getDomRef();
 		const apps = insightsApps || [];
 		let count = 0;
@@ -990,7 +1075,7 @@ export default class TilesPanel extends BasePanel {
 	}
 
 	private _calculatePlaceholderTileCount(): number {
-		const layoutDomRef = this._getInsightsContainer()?._getLayout()?.getDomRef();
+		const layoutDomRef = this._getTilesContainer()?._getLayout()?.getDomRef();
 		let count = 0;
 		if (layoutDomRef) {
 			const sectionDomRef = layoutDomRef.childNodes[0] as Element;
@@ -1011,7 +1096,7 @@ export default class TilesPanel extends BasePanel {
 	 * @override
 	 */
 	public _adjustLayout() {
-		const layout = this._getInsightsContainer()?._getLayout();
+		const layout = this._getTilesContainer()?._getLayout();
 		const isMobileDevice = this.getDeviceType() === DeviceType.Mobile;
 
 		if (layout) {
@@ -1027,91 +1112,31 @@ export default class TilesPanel extends BasePanel {
 			this._updateTilesActivity();
 			//Show/Hide Full Screen Button if panel header is visible otherwise update visibility of container Full Screen Button
 			const showFullScreenButton = isElementExpanded || this.aInsightsApps.length > visibleTileCount;
-			if (this._headerVisible) {
-				if (!isMobileDevice) {
-					(this.getAggregation("actionButtons") as Button[])?.forEach((actionButton) => {
-						if (actionButton.getId().includes(tilesActionButtons.ADD_TILES)) {
-							this._getInsightsContainer().toggleActionButton(actionButton, true);
-						}
-					});
-				}
-				this._getInsightsContainer()?.toggleFullScreenElements(this, showFullScreenButton);
-			} else {
-				const fullScreenButton = getAssociatedFullScreenMenuItem(this);
-				const fullScreenText = fullScreenButton?.getTitle() ?? "";
-				this._getInsightsContainer()?.updateMenuItem(
-					this._controlMap.get(`${this.getId()}-${tilesContainerMenuItems.SHOW_MORE}`) as MenuItem,
-					showFullScreenButton,
-					fullScreenText
-				);
-				this._getInsightsContainer()?.updateActionButton(
-					this._controlMap.get(`${this.getId()}-${tilesContainerActionButtons.SHOW_MORE}`) as Button,
-					showFullScreenButton,
-					fullScreenText
-				);
-			}
-		}
-	}
 
-	/**
-	 * Retrieves the InsightsContainer instance associated with this TilesPanel.
-	 *
-	 * @private
-	 * @returns {InsightsContainer} The InsightsContainer instance.
-	 */
-	private _getInsightsContainer(): InsightsContainer {
-		if (!this.insightsContainer) {
-			this.insightsContainer = this.getParent() as InsightsContainer;
-		}
-		return this.insightsContainer;
-	}
+			const fullScreenButton = getAssociatedFullScreenMenuItem(this);
+			const fullScreenText = fullScreenButton?.getTitle() ?? "";
 
-	/**
-	 * Retrieves the menu items for the container.
-	 *
-	 * @private
-	 * @returns {MenuItem[]} An array of MenuItem instances.
-	 */
-	public getContainerMenuItems(): MenuItem[] {
-		if (!this._containerMenuItems) {
-			const containerRefresh = this._createRefreshMenuItem(tilesContainerMenuItems.REFRESH, "containerTilesRefresh");
-			const containerEditTiles = this._createEditTilesMenuItem(tilesContainerMenuItems.EDIT_TILES, "containerManageTiles");
-			const containerShowMore = createShowMoreMenuItem(this, tilesContainerMenuItems.SHOW_MORE, "containerTilesShowMore");
-			const container = this.getParent() as BaseContainer;
-			this._controlMap.set(`${this.getId()}-${tilesContainerMenuItems.SHOW_MORE}`, containerShowMore);
-			this._containerMenuItems = [containerRefresh, containerEditTiles, containerShowMore];
-			if (checkPanelExists(container, appsConatinerlName, favAppPanelName)) {
-				const containerAddFromFav = this._createAddFromFavMenuItem(tilesContainerMenuItems.ADD_APPS, "containerSmartAppsDialog");
-				this._containerMenuItems.splice(1, 0, containerAddFromFav);
-			}
+			//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);
 		}
-		return this._containerMenuItems;
 	}
 
 	/**
-	 * Retrieves the action buttons for the container.
+	 * Retrieves the TilesContainer instance associated with this TilesPanel.
 	 *
 	 * @private
-	 * @returns {Button[]} An array of Button instances.
+	 * @returns {TilesContainer} The TilesContainer instance.
 	 */
-	public getContainerActionButtons(): Button[] {
-		if (!this._containerActionButtons) {
-			this._containerActionButtons = [];
-			this._containerActionButtons.push(
-				this._createAddTilesButton(tilesContainerActionButtons.ADD_TILES, "containerSmartAppsDialog")
-			);
-
-			const containerFullScreenActionButton = createShowMoreActionButton(
-				this,
-				tilesContainerActionButtons.SHOW_MORE,
-				"containerTilesShowMore"
-			);
-			if (containerFullScreenActionButton) {
-				this._controlMap.set(`${this.getId()}-${tilesContainerActionButtons.SHOW_MORE}`, containerFullScreenActionButton);
-				this._containerActionButtons.push(containerFullScreenActionButton);
-			}
+	private _getTilesContainer(): TilesContainer {
+		if (!this.tilesContainer) {
+			this.tilesContainer = this.getParent() as TilesContainer;
 		}
-		return this._containerActionButtons;
+		return this.tilesContainer;
 	}
 
 	/**
@@ -1197,7 +1222,7 @@ export default class TilesPanel extends BasePanel {
 			text: this._i18nBundle.getText("appFinderLink"),
 			tooltip: this._i18nBundle.getText("appFinderLink"),
 			press: async () => {
-				const container = this._getInsightsContainer() as BaseContainer;
+				const container = this._getTilesContainer() as BaseContainer;
 				if (checkPanelExists(container, appsConatinerlName, favAppPanelName)) {
 					// Favorite App Panel is visible, proceed as usual
 					void this._handleAddFromFavApps();
@@ -1214,19 +1239,4 @@ export default class TilesPanel extends BasePanel {
 
 		return actionButton;
 	}
-
-	/**
-	 * Toggles the visibility of the header actions.
-	 *
-	 * @param {boolean} bShow - Whether to show or hide the header actions.
-	 * @private
-	 */
-	private _toggleHeaderActions(bShow: boolean) {
-		(this.getAggregation("menuItems") as MenuItem[])?.forEach((menuItem) => {
-			this._getInsightsContainer()?.toggleMenuListItem(menuItem, bShow);
-		});
-		(this.getAggregation("actionButtons") as Button[])?.forEach((actionButton) =>
-			this._getInsightsContainer()?.toggleActionButton(actionButton, bShow)
-		);
-	}
 }

package/src/sap/cux/home/ToDoPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToDoPanel.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/ToDoPanel.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToDoPanel.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/ToDoPanel.ts"],"names":[],"mappings":"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"}