@sapui5/sap.suite.ui.generic.template 1.148.0 → 1.148.1

package/src/sap/suite/ui/generic/template/lib/ai/EasyFill/EasyFillTableRenderer.js

@@ -0,0 +1,491 @@
+sap.ui.define([
+    "sap/ui/comp/smartfield/SmartField",
+    "sap/m/Text",
+    "sap/m/Title",
+    "sap/m/Table",
+    "sap/m/Column",
+    "sap/m/ColumnListItem",
+    "sap/m/VBox",
+    "sap/m/HBox",
+    "sap/m/SegmentedButton",
+    "sap/m/SegmentedButtonItem",
+    "sap/suite/ui/generic/template/genericUtilities/FeLogger",
+    "sap/suite/ui/generic/template/genericUtilities/FeError"
+], function(SmartField, Text, Title, Table, Column, ColumnListItem, VBox, HBox, SegmentedButton, SegmentedButtonItem, FeLogger, FeError) {
+    "use strict";
+
+    var sClassName = "lib.ai.EasyFill.EasyFillTableRenderer";
+    var oLogger = new FeLogger(sClassName).getLogger();
+    var iMaxPreviewRows = 20;
+
+    /**
+     * EasyFillTableRenderer
+     *
+     * Responsible for rendering the SmartTable collection preview in the EasyFill dialog.
+     * For each collection (navigation property) with LLM-suggested row updates, this module:
+     *
+    * 1. Creates transient OData row contexts for preview rendering.
+     * 2. Creates a "Previous Values" read-only table and a "New Values" editable SmartField table.
+     * 3. Renders a SegmentedButton toggle between the two views.
+    * 4. Provides reset logic to discard staged values if the user cancels.
+     *
+     * The table preview container (VBox#EasyFillTablePreviewContainer) in the dialog XML is populated
+     * programmatically — no table rows are declared in the fragment XML.
+     */
+    return {
+
+        /**
+         * Renders collection (SmartTable) previews into the EasyFillTablePreviewContainer VBox.
+         * For each collection with AI-suggested updates:
+         * - Creates transient staging contexts for the preview rows
+         * - Creates a Previous/New table pair with a toggle SegmentedButton
+         * - Appends the section to the container
+         *
+         * @param {object} mCollectionUpdates - map of { navProperty: [ rowUpdate ] } from AI response
+         * @param {object} mFieldMapping - full LLM field mapping (used to get item properties and descriptions)
+         * @param {Array} aTableValidationErrors - validation errors from value-help checks
+         * @param {object} oController - MVC controller (used to byId the container)
+         * @param {object} oRb - i18n resource bundle
+         * @param {object} mCollectionState - collection tracking state { mCollectionRowContexts, mCollectionRowContextsByPath, mCollectionProperties }
+         * @param {object} oTableStagingState - mutable table staging state { mStagedRows }
+         * @param {object} oObjectPageModel - the OData model used to create transient staging contexts
+         * @param {function} fnOnTableFieldChange - callback invoked when a preview table cell changes
+         */
+        renderCollectionPreviews: function(mCollectionUpdates, mFieldMapping, aTableValidationErrors, oController, oRb, mCollectionState, oTableStagingState, oObjectPageModel, fnOnTableFieldChange) {
+            var oTablePreviewContainer = oController.byId("EasyFillTablePreviewContainer");
+            if (!oTablePreviewContainer) {
+                oLogger.warning("renderCollectionPreviews: EasyFillTablePreviewContainer not found");
+                return;
+            }
+
+            // Remove all previously rendered table sections
+            oTablePreviewContainer.destroyItems();
+
+            this._initializeStagedCollectionRows(
+                mCollectionUpdates,
+                mFieldMapping,
+                mCollectionState,
+                oTableStagingState,
+                oObjectPageModel
+            );
+
+            var that = this;
+            Object.keys(mCollectionUpdates).forEach(function(sCollectionName) {
+                var oCollectionMeta = mFieldMapping[sCollectionName];
+                if (!oCollectionMeta || !oCollectionMeta.itemProperties) {
+                    return;
+                }
+
+                var aPropertyNames = Object.keys(oCollectionMeta.itemProperties || {});
+                if (!aPropertyNames.length) {
+                    return;
+                }
+                var aPreviewRows = (oTableStagingState.mStagedRows[sCollectionName] || []).filter(function(oStagedRow) {
+                    return oStagedRow.isPreviewVisible;
+                });
+
+                if (!aPreviewRows.length) {
+                    return;
+                }
+
+                // Previous values table (read-only, initially hidden)
+                var aPreviousRows = aPreviewRows.map(function(oPreviewRow) {
+                    return that._buildCollectionPreviewRowFromContext(aPropertyNames, oPreviewRow.realContext);
+                });
+                var oPreviousTable = that._createPreviewTable(aPropertyNames, oCollectionMeta.itemProperties, aPreviousRows);
+                oPreviousTable.setVisible(false);
+
+                // New values table (editable SmartFields, initially visible)
+                var oNewTable = that._createEditableNewTable(
+                    aPropertyNames,
+                    oCollectionMeta.itemProperties,
+                    aPreviewRows,
+                    sCollectionName,
+                    mCollectionState,
+                    fnOnTableFieldChange
+                );
+
+                // Section title showing collection label and row count
+                var oSectionTitle = new Title({
+                    level: "H5",
+                    text: (oCollectionMeta.description || sCollectionName) + " (" + aPreviewRows.length + ")"
+                });
+
+                // Toggle button between "Previous" and "New" views
+                var oSegmentedButton = new SegmentedButton({
+                    selectedKey: "new",
+                    width: "auto",
+                    items: [
+                        new SegmentedButtonItem({ key: "previous", text: oRb.getText("EASY_FILL_TABLE_VIEW_PREVIOUS"), width: "auto" }),
+                        new SegmentedButtonItem({ key: "new", text: oRb.getText("EASY_FILL_TABLE_VIEW_NEW"), width: "auto" })
+                    ],
+                    selectionChange: function() {
+                        var sKey = oSegmentedButton.getSelectedKey();
+                        oPreviousTable.setVisible(sKey === "previous");
+                        oNewTable.setVisible(sKey === "new");
+                    }
+                });
+
+                var oHeader = new HBox({
+                    justifyContent: "SpaceBetween",
+                    items: [oSectionTitle, oSegmentedButton]
+                }).addStyleClass("sapUiSmallMarginTop");
+
+                var oSection = new VBox({
+                    items: [oHeader, oPreviousTable, oNewTable]
+                }).addStyleClass("sapSmartTemplatesObjectPageEasyFillTableSection");
+
+                oTablePreviewContainer.addItem(oSection);
+                oLogger.debug("renderCollectionPreviews: rendered collection '" + sCollectionName + "' with " + aPreviewRows.length + " rows");
+            });
+        },
+
+        /**
+         * Resets and clears all transient collection contexts created for table preview staging.
+         *
+         * @param {object} oTableStagingState - table staging state { mStagedRows }
+         * @param {object} oObjectPageModel - the OData model
+         */
+        resetStagedCollectionContexts: function(oTableStagingState, oObjectPageModel) {
+            var aTransientPaths = [];
+
+            Object.keys((oTableStagingState && oTableStagingState.mStagedRows) || {}).forEach(function(sCollectionName) {
+                (oTableStagingState.mStagedRows[sCollectionName] || []).forEach(function(oStagedRow) {
+                    var oTransientContext = oStagedRow.transientContext;
+                    var sTransientPath = oTransientContext && oTransientContext.getPath && oTransientContext.getPath();
+                    if (sTransientPath) {
+                        aTransientPaths.push(sTransientPath);
+                    }
+                });
+            });
+
+            if (aTransientPaths.length && oObjectPageModel) {
+                oObjectPageModel.resetChanges(aTransientPaths, false, true);
+            }
+
+            this._clearStagedCollectionState(oTableStagingState);
+            oLogger.debug("resetStagedCollectionContexts: transient table contexts reset");
+        },
+
+        // ─── Private Helpers ─────────────────────────────────────────────────────
+
+        _initializeStagedCollectionRows: function(mCollectionUpdates, mFieldMapping, mCollectionState, oTableStagingState, oObjectPageModel) {
+            var that = this;
+            this._clearStagedCollectionState(oTableStagingState);
+
+            Object.keys(mCollectionUpdates || {}).forEach(function(sCollectionName) {
+                var oCollectionMeta = mFieldMapping[sCollectionName];
+                var aRowUpdates = mCollectionUpdates[sCollectionName] || [];
+                var aCollectionRowContexts = mCollectionState.mCollectionRowContexts[sCollectionName] || [];
+                var mCollectionPropertyMap = mCollectionState.mCollectionProperties[sCollectionName] || Object.create(null);
+                var aPropertyNames = Object.keys((oCollectionMeta && oCollectionMeta.itemProperties) || {});
+
+                if (!oCollectionMeta || !oCollectionMeta.entitySet || !aPropertyNames.length) {
+                    return;
+                }
+
+                var mUpdatesByIdentity = Object.create(null);
+                aRowUpdates.forEach(function(oRowUpdate, iUpdateIndex) {
+                    var oResolvedUpdate = that._resolveCollectionRowContext(sCollectionName, oRowUpdate, mCollectionState);
+                    mUpdatesByIdentity[that._getCollectionRowIdentity(oResolvedUpdate, oRowUpdate, iUpdateIndex)] = oRowUpdate;
+                });
+
+                oTableStagingState.mStagedRows[sCollectionName] = [];
+
+                aCollectionRowContexts.forEach(function(oRealContext, iRowIndex) {
+                    var oResolvedRow = { context: oRealContext, rowIndex: iRowIndex };
+                    var sIdentity = that._getCollectionRowIdentity(oResolvedRow, null, iRowIndex);
+                    var oRowUpdate = mUpdatesByIdentity[sIdentity];
+                    var bIsPreviewVisible = iRowIndex < iMaxPreviewRows;
+
+                    if (!bIsPreviewVisible && !oRowUpdate) {
+                        return;
+                    }
+
+                    var oTransientContext = that._createTransientCollectionContext(oCollectionMeta.entitySet, oObjectPageModel);
+                    if (!oTransientContext) {
+                        return;
+                    }
+
+                    var oRealRowObject = oRealContext.getObject && oRealContext.getObject();
+                    that._seedTransientContextFromRowObject(oTransientContext, oRealRowObject);
+                    that._applyRowUpdateToTransientContext(oTransientContext, oRowUpdate, mCollectionPropertyMap, oRealRowObject);
+
+                    oTableStagingState.mStagedRows[sCollectionName].push({
+                        realContext: oRealContext,
+                        transientContext: oTransientContext,
+                        rowIndex: iRowIndex,
+                        propertyNames: aPropertyNames,
+                        isPreviewVisible: bIsPreviewVisible
+                    });
+                });
+            });
+        },
+
+        /**
+         * Creates a read-only sap.m.Table for displaying table row data (used for "Previous Values" view).
+         * All cells are rendered as plain Text controls.
+         *
+         * @param {Array<string>} aPropertyNames - ordered list of property names to show as columns
+         * @param {object} oItemProperties - map of { propName: { description, dataType } }
+         * @param {Array<object>} aRows - array of plain row value objects
+         * @param {function} [fnCellFormatter] - optional custom cell formatter (oRow, sPropName, sRawValue) → string
+         * @returns {sap.m.Table}
+         */
+        _createPreviewTable: function(aPropertyNames, oItemProperties, aRows, fnCellFormatter) {
+            var aColumns = aPropertyNames.map(function(sPropertyName) {
+                return new Column({
+                    header: new Text({
+                        text: (oItemProperties[sPropertyName] && oItemProperties[sPropertyName].description) || sPropertyName
+                    })
+                });
+            });
+
+            var aItems = aRows.map(function(oRow) {
+                return new ColumnListItem({
+                    cells: aPropertyNames.map(function(sPropertyName) {
+                        var sText = fnCellFormatter
+                            ? fnCellFormatter(oRow, sPropertyName, this._stringifyCellValue(oRow[sPropertyName]))
+                            : this._stringifyCellValue(oRow[sPropertyName]);
+                        return new Text({ text: sText });
+                    }.bind(this))
+                });
+            }.bind(this));
+
+            return new Table({
+                columns: aColumns,
+                items: aItems,
+                fixedLayout: false,
+                autoPopinMode: true
+            }).addStyleClass("sapSmartTemplatesObjectPageEasyFillTablePreview");
+        },
+
+        /**
+         * Creates an editable sap.m.Table for displaying AI-suggested row updates.
+         * Editable cells are rendered as SmartField controls bound to the OData row context.
+         * Non-editable cells are rendered as plain Text controls.
+         *
+         * @param {Array<string>} aPropertyNames - ordered list of property names to show as columns
+         * @param {object} oItemProperties - map of { propName: { description, dataType } }
+         * @param {Array<object>} aPreviewRows - enriched row objects with context, newValues, etc.
+         * @param {string} sCollectionName - navigation property name (used to look up property metadata)
+         * @param {object} mCollectionState - collection tracking state (used to get property metadata)
+         * @returns {sap.m.Table}
+         */
+        _createEditableNewTable: function(aPropertyNames, oItemProperties, aPreviewRows, sCollectionName, mCollectionState, fnOnTableFieldChange) {
+            var aColumns = aPropertyNames.map(function(sPropName) {
+                return new Column({
+                    header: new Text({
+                        text: (oItemProperties[sPropName] && oItemProperties[sPropName].description) || sPropName
+                    })
+                });
+            });
+
+            var mCollectionPropertyMap = mCollectionState.mCollectionProperties[sCollectionName] || Object.create(null);
+            var that = this;
+
+            var aItems = aPreviewRows.map(function(oPreviewRow) {
+                var oContext = oPreviewRow.transientContext;
+                var oRowObject = oPreviewRow.realContext && oPreviewRow.realContext.getObject && oPreviewRow.realContext.getObject();
+
+                var aCells = aPropertyNames.map(function(sPropName) {
+                    if (!oContext) {
+                        return new Text({ text: "" });
+                    }
+
+                    var oPropertyMeta = mCollectionPropertyMap[sPropName];
+                    var bEditable = that._isEditableProperty(oPropertyMeta, oRowObject);
+
+                    // Use a SmartField so value-help and type-specific rendering are supported
+                    var oSmartField = new SmartField({
+                        value: "{" + sPropName + "}",
+                        editable: bEditable,
+                        enabled: bEditable,
+                        contextEditable: bEditable,
+                        change: function() {
+                            if (typeof fnOnTableFieldChange === "function") {
+                                fnOnTableFieldChange();
+                            }
+                        },
+                        editableChanged: function(oEvent) {
+                            // Keep table SmartField editability deterministic during preview
+                            if (oEvent.getParameter("editable") !== bEditable) {
+                                oEvent.getSource().setEditable(bEditable);
+                            }
+                        }
+                    });
+
+                    return oSmartField;
+                });
+
+                var oItem = new ColumnListItem({ cells: aCells });
+                if (oContext) {
+                    oItem.setBindingContext(oContext);
+                }
+                return oItem;
+            });
+
+            return new Table({
+                columns: aColumns,
+                items: aItems,
+                fixedLayout: false,
+                autoPopinMode: true
+            }).addStyleClass("sapSmartTemplatesObjectPageEasyFillTablePreview");
+        },
+
+        /**
+         * Builds a plain preview row object from a given OData context.
+         *
+         * @param {Array<string>} aPropertyNames - property names to include
+         * @param {object} oContext - OData context providing the property values
+         * @returns {object} plain row data object
+         */
+        _buildCollectionPreviewRowFromContext: function(aPropertyNames, oContext) {
+            var oPreviewRow = {};
+
+            aPropertyNames.forEach(function(sPropertyName) {
+                oPreviewRow[sPropertyName] = oContext ? oContext.getProperty(sPropertyName) : "";
+            });
+
+            return oPreviewRow;
+        },
+
+        _createTransientCollectionContext: function(sEntitySetName, oObjectPageModel) {
+            if (!sEntitySetName || !oObjectPageModel) {
+                return null;
+            }
+
+            return oObjectPageModel.createEntry("/" + sEntitySetName, {
+                groupId: "EasyFillFETransientChanges",
+                changeSetId: "EasyFillFETransientChanges"
+            });
+        },
+
+        _seedTransientContextFromRowObject: function(oTransientContext, oRowObject) {
+            Object.keys(oRowObject || {}).forEach(function(sPropertyName) {
+                var vValue = oRowObject[sPropertyName];
+                if (vValue === null || vValue === undefined || typeof vValue !== "object" || vValue instanceof Date) {
+                    oTransientContext.setProperty(sPropertyName, vValue);
+                }
+            });
+        },
+
+        _applyRowUpdateToTransientContext: function(oTransientContext, oRowUpdate, mCollectionPropertyMap, oRealRowObject) {
+            var that = this;
+            Object.keys(oRowUpdate || {}).forEach(function(sPropertyName) {
+                if (sPropertyName === "_rowIndex" || sPropertyName === "_contextPath") {
+                    return;
+                }
+
+                var oPropertyMeta = mCollectionPropertyMap[sPropertyName];
+                if (!that._isEditableProperty(oPropertyMeta, oRealRowObject)) {
+                    return;
+                }
+
+                oTransientContext.setProperty(sPropertyName, oRowUpdate[sPropertyName]);
+            });
+        },
+
+        _clearStagedCollectionState: function(oTableStagingState) {
+            Object.keys((oTableStagingState && oTableStagingState.mStagedRows) || {}).forEach(function(sCollectionName) {
+                delete oTableStagingState.mStagedRows[sCollectionName];
+            });
+        },
+
+        /**
+         * Resolves an OData row context for a given collection row update.
+         * Prefers context path lookup; falls back to row index.
+         *
+         * @param {string} sCollectionName - navigation property name
+         * @param {object} oRowUpdate - the AI row update object ({ _contextPath?, _rowIndex? })
+         * @param {object} mCollectionState - collection tracking state
+         * @returns {{ context, rowIndex }|null}
+         */
+        _resolveCollectionRowContext: function(sCollectionName, oRowUpdate, mCollectionState) {
+            var mByPath = mCollectionState.mCollectionRowContextsByPath[sCollectionName] || Object.create(null);
+            var sContextPath = oRowUpdate && oRowUpdate._contextPath;
+
+            // Prefer context path (more stable across refreshes)
+            if (typeof sContextPath === "string" && mByPath[sContextPath]) {
+                return mByPath[sContextPath];
+            }
+
+            // Fallback to row index
+            var iRowIndex = oRowUpdate && oRowUpdate._rowIndex;
+            var aRowContexts = mCollectionState.mCollectionRowContexts[sCollectionName] || [];
+            if (typeof iRowIndex === "number" && aRowContexts[iRowIndex]) {
+                return { context: aRowContexts[iRowIndex], rowIndex: iRowIndex };
+            }
+
+            return null;
+        },
+
+        /**
+         * Returns a stable string identity for a collection row, used as a map key.
+         * Priority: context path → _contextPath from update → _rowIndex → fallback index string.
+         *
+         * @param {object} oResolvedRow - { context, rowIndex } or null
+         * @param {object} oRowUpdate - the AI row update object
+         * @param {number} iFallbackIndex - fallback numeric index
+         * @returns {string}
+         */
+        _getCollectionRowIdentity: function(oResolvedRow, oRowUpdate, iFallbackIndex) {
+            if (oResolvedRow && oResolvedRow.context && oResolvedRow.context.getPath) {
+                return oResolvedRow.context.getPath();
+            }
+            if (oRowUpdate && typeof oRowUpdate._contextPath === "string") {
+                return oRowUpdate._contextPath;
+            }
+            if (oRowUpdate && typeof oRowUpdate._rowIndex === "number") {
+                return "index:" + String(oRowUpdate._rowIndex);
+            }
+            return "row:" + String(iFallbackIndex);
+        },
+
+        /**
+         * Converts a raw cell value to a display string for read-only table cells.
+         * Handles null/undefined, Date objects, and primitives.
+         *
+         * @param {*} vValue
+         * @returns {string}
+         */
+        _stringifyCellValue: function(vValue) {
+            if (vValue === null || vValue === undefined) {
+                return "";
+            }
+            if (vValue instanceof Date) {
+                return vValue.toISOString();
+            }
+            return String(vValue);
+        },
+
+        /**
+         * Checks whether a collection property is editable given the current row data object.
+         * Delegates to the same annotation checks used in EasyFillFieldCollector.isEditableByContextObject.
+         * Duplicated here to keep TableRenderer self-contained (no circular dependency).
+         *
+         * @param {object} oPropertyMeta - OData property metadata
+         * @param {object} oRowObject - plain row data object
+         * @returns {boolean}
+         */
+        _isEditableProperty: function(oPropertyMeta, oRowObject) {
+            if (!oPropertyMeta) {
+                return false;
+            }
+            var sUpdatable = oPropertyMeta["sap:updatable"];
+            if (sUpdatable) {
+                return sUpdatable !== "false";
+            }
+            var oAnnotation = oPropertyMeta["com.sap.vocabularies.Common.v1.FieldControl"];
+            if (oAnnotation && oAnnotation["EnumMember"]) {
+                return oAnnotation["EnumMember"] !== "com.sap.vocabularies.Common.v1.FieldControlType/ReadOnly";
+            }
+            var sFieldControl = oPropertyMeta["sap:field-control"];
+            if (sFieldControl) {
+                var iFieldControlValue = oRowObject && oRowObject[sFieldControl];
+                return iFieldControlValue !== 1;
+            }
+            return true;
+        }
+    };
+});

