@sapui5/sap.suite.ui.generic.template 1.153.0 → 1.154.0

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

@@ -476,6 +476,14 @@ RTA_OP_SHOW_RELATED_APPS=\u986F\u793A\u76F8\u95DC\u61C9\u7528\u7A0B\u5F0F
 
 RTA_OP_SHOW_RELATED_APPS_DESC=\u986F\u793A\u76F8\u95DC\u61C9\u7528\u7A0B\u5F0F
 
+RTA_SMART_SUMMARIZATION_VISIBILITY=\u6458\u8981\u6309\u9215
+
+RTA_SMART_SUMMARIZATION_VISIBILITY_DESC=\u8A2D\u5B9A\u6574\u500B\u61C9\u7528\u7A0B\u5F0F\u7684\u5DF2\u555F\u7528 AI \u667A\u6167\u6458\u8981\u53EF\u7528\u5EA6\u3002
+
+RTA_SMART_SUMMARIZATION_OPTION_AVAILABLE_FOR_ALL_PAGES=\u9069\u7528\u65BC\u6240\u6709\u9801\u9762
+
+RTA_SMART_SUMMARIZATION_OPTION_NOT_AVAILABLE_FOR_ALL_PAGES=\u4E0D\u9069\u7528\u65BC\u6240\u6709\u9801\u9762
+
 RTA_SCOPE_OF_THE_CHANGES=\u66F4\u6539\u5167\u5BB9\u7BC4\u570D
 
 RTA_SCOPE_OF_THE_CHANGES_TOOLTIP=\u66F4\u6539\u5167\u5BB9\u7BC4\u570D
@@ -570,14 +578,46 @@ EASY_FILL_ENTER_FULL_SCREEN_TOOLTIP=\u6700\u5927\u5316\u586B\u5165\u7684\u6B04\u
 
 EASY_FILL_EXIT_FULL_SCREEN_TOOLTIP=\u6700\u5C0F\u5316\u586B\u5165\u7684\u6B04\u4F4D\u9762\u677F
 
-EASY_FILL_ORIGINAL_VALUE_LABEL=Original Value\:
+EASY_FILL_ORIGINAL_VALUE_LABEL=\u539F\u59CB\u503C\uFF1A
 
-EASY_FILL_PROPOSED_VALUE_LABEL=Proposed Value\:
+EASY_FILL_PROPOSED_VALUE_LABEL=\u5EFA\u8B70\u503C\uFF1A
 
 EASY_FILL_REVERT_FIELD_TOOLTIP=\u56DE\u5FA9\u70BA\u539F\u59CB\u503C
 
-EASY_FILL_EXCLUDE_ROW_BUTTON=\u6392\u9664\u66F4\u6539
+EASY_FILL_EXCLUDE_ROW_BUTTON=\u6392\u9664\u66F4\u6539\u5167\u5BB9
 
-EASY_FILL_TABLE_MULTIPLE_NEW_ROWS_WARNING=\u4E00\u6B21\u53EA\u80FD\u65B0\u589E\u4E00\u5217\uFF0C\u91CD\u8907\u8ACB\u6C42\u4EE5\u65B0\u589E\u5176\u4ED6\u5217\u3002
+EASY_FILL_TABLE_MULTIPLE_NEW_ROWS_WARNING=\u4E00\u6B21\u53EA\u80FD\u65B0\u589E\u4E00\u5217\uFF0C\u8ACB\u91CD\u8907\u8ACB\u6C42\u4EE5\u65B0\u589E\u5176\u4ED6\u5217\u3002
 
 EASY_FILL_TABLE_NEW_ROW_NOT_ALLOWED=\u672A\u65B0\u589E\u5217\u3002\u672A\u555F\u7528\u5217\u5EFA\u7ACB\u4F5C\u696D\uFF0C\u6216\u300C\u7C21\u6613\u586B\u5165\u300D\u4E0D\u652F\u63F4\u5C07\u5217\u65B0\u589E\u81F3\u6B64\u8868\u683C\u3002
