@sapui5/sap.cux.home 1.142.0 → 1.142.1

package/src/sap/cux/home/interface/KeyUserInterface.ts

@@ -2,12 +2,14 @@
  * SAP UI development toolkit for HTML5 (SAPUI5)
  *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
  */
-import Control from "sap/ui/core/Control";
+import BaseContainer from "../BaseContainer";
+import BaseLayout from "../BaseLayout";
 import { CHANGE_TYPES } from "../flexibility/Layout.flexibility";
 
 export interface IKeyUserChange {
-	selectorControl: Control;
+	selectorControl: BaseLayout | BaseContainer;
 	changeSpecificData: IChangeSpecificData;
+	getContent?(): { compositeId?: string } | undefined;
 }
 
 export interface IChangeSpecificData {
@@ -80,7 +82,12 @@ export interface IpropertyBag {
 }
 
 export interface IContent {
-	movedElements: Array<unknown>;
+	movedElements: Array<{
+		id: string;
+		selector: { id: string };
+		sourceIndex?: number;
+		targetIndex?: number;
+	}>;
 	source: {
 		selector: unknown;
 	};
@@ -100,7 +107,19 @@ export interface ISpacePagePersonalization {
 	oldIcon?: string;
 }
 
+interface MovedElement {
+	selector: { id: string };
+	targetIndex: number;
+}
+
+export interface ChangeContent {
+	movedElements: MovedElement[];
+	compositeId?: string;
+	movedElementId?: string;
+}
+
 export interface IKeyUserChangeObject {
 	getSelector: () => object;
-	getContent: () => object;
+	getContent: () => ChangeContent | ChangeContent[];
+	setContent: (content: ChangeContent) => void;
 }

package/src/sap/cux/home/interface/LayoutInterface.d.ts

@@ -15,6 +15,10 @@ declare module "sap/cux/home/interface/LayoutInterface" {
         visible: boolean;
         title: string;
         text: string;
+        isComposite?: boolean;
+        compositeId?: string | null;
+        groupTitle?: string;
+        children?: IElement[];
     }
     interface IAddResponse {
         key?: string;
@@ -57,6 +61,9 @@ declare module "sap/cux/home/interface/LayoutInterface" {
                 id: string;
                 aggregation: string;
             };
+            content?: {
+                compositeId?: string;
+            };
         };
     }
 }