package/src/sap/suite/ui/generic/template/lib/ai/EasyFill/fragments/EasyFillDialog.fragment.xml

@@ -50,6 +50,7 @@ xmlns:fesr="http://schemas.sap.com/sapui5/extension/sap.ui.core.FESR/1">
                                         type="Transparent"
                                         press=".onEasyFillClearAll"
                                         fesr:press="fe2:ef:clearAll"
+                                        enabled="{easyFillDialogModel>/isEasyFillButtonEnabled}"
                                         text="{i18n>EASYFILL_CLEAR_ALL}"/>
                                 </FlexBox>
                             </FlexBox>
@@ -67,31 +68,34 @@ xmlns:fesr="http://schemas.sap.com/sapui5/extension/sap.ui.core.FESR/1">
                                         title="{path: 'easyFillDialogModel>/stateType', formatter: '.formatIllustrationTitle'}"
                                         description="{path: 'easyFillDialogModel>/stateType', formatter: '.formatIllustrationDescription'}"/>
                                     <!-- <ScrollContainer height="100%"  horizontal = "true"> -->
-                                        <uxap:ObjectPageLayout visible="{easyFillDialogModel>/isFormVisible}" id="EasyFillObjectPageLayout" sections="{path: 'easyFillDialogModel>/sections', templateShareable: false}">
+                                        <uxap:ObjectPageLayout visible="{easyFillDialogModel>/isFormVisible}" id="EasyFillObjectPageLayout" sections="{path: 'easyFillDialogModel>/sections', templateShareable: false}" alwaysShowContentHeader="true" upperCaseAnchorBar="false">
                                             <uxap:headerTitle>