+
+EASY_FILL_UPLOAD_FILE_TOOLTIP=\u9078\u64C7\u8981\u532F\u5165\u7684\u6A94\u6848
+
+EASY_FILL_UPLOADED_FILE_LABEL=\u532F\u5165\u7684\u6A94\u6848
+
+EASY_FILL_FILE_UPLOAD_ERROR_TITLE=\u6A94\u6848\u4E0A\u50B3\u932F\u8AA4
+
+EASY_FILL_UPLOAD_UNSUPPORTED_FILE_ERROR=\u4E0D\u652F\u63F4\u6B64\u6A94\u6848\u985E\u578B\uFF0C\u8ACB\u9644\u52A0 TXT \u6216 CSV \u6A94\u6848\u3002
+
+EASY_FILL_UPLOAD_SINGLE_FILE_ONLY_ERROR=\u4E00\u6B21\u50C5\u53EF\u9644\u52A0\u4E00\u500B\u6A94\u6848\uFF0C\u8ACB\u62D6\u66F3\u55AE\u4E00 TXT \u6216 CSV \u6A94\u6848\u3002
+
+EASY_FILL_REMOVE_FILE_TOOLTIP=\u6368\u68C4\u532F\u5165\u7684\u6A94\u6848
+
+EASY_FILL_REMOVE_FILE_CONFIRM=\u60A8\u78BA\u5B9A\u8981\u79FB\u9664\u9644\u52A0\u7684\u6A94\u6848\u55CE\uFF1F
+
+EASY_FILL_FILE_PREVIEW_TITLE=\u6A94\u6848\u9810\u89BD
+
+EASY_FILL_FILE_PREVIEW_TABLE_TOOLTIP=\u8868\u683C\u9810\u89BD
+
+EASY_FILL_FILE_PREVIEW_TEXT_TOOLTIP=\u6587\u5B57\u9810\u89BD
+
+EASYFILL_REMAINING_CHARACTERS=\u5269\u4E0B {0} \u500B\u5B57\u5143
+
+EASY_FILL_UPLOAD_READ_ERROR=\u7121\u6CD5\u8B80\u53D6\u6A94\u6848\uFF0C\u8ACB\u518D\u8A66\u4E00\u6B21\u6216\u9078\u64C7\u5176\u4ED6\u6A94\u6848\u3002
+
+EASY_FILL_UPLOAD_EMPTY_FILE_ERROR=\u6A94\u6848\u7A7A\u767D\uFF0C\u8ACB\u9078\u64C7\u5305\u542B\u6587\u5B57\u7684\u6A94\u6848\u3002
+
+EASY_FILL_UPLOAD_FILE_TOO_LARGE_ERROR=\u6A94\u6848\u904E\u5927\uFF0C\u532F\u5165\u7684\u6587\u5B57\u5FC5\u9808\u662F {0} \u500B\u5B57\u5143\u4EE5\u4E0B\u3002
+
+EASY_FILL_FILE_IMPORTED_SUCCESS=\u5DF2\u532F\u5165\u6A94\u6848\uFF1A{0}
+
+EASY_FILL_FILE_PREVIEW_TRUNCATED=\u986F\u793A\u524D {0} \u5217\u3002

package/src/sap/suite/ui/generic/template/lib/navigation/NavigationController.js

