@topconsultnpm/sdkui-react 6.22.0-dev2.22 → 6.22.0-dev2.24

package/lib/components/base/TMDataGrid.js

@@ -386,7 +386,7 @@ const TMDataGrid = React.forwardRef((props, ref) => {
                         // Temporary: iOS-specific styles to prevent default long-press menu and text selection
                         WebkitTouchCallout: 'none',
                         WebkitUserSelect: 'none'
-                    }, children: [dataColumns.map((column, index) => (_jsx(Column, { ...column }, column.caption + index.toString()))), sorting && _jsx(Sorting, { ...sorting }), selection && _jsx(Selection, { ...selection }), scrolling && _jsx(Scrolling, { ...scrolling }), summary && _jsx(Summary, { ...summary }), showHeaderFilter && _jsx(HeaderFilter, { visible: true, ...headerFilter }), rowDragging && _jsx(RowDragging, { ...rowDragging }), filterRow && _jsx(FilterRow, { ...filterRow }), showFilterPanel && _jsx(FilterPanel, { visible: true }), showHeaderColumnChooser && _jsxs(ColumnChooser, { height: "400px", enabled: !showHeaderColumnChooser, mode: "select", children: [_jsx(Position, { my: "center", at: "center", of: window }), _jsx(ColumnChooserSearch, { enabled: true }), _jsx(ColumnChooserSelection, { allowSelectAll: false, selectByClick: true, recursive: true })] }), stateStoring && _jsx(StateStoring, { ...stateStoring }), groupPanel && _jsx(GroupPanel, { ...groupPanel }), _jsx(Grouping, { contextMenuEnabled: true, ...grouping }), _jsx(LoadPanel, { enabled: showLoadPanel }), _jsx(SearchPanel, { visible: showSearchPanel, searchVisibleColumnsOnly: true, highlightSearchText: true }), editing && _jsx(Editing, { ...editing }), paging && _jsx(Paging, { ...paging }), effectivePager && _jsx(Pager, { ...effectivePager, visible: totalRecordCount > pageSize }), masterDetail && _jsx(MasterDetail, { ...masterDetail })] }) }), counterConfig.show && _jsx("div", { style: { width: "100%", height: "25px", display: "flex", alignItems: "center", gap: "15px", backgroundColor: "#e0e0e0" }, children: _jsx(TMCounterContainer, { items: counterValues, bgColorContainer: counterConfig.bgColorContainer, bgColorItem: counterConfig.bgColorItem, hoverColorItem: counterConfig.hoverColorItem, textColorItem: counterConfig.textColorItem }) }), customContextMenuItems && (_jsx(TMContextMenu, { target: ".dx-data-row", items: processCustomContextMenuItems(customContextMenuItems, customContextMenuRowKey), externalControl: {
+                    }, children: [dataColumns.map((column, index) => (_jsx(Column, { ...column }, column.caption + index.toString()))), sorting && _jsx(Sorting, { ...sorting }), selection && _jsx(Selection, { ...selection }), scrolling && _jsx(Scrolling, { ...scrolling }), summary && _jsx(Summary, { ...summary }), showHeaderFilter && _jsx(HeaderFilter, { visible: true, ...headerFilter, search: { enabled: true, ...headerFilter?.search } }), rowDragging && _jsx(RowDragging, { ...rowDragging }), filterRow && _jsx(FilterRow, { ...filterRow }), showFilterPanel && _jsx(FilterPanel, { visible: true }), showHeaderColumnChooser && _jsxs(ColumnChooser, { height: "400px", enabled: !showHeaderColumnChooser, mode: "select", children: [_jsx(Position, { my: "center", at: "center", of: window }), _jsx(ColumnChooserSearch, { enabled: true }), _jsx(ColumnChooserSelection, { allowSelectAll: false, selectByClick: true, recursive: true })] }), stateStoring && _jsx(StateStoring, { ...stateStoring }), groupPanel && _jsx(GroupPanel, { ...groupPanel }), _jsx(Grouping, { contextMenuEnabled: true, ...grouping }), _jsx(LoadPanel, { enabled: showLoadPanel }), _jsx(SearchPanel, { visible: showSearchPanel, searchVisibleColumnsOnly: true, highlightSearchText: true }), editing && _jsx(Editing, { ...editing }), paging && _jsx(Paging, { ...paging }), effectivePager && _jsx(Pager, { ...effectivePager, visible: totalRecordCount > pageSize }), masterDetail && _jsx(MasterDetail, { ...masterDetail })] }) }), counterConfig.show && _jsx("div", { style: { width: "100%", height: "25px", display: "flex", alignItems: "center", gap: "15px", backgroundColor: "#e0e0e0" }, children: _jsx(TMCounterContainer, { items: counterValues, bgColorContainer: counterConfig.bgColorContainer, bgColorItem: counterConfig.bgColorItem, hoverColorItem: counterConfig.hoverColorItem, textColorItem: counterConfig.textColorItem }) }), customContextMenuItems && (_jsx(TMContextMenu, { target: ".dx-data-row", items: processCustomContextMenuItems(customContextMenuItems, customContextMenuRowKey), externalControl: {
                     visible: customContextMenuVisible,
                     position: customContextMenuPosition,
                     onClose: () => setCustomContextMenuVisible(false)

package/lib/components/features/documents/TMMasterInfoFields.js

@@ -13,11 +13,17 @@ const styles = {
     wrapper: { display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0, borderTop: `1px solid ${TMColors.card_background}` },
     body: { flex: 1, minHeight: 0, padding: '13px 10px 9px', display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(185px, 1fr))', gridAutoRows: 'max-content', alignContent: 'start', columnGap: '10px', rowGap: '13px', overflow: 'auto' },
     item: { position: 'relative', display: 'flex', alignItems: 'center', minWidth: 0, minHeight: '30px', padding: '5px 10px 4px', borderRadius: '8px', border: `1px solid ${TMColors.card_background}`, background: TMColors.default_background, transition: 'border-color 0.15s ease, box-shadow 0.15s ease' },
-    label: { position: 'absolute', top: '-7px', left: '8px', maxWidth: 'calc(100% - 16px)', padding: '0 5px', background: TMColors.default_background, fontSize: '9px', fontWeight: 700, lineHeight: '13px', letterSpacing: '0.5px', textTransform: 'uppercase', color: TMColors.label_normal, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' },
+    // Come per il pulsante copia, la posizione sta sull'ancora del tooltip; il troncamento con i
+    // puntini deve invece stare sull'elemento che contiene il testo
+    label: { position: 'absolute', top: '-7px', left: '8px', maxWidth: 'calc(100% - 16px)', minWidth: 0, padding: '0 5px', background: TMColors.default_background },
+    labelText: { maxWidth: '100%', fontSize: '9px', fontWeight: 700, lineHeight: '13px', letterSpacing: '0.5px', textTransform: 'uppercase', color: TMColors.label_normal, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' },
     value: { display: 'block', width: '100%', fontSize: '12.5px', fontWeight: 500, color: TMColors.text_normal, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', userSelect: 'text', cursor: 'text', minHeight: '17px', lineHeight: '17px' },
     emptyValue: { color: TMColors.disabled, fontWeight: 400 },
     // Pulsante di copia: pastiglia sul bordo superiore della card, come la caption
-    copyBtn: { position: 'absolute', top: '-9px', right: '6px', display: 'flex', alignItems: 'center', justifyContent: 'center', width: '18px', height: '18px', padding: 0, borderRadius: '50%', border: `1px solid ${TMColors.card_background}`, background: TMColors.default_background, color: TMColors.label_normal, cursor: 'pointer', transition: 'opacity 0.15s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease' },
+    // La posizione sta sull'ancora e non sul pulsante: è il contenitore del tooltip, che deve stare
+    // dove si vede il pulsante, altrimenti il tooltip si aprirebbe altrove
+    copyBtnAnchor: { position: 'absolute', top: '-9px', right: '6px', transition: 'opacity 0.15s ease' },
+    copyBtn: { display: 'flex', alignItems: 'center', justifyContent: 'center', width: '18px', height: '18px', padding: 0, borderRadius: '50%', border: `1px solid ${TMColors.card_background}`, background: TMColors.default_background, color: TMColors.label_normal, cursor: 'pointer', transition: 'background 0.15s ease, color 0.15s ease, border-color 0.15s ease' },
     placeholder: { gridColumn: '1 / -1', padding: '6px 2px', color: TMColors.label_normal, fontSize: '12px' },
     // Barra di ricerca
     searchBar: { display: 'flex', alignItems: 'center', gap: '8px', padding: '12px 14px 0', flexShrink: 0 },
@@ -58,7 +64,7 @@ const MetadataCard = ({ caption, copyText, children }) => {
     };
     // Il pulsante resta visibile durante il feedback e quando ha il focus (accessibilità da tastiera)
     const isCopyVisible = copyText !== '' && (!SUPPORTS_HOVER || isHovered || isCopied);
-    return (_jsxs("div", { style: styles.item, onMouseEnter: (e) => { setIsHovered(true); Object.assign(e.currentTarget.style, { borderColor: TMColors.primary, boxShadow: '0 2px 8px rgba(37, 89, 165, 0.14)' }); }, onMouseLeave: (e) => { setIsHovered(false); Object.assign(e.currentTarget.style, { borderColor: TMColors.card_background, boxShadow: 'none' }); }, children: [_jsx("span", { style: { ...styles.label, maxWidth: isCopyVisible ? 'calc(100% - 38px)' : 'calc(100% - 16px)' }, title: caption, children: caption }), children, copyText !== '' && (_jsx("button", { type: 'button', style: { ...styles.copyBtn, ...(isCopied ? COPY_BTN_COPIED : COPY_BTN_IDLE), opacity: isCopyVisible ? 1 : 0, pointerEvents: isCopyVisible ? 'auto' : 'none' }, title: isCopied ? SDKUI_Localizator.CopiedSuccessfully : SDKUI_Localizator.CopyToClipboard, "aria-label": SDKUI_Localizator.CopyToClipboard, onClick: copyAsync, onFocus: () => setIsHovered(true), onBlur: () => setIsHovered(false), ...hoverStyle(isCopied ? COPY_BTN_COPIED : COPY_BTN_HOVER, isCopied ? COPY_BTN_COPIED : COPY_BTN_IDLE), children: isCopied ? _jsx(IconSuccess, { fontSize: 11 }) : _jsx(IconCopy, { fontSize: 11 }) }))] }));
+    return (_jsxs("div", { style: styles.item, onMouseEnter: (e) => { setIsHovered(true); Object.assign(e.currentTarget.style, { borderColor: TMColors.primary, boxShadow: '0 2px 8px rgba(37, 89, 165, 0.14)' }); }, onMouseLeave: (e) => { setIsHovered(false); Object.assign(e.currentTarget.style, { borderColor: TMColors.card_background, boxShadow: 'none' }); }, children: [_jsx(TMTooltip, { content: caption, parentStyle: { ...styles.label, maxWidth: isCopyVisible ? 'calc(100% - 38px)' : 'calc(100% - 16px)' }, childStyle: { maxWidth: '100%', minWidth: 0 }, children: _jsx("span", { style: styles.labelText, children: caption }) }), children, copyText !== '' && (_jsx(TMTooltip, { content: isCopied ? SDKUI_Localizator.CopiedSuccessfully : SDKUI_Localizator.CopyToClipboard, parentStyle: { ...styles.copyBtnAnchor, opacity: isCopyVisible ? 1 : 0, pointerEvents: isCopyVisible ? 'auto' : 'none' }, children: _jsx("button", { type: 'button', style: { ...styles.copyBtn, ...(isCopied ? COPY_BTN_COPIED : COPY_BTN_IDLE) }, "aria-label": SDKUI_Localizator.CopyToClipboard, onClick: copyAsync, onFocus: () => setIsHovered(true), onBlur: () => setIsHovered(false), ...hoverStyle(isCopied ? COPY_BTN_COPIED : COPY_BTN_HOVER, isCopied ? COPY_BTN_COPIED : COPY_BTN_IDLE), children: isCopied ? _jsx(IconSuccess, { fontSize: 11 }) : _jsx(IconCopy, { fontSize: 11 }) }) }))] }));
 };
 // Riepilogo dei metadati di un documento in card compatte
 const TMMasterInfoFields = ({ dtd, dcmt, getValuesByMidAsync, reloadToken, isExpandedView = false }) => {
@@ -157,7 +163,7 @@ const TMMasterInfoFields = ({ dtd, dcmt, getValuesByMidAsync, reloadToken, isExp
                             e.preventDefault();
                             e.stopPropagation();
                             setFilter('');
-                        } }, onFocus: (e) => Object.assign(e.currentTarget.parentElement?.style ?? {}, { borderColor: TMColors.primary, boxShadow: '0 0 0 2px rgba(37, 89, 165, 0.14)' }), onBlur: (e) => Object.assign(e.currentTarget.parentElement?.style ?? {}, { borderColor: TMColors.card_background, boxShadow: 'none' }) }), filter !== '' && (_jsx("button", { type: 'button', style: styles.searchClear, title: SDKUI_Localizator.Clear, "aria-label": SDKUI_Localizator.Clear, onClick: () => setFilter(''), ...hoverStyle({ background: TMColors.primary_container, color: TMColors.primary }, { background: 'transparent', color: TMColors.label_normal }), children: _jsx(IconClearButton, { fontSize: 13 }) }))] }), _jsxs("span", { style: styles.searchCount, children: [filteredRows.length, "/", rows.length] })] }));
+                        } }, onFocus: (e) => Object.assign(e.currentTarget.parentElement?.style ?? {}, { borderColor: TMColors.primary, boxShadow: '0 0 0 2px rgba(37, 89, 165, 0.14)' }), onBlur: (e) => Object.assign(e.currentTarget.parentElement?.style ?? {}, { borderColor: TMColors.card_background, boxShadow: 'none' }) }), filter !== '' && (_jsx(TMTooltip, { content: SDKUI_Localizator.Clear, parentStyle: { display: 'flex', flexShrink: 0 }, children: _jsx("button", { type: 'button', style: styles.searchClear, "aria-label": SDKUI_Localizator.Clear, onClick: () => setFilter(''), ...hoverStyle({ background: TMColors.primary_container, color: TMColors.primary }, { background: 'transparent', color: TMColors.label_normal }), children: _jsx(IconClearButton, { fontSize: 13 }) }) }))] }), _jsxs("span", { style: styles.searchCount, children: [filteredRows.length, "/", rows.length] })] }));
     // La ricerca sta solo nella vista ingrandita: in linea lo spazio è poco e l'elenco è limitato
     // all'anteprima, con il pulsante per aprirlo tutto
     const hasSearch = isExpandedView && rows.length > PREVIEW_COUNT;