-                                                <uxap:ObjectPageHeader objectTitle="{i18n>EASY_FILL_FILLED_FIELDS}">
+                                                <uxap:ObjectPageDynamicHeaderTitle>
+                                                    <uxap:heading>
+                                                        <Title text="{i18n>EASY_FILL_FILLED_FIELDS}" wrapping="true" level="H2"/>
+                                                    </uxap:heading>
                                                     <uxap:actions>
-                                                        <SegmentedButton selectedKey="{easyFillDialogModel>/easyFillMode}" selectionChange=".onSelectionChange" class="sapUiSmallMarginBottom">
+                                                        <SegmentedButton selectedKey="{easyFillDialogModel>/easyFillMode}" selectionChange=".onSelectionChange">
                                                             <items>
-                                                                <SegmentedButtonItem icon="sap-icon://increase-line-height" key="CondensedMode"/>
-                                                                <SegmentedButtonItem icon="sap-icon://decrease-line-height" key="ObjectPageMode"/>
+                                                                <SegmentedButtonItem icon="sap-icon://increase-line-height" key="CondensedMode" tooltip="{i18n>EASY_FILL_CONDENSED_VIEW_TOOLTIP}"/>
+                                                                <SegmentedButtonItem icon="sap-icon://decrease-line-height" key="ObjectPageMode" tooltip="{i18n>EASY_FILL_DETAILED_VIEW_TOOLTIP}"/>
                                                             </items>
                                                         </SegmentedButton>