package/src/sap/cux/home/interface/LayoutInterface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutInterface.d.ts","sourceRoot":"../../../../../..","sources":["src/sap/cux/home/interface/LayoutInterface.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,wCAAwC,CAAC;IACxD;;;OAGG;IAEH,OAAO,cAAc,MAAM,sBAAsB,CAAC;IAClD,OAAO,SAAS,MAAM,uBAAuB,CAAC;IAC9C,OAAO,aAAa,MAAM,4BAA4B,CAAC;IACvD,OAAO,UAAU,MAAM,yBAAyB,CAAC;IACjD,OAAO,MAAM,MAAM,qBAAqB,CAAC;IAEzC,UAAiB,QAAQ;QACxB,UAAU,EAAE,MAAM,CAAC;QACnB,cAAc,EAAE,MAAM,CAAC;QACvB,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACb;IACD,UAAiB,YAAY;QAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;KACb;IACD,UAAiB,+BAA+B;QAC/C,GAAG,EAAE,CAAC,QAAQ,EAAE;YACf,OAAO,EAAE,kBAAkB,EAAE,CAAC;YAC9B,YAAY,CAAC,EAAE,SAAS,CAAC;YACzB,uBAAuB,EAAE,OAAO,CAAC;SACjC,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,CAAC,QAAQ,EAAE;YAAE,QAAQ,EAAE;gBAAE,YAAY,EAAE,SAAS,GAAG,SAAS,CAAA;aAAE,CAAC;YAAC,OAAO,EAAE,YAAY,EAAE,GAAG,SAAS,CAAA;SAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;QAC9H,KAAK,EAAE,CAAC,QAAQ,EAAE;YAAE,SAAS,EAAE,CAAC,aAAa,GAAG,UAAU,CAAC,EAAE,CAAC;YAAC,WAAW,EAAE,MAAM,EAAE,CAAA;SAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;KACzG;IAED,UAAiB,UAAU;QAC1B,cAAc,EAAE,cAAc,CAAC;QAC/B,cAAc,EAAE,cAAc,CAAC;KAC/B;IAED,UAAiB,kBAAkB;QAClC,eAAe,EAAE,MAAM,GAAG,aAAa,CAAC;QACxC,kBAAkB,EAAE;YACnB,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,aAAa,CAAC,EAAE,KAAK,CAAC;gBACrB,EAAE,EAAE,MAAM,CAAC;gBACX,WAAW,EAAE,MAAM,CAAC;gBACpB,WAAW,EAAE,MAAM,CAAC;aACpB,CAAC,CAAC;YACH,MAAM,CAAC,EAAE;gBACR,EAAE,EAAE,MAAM,CAAC;gBACX,WAAW,EAAE,MAAM,CAAC;aACpB,CAAC;YACF,MAAM,CAAC,EAAE;gBACR,EAAE,EAAE,MAAM,CAAC;gBACX,WAAW,EAAE,MAAM,CAAC;aACpB,CAAC;SACF,CAAC;KACF;CAEA"}
+{"version":3,"file":"LayoutInterface.d.ts","sourceRoot":"../../../../../..","sources":["src/sap/cux/home/interface/LayoutInterface.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,wCAAwC,CAAC;IACxD;;;OAGG;IAEH,OAAO,cAAc,MAAM,sBAAsB,CAAC;IAClD,OAAO,SAAS,MAAM,uBAAuB,CAAC;IAC9C,OAAO,aAAa,MAAM,4BAA4B,CAAC;IACvD,OAAO,UAAU,MAAM,yBAAyB,CAAC;IACjD,OAAO,MAAM,MAAM,qBAAqB,CAAC;IAEzC,UAAiB,QAAQ;QACxB,UAAU,EAAE,MAAM,CAAC;QACnB,cAAc,EAAE,MAAM,CAAC;QACvB,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;KACtB;IACD,UAAiB,YAAY;QAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;KACb;IACD,UAAiB,+BAA+B;QAC/C,GAAG,EAAE,CAAC,QAAQ,EAAE;YACf,OAAO,EAAE,kBAAkB,EAAE,CAAC;YAC9B,YAAY,CAAC,EAAE,SAAS,CAAC;YACzB,uBAAuB,EAAE,OAAO,CAAC;SACjC,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,CAAC,QAAQ,EAAE;YAAE,QAAQ,EAAE;gBAAE,YAAY,EAAE,SAAS,GAAG,SAAS,CAAA;aAAE,CAAC;YAAC,OAAO,EAAE,YAAY,EAAE,GAAG,SAAS,CAAA;SAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;QAC9H,KAAK,EAAE,CAAC,QAAQ,EAAE;YAAE,SAAS,EAAE,CAAC,aAAa,GAAG,UAAU,CAAC,EAAE,CAAC;YAAC,WAAW,EAAE,MAAM,EAAE,CAAA;SAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;KACzG;IAED,UAAiB,UAAU;QAC1B,cAAc,EAAE,cAAc,CAAC;QAC/B,cAAc,EAAE,cAAc,CAAC;KAC/B;IAED,UAAiB,kBAAkB;QAClC,eAAe,EAAE,MAAM,GAAG,aAAa,CAAC;QACxC,kBAAkB,EAAE;YACnB,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,aAAa,CAAC,EAAE,KAAK,CAAC;gBACrB,EAAE,EAAE,MAAM,CAAC;gBACX,WAAW,EAAE,MAAM,CAAC;gBACpB,WAAW,EAAE,MAAM,CAAC;aACpB,CAAC,CAAC;YACH,MAAM,CAAC,EAAE;gBACR,EAAE,EAAE,MAAM,CAAC;gBACX,WAAW,EAAE,MAAM,CAAC;aACpB,CAAC;YACF,MAAM,CAAC,EAAE;gBACR,EAAE,EAAE,MAAM,CAAC;gBACX,WAAW,EAAE,MAAM,CAAC;aACpB,CAAC;YACF,OAAO,CAAC,EAAE;gBACT,WAAW,CAAC,EAAE,MAAM,CAAC;aACrB,CAAC;SACF,CAAC;KACF;CAEA"}

package/src/sap/cux/home/interface/LayoutInterface.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutInterface.js","names":[],"sources":["LayoutInterface.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport ColumnListItem from \"sap/m/ColumnListItem\";\nimport Component from \"sap/ui/core/Component\";\nimport BaseContainer from \"../BaseContainer\";\nimport BaseLayout from \"../BaseLayout\";\nimport Layout from \"../Layout\";\n\nexport interface IElement {\n\tcompleteId: string;\n\tsContainerType: string;\n\tblocked: boolean;\n\tvisible: boolean;\n\ttitle: string;\n\ttext: string;\n}\nexport interface IAddResponse {\n\tkey?: string;\n}\nexport interface IControlPersonalizationWriteAPI {\n\tadd: (settings: {\n\t\tchanges: IManagePersChanges[];\n\t\tappComponent?: Component;\n\t\tignoreVariantManagement: boolean;\n\t}) => Promise<IAddResponse[]>;\n\tsave: (settings: { selector: { appComponent: Component | undefined }; changes: IAddResponse[] | undefined }) => Promise<void>;\n\treset: (settings: { selectors: (BaseContainer | BaseLayout)[]; changeTypes: string[] }) => Promise<void>;\n}\n\nexport interface IDragEvent {\n\tdraggedControl: ColumnListItem;\n\tdroppedControl: ColumnListItem;\n}\n\nexport interface IManagePersChanges {\n\tselectorElement: Layout | BaseContainer;\n\tchangeSpecificData: {\n\t\tchangeType?: string;\n\t\tmovedElements?: Array<{\n\t\t\tid: string;\n\t\t\tsourceIndex: number;\n\t\t\ttargetIndex: number;\n\t\t}>;\n\t\tsource?: {\n\t\t\tid: string;\n\t\t\taggregation: string;\n\t\t};\n\t\ttarget?: {\n\t\t\tid: string;\n\t\t\taggregation: string;\n\t\t};\n\t};\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"LayoutInterface.js","names":[],"sources":["LayoutInterface.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport ColumnListItem from \"sap/m/ColumnListItem\";\nimport Component from \"sap/ui/core/Component\";\nimport BaseContainer from \"../BaseContainer\";\nimport BaseLayout from \"../BaseLayout\";\nimport Layout from \"../Layout\";\n\nexport interface IElement {\n\tcompleteId: string;\n\tsContainerType: string;\n\tblocked: boolean;\n\tvisible: boolean;\n\ttitle: string;\n\ttext: string;\n\tisComposite?: boolean;\n\tcompositeId?: string | null;\n\tgroupTitle?: string;\n\tchildren?: IElement[];\n}\nexport interface IAddResponse {\n\tkey?: string;\n}\nexport interface IControlPersonalizationWriteAPI {\n\tadd: (settings: {\n\t\tchanges: IManagePersChanges[];\n\t\tappComponent?: Component;\n\t\tignoreVariantManagement: boolean;\n\t}) => Promise<IAddResponse[]>;\n\tsave: (settings: { selector: { appComponent: Component | undefined }; changes: IAddResponse[] | undefined }) => Promise<void>;\n\treset: (settings: { selectors: (BaseContainer | BaseLayout)[]; changeTypes: string[] }) => Promise<void>;\n}\n\nexport interface IDragEvent {\n\tdraggedControl: ColumnListItem;\n\tdroppedControl: ColumnListItem;\n}\n\nexport interface IManagePersChanges {\n\tselectorElement: Layout | BaseContainer;\n\tchangeSpecificData: {\n\t\tchangeType?: string;\n\t\tmovedElements?: Array<{\n\t\t\tid: string;\n\t\t\tsourceIndex: number;\n\t\t\ttargetIndex: number;\n\t\t}>;\n\t\tsource?: {\n\t\t\tid: string;\n\t\t\taggregation: string;\n\t\t};\n\t\ttarget?: {\n\t\t\tid: string;\n\t\t\taggregation: string;\n\t\t};\n\t\tcontent?: {\n\t\t\tcompositeId?: string;\n\t\t};\n\t};\n}\n"],"mappings":"","ignoreList":[]}

package/src/sap/cux/home/interface/LayoutInterface.ts

@@ -16,6 +16,10 @@ export interface IElement {
 	visible: boolean;
 	title: string;
 	text: string;
+	isComposite?: boolean;
+	compositeId?: string | null;
+	groupTitle?: string;
+	children?: IElement[];
 }
 export interface IAddResponse {
 	key?: string;
@@ -52,5 +56,8 @@ export interface IManagePersChanges {
 			id: string;
 			aggregation: string;
 		};
+		content?: {
+			compositeId?: string;
+		};
 	};
 }

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