package/lib/components/features/documents/TMMultiMasterDetailDcmtsForm.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { LayoutModes } from "@topconsultnpm/sdk-ts";
 import { LoadIndicator } from "devextreme-react/load-indicator";
 import { SearchResultContext } from "../../../ts";
@@ -19,7 +19,7 @@ import TMDcmtForm from "./TMDcmtForm";
 import TMDcmtIcon from "./TMDcmtIcon";
 import TMMasterInfoFields from "./TMMasterInfoFields";
 import { MultiDetailArchivePhase, useMultiMasterDetailDcmts } from "../../../hooks/useMultiMasterDetailDcmts";
-import { accordionStyles, getDtdDisplayName, INLINE_EDITABLE_CELL_CLASS, multiDetailStyles, PANEL_GUTTER_PX, renderAccordionHeader, renderSelectDcmtType, renderStepper, SECTION_HEADER_HEIGHT_PX, sectionPanelHeights, TMSectionPanelsHeights, TMSummarySectionSlot } from "./TMMultiMasterDetailDcmtsUtils";
+import { accordionStyles, getDtdDisplayName, INLINE_EDITABLE_CELL_CLASS, multiDetailStyles, PANEL_GUTTER_PX, renderAccordionHeader, renderSelectDcmtType, renderStepper, SECTION_HEADER_HEIGHT_PX, sectionPanelHeights, TMSectionPanelsHeights, TMSummaryResizeTracker, TMSummarySectionSlot } from "./TMMultiMasterDetailDcmtsUtils";
 // Stili delle sezioni in TMMultiMasterDetailDcmtsUtils (vedi accordionStyles e multiDetailStyles)
 const styles = {
     content: { display: 'flex', flexDirection: 'column', height: '100%', minHeight: 0 },
@@ -46,7 +46,7 @@ const styles = {
 const MOBILE_SECTION = 'archiveList';
 const TMMultiMasterDetailDcmtsForm = (props) => {
     const { dtd, masterDcmt, onClose, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, showDcmtFormSidebar, showTodoDcmtForm, openFileUploaderPdfEditor, graphometricManager, editPdfForm, openS4TViewer, showToppyDraggableHelpCenter, toppyHelpCenterUsePortal, fetchRemoteCertificates, onOpenS4TViewerRequest, onOpenPdfEditorRequest, onReferenceClick, onTaskCreateRequest, onRefreshAfterAddDcmtToFavs, onFileOpened, passToArchiveCallback, openWGsCopyMoveForm } = props;
-    const { isLoading, isSummaryReady, phase, setPhase, detailRelationItems, selectedRelation, selectedItem, hasMultipleTypes, selectRelation, backToTypeSelection, isBackLocked, closeModal, sectionsOpen, setSectionOpen, openAllSections, clearLayout, layoutResetToken, canUpdateMaster, masterFieldsCount, getMasterMetadataAsync, masterInfoReloadToken, isOpenMasterForm, setIsOpenMasterForm, handleMasterSavedAsync, archivedDetailResults, archivedDetailsCount, isLoadingArchivedDetails, refreshArchivedDetailsAsync, detailColumns, detailSupportsFile, archiveRows, currentRows, focusedRowKey, setFocusedRowKey, selectedRowKeys, setSelectedRowKeys, isOpenAddForm, editingRowId, editingRow, formInputMids, openAddForm, openEditForm, closeAddForm, deleteRow, duplicateRow, upsertRow, updateRowValues, stopOnFirstError, setStopOnFirstError, isArchiving, archiveAllAsync, waitPanel, abortController, } = useMultiMasterDetailDcmts({ dtd, masterDcmt, onClose });
+    const { isLoading, isSummaryReady, phase, setPhase, detailRelationItems, selectedRelation, selectedItem, hasMultipleTypes, selectRelation, backToTypeSelection, isBackLocked, closeModal, sectionsOpen, setSectionOpen, openAllSections, clearLayout, layoutResetToken, hasSavedLayout, setHasSavedLayout, canUpdateMaster, masterFieldsCount, getMasterMetadataAsync, masterInfoReloadToken, isOpenMasterForm, setIsOpenMasterForm, handleMasterSavedAsync, archivedDetailResults, archivedDetailsCount, isLoadingArchivedDetails, refreshArchivedDetailsAsync, detailColumns, detailSupportsFile, archiveRows, currentRows, focusedRowKey, setFocusedRowKey, selectedRowKeys, setSelectedRowKeys, isOpenAddForm, editingRowId, editingRow, formInputMids, openAddForm, openEditForm, closeAddForm, deleteRow, duplicateRow, upsertRow, updateRowValues, stopOnFirstError, setStopOnFirstError, isArchiving, archiveAllAsync, waitPanel, abortController, } = useMultiMasterDetailDcmts({ dtd, masterDcmt, onClose });
     const deviceType = useDeviceType();
     // Su mobile il panel manager mostra un pannello alla volta: le sezioni si raggiungono dalla sua barra
     const isMobile = useMemo(() => deviceType === DeviceType.MOBILE, [deviceType]);
@@ -56,6 +56,16 @@ const TMMultiMasterDetailDcmtsForm = (props) => {
         if (isMobile && isSummaryReady)
             openAllSections();
     }, [isMobile, isSummaryReady]);
+    // Le altezze sono una scelta dell'utente solo da quando sposta un separatore: quelle calcolate all'apertura
+    // o al collasso di una sezione non vanno salvate. Con un layout già salvato lo sono comunque
+    const hasUserResizedRef = useRef(false);
+    useEffect(() => { hasUserResizedRef.current = hasMultiDetailPanelStates(); }, [layoutResetToken]);
+    const persistPanelStatesOnUserResize = useCallback((panelStates) => {
+        if (!hasUserResizedRef.current)
+            return;
+        saveMultiDetailPanelStates(panelStates);
+        setHasSavedLayout(true);
+    }, []);
     // Ricerca nella griglia dei dettagli da archiviare, come in TMSearch (vedi useDocumentOperations)
     const [showGridSearch, setShowGridSearch] = useState(false);
     const toggleGridSearchItem = {
@@ -104,7 +114,7 @@ const TMMultiMasterDetailDcmtsForm = (props) => {
             allowSorting: false, allowFiltering: false, allowHeaderFiltering: false, allowResizing: false,
             allowReordering: false, allowHiding: false, showInColumnChooser: false, allowEditing: false,
             cssClass: 'tm-row-actions',
-            cellRender: (cell) => (_jsxs("div", { style: styles.actionsCell, children: [_jsx("span", { style: styles.actionIcon, title: SDKUI_Localizator.Update, onClick: () => openEditForm(cell.data), children: _jsx(IconEdit, { fontSize: 18, color: TMColors.primary }) }), _jsx("span", { style: styles.actionIcon, title: SDKUI_Localizator.Duplicate, onClick: () => duplicateRow(cell.data), children: _jsx(IconDuplicate, { fontSize: 18, color: TMColors.tertiary }) }), _jsx("span", { style: styles.actionIcon, title: SDKUI_Localizator.Deletion, onClick: () => deleteRow(cell.data), children: _jsx(IconDelete, { fontSize: 18, color: TMColors.error }) })] })),
+            cellRender: (cell) => (_jsxs("div", { style: styles.actionsCell, children: [_jsx(TMTooltip, { content: SDKUI_Localizator.Update, children: _jsx("span", { style: styles.actionIcon, onClick: () => openEditForm(cell.data), children: _jsx(IconEdit, { fontSize: 18, color: TMColors.primary }) }) }), _jsx(TMTooltip, { content: SDKUI_Localizator.Duplicate, children: _jsx("span", { style: styles.actionIcon, onClick: () => duplicateRow(cell.data), children: _jsx(IconDuplicate, { fontSize: 18, color: TMColors.tertiary }) }) }), _jsx(TMTooltip, { content: SDKUI_Localizator.Deletion, children: _jsx("span", { style: styles.actionIcon, onClick: () => deleteRow(cell.data), children: _jsx(IconDelete, { fontSize: 18, color: TMColors.error }) }) })] })),
         };
         return [actionsColumn, iconColumn, ...detailColumns, ...(detailSupportsFile ? [fileColumn] : [])];
     }, [detailColumns, detailSupportsFile]);
@@ -139,22 +149,24 @@ const TMMultiMasterDetailDcmtsForm = (props) => {
         { name: SDKUI_Localizator.Deletion, icon: _jsx(IconDelete, { fontSize: 18, color: TMColors.error }), operationType: 'singleRow', beginGroup: true, onClick: (id) => deleteRow(archiveRows.find(r => r.id === id)) },
         toggleGridSearchItem,
     ], [archiveRows, showGridSearch]);