-
                                                         <Button
                                                             icon="{= ${easyFillDialogModel>/isFullScreen} ?  'sap-icon://full-screen' : 'sap-icon://exit-full-screen'}"
                                                             type="Transparent"
                                                             press=".onToggleFullScreen"/>
                                                     </uxap:actions>
-                                                </uxap:ObjectPageHeader>
+                                                </uxap:ObjectPageDynamicHeaderTitle>
                                             </uxap:headerTitle>
                                             <uxap:headerContent>
-                                                <HBox gap="0.5rem" justifyContent="End" alignItems="Center" renderType="Bare" class="sapSmartTemplatesObjectPageEasyFillReviewAreaBanner">
+                                                <HBox gap="0.5rem" justifyContent="Start" alignItems="Center" renderType="Bare" class="sapSmartTemplatesObjectPageEasyFillReviewAreaBanner">
                                                     <Link text="{i18n>AI_LINK_NOTICE_TITLE}" press=".onLinkPress"/>
-                                                    <Label text="{i18n>AI_WARNING_TEXT}"/>
+                                                    <ToggleButton icon = "sap-icon://thumb-up" type = "Transparent" fesr:press="fe2:ef:thumbsup" pressed="{easyFillDialogModel>/feedbackPressedUp}" enabled="{easyFillDialogModel>/feedbackEnabled}" press=".onFeedbackPress"/>
+                                                    <ToggleButton icon = "sap-icon://thumb-down" type = "Transparent" fesr:press="fe2:ef:thumbsdown" pressed="{easyFillDialogModel>/feedbackPressedDown}" enabled="{easyFillDialogModel>/feedbackEnabled}" press=".onFeedbackPress"/>
                                                 </HBox>
                                             </uxap:headerContent>