@@ -1 +1 @@
-{"version":3,"file":"library.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/library.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,sBAAsB,CAAC;IAQtC,OAAO,qBAAqB,CAAC;IAC7B,OAAO,4BAA4B,CAAC;IAEpC;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,YAAY,YAAY,CAAC;IAEtC;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,gBAAgB,iBAAiB,CAAC;IAE/C,MAAM,OAAO,EAsCP;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IAEjC;;;;;;OAMG;IACH,MAAM,MAAM,eAAe;QAC1B;;;;WAIG;QACH,UAAU,eAAe;QAEzB;;;;WAIG;QACH,QAAQ,aAAa;QAErB;;;;WAIG;QACH,UAAU,eAAe;KACzB;IAID;;;;;;;OAOG;IACH,MAAM,MAAM,QAAQ;QACnB;;;;WAIG;QACH,OAAO,YAAY;QAEnB;;;;;WAKG;QACH,MAAM,eAAe;QAErB;;;;;WAKG;QACH,OAAO,YAAY;QAEnB;;;;;WAKG;QACH,IAAI,KAAK;KACT;IAID,eAAe,OAAO,CAAC;CAEtB"}
+{"version":3,"file":"library.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/library.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,sBAAsB,CAAC;IAQtC,OAAO,qBAAqB,CAAC;IAC7B,OAAO,4BAA4B,CAAC;IAEpC;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,YAAY,YAAY,CAAC;IAEtC;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,gBAAgB,iBAAiB,CAAC;IAE/C,MAAM,OAAO,EA2CP;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IAEjC;;;;;;OAMG;IACH,MAAM,MAAM,eAAe;QAC1B;;;;WAIG;QACH,UAAU,eAAe;QAEzB;;;;WAIG;QACH,QAAQ,aAAa;QAErB;;;;WAIG;QACH,UAAU,eAAe;KACzB;IAID;;;;;;;OAOG;IACH,MAAM,MAAM,QAAQ;QACnB;;;;WAIG;QACH,OAAO,YAAY;QAEnB;;;;;WAKG;QACH,MAAM,eAAe;QAErB;;;;;WAKG;QACH,OAAO,YAAY;QAEnB;;;;;WAKG;QACH,IAAI,KAAK;KACT;IAID,eAAe,OAAO,CAAC;CAEtB"}

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