@@ -254,6 +254,7 @@ sap.ui.define(["sap/ui/base/Object",
 				backSteps: 1
 			};
 			if (oSerializedBackOption){ // deserialize the back option to a normal option and put it into the followUpNeeded property
+				oRoutingOptions = oRoutingOptions || {mode: -1}; // re-init if cleared (e.g. to unblock Back presses during async history reconstruction)
 				oRoutingOptions.followUpNeeded = {
 					mode: oSerializedBackOption.mode,
 					displayMode: oSerializedBackOption.displayMode,
@@ -279,7 +280,13 @@ sap.ui.define(["sap/ui/base/Object",
 			bUserHasAcceptedDataLoss = false;
 			oTemplateContract.oBusyHelper.setBusyReason("HashChange", true, undefined, undefined, true);
 			mMessagePageParams = {};
-			bIsRestoring = isBackwards();
+			// isBackwards() only detects back navigation when a hashReplaced event was fired. The FLP keep-alive restore
+			// path (restoreAppWithinSameFrame) does not fire it, so getDirection() is not "Backwards" and bIsRestoring
+			// would wrongly be false - wiping the history and permanently breaking the shell Back button after the
+			// keep-alive bounce. The sap-iapp-state--history= url parameter is written when the app stored its history
+			// and survives the suspend/restore cycle, so it is a reliable signal that this is a keep-alive restore which
+			// needs history reconstruction. (!bIsFirst guards against first-load false positives.)
+			bIsRestoring = isBackwards() || (!bIsFirst && window.location.hash.indexOf("sap-iapp-state--history=") >= 0);
 			var aStartupPromises = [];
 			if (bIsRestoring){
 				oTemplateContract.oBusyHelper.getUnbusy().then(function(){ // when handling of the navigation has finished we also have finished the restoring
@@ -2446,7 +2453,7 @@ sap.ui.define(["sap/ui/base/Object",
 			};
 			for (var oHistoricHash = oCurrentHash; oHistoricHash.iHashChangeCount > 0; oHistoricHash = aPreviousHashes[oHistoricHash.backTarget]){
 				var oIdentity = (oHistoricHash === oCurrentHash) ? oCurrentIdentity : oHistoricHash.identity;
-				var oReducedIdentity = oIdentity.treeNode && {
+				var oReducedIdentity = oIdentity && oIdentity.treeNode && {
 					sRouteName: oIdentity.treeNode.sRouteName,
 					keys: oIdentity.keys,
 					appStates: oIdentity.appStates
@@ -2747,6 +2754,7 @@ sap.ui.define(["sap/ui/base/Object",
 			if (bIsRestoring && !aPreviousHashes.length){ // restarted this app via back navigation without direct access to the history we have returned to
 				var sPreviousHistoryKey = oCurrentIdentity.appStates[sAppStateForHistory]; // try to recreate history from url information
 				var oHistoryStatePromise = getAppStateFromShell(sPreviousHistoryKey);
+				if (oRoutingOptions && oRoutingOptions.mode === -1) { oRoutingOptions = null; } // unblock the Back-press guard only - preserves serializedBackOption if set by another path
 				oHistoryStatePromise.then(fnHistoryRestored, fnHistoryRestored);
 				return; // follow up in fnHistoryRestored
 			}
@@ -3012,10 +3020,13 @@ sap.ui.define(["sap/ui/base/Object",
 		}
 
 		function isBackLeavingTheEditScope(){
-			if (oCurrentIdentity.treeNode.level === 0){
-				return false; // We are currently not on a detail page
+			if (!oCurrentIdentity || !oCurrentIdentity.treeNode || oCurrentIdentity.treeNode.level === 0){
+				return false; // not on a detail page or identity not yet populated
+			}
+			var aHistoricalEntries = (oHistoryState.getData() || {}).historicalEntries;
+			if (!aHistoricalEntries) {
+				return false; // history not yet populated (e.g. first restore before fnHistoryRestored completed)
 			}
-			var aHistoricalEntries = oHistoryState.getData().historicalEntries;
 			if (aHistoricalEntries.length === 1 || aHistoricalEntries[1].sRouteName === "root"){
 				return true; // back leaves the app resp. goes back to list page
 			}
@@ -3126,6 +3137,7 @@ sap.ui.define(["sap/ui/base/Object",
 		var fnPrepareHostView = testableHelper.testable(fnPrepareHostView, "prepareHostView");
 		var fnPreloadComponent = testableHelper.testable(fnPreloadComponent, "preloadComponent");
 		var fnGetRouteInfoByHash = testableHelper.testable(fnGetRouteInfoByHash, "getRouteInfoByHash");
+		var fnUpdateHistoryState = testableHelper.testable(fnUpdateHistoryState, "updateHistoryState");
 		
 		// Note: Function createHostView will be added by routingHelper.
 		// Allow to mock this by unit tests
@@ -3136,8 +3148,16 @@ sap.ui.define(["sap/ui/base/Object",
 		testableHelper.testable(function(fnPrepareHostViewStub){
 			fnPrepareHostView = fnPrepareHostViewStub;
 		}, "setPrepareHostView");
-		/* eslint-enable */
 
+		testableHelper.testable(function(oCurrentHashParam, aPreviousHashesParam, oCurrentIdentityParam, oHistoryStateParam){
+			oCurrentHash = oCurrentHashParam;
+			aPreviousHashes = aPreviousHashesParam;
+			oCurrentIdentity = oCurrentIdentityParam;
+			if (oHistoryStateParam !== undefined){
+				oHistoryState = oHistoryStateParam;
+			}
+		}, "setInternalNavigationState");
+		/* eslint-enable */
 
 		oTemplateContract.oBusyHelper.setBusy((getParsedShellHashFromFLP() || Promise.resolve()).then(function(oResults){
 			var oParsedUrl = oResults && oResults.parseParameters(document.location.search);
@@ -3223,7 +3243,7 @@ sap.ui.define(["sap/ui/base/Object",
 	 * @param {sap.suite.ui.generic.template.lib.AppComponent} oAppComponent The AppComponent instance
 	 * @public
 	 * @extends sap.ui.base.Object
-	 * @version 1.153.0
+	 * @version 1.154.0
 	 * @since 1.30.0
 	 * @alias sap.suite.ui.generic.template.lib.NavigationController
 	 */

package/src/sap/suite/ui/generic/template/library.js

@@ -68,7 +68,7 @@ sap.ui.define([
 		interfaces: [],
 		controls: [],
 		elements: [],
-		version: "1.153.0",
+		version: "1.154.0",
 		extensions: {
 			//Configuration used for rule loading of Support Assistant
 			"sap.ui.support": {

package/src/sap/suite/ui/generic/template/listTemplates/fragments/DetailSmartTable.fragment.xml

@@ -208,6 +208,9 @@
 												<!-- The cloumnListItem added below for the semantic coloring of the table columns overrides the type and press properties of the columnListItem present in the common table column fragment used by responsive table. Hence we are reintroducing them here -->
 												<items>
 													<ColumnListItem highlight="None" id="{:= ${parameter>/stableId}.getStableId({type: 'ALPTable', subType: 'ColumnListItem', sQuickVariantKey: ${tabItem>key}})}" type="{parts: [{path: 'entitySet&gt;'}, {path: 'parameter&gt;/settings/subPages/'}, {path: 'parameter&gt;/manifest/'}, {path: 'parameter&gt;/treeNode/'}, {path:'parameter&gt;/isDraftEnabled'}, {path: 'facet&gt;Target/AnnotationPath'}], formatter: 'AH.getColumnListItemType'}" press="._templateEventHandlers.onListNavigate" navigated="{parts: [{path: '_templPriv>/generic/currentActiveChildContext'}, {path: ''}], formatter: 'RuntimeFormatters.setRowNavigated.bind($control)'}" >
+														<dependents>
+															<core:CommandExecution execute="._templateEventHandlers.onNavigateToDetails" command="NavigateToDetails"/>
+														</dependents>
 														<customData>
 															<core:CustomData key="CrossNavigation" value="{parts: [{path: 'listEntitySet>name'}, {path: 'parameter>/settings/subPages/'}, {path: 'facet>Target/AnnotationPath'}], formatter: 'AH.getDisplayNavigationIntent'}" />
 														</customData>

package/src/sap/suite/ui/generic/template/listTemplates/fragments/TableCommands.fragment.xml

@@ -5,30 +5,34 @@
     <template:if test="{= ${parameter>/settings/quickVariantSelectionX}}">
         <template:then>
             <template:repeat list="{tabItem>tableSettings/commandExecution}" var="commandExecution">
-                <core:CommandExecution execute="{commandExecution>callbackName}"
-                    command="{commandExecution>action}"
-                    visible="{path: 'commandExecution>id', formatter: 'AH.getActionCommandVisibility'}">
+                <template:if test="{= !${commandExecution>isGlobalAction} }">
+                    <core:CommandExecution execute="{commandExecution>callbackName}"
+                        command="{commandExecution>action}"
+                        visible="{path: 'commandExecution>id', formatter: 'AH.getActionCommandVisibility'}">
 
-                    <template:if test="{= ${commandExecution>annotatedAction} || ${commandExecution>outboundAction}}">
-                        <core:customData>
-                            <core:CustomData key="ActionId" value="{commandExecution>id}" />
-                        </core:customData>
-                    </template:if>
-                </core:CommandExecution>
+                        <template:if test="{= ${commandExecution>annotatedAction} || ${commandExecution>outboundAction}}">
+                            <core:customData>
+                                <core:CustomData key="ActionId" value="{commandExecution>id}" />
+                            </core:customData>
+                        </template:if>
+                    </core:CommandExecution>
+                </template:if>
             </template:repeat>
         </template:then>
         <template:else>
             <template:repeat list="{parameter>/templateSpecific/tableSettings/commandExecution}" var="commandExecution">
-                <core:CommandExecution execute="{commandExecution>callbackName}"
-                    command="{commandExecution>action}"
-                    visible="{path: 'commandExecution>id', formatter: 'AH.getActionCommandVisibility'}">
-                    
-                    <template:if test="{= ${commandExecution>annotatedAction} || ${commandExecution>outboundAction}}">
-                        <core:customData>
-                            <core:CustomData key="ActionId" value="{commandExecution>id}" />
-                        </core:customData>
-                    </template:if>
-                </core:CommandExecution>
+                <template:if test="{= !${commandExecution>isGlobalAction} }">
+                    <core:CommandExecution execute="{commandExecution>callbackName}"
+                        command="{commandExecution>action}"
+                        visible="{path: 'commandExecution>id', formatter: 'AH.getActionCommandVisibility'}">
+
+                        <template:if test="{= ${commandExecution>annotatedAction} || ${commandExecution>outboundAction}}">
+                            <core:customData>
+                                <core:CustomData key="ActionId" value="{commandExecution>id}" />
+                            </core:customData>
+                        </template:if>
+                    </core:CommandExecution>
+                </template:if>
             </template:repeat>
         </template:else>
     </template:if>

package/src/sap/suite/ui/generic/template/themes/base/ObjectPage.less

@@ -270,6 +270,15 @@ html[dir='rtl'] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSect
 	padding-right: 0;
 }
 
+/* When a table is the only control in a sub-section, remove the excess padding added by the sub-section container */
+.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid > div:only-child > .sapUiCompSmartTable:only-child {
+	margin: -0.5rem -1rem;
+}
+
+html[dir='rtl'] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid > div:only-child > .sapUiCompSmartTable:only-child {
+	margin: -0.5rem 0 -0.5rem -1rem;
+}
+
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSection .sapSmartTemplatesObjectPageSubSectionDummyBlock {
 	width: 1px;
 	margin: 0;
@@ -405,9 +414,265 @@ html[dir='rtl'] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSect
 
 	.sapSmartTemplatesObjectPageEasyFillInputArea {
 		margin-right: 2rem;
+		height: 100%;
+
+		// Inner column flex fills the pane so the ObjectPageLayout (sole visible child
+		// once a file is loaded) can resolve its height: 100% and scroll internally.
+		.sapSmartTemplatesObjectPageEasyFillInputAreaFlex {
+			height: 100%;
+			min-height: 0;
+		}
+
+		// Attachment + preview ObjectPageLayout: fill the flex container and keep the
+		// header sticky while only the preview section scrolls. sapUxAPObjectPageWrapper
+		// is an internal sap.uxap.ObjectPageLayout class; height: 0 forces the wrapper to
+		// shrink to its flex parent instead of growing to content height (mirrors V4
+		// EasyFill.less: #sapFeEasyFillObjectPageLayout > .sapUxAPObjectPageWrapper).
+		.sapSmartTemplatesObjectPageEasyFillInputObjectPage {
+			flex: 1 1 auto;
+			min-height: 0;
+
+			> .sapUxAPObjectPageWrapper {
+				height: 0;
+			}
+
+			// The header content is an empty VBox used only to surface the built-in
+			// collapse/expand chevron; hide its (empty) details area so it takes no
+			// space when collapsed (mirrors V4 EasyFill.less sapUxAPObjectPageHeaderDetailsHidden).
+			.sapUxAPObjectPageHeaderDetailsHidden {
+				display: none;
+			}
+		}
 
 		.sapSmartTemplatesObjectPageEasyFillInputAreaLabel {
 			margin-top: 1rem;
+			// Separate the description from the textarea now that the input-area column
+			// no longer uses a uniform gap (mirrors V4 description sapUiSmallMarginBottom).
+			// Overridden by sapUiTinyMarginBottom on the file-loaded header copy.
+			margin-bottom: 1rem;
+		}
+
+		// Input container: provides the visual border; TextArea fills the height via VBox flex column; button sits at the bottom
+		.sapSmartTemplatesObjectPageEasyFillInputContainer {
+			border: 1px solid var(--sapField_BorderColor);
+			border-radius: var(--sapField_BorderCornerRadius);
+			overflow: hidden;
+			position: relative;
+
+			// On focus, recolour the container border instead of showing the TextArea's
+			// own focus ring, so the whole field reads as one focused control
+			// (mirrors V4 sapFeEasyFillInputContainer:has(.sapFeEasyFillTextInput.sapMFocus)).
+			&:has(.sapMTextArea.sapMFocus) {
+				border-color: var(--sapField_Active_BorderColor);
+			}
+
+			// Drop overlay: absolute, covers the entire container, pointer-events:none so it never blocks clicks
+			.sapSmartTemplatesObjectPageEasyFillDropOverlay {
+				position: absolute;
+				inset: 0;
+				border: 0.125rem dashed var(--sapButton_Emphasized_Background);
+				border-radius: var(--sapField_BorderCornerRadius);
+				background-color: var(--sapList_SelectionBackgroundColor);
+				pointer-events: none;
+
+				.sapSmartTemplatesObjectPageEasyFillDropBadge {
+					width: 2.5rem;
+					height: 2.5rem;
+					border-radius: 50%;
+					background-color: var(--sapButton_Emphasized_Background);
+
+					.sapSmartTemplatesObjectPageEasyFillDropBadgeIcon {
+						color: var(--sapButton_Emphasized_TextColor);
+						font-size: 1rem;
+					}
+				}
+			}
+
+			// Blocked state (file already loaded): indicate drop is not allowed
+			&.sapSmartTemplatesObjectPageEasyFillInputContainerDropDisabled {
+				cursor: not-allowed;
+
+				.sapSmartTemplatesObjectPageEasyFillDropOverlay {
+					border-color: var(--sapField_BorderColor);
+					background-color: var(--sapObjectHeader_Background);
+
+					.sapSmartTemplatesObjectPageEasyFillDropBadge {
+						background-color: var(--sapContent_DisabledColor);
+					}
+				}
+			}
+
+			// Suppress the TextArea's own border/background/shadow and its focus outline
+			// so the container border is the only visual frame (mirrors V4 sapFeEasyFillTextInput).
+			.sapMTextArea {
+				.sapMInputBaseContentWrapper {
+					border: none;
+					background: none !important;
+					box-shadow: none !important;
+				}
+
+				&.sapMFocus .sapMInputBaseContentWrapper::before {
+					display: none;
+				}
+			}
+
+			// Browse-folder button: pushed to the bottom of the flex column (margin-top:auto)
+			.sapSmartTemplatesObjectPageEasyFillPickerArea {
+				margin-top: auto;
+				padding: 0.25rem 0.25rem 0.25rem 0;
+			}
+		}
+
+		// Attachment label: dim text above the tile
+		.sapSmartTemplatesObjectPageEasyFillAttachmentLabel {
+			font-family: var(--sapFontFamily);
+			opacity: 0.4;
+			font-style: normal;
+			font-size: var(--sapFontSize);
+			line-height: 1;
+			letter-spacing: 0;
+		}
+
+		// Imported File heading (header title): column of label + tile/buttons row
+		.sapSmartTemplatesObjectPageEasyFillHeaderHeading {
+			gap: 0.5rem;
+		}
+
+		// Tile + action buttons row (justifyContent SpaceBetween): the content-sized tile
+		// sits on the left, the buttons keep their size on the right, and both wrap to a new
+		// line only when the header is too narrow to hold them side by side (responsive).
+		.sapSmartTemplatesObjectPageEasyFillHeaderRow {
+			gap: 0.5rem;
+
+			.sapSmartTemplatesObjectPageEasyFillAttachmentActions {
+				display: flex;
+				align-items: center;
+				gap: 0.5rem;
+				flex-shrink: 0;
+			}
+		}
+
+		// Attachment tile: file name + size. Content-sized (like V4's attachment HBox) so
+		// it packs the icon, info and remove button tightly on the left and leaves room for
+		// the action buttons beside it; min-width:0 lets a long file name ellipsize instead
+		// of forcing the buttons onto a second line.
+		.sapSmartTemplatesObjectPageEasyFillAttachmentArea {
+			display: flex;
+			align-items: center;
+			gap: 0.5rem;
+			min-width: 0;
+
+			// Attachment icon circle: a sap.m.Avatar (Square, Accent7) provides its own
+			// 2.5rem size, square shape, accent background and icon colour (mirrors V4).
+			.sapSmartTemplatesObjectPageEasyFillAttachmentIconCircle {
+				flex-shrink: 0;
+				border-radius: 0.5rem;
+			}
+
+			.sapSmartTemplatesObjectPageEasyFillAttachmentInfo {
+				min-width: 0;
+				overflow: hidden;
+			}
+
+			.sapSmartTemplatesObjectPageEasyFillAttachmentName {
+				font-size: var(--sapFontSmallSize);
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.sapSmartTemplatesObjectPageEasyFillAttachmentSize {
+				color: var(--sapContent_LabelColor);
+				font-size: var(--sapFontSmallSize);
+			}
+
+			// Decline button to remove the imported file tile
+			.sapSmartTemplatesObjectPageEasyFillAttachmentRemoveButton {
+				flex-shrink: 0;
+
+				.sapUiIcon {
+					color: var(--sapHighlightColor);
+				}
+			}
+
+			// Progress area: shown while upload is in progress
+			.sapSmartTemplatesObjectPageEasyFillAttachmentProgressArea {
+				flex: 1;
+				min-width: 0;
+
+				.sapSmartTemplatesObjectPageEasyFillAttachmentProgressHeader {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+				}
+
+				.sapSmartTemplatesObjectPageEasyFillAttachmentPercentage {
+					font-size: var(--sapFontSmallSize);
+					color: var(--sapContent_LabelColor);
+					white-space: nowrap;
+					flex-shrink: 0;
+					margin-left: 0.25rem;
+				}
+			}
+
+			// Slim progress bar: no default background, teal fill, 5px height
+			.sapSmartTemplatesObjectPageEasyFillAttachmentProgress {
+				width: 100%;
+				background-color: transparent !important;
+				border: none !important;
+
+				.sapMPIBar {
+					height: 5px;
+					border-radius: 2px;
+					background-color: transparent;
+				}
+
+				.sapMPIBarRemaining {
+					display: none;
+				}
+
+				.sapMPIBarPositive,
+				.sapMPIBarNeutral,
+				.sapMPIBarNegative,
+				.sapMPIBarCritical {
+					background-color: var(--sapHighlightColor);
+					border-radius: 2px;
+				}
+			}
+		}
+
+		// Character counter below the textarea: right-aligned, muted helper text
+		.sapSmartTemplatesObjectPageEasyFillRemainingCharsText {
+			font-size: var(--sapFontSmallSize);
+			color: var(--sapContent_LabelColor);
+			display: block;
+			text-align: end;
+			margin-top: 0.25rem;
+			// Tight spacing to the action buttons, matching V4 counter sapUiTinyMarginBottom
+			// (the input-area column no longer applies a uniform gap).
+			margin-bottom: 0.5rem;
+		}
+
+		// File preview content inside the ObjectPageSubSection block
+		.sapSmartTemplatesObjectPageEasyFillFilePreviewContent {
+			padding: 0.5rem;
+		}
+
+		.sapSmartTemplatesObjectPageEasyFillFilePreviewText {
+			font-family: var(--sapFontFamily);
+			font-size: var(--sapFontSize);
+			white-space: pre-wrap;
+			word-break: break-word;
+		}
+
+		.sapSmartTemplatesObjectPageEasyFillFilePreviewTable {
+			border: 1px solid var(--sapList_BorderColor);
+			border-radius: 0.25rem;
+			width: 100%;
+
+			.sapMListTblCell {
+				padding: 0.5rem;
+			}
 		}
 	}
 

package/src/sap/suite/ui/generic/template/themes/sap_belize_base/ObjectPage.less

@@ -272,6 +272,15 @@ html[dir="rtl"] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSect
   padding-right: 0;
 }
 
+/* When a table is the only control in a sub-section, remove the excess padding added by the sub-section container */
+.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid > div:only-child > .sapUiCompSmartTable:only-child {
+  margin: -0.5rem -1rem;
+}
+
+html[dir="rtl"] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid > div:only-child > .sapUiCompSmartTable:only-child {
+  margin: -0.5rem 0 -0.5rem -1rem;
+}
+
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSection .sapSmartTemplatesObjectPageSubSectionDummyBlock {
 	width: 1px;
     margin: 0px;

package/src/sap/suite/ui/generic/template/themes/sap_bluecrystal_base/ObjectPage.less

@@ -272,6 +272,15 @@ html[dir="rtl"] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSect
   padding-right: 0;
 }
 
+/* When a table is the only control in a sub-section, remove the excess padding added by the sub-section container */
+.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid > div:only-child > .sapUiCompSmartTable:only-child {
+  margin: -0.5rem -1rem;
+}
+
+html[dir="rtl"] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid > div:only-child > .sapUiCompSmartTable:only-child {
+  margin: -0.5rem 0 -0.5rem -1rem;
+}
+
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSection .sapSmartTemplatesObjectPageSubSectionDummyBlock {
 	width: 1px;
     margin: 0px;

package/src/sap/suite/ui/generic/template/themes/sap_hcb/base_ObjectPage.less

@@ -272,6 +272,15 @@ html[dir="rtl"] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSect
   padding-right: 0;
 }
 
+/* When a table is the only control in a sub-section, remove the excess padding added by the sub-section container */
+.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid > div:only-child > .sapUiCompSmartTable:only-child {
+  margin: -0.5rem -1rem;
+}
+
+html[dir="rtl"] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid > div:only-child > .sapUiCompSmartTable:only-child {
+  margin: -0.5rem 0 -0.5rem -1rem;
+}
+
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSection .sapSmartTemplatesObjectPageSubSectionDummyBlock {
 	width: 1px;
     margin: 0px;