-                                            <uxap:ObjectPageSection title="{path: 'easyFillDialogModel>title', formatter: '.formatSectionTitle'}">
+                                            <uxap:ObjectPageSection title="{path: 'easyFillDialogModel>title', formatter: '.formatSectionTitle'}" titleUppercase="false">
                                                 <uxap:ObjectPageSubSection>
                                                     <smartForm:SmartForm  editable="true" id="EasyFillSmartForm" groups="{path: 'easyFillDialogModel>children', templateShareable: false}">
                                                         <smartForm:layout>

package/src/sap/suite/ui/generic/template/lib/i18n/i18n.properties

@@ -764,13 +764,13 @@ RTA_CONTEXT_MENU_CONFIG=Configuration
 EASY_FILL_TITLE = Easy Fill
 
 # XTXT: EasyFill Description 1
-EASY_FILL_FIRST_LABEL_TEXT = You can use the Easy Fill feature to fill multiple fields simultaneously.
+EASY_FILL_FIRST_LABEL_TEXT = You can use the Easy Fill feature to fill multiple fields simultaneously using natural language.
 
 # XTXT: EasyFill Description 1
-EASY_FILL_SECOND_LABEL_TEXT = Use data sources like spreadsheets, notes, and emails to populate the fields, or clearly describe the information you want to fill in. Then click Easy Fill.
+EASY_FILL_SECOND_LABEL_TEXT = Provide any information that helps AI fill the appropriate fields. You can also upload a file containing the relevant information.
 
 # XTXT: EasyFill TextArea placeholder