-    // Menu delle opzioni del modale, aperto dal pulsante a tre punti nella barra del titolo
-    const optionsMenuItems = useMemo(() => [
-        { name: 'Cancella layout', icon: _jsx(IconEraser, { fontSize: 18, color: TMColors.error }), onClick: clearLayout },
-    ], [clearLayout]);
+    // Menu delle opzioni del modale, aperto dal pulsante a tre punti nella barra del titolo.
+    // Con il layout di default non c'è niente da cancellare, quindi la voce non compare
+    const optionsMenuItems = useMemo(() => hasSavedLayout
+        ? [{ name: 'Cancella layout', icon: _jsx(IconEraser, { fontSize: 18, color: TMColors.error }), onClick: clearLayout }]
+        : [], [clearLayout, hasSavedLayout]);
     // Le opzioni riguardano i pannelli del riepilogo: fuori da quella fase non hanno effetto, e su mobile
     // non c'è un layout da cancellare (i pannelli si vedono uno alla volta, a tutta altezza)
     const renderOptionsMenu = () => {
-        if (!isSummaryPhase || isMobile)
+        // Senza voci non si mostra il pulsante, per non aprire un menu vuoto
+        if (!isSummaryPhase || isMobile || optionsMenuItems.length === 0)
             return undefined;
-        return (_jsx(ContextMenu, { trigger: 'left', items: optionsMenuItems, children: _jsx("span", { style: styles.titleMenuIcon, title: SDKUI_Localizator.Options, "aria-label": SDKUI_Localizator.Options, children: _jsx(IconMenuVertical, { fontSize: 16, color: "white" }) }) }));
+        return (_jsx(ContextMenu, { trigger: 'left', items: optionsMenuItems, children: _jsx(TMTooltip, { content: SDKUI_Localizator.Options, children: _jsx("span", { style: styles.titleMenuIcon, "aria-label": SDKUI_Localizator.Options, children: _jsx(IconMenuVertical, { fontSize: 16, color: "white" }) }) }) }));
     };
     // ----- Sezione: informazioni del master -----------------------------------------------------
     const renderMasterInfo = (panel) => {
         const isOpen = sectionsOpen.masterInfo;
         const editMasterButton = canUpdateMaster
-            ? (_jsx("button", { type: 'button', onClick: (e) => { e.stopPropagation(); setIsOpenMasterForm(true); }, style: accordionStyles.accordionExpandBtn, title: `${SDKUI_Localizator.Update}: ${getDtdDisplayName(dtd)}`, ...hoverStyle({ background: TMColors.primary_container, color: TMColors.primary }, { background: 'transparent', color: TMColors.label_normal }), children: _jsx(IconEdit, { fontSize: 16 }) }))
+            ? (_jsx(TMTooltip, { content: `${SDKUI_Localizator.Update}: ${getDtdDisplayName(dtd)}`, children: _jsx("button", { type: 'button', onClick: (e) => { e.stopPropagation(); setIsOpenMasterForm(true); }, style: accordionStyles.accordionExpandBtn, ...hoverStyle({ background: TMColors.primary_container, color: TMColors.primary }, { background: 'transparent', color: TMColors.label_normal }), children: _jsx(IconEdit, { fontSize: 16 }) }) }))
             : undefined;
         return (_jsxs("div", { style: { ...accordionStyles.accordion, ...accordionStyles.accordionInPanel }, children: [renderAccordionHeader({
                     section: 'masterInfo',
@@ -172,7 +184,7 @@ const TMMultiMasterDetailDcmtsForm = (props) => {
         const isOpen = sectionsOpen.archivedDetails;
         const hasResults = archivedDetailResults.length > 0 && archivedDetailsCount > 0;
         // Ricarica i dettagli già archiviati: la sezione va aperta, altrimenti l'esito non sarebbe visibile
-        const refreshArchivedButton = (_jsx("button", { type: 'button', onClick: (e) => { e.stopPropagation(); setSectionOpen('archivedDetails', true); refreshArchivedDetailsAsync(); }, disabled: isLoadingArchivedDetails, style: { ...accordionStyles.accordionExpandBtn, ...(isLoadingArchivedDetails ? { cursor: 'default', opacity: 0.5 } : {}) }, title: SDKUI_Localizator.Refresh, "aria-label": SDKUI_Localizator.Refresh, ...(isLoadingArchivedDetails ? {} : hoverStyle({ background: TMColors.primary_container, color: TMColors.primary }, { background: 'transparent', color: TMColors.label_normal })), children: _jsx(IconRefresh, { fontSize: 16 }) }));
+        const refreshArchivedButton = (_jsx(TMTooltip, { content: SDKUI_Localizator.Refresh, children: _jsx("button", { type: 'button', onClick: (e) => { e.stopPropagation(); setSectionOpen('archivedDetails', true); refreshArchivedDetailsAsync(); }, disabled: isLoadingArchivedDetails, style: { ...accordionStyles.accordionExpandBtn, ...(isLoadingArchivedDetails ? { cursor: 'default', opacity: 0.5 } : {}) }, "aria-label": SDKUI_Localizator.Refresh, ...(isLoadingArchivedDetails ? {} : hoverStyle({ background: TMColors.primary_container, color: TMColors.primary }, { background: 'transparent', color: TMColors.label_normal })), children: _jsx(IconRefresh, { fontSize: 16 }) }) }));
         return (_jsxs("div", { style: { ...accordionStyles.accordion, ...accordionStyles.accordionInPanel }, children: [renderAccordionHeader({
                     section: 'archivedDetails',
                     isOpen,
@@ -245,7 +257,9 @@ const TMMultiMasterDetailDcmtsForm = (props) => {
                 // passaggio fra impilato e un pannello alla volta, i pannelli vanno rimontati
                 , { panels: panels, initialVisibility: initialVisibility, defaultDimensions: initialDimensions, initialDimensions: initialDimensions, initialMobilePanelId: MOBILE_SECTION, 
                     // Su mobile il layout è imposto dal dispositivo: salvarlo sovrascriverebbe quello dell'utente
-                    isPersistenceEnabled: !isMobile, persistPanelStates: !isMobile ? saveMultiDetailPanelStates : undefined, children: [_jsx(TMSectionPanelsHeights, { sections: sections, sectionsOpen: sectionsOpen }), _jsx(TMPanelManagerContainer, { panels: panels, direction: 'vertical', showToolbar: isMobile, minPanelSizePx: SECTION_HEADER_HEIGHT_PX, gutterSizePx: isMobile ? undefined : PANEL_GUTTER_PX })] }, `${layoutResetToken}-${isMobile}`) }) }));
+                    isPersistenceEnabled: !isMobile, 
+                    // Le altezze si salvano solo dopo che l'utente ha spostato un separatore (vedi TMSummaryResizeTracker)
+                    persistPanelStates: !isMobile ? persistPanelStatesOnUserResize : undefined, children: [_jsx(TMSummaryResizeTracker, { onUserResize: () => { hasUserResizedRef.current = true; } }), _jsx(TMSectionPanelsHeights, { sections: sections, sectionsOpen: sectionsOpen }), _jsx(TMPanelManagerContainer, { panels: panels, direction: 'vertical', showToolbar: isMobile, minPanelSizePx: SECTION_HEADER_HEIGHT_PX, gutterSizePx: isMobile ? undefined : PANEL_GUTTER_PX })] }, `${layoutResetToken}-${isMobile}`) }) }));
     };
     const renderArchiveSummary = () => (_jsxs("div", { style: styles.summaryContainer, children: [renderSectionsInPanels(), _jsxs("div", { style: styles.footer, children: [_jsxs("label", { style: styles.footerLabel, ...hoverStyle({ borderColor: TMColors.primary, color: TMColors.text_normal }, { borderColor: TMColors.card_background, color: TMColors.label_normal }), children: [_jsx("input", { type: "checkbox", checked: stopOnFirstError, onChange: (e) => setStopOnFirstError(e.target.checked), style: styles.checkbox }), SDKUI_Localizator.StopOnFirstError] }), _jsxs("button", { type: "button", onClick: archiveAllAsync, disabled: isArchiveDisabled, style: {
                             ...styles.archiveButton,

package/lib/components/features/documents/TMMultiMasterDetailDcmtsUtils.d.ts

@@ -211,7 +211,6 @@ export declare const multiDetailStyles: {
         lineHeight: number;
     };
 };
-/** Stili delle sezioni collassabili: qui perché la testata comune (renderAccordionHeader) vive in questo file */
 export declare const accordionStyles: {
     accordion: {
         display: "flex";
@@ -251,11 +250,6 @@ export declare const accordionStyles: {
         display: "inline-flex";
         alignItems: "center";
         justifyContent: "center";
-        minWidth: string;
-        height: string;
-        padding: string;
-        borderRadius: string;
-        background: string;
         color: string;
         fontSize: string;
         fontWeight: number;
@@ -349,6 +343,15 @@ export declare const TMSummarySectionSlot: ({ section, render, onBeforeMaximize
     render: (panel: SectionPanelState) => React.ReactNode;
     onBeforeMaximize?: (section: AccordionSection) => void;
 }) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Segnala che l'utente ha spostato un separatore: è l'unico caso in cui le altezze dei pannelli sono
+ * una sua scelta, quindi la sola da salvare. Le quote calcolate all'apertura del riepilogo o al
+ * collasso di una sezione non vanno scritte nel local storage.
+ * Vive dentro il provider perché il contesto è leggibile solo lì
+ */
+export declare const TMSummaryResizeTracker: ({ onUserResize }: {
+    onUserResize: () => void;
+}) => null;
 /**
  * Tiene allineate le altezze dei pannelli al collasso delle sezioni: il panel manager non
  * conosce il collasso, quindi è qui che l'apertura di una sezione si traduce nelle nuove quote.

package/lib/components/features/documents/TMMultiMasterDetailDcmtsUtils.js

@@ -9,7 +9,11 @@ import TMTooltip from '../../base/TMTooltip';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import { useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
 // l'elenco da archiviare è l'informazione più importante, quindi prende la fetta maggiore
-export const SECTION_WEIGHTS = { masterInfo: 25, archivedDetails: 30, archiveList: 45 };
+export const SECTION_WEIGHTS = {
+    masterInfo: 25,
+    archivedDetails: 30,
+    archiveList: 45
+};
 export const SECTION_HEADER_HEIGHT_PX = 30;
 // Spessore dei separatori fra i pannelli
 export const PANEL_GUTTER_PX = 10;
@@ -128,15 +132,13 @@ export const multiDetailStyles = {
     typeCardIcon: { width: '34px', height: '34px', borderRadius: '9px', background: TMColors.primary_container, display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0 },
     typeCardName: { flex: 1, fontSize: '14px', fontWeight: 500, color: TMColors.text_normal, whiteSpace: 'normal', wordBreak: 'break-word', lineHeight: 1.3 },
 };
-/** Stili delle sezioni collassabili: qui perché la testata comune (renderAccordionHeader) vive in questo file */
+// Stili delle sezioni collassabili
 export const accordionStyles = {
     accordion: { display: 'flex', flexDirection: 'column', minHeight: 0, borderRadius: '8px', border: `1px solid ${TMColors.card_background}`, background: TMColors.default_background, overflow: 'hidden' },
-    // Sezione dentro un pannello: l'altezza è quella del pannello, che la sezione riempie. Serve `flex`
-    // e non `height: 100%`, perché il pannello chiuso ha altezza 0 e vive del suo ingombro minimo
     accordionInPanel: { flex: 1 },
     accordionHeader: { display: 'flex', alignItems: 'center', gap: '8px', padding: '4px 8px', cursor: 'pointer', userSelect: 'none', transition: 'background 0.15s ease', outline: 'none', flexShrink: 0, minHeight: '28px' },
     accordionTitle: { flex: 1, fontSize: '12px', fontWeight: 600, color: TMColors.text_normal, display: 'flex', alignItems: 'center', gap: '6px', minWidth: 0 },
-    accordionBadge: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', minWidth: '18px', height: '16px', padding: '0 5px', borderRadius: '8px', background: TMColors.primary_container, color: TMColors.primary, fontSize: '10px', fontWeight: 700, flexShrink: 0 },
+    accordionBadge: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', color: TMColors.primary, fontSize: '13px', fontWeight: 700, flexShrink: 0 },
     accordionListBody: { position: 'relative', flex: 1, minHeight: 0, display: 'flex', flexDirection: 'column', borderTop: `1px solid ${TMColors.card_background}` },
     accordionListPlaceholder: { display: 'flex', flex: 1, alignItems: 'center', justifyContent: 'center', gap: '10px', padding: '16px', color: TMColors.label_normal, fontSize: '13px' },
     accordionExpandBtn: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '20px', height: '20px', padding: 0, borderRadius: '6px', border: 'none', background: 'transparent', color: TMColors.label_normal, cursor: 'pointer', flexShrink: 0, transition: 'background 0.15s ease, color 0.15s ease' },
@@ -186,12 +188,10 @@ export const renderAccordionHeader = ({ section, isOpen, tooltip, count, title,
     const canMaximize = panel.canMaximize;
     const onToggle = () => onToggleOpen(section, !isOpen);
     const expandTooltip = panel.isMaximized ? SDKUI_Localizator.Minimize : SDKUI_Localizator.ZoomIn;
-    return (_jsxs("div", { role: canToggle ? 'button' : undefined, tabIndex: canToggle ? 0 : undefined, "aria-expanded": canToggle ? isOpen : undefined, style: { ...accordionStyles.accordionHeader, background: restBackground, ...(canToggle ? {} : { cursor: 'default' }) }, onClick: canToggle ? onToggle : undefined, 
-        // Doppio click sulla testata: ingrandisce e riduce, come nei pannelli del prodotto
-        onDoubleClick: canMaximize ? () => panel.toggleMaximize() : undefined, onKeyDown: canToggle ? (e) => { if (e.key === 'Enter' || e.key === ' ') {
+    return (_jsxs("div", { role: canToggle ? 'button' : undefined, tabIndex: canToggle ? 0 : undefined, "aria-expanded": canToggle ? isOpen : undefined, style: { ...accordionStyles.accordionHeader, background: restBackground, ...(canToggle ? {} : { cursor: 'default' }) }, onClick: canToggle ? onToggle : undefined, onDoubleClick: canMaximize ? () => panel.toggleMaximize() : undefined, onKeyDown: canToggle ? (e) => { if (e.key === 'Enter' || e.key === ' ') {
             e.preventDefault();
             onToggle();
-        } } : undefined, title: canToggle ? tooltip : undefined, ...(canToggle ? hoverStyle({ background: TMColors.primary_container }, { background: restBackground }) : {}), children: [_jsxs("span", { style: accordionStyles.accordionTitle, children: [title, _jsx("span", { style: accordionStyles.accordionBadge, children: count })] }), actions, canMaximize && (_jsx("button", { type: 'button', onClick: (e) => { e.stopPropagation(); panel.toggleMaximize(); }, style: accordionStyles.accordionExpandBtn, title: expandTooltip, "aria-label": expandTooltip, ...hoverStyle({ background: TMColors.primary_container, color: TMColors.primary }, { background: 'transparent', color: TMColors.label_normal }), children: panel.isMaximized ? _jsx(IconWindowMinimize, { fontSize: 14 }) : _jsx(IconWindowMaximize, { fontSize: 14 }) })), canToggle && (_jsx(IconChevronRight, { fontSize: 16, color: TMColors.label_normal, style: { transform: isOpen ? 'rotate(90deg)' : 'none', transition: 'transform 0.2s ease', flexShrink: 0 } }))] }));
+        } } : undefined, ...(canToggle ? hoverStyle({ background: TMColors.primary_container }, { background: restBackground }) : {}), children: [_jsx(TMTooltip, { content: canToggle ? tooltip : undefined, parentStyle: { flex: 1, minWidth: 0 }, childStyle: { maxWidth: '100%' }, children: _jsxs("span", { style: accordionStyles.accordionTitle, children: [title, _jsx("span", { style: accordionStyles.accordionBadge, children: count })] }) }), actions, canMaximize && (_jsx(TMTooltip, { content: expandTooltip, children: _jsx("button", { type: 'button', onClick: (e) => { e.stopPropagation(); panel.toggleMaximize(); }, style: accordionStyles.accordionExpandBtn, "aria-label": expandTooltip, ...hoverStyle({ background: TMColors.primary_container, color: TMColors.primary }, { background: 'transparent', color: TMColors.label_normal }), children: panel.isMaximized ? _jsx(IconWindowMinimize, { fontSize: 14 }) : _jsx(IconWindowMaximize, { fontSize: 14 }) }) })), canToggle && (_jsx(IconChevronRight, { fontSize: 16, color: TMColors.label_normal, style: { transform: isOpen ? 'rotate(90deg)' : 'none', transition: 'transform 0.2s ease', flexShrink: 0 } }))] }));
 };
 /**
  * Contenuto di un pannello: il contesto del panel manager è leggibile solo dentro l'albero del
@@ -213,6 +213,20 @@ export const TMSummarySectionSlot = ({ section, render, onBeforeMaximize }) => {
     };
     return _jsx(_Fragment, { children: render({ isMaximized, canMaximize: !isMobile, canCollapse: !isMobile, toggleMaximize: toggleMaximizeSection }) });
 };
+/**
+ * Segnala che l'utente ha spostato un separatore: è l'unico caso in cui le altezze dei pannelli sono
+ * una sua scelta, quindi la sola da salvare. Le quote calcolate all'apertura del riepilogo o al
+ * collasso di una sezione non vanno scritte nel local storage.
+ * Vive dentro il provider perché il contesto è leggibile solo lì
+ */
+export const TMSummaryResizeTracker = ({ onUserResize }) => {
+    const { isResizingActive } = useTMPanelManagerContext();
+    useEffect(() => {
+        if (isResizingActive)
+            onUserResize();
+    }, [isResizingActive]);
+    return null;
+};
 /**
  * Tiene allineate le altezze dei pannelli al collasso delle sezioni: il panel manager non
  * conosce il collasso, quindi è qui che l'apertura di una sezione si traduce nelle nuove quote.
@@ -236,10 +250,7 @@ export const TMSectionPanelsHeights = ({ sections, sectionsOpen }) => {
         }
         if (hasMaximizedPanel)
             return;
-        // Solo i pannelli a schermo si spartiscono l'altezza: contando anche i nascosti (su mobile ne
-        // resta visibile uno solo) al pannello a schermo toccherebbe la sua sola quota nominale,
-        // lasciando vuoto lo spazio dei pannelli che non ci sono. Chi è fuori schermo resta alle proprie
-        // quote, che sono quelle da cui il panel manager riparte quando lo si torna a mostrare
+        // Solo i pannelli a schermo si spartiscono l'altezza, altrimenti resterebbe vuoto lo spazio dei nascosti
         const visibleSections = sections.filter(section => panelVisibility[section] !== false);
         const heights = sectionPanelHeights(visibleSections, sectionsOpen, dimensionsRef.current);
         visibleSections.forEach(section => setPanelDimensionsById(section, heights[section].width, heights[section].height));

package/lib/components/layout/panelManager/TMPanelManagerContext.js

@@ -53,7 +53,6 @@ export const TMPanelManagerProvider = (props) => {
                 // Recursively hide parents
                 const parentsToHide = hideParentRecursively(id, hierarchyMap, updatedVisibility);
                 parentsToHide.forEach(([pid, visible]) => { updatedVisibility[pid] = visible; });
-                4;
                 // Redistribute dimensions after hiding
                 setPanelDimensions(prev => redistributeDimensionsOnHide(id, prev, hierarchyMap, updatedVisibility));
             }

package/lib/helper/SDKUI_Globals.d.ts

@@ -133,15 +133,18 @@ export type MultiDetailPanelStates = Record<string, MultiDetailPanelState>;
 export declare class ArchivingSettings {
     mruTIDs: number[];
     defaultTree: number;
-    /** Sezioni collassate dall'utente nel riepilogo, ripristinate alla riapertura */
-    multiDetailSectionsOpen: MultiDetailSectionsOpen;
+    /**
+     * Sezioni collassate dall'utente nel riepilogo, ripristinate alla riapertura. Assente finché
+     * l'utente non ne chiude una: le impostazioni di default non vanno scritte nel local storage
+     */
+    multiDetailSectionsOpen?: MultiDetailSectionsOpen;
     /**
      * Altezze dei pannelli del riepilogo, gestite dal panel manager. Non comprende il collasso delle
-     * sezioni, che è in multiDetailSectionsOpen: resta vuoto finché l'utente non sposta un separatore.
+     * sezioni, che è in multiDetailSectionsOpen: assente finché l'utente non sposta un separatore.
      */
-    multiDetailPanelStates: MultiDetailPanelStates;
+    multiDetailPanelStates?: MultiDetailPanelStates;
 }
-/** Stato di apertura salvato delle sezioni: i default coprono le impostazioni scritte prima di questo campo */
+/** Stato di apertura salvato delle sezioni: i default coprono l'impostazione mai modificata dall'utente */
 export declare const getMultiDetailSectionsOpen: () => MultiDetailSectionsOpen;
 export declare const saveMultiDetailSectionsOpen: (sectionsOpen: MultiDetailSectionsOpen) => void;
 /** Stato salvato dei pannelli: vuoto finché l'utente non ne ha ridimensionato nessuno */
@@ -149,6 +152,8 @@ export declare const getMultiDetailPanelStates: () => MultiDetailPanelStates;
 /** Il panel manager applica lo stato salvato solo se esiste: altrimenti riparte dalle quote di default */
 export declare const hasMultiDetailPanelStates: () => boolean;
 export declare const saveMultiDetailPanelStates: (panelStates: MultiDetailPanelStates) => void;
+/** C'è un layout dell'utente da cancellare: nel local storage le due impostazioni ci sono solo se diverse dai default */
+export declare const hasMultiDetailLayout: () => boolean;
 /**
  * Elimina dal local storage il layout configurato dall'utente per il riepilogo: altezze dei pannelli
  * e sezioni collassate. Alla riapertura le sezioni sono tutte espanse con le quote di default.

package/lib/helper/SDKUI_Globals.js

@@ -198,23 +198,19 @@ export class ArchivingSettings {
     constructor() {
         this.mruTIDs = [];
         this.defaultTree = -1;
-        /** Sezioni collassate dall'utente nel riepilogo, ripristinate alla riapertura */
-        this.multiDetailSectionsOpen = { ...DEFAULT_MULTI_DETAIL_SECTIONS_OPEN };
-        /**
-         * Altezze dei pannelli del riepilogo, gestite dal panel manager. Non comprende il collasso delle
-         * sezioni, che è in multiDetailSectionsOpen: resta vuoto finché l'utente non sposta un separatore.
-         */
-        this.multiDetailPanelStates = {};
     }
 }
-/** Stato di apertura salvato delle sezioni: i default coprono le impostazioni scritte prima di questo campo */
+/** Stato di apertura salvato delle sezioni: i default coprono l'impostazione mai modificata dall'utente */
 export const getMultiDetailSectionsOpen = () => ({
     ...DEFAULT_MULTI_DETAIL_SECTIONS_OPEN,
     ...SDKUI_Globals.userSettings.archivingSettings?.multiDetailSectionsOpen,
 });
 export const saveMultiDetailSectionsOpen = (sectionsOpen) => {
-    // Il proxy persiste solo intercettando l'assegnazione di una proprietà: la mappa va riassegnata per intero
-    SDKUI_Globals.userSettings.archivingSettings.multiDetailSectionsOpen = { ...sectionsOpen };
+    const isDefault = Object.keys(DEFAULT_MULTI_DETAIL_SECTIONS_OPEN)
+        .every(section => sectionsOpen[section] === DEFAULT_MULTI_DETAIL_SECTIONS_OPEN[section]);
+    // Il proxy persiste solo intercettando l'assegnazione di una proprietà: la mappa va riassegnata per intero.
+    // Tornata ai default l'impostazione va rimossa, così nel local storage restano solo le modifiche dell'utente
+    SDKUI_Globals.userSettings.archivingSettings.multiDetailSectionsOpen = isDefault ? undefined : { ...sectionsOpen };
 };
 /** Stato salvato dei pannelli: vuoto finché l'utente non ne ha ridimensionato nessuno */
 export const getMultiDetailPanelStates = () => SDKUI_Globals.userSettings.archivingSettings?.multiDetailPanelStates ?? {};
@@ -226,14 +222,17 @@ export const saveMultiDetailPanelStates = (panelStates) => {
     // Il proxy persiste solo intercettando l'assegnazione di una proprietà: la mappa va riassegnata per intero
     SDKUI_Globals.userSettings.archivingSettings.multiDetailPanelStates = { ...panelStates };
 };
+/** C'è un layout dell'utente da cancellare: nel local storage le due impostazioni ci sono solo se diverse dai default */
+export const hasMultiDetailLayout = () => hasMultiDetailPanelStates() || SDKUI_Globals.userSettings.archivingSettings?.multiDetailSectionsOpen !== undefined;
 /**
  * Elimina dal local storage il layout configurato dall'utente per il riepilogo: altezze dei pannelli
  * e sezioni collassate. Alla riapertura le sezioni sono tutte espanse con le quote di default.
  */
 export const clearMultiDetailLayout = () => {
-    // Il proxy persiste solo intercettando l'assegnazione di una proprietà: entrambe le mappe vanno riassegnate
-    SDKUI_Globals.userSettings.archivingSettings.multiDetailPanelStates = {};
-    SDKUI_Globals.userSettings.archivingSettings.multiDetailSectionsOpen = { ...DEFAULT_MULTI_DETAIL_SECTIONS_OPEN };
+    // Il proxy persiste solo intercettando l'assegnazione di una proprietà: entrambi i campi vanno riassegnati.
+    // Senza valore spariscono dal local storage e alla riapertura tornano validi i default
+    SDKUI_Globals.userSettings.archivingSettings.multiDetailPanelStates = undefined;
+    SDKUI_Globals.userSettings.archivingSettings.multiDetailSectionsOpen = undefined;
 };
 export class FullTextSettings {
     constructor() {

package/lib/hooks/useMultiMasterDetailDcmts.d.ts

@@ -59,6 +59,8 @@ export declare const useMultiMasterDetailDcmts: ({ dtd, masterDcmt, onClose }: U
     openAllSections: () => void;
     clearLayout: () => void;
     layoutResetToken: number;
+    hasSavedLayout: boolean;
+    setHasSavedLayout: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     canUpdateMaster: boolean;
     masterFieldsCount: number;
     getMasterMetadataAsync: () => Promise<Map<number, MetadataScalarValue>>;

package/lib/hooks/useMultiMasterDetailDcmts.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { ArchiveConstraints, ArchiveEngineByID, MetadataDataDomains, MetadataDataTypes, RelationCacheService, RelationTypes, ResultTypes, SDK_Globals } from '@topconsultnpm/sdk-ts';
 import { MetadataValueDescriptorEx } from '../ts';
-import { clearMultiDetailLayout, Globalization, getExceptionMessage, getMultiDetailSectionsOpen, saveMultiDetailSectionsOpen, SDKUI_Localizator } from '../helper';
+import { clearMultiDetailLayout, Globalization, getExceptionMessage, getMultiDetailSectionsOpen, hasMultiDetailLayout, saveMultiDetailSectionsOpen, SDKUI_Localizator } from '../helper';
 import { getDcmtMetadataByMid, getUserMetadataSorted, mapAssociationsFromMetadata } from '../helper/dcmtsHelper';
 import { ButtonNames, TMExceptionBoxManager, TMMessageBoxManager } from '../components/base/TMPopUp';
 import TMSpinner from '../components/base/TMSpinner';
@@ -54,6 +54,8 @@ export const useMultiMasterDetailDcmts = ({ dtd, masterDcmt, onClose }) => {
     const [sectionsOpen, setSectionsOpen] = useState(getMultiDetailSectionsOpen());
     // Cambia a ogni cancellazione del layout, per rimontare i pannelli sulle dimensioni di default
     const [layoutResetToken, setLayoutResetToken] = useState(0);
+    // Layout dell'utente nel local storage: senza non c'è niente da cancellare (è uno stato perché le altezze le salva il panel manager)
+    const [hasSavedLayout, setHasSavedLayout] = useState(hasMultiDetailLayout());
     // Master
     const [isOpenMasterForm, setIsOpenMasterForm] = useState(false);
     const [masterInfoReloadToken, setMasterInfoReloadToken] = useState(0);
@@ -222,6 +224,8 @@ export const useMultiMasterDetailDcmts = ({ dtd, masterDcmt, onClose }) => {
         const next = { ...sectionsOpen, [section]: isOpen };
         setSectionsOpen(next);
         saveMultiDetailSectionsOpen(next);
+        // Riaperte tutte le sezioni il collasso torna ai default: senza altezze salvate non c'è più layout
+        setHasSavedLayout(hasMultiDetailLayout());
         // I dettagli già archiviati si caricano alla prima apertura della sezione
         if (section === 'archivedDetails' && isOpen && !areArchivedDetailsLoadedRef.current && !isLoadingArchivedDetails)
             refreshArchivedDetailsAsync();
@@ -254,6 +258,7 @@ export const useMultiMasterDetailDcmts = ({ dtd, masterDcmt, onClose }) => {
                 const restored = getMultiDetailSectionsOpen();
                 setSectionsOpen(restored);
                 setLayoutResetToken(prev => prev + 1);
+                setHasSavedLayout(false);
                 // Le sezioni riaperte dal ripristino caricano i dettagli già archiviati come alla prima apertura
                 if (restored.archivedDetails && !areArchivedDetailsLoadedRef.current && !isLoadingArchivedDetails)
                     refreshArchivedDetailsAsync();
@@ -562,6 +567,7 @@ export const useMultiMasterDetailDcmts = ({ dtd, masterDcmt, onClose }) => {
         selectRelation, backToTypeSelection, isBackLocked, closeModal,
         // Sezioni
         sectionsOpen, setSectionOpen, openAllSections, clearLayout, layoutResetToken,
+        hasSavedLayout, setHasSavedLayout,
         // Master
         canUpdateMaster, masterFieldsCount, getMasterMetadataAsync, masterInfoReloadToken,
         isOpenMasterForm, setIsOpenMasterForm, handleMasterSavedAsync,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.22.0-dev2.22",
+    "version": "6.22.0-dev2.24",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",