@@ -28,19 +28,22 @@ sap.ui.define(["sap/ui/base/DataType", "sap/ui/core/Lib", "sap/ui/core/library",
     apiVersion: 2,
     name: "sap.cux.home",
     version: "0.0.1",
-    dependencies: ["sap.ui.core", "sap.m", "sap.ui.integration", "sap.insights"],
+    dependencies: ["sap.ui.core", "sap.m", "sap.ui.integration", "sap.insights", "sap.ui.table"],
     types: ["sap.cux.home.OrientationType", "sap.cux.home.NewsType"],
     interfaces: [],
-    controls: ["sap.cux.home.Layout", "sap.cux.home.ToDosContainer", "sap.cux.home.NewsAndPagesContainer", "sap.cux.home.AppsContainer", "sap.cux.home.InsightsContainer"],
+    controls: ["sap.cux.home.Layout", "sap.cux.home.ToDosContainer", "sap.cux.home.NewsContainer", "sap.cux.home.PagesContainer", "sap.cux.home.AppsContainer", "sap.cux.home.TilesContainer", "sap.cux.home.CardsContainer"],
     elements: ["sap.cux.home.MenuItem", "sap.cux.home.TaskPanel", "sap.cux.home.SituationPanel", "sap.cux.home.PagePanel", "sap.cux.home.NewsPanel", "sap.cux.home.FavAppPanel", "sap.cux.home.FrequentAppPanel", "sap.cux.home.RecentAppPanel", "sap.cux.home.RecommendedAppPanel", "sap.cux.home.TilesPanel", "sap.cux.home.CardsPanel"],
     noLibraryCSS: false,
     extensions: {
+      //check add flex for new containers
       flChangeHandlers: {
         "sap.cux.home.Layout": "sap/cux/home/flexibility/Layout",
         "sap.cux.home.BaseContainer": "sap/cux/home/flexibility/BaseContainer",
         "sap.cux.home.ToDosContainer": "sap/cux/home/flexibility/BaseContainer",
-        "sap.cux.home.NewsAndPagesContainer": "sap/cux/home/flexibility/BaseContainer",
-        "sap.cux.home.InsightsContainer": "sap/cux/home/flexibility/BaseContainer",
+        "sap.cux.home.NewsContainer": "sap/cux/home/flexibility/BaseContainer",
+        "sap.cux.home.PagesContainer": "sap/cux/home/flexibility/BaseContainer",
+        "sap.cux.home.TilesContainer": "sap/cux/home/flexibility/BaseContainer",
+        "sap.cux.home.CardsContainer": "sap/cux/home/flexibility/BaseContainer",
         "sap.cux.home.AppsContainer": "sap/cux/home/flexibility/BaseContainer"
       }
     }

package/src/sap/cux/home/library.js.map

@@ -1 +1 @@
-{"version":3,"file":"library.js","names":["sap","ui","define","DataType","Lib","sap_ui_core_library","sap_ui_integration_library","cuxNamespace","cuxHomeNamespace","thisLib","init","apiVersion","name","version","dependencies","types","interfaces","controls","elements","noLibraryCSS","extensions","flChangeHandlers","OrientationType","registerEnum","NewsType"],"sources":["library.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport DataType from \"sap/ui/base/DataType\";\nimport Lib from \"sap/ui/core/Lib\";\nimport \"sap/ui/core/library\";\nimport \"sap/ui/integration/library\";\n\n/**\n * Root namespace for all the libraries related to Common User Experience.\n *\n * @namespace\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n * @since 1.121\n */\nexport const cuxNamespace = \"sap.cux\";\n\n/**\n * This is an SAPUI5 library with controls specialized for common user experience.\n *\n * @namespace\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n * @since 1.121\n */\nexport const cuxHomeNamespace = \"sap.cux.home\";\n\nconst thisLib = Lib.init({\n\tapiVersion: 2,\n\tname: \"sap.cux.home\",\n\tversion: \"0.0.1\",\n\tdependencies: [\"sap.ui.core\", \"sap.m\", \"sap.ui.integration\", \"sap.insights\"],\n\ttypes: [\"sap.cux.home.OrientationType\", \"sap.cux.home.NewsType\"],\n\tinterfaces: [],\n\tcontrols: [\n\t\t\"sap.cux.home.Layout\",\n\t\t\"sap.cux.home.ToDosContainer\",\n\t\t\"sap.cux.home.NewsAndPagesContainer\",\n\t\t\"sap.cux.home.AppsContainer\",\n\t\t\"sap.cux.home.InsightsContainer\"\n\t],\n\telements: [\n\t\t\"sap.cux.home.MenuItem\",\n\t\t\"sap.cux.home.TaskPanel\",\n\t\t\"sap.cux.home.SituationPanel\",\n\t\t\"sap.cux.home.PagePanel\",\n\t\t\"sap.cux.home.NewsPanel\",\n\t\t\"sap.cux.home.FavAppPanel\",\n\t\t\"sap.cux.home.FrequentAppPanel\",\n\t\t\"sap.cux.home.RecentAppPanel\",\n\t\t\"sap.cux.home.RecommendedAppPanel\",\n\t\t\"sap.cux.home.TilesPanel\",\n\t\t\"sap.cux.home.CardsPanel\"\n\t],\n\tnoLibraryCSS: false,\n\textensions: {\n\t\tflChangeHandlers: {\n\t\t\t\"sap.cux.home.Layout\": \"sap/cux/home/flexibility/Layout\",\n\t\t\t\"sap.cux.home.BaseContainer\": \"sap/cux/home/flexibility/BaseContainer\",\n\t\t\t\"sap.cux.home.ToDosContainer\": \"sap/cux/home/flexibility/BaseContainer\",\n\t\t\t\"sap.cux.home.NewsAndPagesContainer\": \"sap/cux/home/flexibility/BaseContainer\",\n\t\t\t\"sap.cux.home.InsightsContainer\": \"sap/cux/home/flexibility/BaseContainer\",\n\t\t\t\"sap.cux.home.AppsContainer\": \"sap/cux/home/flexibility/BaseContainer\"\n\t\t}\n\t}\n}) as { [key: string]: unknown };\n\n/**\n * Supported layout types for {@link sap.cux.home.BaseContainer}.\n *\n * @enum {string}\n * @private\n * @since 1.121\n */\nexport enum OrientationType {\n\t/**\n\t * Panels are rendered side by side, for example To-Dos and Situaions, and Favorites, Recently Used and Frequently Used apps\n\t *\n\t * @public\n\t */\n\tSideBySide = \"SideBySide\",\n\n\t/**\n\t * Panels are rendered vertically, for example Insights Tiles and Insights Cards\n\t *\n\t * @public\n\t */\n\tVertical = \"Vertical\",\n\n\t/**\n\t * Panels are rendered horizontally, for example Pages and News\n\t *\n\t * @public\n\t */\n\tHorizontal = \"Horizontal\"\n}\nthisLib.OrientationType = OrientationType;\nDataType.registerEnum(\"sap.cux.home.OrientationType\", OrientationType);\n\n/**\n * Supported News Types for {@link sap.cux.home.NewsPanel}.\n *\n * @enum {string}\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n * @since 1.121\n */\nexport enum NewsType {\n\t/**\n\t * News is of type Url\n\t * @private\n\t * @ui5-restricted ux.eng.s4producthomes1\n\t */\n\tNewsUrl = \"newsUrl\",\n\n\t/**\n\t * News is of type custom news feed\n\t *\n\t * @private\n\t * @ui5-restricted ux.eng.s4producthomes1\n\t */\n\tCustom = \"customFeed\",\n\n\t/**\n\t * News is of type default news feed\n\t *\n\t * @private\n\t * @ui5-restricted ux.eng.s4producthomes1\n\t */\n\tDefault = \"default\",\n\n\t/**\n\t * News is of type None\n\t *\n\t * @private\n\t * @ui5-restricted ux.eng.s4producthomes1\n\t */\n\tNone = \"\"\n}\nthisLib.NewsType = NewsType;\nDataType.registerEnum(\"sap.cux.home.NewsType\", NewsType);\n\nexport default thisLib;\n"],"mappings":"AAAA;AACA;AACA;AACA;AAHAA,GAAA,CAAAC,EAAA,CAAAC,MAAA,6GAAAC,QAAA,EAAAC,GAAA,EAAAC,mBAAA,EAAAC,0BAAA;EAAA;;EAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACO,MAAMC,YAAY,GAAG,SAAS;;EAErC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACO,MAAMC,gBAAgB,GAAG,cAAc;EAE9C,MAAMC,OAAO,GAAGL,GAAG,CAACM,IAAI,CAAC;IACxBC,UAAU,EAAE,CAAC;IACbC,IAAI,EAAE,cAAc;IACpBC,OAAO,EAAE,OAAO;IAChBC,YAAY,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,oBAAoB,EAAE,cAAc,CAAC;IAC5EC,KAAK,EAAE,CAAC,8BAA8B,EAAE,uBAAuB,CAAC;IAChEC,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAE,CACT,qBAAqB,EACrB,6BAA6B,EAC7B,oCAAoC,EACpC,4BAA4B,EAC5B,gCAAgC,CAChC;IACDC,QAAQ,EAAE,CACT,uBAAuB,EACvB,wBAAwB,EACxB,6BAA6B,EAC7B,wBAAwB,EACxB,wBAAwB,EACxB,0BAA0B,EAC1B,+BAA+B,EAC/B,6BAA6B,EAC7B,kCAAkC,EAClC,yBAAyB,EACzB,yBAAyB,CACzB;IACDC,YAAY,EAAE,KAAK;IACnBC,UAAU,EAAE;MACXC,gBAAgB,EAAE;QACjB,qBAAqB,EAAE,iCAAiC;QACxD,4BAA4B,EAAE,wCAAwC;QACtE,6BAA6B,EAAE,wCAAwC;QACvE,oCAAoC,EAAE,wCAAwC;QAC9E,gCAAgC,EAAE,wCAAwC;QAC1E,4BAA4B,EAAE;MAC/B;IACD;EACD,CAAC,CAA+B;;EAEhC;AACA;AACA;AACA;AACA;AACA;AACA;EANA,IAOYC,eAAe,0BAAfA,eAAe;IAC1B;AACD;AACA;AACA;AACA;IALYA,eAAe;IAQ1B;AACD;AACA;AACA;AACA;IAZYA,eAAe;IAe1B;AACD;AACA;AACA;AACA;IAnBYA,eAAe;IAAA,OAAfA,eAAe;EAAA,EAAfA,eAAe;EAsB3Bb,OAAO,CAACa,eAAe,GAAGA,eAAe;EACzCnB,QAAQ,CAACoB,YAAY,CAAC,8BAA8B,EAAED,eAAe,CAAC;;EAEtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAPA,IAQYE,QAAQ,0BAARA,QAAQ;IACnB;AACD;AACA;AACA;AACA;IALYA,QAAQ;IAQnB;AACD;AACA;AACA;AACA;AACA;IAbYA,QAAQ;IAgBnB;AACD;AACA;AACA;AACA;AACA;IArBYA,QAAQ;IAwBnB;AACD;AACA;AACA;AACA;AACA;IA7BYA,QAAQ;IAAA,OAARA,QAAQ;EAAA,EAARA,QAAQ;EAgCpBf,OAAO,CAACe,QAAQ,GAAGA,QAAQ;EAC3BrB,QAAQ,CAACoB,YAAY,CAAC,uBAAuB,EAAEC,QAAQ,CAAC;EAACf,OAAA,CAAAF,YAAA,GAAAA,YAAA;EAAAE,OAAA,CAAAD,gBAAA,GAAAA,gBAAA;EAAA,OAE1CC,OAAO;AAAA","ignoreList":[]}
+{"version":3,"file":"library.js","names":["sap","ui","define","DataType","Lib","sap_ui_core_library","sap_ui_integration_library","cuxNamespace","cuxHomeNamespace","thisLib","init","apiVersion","name","version","dependencies","types","interfaces","controls","elements","noLibraryCSS","extensions","flChangeHandlers","OrientationType","registerEnum","NewsType"],"sources":["library.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport DataType from \"sap/ui/base/DataType\";\nimport Lib from \"sap/ui/core/Lib\";\nimport \"sap/ui/core/library\";\nimport \"sap/ui/integration/library\";\n\n/**\n * Root namespace for all the libraries related to Common User Experience.\n *\n * @namespace\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n * @since 1.121\n */\nexport const cuxNamespace = \"sap.cux\";\n\n/**\n * This is an SAPUI5 library with controls specialized for common user experience.\n *\n * @namespace\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n * @since 1.121\n */\nexport const cuxHomeNamespace = \"sap.cux.home\";\n\nconst thisLib = Lib.init({\n\tapiVersion: 2,\n\tname: \"sap.cux.home\",\n\tversion: \"0.0.1\",\n\tdependencies: [\"sap.ui.core\", \"sap.m\", \"sap.ui.integration\", \"sap.insights\", \"sap.ui.table\"],\n\ttypes: [\"sap.cux.home.OrientationType\", \"sap.cux.home.NewsType\"],\n\tinterfaces: [],\n\tcontrols: [\n\t\t\"sap.cux.home.Layout\",\n\t\t\"sap.cux.home.ToDosContainer\",\n\t\t\"sap.cux.home.NewsContainer\",\n\t\t\"sap.cux.home.PagesContainer\",\n\t\t\"sap.cux.home.AppsContainer\",\n\t\t\"sap.cux.home.TilesContainer\",\n\t\t\"sap.cux.home.CardsContainer\"\n\t],\n\telements: [\n\t\t\"sap.cux.home.MenuItem\",\n\t\t\"sap.cux.home.TaskPanel\",\n\t\t\"sap.cux.home.SituationPanel\",\n\t\t\"sap.cux.home.PagePanel\",\n\t\t\"sap.cux.home.NewsPanel\",\n\t\t\"sap.cux.home.FavAppPanel\",\n\t\t\"sap.cux.home.FrequentAppPanel\",\n\t\t\"sap.cux.home.RecentAppPanel\",\n\t\t\"sap.cux.home.RecommendedAppPanel\",\n\t\t\"sap.cux.home.TilesPanel\",\n\t\t\"sap.cux.home.CardsPanel\"\n\t],\n\tnoLibraryCSS: false,\n\textensions: {\n\t\t//check add flex for new containers\n\t\tflChangeHandlers: {\n\t\t\t\"sap.cux.home.Layout\": \"sap/cux/home/flexibility/Layout\",\n\t\t\t\"sap.cux.home.BaseContainer\": \"sap/cux/home/flexibility/BaseContainer\",\n\t\t\t\"sap.cux.home.ToDosContainer\": \"sap/cux/home/flexibility/BaseContainer\",\n\t\t\t\"sap.cux.home.NewsContainer\": \"sap/cux/home/flexibility/BaseContainer\",\n\t\t\t\"sap.cux.home.PagesContainer\": \"sap/cux/home/flexibility/BaseContainer\",\n\t\t\t\"sap.cux.home.TilesContainer\": \"sap/cux/home/flexibility/BaseContainer\",\n\t\t\t\"sap.cux.home.CardsContainer\": \"sap/cux/home/flexibility/BaseContainer\",\n\t\t\t\"sap.cux.home.AppsContainer\": \"sap/cux/home/flexibility/BaseContainer\"\n\t\t}\n\t}\n}) as { [key: string]: unknown };\n\n/**\n * Supported layout types for {@link sap.cux.home.BaseContainer}.\n *\n * @enum {string}\n * @private\n * @since 1.121\n */\nexport enum OrientationType {\n\t/**\n\t * Panels are rendered side by side, for example To-Dos and Situaions, and Favorites, Recently Used and Frequently Used apps\n\t *\n\t * @public\n\t */\n\tSideBySide = \"SideBySide\",\n\n\t/**\n\t * Panels are rendered vertically, for example Insights Tiles and Insights Cards\n\t *\n\t * @public\n\t */\n\tVertical = \"Vertical\",\n\n\t/**\n\t * Panels are rendered horizontally, for example Pages and News\n\t *\n\t * @public\n\t */\n\tHorizontal = \"Horizontal\"\n}\nthisLib.OrientationType = OrientationType;\nDataType.registerEnum(\"sap.cux.home.OrientationType\", OrientationType);\n\n/**\n * Supported News Types for {@link sap.cux.home.NewsPanel}.\n *\n * @enum {string}\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n * @since 1.121\n */\nexport enum NewsType {\n\t/**\n\t * News is of type Url\n\t * @private\n\t * @ui5-restricted ux.eng.s4producthomes1\n\t */\n\tNewsUrl = \"newsUrl\",\n\n\t/**\n\t * News is of type custom news feed\n\t *\n\t * @private\n\t * @ui5-restricted ux.eng.s4producthomes1\n\t */\n\tCustom = \"customFeed\",\n\n\t/**\n\t * News is of type default news feed\n\t *\n\t * @private\n\t * @ui5-restricted ux.eng.s4producthomes1\n\t */\n\tDefault = \"default\",\n\n\t/**\n\t * News is of type None\n\t *\n\t * @private\n\t * @ui5-restricted ux.eng.s4producthomes1\n\t */\n\tNone = \"\"\n}\nthisLib.NewsType = NewsType;\nDataType.registerEnum(\"sap.cux.home.NewsType\", NewsType);\n\nexport default thisLib;\n"],"mappings":"AAAA;AACA;AACA;AACA;AAHAA,GAAA,CAAAC,EAAA,CAAAC,MAAA,6GAAAC,QAAA,EAAAC,GAAA,EAAAC,mBAAA,EAAAC,0BAAA;EAAA;;EAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACO,MAAMC,YAAY,GAAG,SAAS;;EAErC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACO,MAAMC,gBAAgB,GAAG,cAAc;EAE9C,MAAMC,OAAO,GAAGL,GAAG,CAACM,IAAI,CAAC;IACxBC,UAAU,EAAE,CAAC;IACbC,IAAI,EAAE,cAAc;IACpBC,OAAO,EAAE,OAAO;IAChBC,YAAY,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,cAAc,CAAC;IAC5FC,KAAK,EAAE,CAAC,8BAA8B,EAAE,uBAAuB,CAAC;IAChEC,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAE,CACT,qBAAqB,EACrB,6BAA6B,EAC7B,4BAA4B,EAC5B,6BAA6B,EAC7B,4BAA4B,EAC5B,6BAA6B,EAC7B,6BAA6B,CAC7B;IACDC,QAAQ,EAAE,CACT,uBAAuB,EACvB,wBAAwB,EACxB,6BAA6B,EAC7B,wBAAwB,EACxB,wBAAwB,EACxB,0BAA0B,EAC1B,+BAA+B,EAC/B,6BAA6B,EAC7B,kCAAkC,EAClC,yBAAyB,EACzB,yBAAyB,CACzB;IACDC,YAAY,EAAE,KAAK;IACnBC,UAAU,EAAE;MACX;MACAC,gBAAgB,EAAE;QACjB,qBAAqB,EAAE,iCAAiC;QACxD,4BAA4B,EAAE,wCAAwC;QACtE,6BAA6B,EAAE,wCAAwC;QACvE,4BAA4B,EAAE,wCAAwC;QACtE,6BAA6B,EAAE,wCAAwC;QACvE,6BAA6B,EAAE,wCAAwC;QACvE,6BAA6B,EAAE,wCAAwC;QACvE,4BAA4B,EAAE;MAC/B;IACD;EACD,CAAC,CAA+B;;EAEhC;AACA;AACA;AACA;AACA;AACA;AACA;EANA,IAOYC,eAAe,0BAAfA,eAAe;IAC1B;AACD;AACA;AACA;AACA;IALYA,eAAe;IAQ1B;AACD;AACA;AACA;AACA;IAZYA,eAAe;IAe1B;AACD;AACA;AACA;AACA;IAnBYA,eAAe;IAAA,OAAfA,eAAe;EAAA,EAAfA,eAAe;EAsB3Bb,OAAO,CAACa,eAAe,GAAGA,eAAe;EACzCnB,QAAQ,CAACoB,YAAY,CAAC,8BAA8B,EAAED,eAAe,CAAC;;EAEtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAPA,IAQYE,QAAQ,0BAARA,QAAQ;IACnB;AACD;AACA;AACA;AACA;IALYA,QAAQ;IAQnB;AACD;AACA;AACA;AACA;AACA;IAbYA,QAAQ;IAgBnB;AACD;AACA;AACA;AACA;AACA;IArBYA,QAAQ;IAwBnB;AACD;AACA;AACA;AACA;AACA;IA7BYA,QAAQ;IAAA,OAARA,QAAQ;EAAA,EAARA,QAAQ;EAgCpBf,OAAO,CAACe,QAAQ,GAAGA,QAAQ;EAC3BrB,QAAQ,CAACoB,YAAY,CAAC,uBAAuB,EAAEC,QAAQ,CAAC;EAACf,OAAA,CAAAF,YAAA,GAAAA,YAAA;EAAAE,OAAA,CAAAD,gBAAA,GAAAA,gBAAA;EAAA,OAE1CC,OAAO;AAAA","ignoreList":[]}

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

@@ -32,15 +32,17 @@ const thisLib = Lib.init({
 	apiVersion: 2,
 	name: "sap.cux.home",
 	version: "0.0.1",
-	dependencies: ["sap.ui.core", "sap.m", "sap.ui.integration", "sap.insights"],
+	dependencies: ["sap.ui.core", "sap.m", "sap.ui.integration", "sap.insights", "sap.ui.table"],
 	types: ["sap.cux.home.OrientationType", "sap.cux.home.NewsType"],
 	interfaces: [],
 	controls: [
 		"sap.cux.home.Layout",
 		"sap.cux.home.ToDosContainer",
-		"sap.cux.home.NewsAndPagesContainer",
+		"sap.cux.home.NewsContainer",
+		"sap.cux.home.PagesContainer",
 		"sap.cux.home.AppsContainer",
-		"sap.cux.home.InsightsContainer"
+		"sap.cux.home.TilesContainer",
+		"sap.cux.home.CardsContainer"
 	],
 	elements: [
 		"sap.cux.home.MenuItem",
@@ -57,12 +59,15 @@ const thisLib = Lib.init({
 	],
 	noLibraryCSS: false,
 	extensions: {
+		//check add flex for new containers
 		flChangeHandlers: {
 			"sap.cux.home.Layout": "sap/cux/home/flexibility/Layout",
 			"sap.cux.home.BaseContainer": "sap/cux/home/flexibility/BaseContainer",
 			"sap.cux.home.ToDosContainer": "sap/cux/home/flexibility/BaseContainer",
-			"sap.cux.home.NewsAndPagesContainer": "sap/cux/home/flexibility/BaseContainer",
-			"sap.cux.home.InsightsContainer": "sap/cux/home/flexibility/BaseContainer",
+			"sap.cux.home.NewsContainer": "sap/cux/home/flexibility/BaseContainer",
+			"sap.cux.home.PagesContainer": "sap/cux/home/flexibility/BaseContainer",
+			"sap.cux.home.TilesContainer": "sap/cux/home/flexibility/BaseContainer",
+			"sap.cux.home.CardsContainer": "sap/cux/home/flexibility/BaseContainer",
 			"sap.cux.home.AppsContainer": "sap/cux/home/flexibility/BaseContainer"
 		}
 	}

package/src/sap/cux/home/themes/base/BaseContainer.less

@@ -1,4 +1,5 @@
 .sapCuxBaseContainer {
+	grid-column: span 12;
 	.sapCuxSectionContentArea {
 		gap: 0.25rem;
 	}
@@ -44,6 +45,14 @@
 	}
 }
 
+.NewsAndPages {
+	grid-column: span 6;
+}
+
+.NewsAndPages .sapMITBContent {
+	padding: 0;
+}
+
 .sapCuxHorizontal,
 .sapCuxVertical {
 	.sapCuxPanelHeader {
@@ -60,3 +69,30 @@
 .sapUiITBHide .sapMITH {
 	display: none;
 }
+
+//Mobile
+@media (min-width: 320px) and (max-width: 599px) {
+	.NewsAndPages {
+		grid-column: span 12;
+	}
+}
+
+//Tablet
+@media (min-width: 600px) and (max-width: 1023px) {
+	.NewsAndPages {
+		grid-column: span 12;
+	}
+}
+
+//Desktop
+@media (min-width: 1024px) and (max-width: 1439px) {
+	.NewsAndPages {
+		grid-column: span 6;
+	}
+}
+//Large Desktop
+@media (min-width: 1440px) {
+	.NewsAndPages {
+		grid-column: span 6;
+	}
+}

package/src/sap/cux/home/themes/base/BaseLayout.less

@@ -17,6 +17,17 @@
 	display: none;
 }
 
+.sapCuxLayoutFlexItems {
+	.sapMPageEnableScrolling.sapUiScrollDelegate {
+		padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
+		position: static;
+		display: grid;
+		grid-template-columns: repeat(12, 1fr);
+		grid-template-rows: auto;
+		gap: 1rem;
+	}
+}
+
 .sapCuxBaseLayout {
 	display: flex;
 	height: 100%;

package/src/sap/cux/home/themes/base/{InsightsContainer.less → CardsContainer.less}

@@ -1,13 +1,5 @@
 @_sap_f_Card_BorderRadius: @sapUiElementBorderCornerRadius;
 .sapCuxBaseContainer {
-	.insightTiles {
-		gap: 1rem;
-
-		.sapMGT.TwoByOne {
-			width: 100%;
-		}
-	}
-
 	.insightsListItem {
 		.editInsightAppsHBox {
 			margin-left: 1.5rem;
@@ -17,39 +9,6 @@
 			color: var(--sapUiObjectHeaderSubtitleTextColor);
 		}
 	}
-
-	.manageSectionsTable {
-		.sapMListTblCell {
-			padding-top: 0.5rem;
-			padding-bottom: 0.5rem;
-		}
-
-		.sapUiFlex & {
-			tr.sapMListTblRow {
-				height: 5rem;
-			}
-		}
-	}
-
-	.tilesDndIcon {
-		display: block;
-		position: relative;
-		margin: 0 -0.5rem;
-		left: 0rem;
-		font-size: 14px;
-	}
-
-	.objectIdentifierMargin .sapMObjectIdentifierTextBellow {
-		margin-top: 0.5rem;
-	}
-
-	.sectionMarginTopTilesInsight {
-		margin-top: 0.25rem;
-	}
-
-	.sapMHeaderContainerMarginBottom {
-		margin-bottom: 0.875rem;
-	}
 }
 
 .flexContainerCards {
@@ -60,10 +19,6 @@
 	}
 }
 
-.tilesFontChange {
-	font-size: 1rem;
-}
-
 .insightsCardOverflowLayer {
 	background: -moz-linear-gradient(top, var(--sapList_Background) 0%, rgba(255, 255, 58, 0) 150%);
 	background: -webkit-linear-gradient(top, var(--sapList_Background) 0%, rgba(255, 255, 58, 0) 150%);

package/src/sap/cux/home/themes/base/ContentAdditionDialog.less

@@ -32,8 +32,8 @@
 		border-radius: @_sap_f_Card_BorderRadius;
 	}
 
-	.suggestionListContainer {
-		max-height: 26.875rem;
+	.wrapperContainer {
+		margin-bottom: 2.75rem;
 	}
 
 	.appSuggestionList {
@@ -44,16 +44,22 @@
 			background: @sapList_Background;
 		}
 
-		ul {
+		> ul {
 			display: flex;
 			flex-direction: column;
 			row-gap: 1rem;
 
-			li {
+			> li {
 				border-radius: @_sap_f_Card_BorderRadius;
 				border-bottom: none;
 			}
 		}
+
+		.suggestedAppPreviewContainer {
+			.sapMGT.TwoByOne {
+				width: 19rem;
+			}
+		}
 	}
 
 	.suggestedTile {
@@ -64,20 +70,6 @@
 		}
 	}
 
-	.statusTextsContainer span:nth-child(even)::before {
-		content: "|";
-		margin: 0 0.5rem;
-		color: @sapTile_SeparatorColor;
-	}
-
-	.addedAppStatusText {
-		color: @sapPositiveTextColor;
-	}
-
-	.deprecatedAppStatusText {
-		color: @sapCriticalElementColor;
-	}
-
 	.sapMTitle.sapMTitleStyleH3.customCardsPreviewTitle {
 		font-size: 14px;
 	}

package/src/sap/cux/home/themes/base/PlaceHolder.less

@@ -1334,7 +1334,7 @@
 	}
 
 	.plPHPCardVersion2 {
-		width: calc(100% / 2.45);
+		width: 100%;
 	}
 
 	.plPHPCardVersion3 {

package/src/sap/cux/home/themes/base/SettingsDialog.less

@@ -5,3 +5,7 @@
 .sapUiSizeCozy .sapMBarChild ~ .sapMBarChild.pagesListSearch {
 	margin-top: 0.3rem;
 }
+
+.sapCuxCompositeItem {
+	margin: 0.5rem 0rem 0.5rem 1.5rem;
+}

package/src/sap/cux/home/themes/base/TilesContainer.less

@@ -0,0 +1,65 @@
+@_sap_f_Card_BorderRadius: @sapUiElementBorderCornerRadius;
+.sapCuxBaseContainer {
+	.insightTiles {
+		gap: 1rem;
+
+		.sapMGT.TwoByOne {
+			width: 100%;
+		}
+	}
+
+	.insightsListItem {
+		.editInsightAppsHBox {
+			margin-left: 1.5rem;
+		}
+
+		.sapMListTblCell .sapMVBox .sapMHBox .sapMFlexItem .sapMText {
+			color: var(--sapUiObjectHeaderSubtitleTextColor);
+		}
+	}
+
+	.manageSectionsTable {
+		.sapMListTblCell {
+			padding-top: 0.5rem;
+			padding-bottom: 0.5rem;
+		}
+
+		.sapUiFlex & {
+			tr.sapMListTblRow {
+				height: 5rem;
+			}
+		}
+	}
+
+	.tilesDndIcon {
+		display: block;
+		position: relative;
+		margin: 0 -0.5rem;
+		left: 0rem;
+		font-size: 14px;
+	}
+
+	.objectIdentifierMargin .sapMObjectIdentifierTextBellow {
+		margin-top: 0.5rem;
+	}
+
+	.sectionMarginTopTilesInsight {
+		margin-top: 0.25rem;
+	}
+
+	.sapMHeaderContainerMarginBottom {
+		margin-bottom: 0.875rem;
+	}
+}
+
+.flexContainerCards {
+	overflow-y: hidden;
+
+	> .sapMFlexBoxScroll {
+		width: calc(100% - 1rem);
+	}
+}
+
+.tilesFontChange {
+	font-size: 1rem;
+}

package/src/sap/cux/home/themes/base/library.source.less

@@ -9,6 +9,7 @@
 @import "NewsAndPagesContainer.less";
 @import "Layout.less";
 @import "AppsContainer.less";
-@import "InsightsContainer.less";
+@import "TilesContainer.less";
+@import "CardsContainer.less";
 @import "KeyUserSettingsDialog.less";
 @import "PlaceHolder.less";

package/src/sap/cux/home/utils/BatchHelper.d.ts

@@ -18,6 +18,7 @@ declare module "sap/cux/home/utils/BatchHelper" {
         body?: string;
     }
     const isEncoded: (url: string) => boolean;
+    const getLanguageCode: () => string;
     /**
      * Represents a multipart request.
      */

package/src/sap/cux/home/utils/BatchHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BatchHelper.d.ts","sourceRoot":"../../../../../..","sources":["src/sap/cux/home/utils/BatchHelper.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,gCAAgC,CAAC;IAChD;;;OAGG;IAEH,OAAO,UAAU,MAAM,oBAAoB,CAAC;IAE5C,KAAK,OAAO;QACX,GAAG,QAAQ;QACX,IAAI,SAAS;QACb,GAAG,QAAQ;QACX,KAAK,UAAU;QACf,MAAM,WAAW;QACjB,IAAI,SAAS;KACb;IAED,UAAU,OAAO;QAChB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAChC,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACd;IAED,MAAM,SAAS,GAAI,KAAK,MAAM,YAE7B,CAAC;IAEF;;OAEG;IACH,MAAM,gBAAgB;QACrB,OAAO,CAAC,GAAG,CAAS;QACpB,OAAO,CAAC,aAAa,CAA0B;QAC/C,OAAO,CAAC,QAAQ,CAAS;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;QAEzB;;;;;WAKG;oBACS,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM;QAiBnE;;;;;WAKG;QACI,cAAc,IAAI,MAAM;QAkB/B;;;;;WAKG;QACI,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;QAIlD;;;;;WAKG;QACI,wBAAwB,IAAI,MAAM;KAuBzC;IAED;;;;;;OAMG;IACH,MAAM,mBAAmB,GAAa,OAAO,MAAM,KAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAsBtE,CAAC;IAEF;;;;;;;OAOG;IACH,MAAM,cAAc,GAAmB,SAAS,MAAM,KAAG,OAAO,CAAC,MAAM,CAoBtE,CAAC;IAEF;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;QAClD,OAAO,CAAC,GAAG,CAAU;QAErB;;;;;;WAMG;gBACW,SAAS;QAkBvB;;;;;;;WAOG;QACU,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;QAOrG;;;;;;;;WAQG;QACU,iCAAiC,CAC7C,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,OAAO,CAAA;SAAE,EAAE,EAC1C,aAAa,EAAE,OAAO,GACpB,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;QAOlC;;;;;;WAMG;QACH,OAAO,CAAC,qBAAqB;QAY7B;;;;;;;WAOG;QACH,OAAO,CAAC,gCAAgC;KAexC;CAEA"}
+{"version":3,"file":"BatchHelper.d.ts","sourceRoot":"../../../../../..","sources":["src/sap/cux/home/utils/BatchHelper.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,gCAAgC,CAAC;IAChD;;;OAGG;IAEH,OAAO,UAAU,MAAM,oBAAoB,CAAC;IAG5C,KAAK,OAAO;QACX,GAAG,QAAQ;QACX,IAAI,SAAS;QACb,GAAG,QAAQ;QACX,KAAK,UAAU;QACf,MAAM,WAAW;QACjB,IAAI,SAAS;KACb;IAED,UAAU,OAAO;QAChB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAChC,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACd;IAED,MAAM,SAAS,GAAI,KAAK,MAAM,YAE7B,CAAC;IAEF,MAAM,eAAe,cAIpB,CAAC;IAEF;;OAEG;IACH,MAAM,gBAAgB;QACrB,OAAO,CAAC,GAAG,CAAS;QACpB,OAAO,CAAC,aAAa,CAA0B;QAC/C,OAAO,CAAC,QAAQ,CAAS;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;QAEzB;;;;;WAKG;oBACS,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM;QAiBnE;;;;;WAKG;QACI,cAAc,IAAI,MAAM;QAkB/B;;;;;WAKG;QACI,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;QAIlD;;;;;WAKG;QACI,wBAAwB,IAAI,MAAM;KAuBzC;IAED;;;;;;OAMG;IACH,MAAM,mBAAmB,GAAa,OAAO,MAAM,KAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAsBtE,CAAC;IAEF;;;;;;;OAOG;IACH,MAAM,cAAc,GAAmB,SAAS,MAAM,KAAG,OAAO,CAAC,MAAM,CAoBtE,CAAC;IAEF;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;QAClD,OAAO,CAAC,GAAG,CAAU;QAErB;;;;;;WAMG;gBACW,SAAS;QAkBvB;;;;;;;WAOG;QACU,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;QAOrG;;;;;;;;WAQG;QACU,iCAAiC,CAC7C,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,OAAO,CAAA;SAAE,EAAE,EAC1C,aAAa,EAAE,OAAO,GACpB,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;QAOlC;;;;;;WAMG;QACH,OAAO,CAAC,qBAAqB;QAY7B;;;;;;;WAOG;QACH,OAAO,CAAC,gCAAgC;KAexC;CAEA"}

package/src/sap/cux/home/utils/BatchHelper.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/ui/base/Object"], function (BaseObject) {
+sap.ui.define(["sap/ui/base/Object", "sap/base/i18n/Localization"], function (BaseObject, Localization) {
   "use strict";
 
   function _catch(body, recover) {
@@ -28,6 +28,11 @@ sap.ui.define(["sap/ui/base/Object"], function (BaseObject) {
   const isEncoded = url => {
     return /%[0-9A-F]{2}/i.test(url);
   };
+  const getLanguageCode = () => {
+    const langTag = Localization.getLanguageTag();
+    const currentLanguage = langTag?.language.toLowerCase();
+    return currentLanguage || "en";
+  };
 
   /**
    * Represents a multipart request.
@@ -65,7 +70,7 @@ sap.ui.define(["sap/ui/base/Object"], function (BaseObject) {
      */
     _constructBody() {
       const BOUNDARY = `--${this.boundary}`;
-      const REQUEST_HEADERS = `Content-Type: application/http\r\nContent-Transfer-Encoding: binary\r\n`;
+      const REQUEST_HEADERS = `Content-Type: application/http\r\nContent-Transfer-Encoding: binary\r\nAccept-Language: ${getLanguageCode()}\r\n`;
       const REQUEST_BODY = `Accept: application/json\r\n\r\n\r\n`;
       let body = `${BOUNDARY}\r\n`;
       for (let index = 0; index < this.batchRequests.length; index++) {