-EASY_FILL_TEXTAREA_PLACEHOLDER = Provide the required information using data sources or by typing
+EASY_FILL_TEXTAREA_PLACEHOLDER = Provide any information that helps AI fill the appropriate fields. Note that AI can only assist with visible fields and rows.
 
 # XTIT: EasyFill initial Illustration title
 EASY_FILL_ILLUSTRATION_TITLE_INITIAL = Let\u2019s fill in some fields
@@ -794,10 +794,7 @@ EASY_FILL_ILLUSTRATION_DESCRIPTION_ERROR =It looks like an error occurred. Try a
 EASY_FILL_CONFIRM = Confirm
 
 # XTXT: EasyFill AI Notice link
-AI_LINK_NOTICE_TITLE = Created with AI.
-
-# XTXT: EasyFill AI Notice warning
-AI_WARNING_TEXT = Verify results before use.
+AI_LINK_NOTICE_TITLE = Created with AI. Verify results before use.
 
 # XTIT: EasyFill fillable fields title
 EASY_FILL_FILLED_FIELDS = Filled Fields
@@ -815,7 +812,7 @@ EASY_FILL_PROPOSED_VALUES = Proposed Values
 EASY_FILL_PREVIOUS_VALUES = Previous Values
 
 # XTXT: EasyFill AINotice link popover text
-EASY_FILL_POPOVER_AI_TEXT_1=The content was partially or fully generated by artificial intelligence(AI) technologies.
+EASY_FILL_POPOVER_AI_TEXT_1=The content was partially or fully generated by AI.
 
 # XTXT: EasyFill AINotice link popover text
 EASY_FILL_POPOVER_AI_TEXT_2=The AI-generated content may contain inaccuracies due to using multiple information sources. Verify results before use.
@@ -849,3 +846,9 @@ EASY_FILL_TABLE_INVALID_CELL_SUFFIX =  (invalid)
 
 # XTIT: EasyFill Section Title
 EASY_FILL_SECTION_HEADER =  Header
+
+# XTOL: EasyFill condensed view mode tooltip
+EASY_FILL_CONDENSED_VIEW_TOOLTIP=Switch to condensed layout
+
+# XTOL: EasyFill detailed view mode tooltip
+EASY_FILL_DETAILED_VIEW_TOOLTIP=Switch to object page layout

package/src/sap/suite/ui/generic/template/lib/i18n/i18n_ar.properties

@@ -543,3 +543,17 @@ EASY_FILL_POPOVER_AI_TITLE=\u062A\u0645 \u0627\u0644\u0625\u0646\u0634\u0627\u06
 EASYFILL_RESULT_FEEDBACK=\u062A\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0645\u0644\u0627\u062D\u0638\u0627\u062A
 
 EASYFILL_CLEAR_ALL=\u062D\u0630\u0641 \u0627\u0644\u0627\u0633\u062A\u0639\u0644\u0627\u0645
+
+EASY_FILL_TABLE_UPDATES_INFO=\u062A\u0645 \u0627\u0643\u062A\u0634\u0627\u0641 \u062A\u062D\u062F\u064A\u062B\u0627\u062A \u0635\u0641\u0648\u0641 \u0627\u0644\u062C\u062F\u0648\u0644 \u0648\u0633\u064A\u062A\u0645 \u062A\u0637\u0628\u064A\u0642\u0647\u0627 \u0639\u0646\u062F \u0627\u0644\u062A\u0623\u0643\u064A\u062F.
+
+EASY_FILL_TABLE_VIEW_PREVIOUS=\u0627\u0644\u0633\u0627\u0628\u0642
+
+EASY_FILL_TABLE_VIEW_NEW=\u062C\u062F\u064A\u062F
+
+EASY_FILL_TABLE_ROW_LABEL=\u0627\u0644\u0635\u0641 {0}
+
+EASY_FILL_TABLE_VALIDATION_MESSAGE=\u0628\u0639\u0636 \u0642\u064A\u0645 \u0627\u0644\u062C\u062F\u0648\u0644 \u063A\u064A\u0631 \u0635\u0627\u0644\u062D\u0629 \u0644\u0645\u0633\u0627\u0639\u062F\u0629 \u0627\u0644\u0625\u062F\u062E\u0627\u0644\: {0}. \u0642\u0645 \u0628\u062A\u062D\u062F\u064A\u062B \u0637\u0644\u0628\u0643 \u0648\u062D\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.
+
+EASY_FILL_TABLE_INVALID_CELL_SUFFIX=(\u063A\u064A\u0631 \u0635\u0627\u0644\u062D)
+
+EASY_FILL_SECTION_HEADER=\u0627\u0644\u0645\u0642\u062F\u0645\u0629

package/src/sap/suite/ui/generic/template/lib/i18n/i18n_bg.properties

@@ -543,3 +543,17 @@ EASY_FILL_POPOVER_AI_TITLE=\u0421\u044A\u0437\u0434\u0430\u0434\u0435\u043D\u043
 EASYFILL_RESULT_FEEDBACK=\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u0442\u0430 \u0432\u0440\u044A\u0437\u043A\u0430 \u0435 \u0438\u0437\u043F\u0440\u0430\u0442\u0435\u043D\u0430
 
 EASYFILL_CLEAR_ALL=\u0418\u0437\u0442\u0440\u0438\u0432\u0430\u043D\u0435 \u043D\u0430 \u0437\u0430\u043F\u0438\u0442\u0432\u0430\u043D\u0435\u0442\u043E
+
+EASY_FILL_TABLE_UPDATES_INFO=\u041E\u0442\u043A\u0440\u0438\u0442\u0438 \u0441\u0430 \u0430\u043A\u0442\u0443\u0430\u043B\u0438\u0437\u0430\u0446\u0438\u0438 \u043D\u0430 \u0440\u0435\u0434\u043E\u0432\u0435\u0442\u0435 \u043D\u0430 \u0442\u0430\u0431\u043B\u0438\u0446\u0430\u0442\u0430 \u0438 \u0449\u0435 \u0431\u044A\u0434\u0430\u0442 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438, \u043A\u043E\u0433\u0430\u0442\u043E \u043F\u043E\u0442\u0432\u044A\u0440\u0434\u0438\u0442\u0435.
+
+EASY_FILL_TABLE_VIEW_PREVIOUS=\u041D\u0430\u0437\u0430\u0434
+
+EASY_FILL_TABLE_VIEW_NEW=\u041D\u043E\u0432\u043E
+
+EASY_FILL_TABLE_ROW_LABEL=\u0420\u0435\u0434 {0}
+
+EASY_FILL_TABLE_VALIDATION_MESSAGE=\u041D\u044F\u043A\u043E\u0438 \u0441\u0442\u043E\u0439\u043D\u043E\u0441\u0442\u0438 \u043E\u0442 \u0442\u0430\u0431\u043B\u0438\u0446\u0430\u0442\u0430 \u0441\u0430 \u043D\u0435\u0432\u0430\u043B\u0438\u0434\u043D\u0438 \u0437\u0430 \u043F\u043E\u043C\u043E\u0449\u0442\u0430 \u043F\u0440\u0438 \u0432\u044A\u0432\u0435\u0436\u0434\u0430\u043D\u0435 \u043D\u0430 \u0441\u0442\u043E\u0439\u043D\u043E\u0441\u0442\: {0}. \u0410\u043A\u0442\u0443\u0430\u043B\u0438\u0437\u0438\u0440\u0430\u0439\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0430\u0442\u0430 \u0441\u0438 \u0438 \u043E\u043F\u0438\u0442\u0430\u0439\u0442\u0435 \u043E\u0442\u043D\u043E\u0432\u043E.
+
+EASY_FILL_TABLE_INVALID_CELL_SUFFIX=(\u043D\u0435\u0432\u0430\u043B\u0438\u0434\u043D\u043E)
+
+EASY_FILL_SECTION_HEADER=\u0417\u0430\u0433\u043B\u0430\u0432\u043A\u0430

package/src/sap/suite/ui/generic/template/lib/i18n/i18n_ca.properties

@@ -543,3 +543,17 @@ EASY_FILL_POPOVER_AI_TITLE=S'ha creat amb IA
 EASYFILL_RESULT_FEEDBACK=Comentaris enviats
 
 EASYFILL_CLEAR_ALL=Suprimir consulta
+
+EASY_FILL_TABLE_UPDATES_INFO=S'han detectat actualitzacions de l\u00EDnia de taula i s'aplicaran quan ho confirmeu.
+
+EASY_FILL_TABLE_VIEW_PREVIOUS=Anterior
+
+EASY_FILL_TABLE_VIEW_NEW=Nou
+
+EASY_FILL_TABLE_ROW_LABEL=Fila {0}
+
+EASY_FILL_TABLE_VALIDATION_MESSAGE=Alguns valors de taula no s\u00F3n v\u00E0lids per a l''ajuda per a entrades\: {0}. Actualitzeu la vostra sol\u00B7licitud i torneu-ho a provar.
+
+EASY_FILL_TABLE_INVALID_CELL_SUFFIX=(no v\u00E0lid)
+
+EASY_FILL_SECTION_HEADER=Cap\u00E7alera