@topconsultnpm/sdkui-react 6.22.0-dev2.29 → 6.22.0-dev2.30

package/lib/components/base/TMFileManagerUtils.d.ts

@@ -26,13 +26,6 @@ export interface FileItem {
     version?: number;
     isSigned?: number;
 }
-/**
- * Completa i nomi utente (autore e utente di check-out) di un FileItem quando mancano, risolvendoli dagli ID.
- * buildFolderHierarchy popola i nomi solo se riceve la lista dei partecipanti: nei refresh parziali
- * (es. dopo la condivisione di un nuovo file) i partecipanti possono non essere disponibili e i nomi
- * arrivano vuoti, svuotando la colonna Autore fino al ricaricamento completo.
- * Restituisce lo stesso oggetto se non c'è nulla da risolvere, per non invalidare le reference inutilmente.
- */
 export declare const resolveFileItemUserNames: (item: FileItem, users: Array<UserDescriptor>) => FileItem;
 export interface TMFileManagerTreeViewDirectory {
     id: number;

package/lib/components/base/TMFileManagerUtils.js

@@ -12,13 +12,7 @@ export const isSigned = (ext) => {
     const parts = normalized.split('.');
     return parts.some(part => SIGNATURE_EXTENSIONS.has(part));
 };
-/**
- * Completa i nomi utente (autore e utente di check-out) di un FileItem quando mancano, risolvendoli dagli ID.
- * buildFolderHierarchy popola i nomi solo se riceve la lista dei partecipanti: nei refresh parziali
- * (es. dopo la condivisione di un nuovo file) i partecipanti possono non essere disponibili e i nomi
- * arrivano vuoti, svuotando la colonna Autore fino al ricaricamento completo.
- * Restituisce lo stesso oggetto se non c'è nulla da risolvere, per non invalidare le reference inutilmente.
- */
+// Completa i nomi utente (autore e utente di check-out) di un FileItem quando mancano, risolvendoli dagli ID.
 export const resolveFileItemUserNames = (item, users) => {
     if (!users || users.length === 0)
         return item;

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

@@ -3,7 +3,10 @@ import { HomeBlogPost, TaskDescriptor } from '@topconsultnpm/sdk-ts';
 interface ITMDcmtBlogProps {
     tid: number | undefined;
     did: number | undefined;
+    /** Il pannello è aperto. La inietta TMPanelWrapper, non va passata dal chiamante */
     isVisible?: boolean;
+    /** La pagina che contiene il pannello è a video: quelle in secondo piano restano montate e non devono caricare */
+    isPageVisible?: boolean;
     fetchBlogDataTrigger?: number;
     onRefreshBlogDatagrid?: () => Promise<void>;
     showFloatingCommentButton?: boolean;

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

@@ -8,7 +8,7 @@ import TMBlogCommentForm from '../blog/TMBlogCommentForm';
 import TMBlogsPost from '../../grids/TMBlogsPost';
 import TMSpinner from '../../base/TMSpinner';
 import { TMExceptionBoxManager } from '../../base/TMPopUp';
-const TMDcmtBlog = ({ tid, did, isVisible, fetchBlogDataTrigger, onRefreshBlogDatagrid, showFloatingCommentButton = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
+const TMDcmtBlog = ({ tid, did, isVisible, isPageVisible = true, fetchBlogDataTrigger, onRefreshBlogDatagrid, showFloatingCommentButton = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
     const [blogsDatasource, setBlogsDatasource] = useState([]);
     const [hasLoadedDataOnce, setHasLoadedDataOnce] = useState(false); //traccia se *qualsiasi* dato è stato caricato per la prima volta
     const [lastLoadedDid, setLastLoadedDid] = useState(undefined); // `lastLoadedDid` tiene traccia dell'ultimo `did` per cui abbiamo caricato i dati
@@ -47,15 +47,15 @@ const TMDcmtBlog = ({ tid, did, isVisible, fetchBlogDataTrigger, onRefreshBlogDa
             return;
         }
         // Condizione per eseguire il fetch:
-        // 1. Il pannello è visibile
+        // 1. Il pannello è visibile in una pagina a video
         // 2. E (non abbiamo ancora caricato dati o il `did` è cambiato rispetto all'ultima volta)
-        const shouldFetch = isVisible && (!hasLoadedDataOnce || did !== lastLoadedDid);
+        const shouldFetch = isVisible && isPageVisible && (!hasLoadedDataOnce || did !== lastLoadedDid);
         // Esegui la chiamata API solo se il pannello è visibile E i dati non sono già stati caricati
         // O, se vuoi ricaricare ogni volta che diventa visibile (ma è meno efficiente per "pesante")
         if (shouldFetch) {
             fetchBlogDataAsync(tid, did);
         }
-    }, [tid, did, isVisible, hasLoadedDataOnce, lastLoadedDid]);
+    }, [tid, did, isVisible, isPageVisible, hasLoadedDataOnce, lastLoadedDid]);
     const refreshCallback = async () => {
         await fetchBlogDataAsync(tid, did);
         await onRefreshBlogDatagrid?.();

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

@@ -1504,7 +1504,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             for (const key of Object.keys(persistedState)) {
                 if (key === 'tmWF') {
                     // Hide tmWF
-                    newState[key] = { ...persistedState[key], visible: false };
+                    newState[key] = { ...persistedState[key], visible: false, width: '0%' };
                 }
                 else if (otherVisiblePanels.includes(key)) {
                     // Add extra width to visible panels
@@ -1531,6 +1531,8 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
         const persistedState = invocationContext === InvocationContext.Todo ? settings?.layoutToDo : settings?.layout;
         return persistedState?.['tmWF']?.visible ?? false;
     };
+    // Persisted tmWF visibility, read once at mount
+    const persistedWFVisibleRef = useRef(getPersistedWFVisible());
     const onBlogCommentFormCustomSave = useCallback(async (blogPost) => {
         try {
             if (!moreInfoTasks || moreInfoTasks.length === 0) {
@@ -1618,7 +1620,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                         overflow: 'hidden'
                     }, children: [_jsxs("div", { style: { width: '100%', height: '100%', display: isOpenDetails || isOpenMaster ? 'none' : 'flex' }, children: [isNavigating && _jsx(Spinner, { description: SDKUI_Localizator.Loading, flat: false }), (fromDTD) && _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: useWaitPanelLocalState ? showWaitPanelLocal : showWaitPanel, showWaitPanelPrimary: useWaitPanelLocalState ? showPrimaryLocal : showPrimary, showWaitPanelSecondary: useWaitPanelLocalState ? showSecondaryLocal : showSecondary, waitPanelTitle: useWaitPanelLocalState ? waitPanelTitleLocal : waitPanelTitle, waitPanelTextPrimary: useWaitPanelLocalState ? waitPanelTextPrimaryLocal : waitPanelTextPrimary, waitPanelValuePrimary: useWaitPanelLocalState ? waitPanelValuePrimaryLocal : waitPanelValuePrimary, waitPanelMaxValuePrimary: useWaitPanelLocalState ? waitPanelMaxValuePrimaryLocal : waitPanelMaxValuePrimary, waitPanelTextSecondary: useWaitPanelLocalState ? waitPanelTextSecondaryLocal : waitPanelTextSecondary, waitPanelValueSecondary: useWaitPanelLocalState ? waitPanelValueSecondaryLocal : waitPanelValueSecondary, waitPanelMaxValueSecondary: useWaitPanelLocalState ? waitPanelMaxValueSecondaryLocal : waitPanelMaxValueSecondary, isCancelable: useWaitPanelLocalState ? dcmtFile ? dcmtFile.size >= 1000000 : false : true, abortController: useWaitPanelLocalState ? abortControllerLocal : abortController, children: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showCicoWaitPanel, showWaitPanelPrimary: showCicoPrimaryProgress, waitPanelTitle: cicoWaitPanelTitle, waitPanelTextPrimary: cicoPrimaryProgressText, waitPanelValuePrimary: cicoPrimaryProgressValue, waitPanelMaxValuePrimary: cicoPrimaryProgressMax, isCancelable: true, abortController: abortControllerLocal, children: [(groupId && groupId.length > 0)
                                                 ? _jsxs(_Fragment, { children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] })
-                                                : _jsxs(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: defaultPanelDimensions, initialDimensions: defaultPanelDimensions, initialMobilePanelId: 'tmDcmtForm', isPersistenceEnabled: !isMobile && layoutMode !== LayoutModes.Ark ? hasSavedLayout() : false, persistPanelStates: !isMobile && layoutMode !== LayoutModes.Ark ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: layoutMode !== LayoutModes.Ark ? getPersistedPanelStates() : undefined, children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled, persistedWFVisible: getPersistedWFVisible() }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] }), isOpenDistinctValues &&
+                                                : _jsxs(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: defaultPanelDimensions, initialDimensions: defaultPanelDimensions, initialMobilePanelId: 'tmDcmtForm', isPersistenceEnabled: !isMobile && layoutMode !== LayoutModes.Ark ? hasSavedLayout() : false, persistPanelStates: !isMobile && layoutMode !== LayoutModes.Ark ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: layoutMode !== LayoutModes.Ark ? getPersistedPanelStates() : undefined, children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled, persistedWFVisible: persistedWFVisibleRef.current }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] }), isOpenDistinctValues &&
                                                 _jsx(TMDistinctValues, { tid: TID, mid: focusedMetadataValue?.mid, isModal: true, showHeader: false, layoutMode: layoutMode, onClosePanelCallback: () => setIsOpenDistinctValues(false), onSelectionChanged: (e) => {
                                                         if (!e)
                                                             return;
@@ -1781,6 +1783,8 @@ const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoar
             setToolbarButtonDisabled('tmBlog', false);
         }
     }, [isBoardDisabled]);
+    // Tracks whether tmWF has already been restored from the persisted state
+    const didRestoreWF = useRef(false);
     useEffect(() => {
         if (isWFDisabled) {
             setToolbarButtonDisabled('tmWF', true);
@@ -1789,7 +1793,8 @@ const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoar
         else {
             setToolbarButtonDisabled('tmWF', false);
             // Restore persisted visibility when WF becomes enabled
-            if (persistedWFVisible) {
+            if (persistedWFVisible && !didRestoreWF.current) {
+                didRestoreWF.current = true;
                 setPanelVisibilityById('tmWF', true);
             }
         }

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

@@ -50,13 +50,17 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             return;
         }
         const currentCacheKey = isBasketMode ? `basket-${dcmtData.btid}-${dcmtData.bid}-${dcmtData.bfid}` : `${dcmtData.tid}-${dcmtData.did}`;
-        const shouldFetch = isVisible && (!hasLoadedDataOnce || currentCacheKey !== lastLoadedDid);
+        // Fuori campo non si carica: l'anteprima nativa creata in una pagina non a video resta rotta
+        if (!isVisible)
+            return;
+        // Documento già caricato: ricaricarlo ricreerebbe il visualizzatore senza motivo
+        if (hasLoadedDataOnce && currentCacheKey === lastLoadedDid)
+            return;
         if (isDcmtFileInCache(currentCacheKey)) {
             isBasketMode ? loadBasketFile() : loadDocumentWithCache();
             setShowPreview(true);
-            return;
         }
-        if (shouldFetch) {
+        else {
             setDcmtBlob(undefined);
             setError('');
             setIsAbortError(false);
@@ -71,10 +75,10 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             else {
                 setShowPreview(false);
             }
-            setHasLoadedDataOnce(true);
-            setLastLoadedDid(currentCacheKey);
         }
-    }, [dcmtData?.did, isVisible, hasLoadedDataOnce, lastLoadedDid]);
+        setHasLoadedDataOnce(true);
+        setLastLoadedDid(currentCacheKey);
+    }, [dcmtData?.tid, dcmtData?.did, isVisible, hasLoadedDataOnce, lastLoadedDid]);
     const loadBasketFile = async () => {
         try {
             // Check cache first

package/lib/components/features/search/TMSearchResult.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
 import styled from 'styled-components';
 import { LoadIndicator } from 'devextreme-react';
 import { AppModules, DataColumnTypes, DataListViewModes, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, SDK_Globals, SystemMIDsAsNumber, UserListCacheService, } from '@topconsultnpm/sdk-ts';
-import { customizeSearchByDisplayText, deepCompare, formatDateTimeByMetadataFormat, formatNumberByMetadataFormat, generateUniqueColumnKeys, genUniqueId, getColumnFormatInfo, getDateDisplayText, getNumberDisplayText, getSearchToolbarVisibility, IconAll, IconBoard, IconDcmtTypeSys, IconDelete, IconDuplicate, IconEdit, IconMenuVertical, IconPlatform, IconRefresh, IconSearchCheck, IconShow, isApprovalWorkflowView, isSign4TopEnabled, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, SDKUI_Globals, SDKUI_Localizator, IconCloseOutline } from '../../../helper';
+import { customizeSearchByDisplayText, deepCompare, formatDateTimeByMetadataFormat, formatNumberByMetadataFormat, generateUniqueColumnKeys, genUniqueId, getColumnFormatInfo, getDateDisplayText, getNumberDisplayText, getSearchToolbarVisibility, IconAll, IconBoard, IconDcmtTypeSys, IconDelete, IconDuplicate, IconEdit, IconMenuVertical, IconPlatform, IconRefresh, IconSearchCheck, IconShow, isApprovalWorkflowView, isSign4TopEnabled, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, SDKUI_Globals, SDKUI_Localizator, IconCloseOutline, getSearchResultPanelLayout, getSearchResultPanelLayoutSignature, hasSearchResultPanelLayout, saveSearchResultPanelLayout, subscribeSearchResultPanelLayout } from '../../../helper';
 import { CounterItemKey } from '../../base/TMCounterContainer';
 import { getDcmtCicoStatus } from '../../../helper/checkinCheckoutManager';
 import { DcmtOperationTypes, SearchResultContext, } from '../../../ts';
@@ -23,7 +23,8 @@ import { StyledMultiViewPanel } from '../../base/Styled';
 import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
 import TMMetadataValues from '../../editors/TMMetadataValues';
 import TMTidViewer from '../../viewers/TMTidViewer';
-import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
+import { useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
+import { TMPanelManagerWithPersistenceProvider } from '../../layout/panelManager/TMPanelManagerWithPersistenceProvider';
 import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
 import TMContextMenu from '../../NewComponents/ContextMenu/TMContextMenu';
 import TMToppyDraggableHelpCenter from '../assistant/TMToppyDraggableHelpCenter';
@@ -51,6 +52,16 @@ const orderByName = (array) => {
         return 1;
     } return 0; });
 };
+//#endregion Helper Methods
+/**
+ * Contesti che ricordano il layout dei pannelli, condividendone uno solo.
+ * Gli altri sono esclusi di proposito: FREE_SEARCH ha un pannello in più, quindi il suo layout non vale
+ * per gli altri, e i restanti mostrano il risultato dentro contenitori con esigenze di spazio loro.
+ */
+const PERSISTED_LAYOUT_CONTEXTS = [
+    SearchResultContext.METADATA_SEARCH,
+    SearchResultContext.WORKFLOW_APPROVE,
+];
 const TMSearchResult = ({ 
 // Data
 groupId, searchResults = [], context = SearchResultContext.METADATA_SEARCH, title, selectedSearchResultTID, floatingActionConfig, workingGroupContext = undefined, inputDID, 
@@ -794,9 +805,14 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
         editPdfForm,
         showNoDcmtFoundMessage
     ]);
-    const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: focusedItem?.TID, did: focusedItem?.DID, fetchBlogDataTrigger: refreshBlogTrigger, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [focusedItem, allTasks, refreshBlogTrigger, handleNavigateToWGs, handleNavigateToDossiers, onRefreshBlogDatagrid]);
+    /**
+     * Il risultato è davvero a video: le pagine restano montate anche in secondo piano, e senza questo
+     * bacheca e anteprima scaricherebbero il documento fuori campo.
+     */
+    const isSearchResultOnScreen = isVisible && !isOpenDcmtForm && !isOpenDetails && !isOpenMaster;
+    const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: focusedItem?.TID, did: focusedItem?.DID, isPageVisible: isSearchResultOnScreen, fetchBlogDataTrigger: refreshBlogTrigger, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [focusedItem, allTasks, refreshBlogTrigger, isSearchResultOnScreen, handleNavigateToWGs, handleNavigateToDossiers, onRefreshBlogDatagrid]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: LayoutModes.Update, openChooserBySingleClick: true, TID: focusedItem?.TID, isReadOnly: true, deviceType: deviceType, metadataValues: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [] }), [focusedItem, currentMetadataValues, deviceType]);
-    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { refreshPreviewTrigger: refreshPreviewTrigger, currentDcmt: currentDcmt, onBack: backHandlerSecondary }), [currentDcmt, refreshPreviewTrigger, backHandlerSecondary]);
+    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { refreshPreviewTrigger: refreshPreviewTrigger, currentDcmt: currentDcmt, isPageVisible: isSearchResultOnScreen, onBack: backHandlerSecondary }), [currentDcmt, refreshPreviewTrigger, isSearchResultOnScreen, backHandlerSecondary]);
     // Auto-fetch indexing info when drawer is open and focusedItem changes
     useEffect(() => {
         if (!focusedItem || !showIndexingInfo)
@@ -853,6 +869,22 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
         }
         return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', overflow: 'hidden', width: '100%' }, children: [_jsx("div", { style: { padding: '10px', overflow: 'auto', flex: 1 }, children: _jsx("div", { dangerouslySetInnerHTML: { __html: ftExplanation } }) }), _jsxs(StyledIndexingInfoSection, { children: [_jsxs(StyledIndexingToggle, { onClick: handleToggleIndexingInfo, disabled: loadingIndexingInfo, children: [_jsx(StyledLeftContent, { children: _jsx("span", { children: SDKUI_Localizator.IndexingInformation }) }), _jsx(StyledRightContent, { children: _jsx(StyledChevron, { "$isOpen": showIndexingInfo, children: "\u25BC" }) })] }), showIndexingInfo && indexingInfo && (_jsxs(StyledIndexingInfoBox, { children: [_jsx("div", { dangerouslySetInnerHTML: { __html: indexingInfo } }), loadingIndexingInfo && (_jsxs("div", { style: { position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', background: 'rgba(255, 255, 255, 0.9)', padding: '10px', borderRadius: '4px', boxShadow: '0 2px 8px rgba(0,0,0,0.15)' }, children: [SDKUI_Localizator.Loading, "..."] }))] }))] })] }));
     }, [selectedSearchResult, focusedItem, indexingInfo, showIndexingInfo, loadingIndexingInfo]);
+    /**
+     * Su mobile i pannelli si mostrano uno per volta, quindi il layout non va ricordato; con groupId
+     * i pannelli sono di un panel manager esterno, che ha un layout suo. Senza la barra laterale
+     * l'utente non può aprire/chiudere i pannelli: non ha senso applicargli il layout salvato (li
+     * troverebbe aperti senza poterli chiudere) né lasciargli sporcare quello condiviso.
+     * Il layout salvato vale solo per il login con Surfer: gli altri moduli hanno layout propri.
+     */
+    const isLayoutPersisted = SDK_Globals.tmSession?.SessionDescr?.appModuleID === AppModules.SURFER && !isMobile && !groupId?.length && showSearchResultSidebar && PERSISTED_LAYOUT_CONTEXTS.includes(context);
+    /**
+     * Pannelli che questo risultato non può mostrare (la bacheca è l'unico, vedi PanelDisabledStateHandler).
+     * Il layout è condiviso con gli altri risultati aperti: qui non vanno aperti quando il layout lo chiede,
+     * e il loro stato salvato non va toccato, altrimenti li si chiuderebbe dove invece sono attivi.
+     */
+    const disabledLayoutPanelIds = isBoardDisabled ? ['tmBlog'] : [];
+    /** Bacheca aperta nel layout salvato: da riaprire quando il tipo documento torna a prevederla */
+    const savedBlogVisible = isLayoutPersisted && (getSearchResultPanelLayout()['tmBlog']?.visible ?? false);
     const allInitialPanelVisibility = {
         'tmSearchResult': true,
         'tmBlog': false,
@@ -935,6 +967,8 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
             toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), visible: getSearchToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmDcmtPreview, orderNumber: context === SearchResultContext.FREE_SEARCH ? 5 : 4, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
         }
     ], [tmSearchResult, tmBlog, tmSysMetadata, tmDcmtPreview, tmFullTextSearch, showToolbarHeader, context, isMobile, backHandler, backHandlerSecondary, isClosable, onBack]);
+    /** Contenuto del panel manager: con groupId sta nel provider del contenitore, altrimenti in quello qui sotto */
+    const panelManagerContent = (_jsxs(_Fragment, { children: [_jsx(PanelDisabledStateHandler, { isBoardDisabled: isBoardDisabled, savedBlogVisible: savedBlogVisible }), isLayoutPersisted && _jsx(SavedLayoutSyncHandler, { disabledPanelIds: disabledLayoutPanelIds }), _jsx(ShowMainPanelBridge, { showMainPanelRef: showMainPanelRef }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar })] }));
     return (_jsxs(StyledMultiViewPanel, { "$isVisible": isVisible, children: [_jsx(StyledMultiViewPanel, { "$isVisible": !isOpenDcmtForm && !isOpenDetails && !isOpenMaster, style: {
                     display: 'flex',
                     flexDirection: isMobile ? 'column' : 'row',
@@ -942,10 +976,10 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphome
                     gap: Gutters.getGutters(),
                     width: '100%',
                     height: '100%',
-                }, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showCicoWaitPanel, showWaitPanelPrimary: showCicoPrimaryProgress, waitPanelTitle: cicoWaitPanelTitle, waitPanelTextPrimary: cicoPrimaryProgressText, waitPanelValuePrimary: cicoPrimaryProgressValue, waitPanelMaxValuePrimary: cicoPrimaryProgressMax, isCancelable: true, abortController: abortControllerLocal, children: (groupId && groupId.length > 0) ?
-                            _jsxs(_Fragment, { children: [_jsx(PanelDisabledStateHandler, { isBoardDisabled: isBoardDisabled }), _jsx(ShowMainPanelBridge, { showMainPanelRef: showMainPanelRef }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar })] })
-                            :
-                                _jsxs(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmSearchResult', children: [_jsx(PanelDisabledStateHandler, { isBoardDisabled: isBoardDisabled }), _jsx(ShowMainPanelBridge, { showMainPanelRef: showMainPanelRef }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showSearchResultSidebar })] }) }) }) }), renderDcmtOperations] }));
+                }, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showCicoWaitPanel, showWaitPanelPrimary: showCicoPrimaryProgress, waitPanelTitle: cicoWaitPanelTitle, waitPanelTextPrimary: cicoPrimaryProgressText, waitPanelValuePrimary: cicoPrimaryProgressValue, waitPanelMaxValuePrimary: cicoPrimaryProgressMax, isCancelable: true, abortController: abortControllerLocal, children: (groupId && groupId.length > 0) ? panelManagerContent
+                            // Senza le prop di persistenza il provider si comporta come quello base:
+                            // i contesti che non ricordano il layout restano come prima
+                            : _jsx(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmSearchResult', isPersistenceEnabled: isLayoutPersisted && hasSearchResultPanelLayout(), persistPanelStates: isLayoutPersisted ? (state) => saveSearchResultPanelLayout(state, disabledLayoutPanelIds) : undefined, persistedPanelStates: isLayoutPersisted ? getSearchResultPanelLayout() : undefined, children: panelManagerContent }) }) }) }), renderDcmtOperations] }));
 };
 export default TMSearchResult;
 /** Cerca una voce di operazione per id, anche dentro i sottomenu */
@@ -1608,24 +1642,70 @@ const ShowMainPanelBridge = ({ showMainPanelRef }) => {
     }, [setPanelVisibilityById, showMainPanelRef]);
     return null;
 };
-const PanelDisabledStateHandler = ({ isBoardDisabled }) => {
-    const { setPanelVisibilityById, setToolbarButtonDisabled } = useTMPanelManagerContext();
+/** Senza UI: allinea i pannelli quando il layout viene salvato da un altro risultato di ricerca già aperto */
+const SavedLayoutSyncHandler = ({ disabledPanelIds }) => {
+    const { panelVisibility, panelDimensions, maximizedPanels, isResizingActive, setPanelVisibilityById, setPanelDimensionsById } = useTMPanelManagerContext();
+    // Il layout è condiviso fra i risultati aperti: si sottoscrive la firma, che è una stringa, perché
+    // React confronta le letture per riferimento e su un oggetto ri-renderizzerebbe all'infinito
+    const savedLayoutSignature = useSyncExternalStore(subscribeSearchResultPanelLayout, getSearchResultPanelLayoutSignature);
     useEffect(() => {
-        if (isBoardDisabled) {
-            setToolbarButtonDisabled('tmBlog', true);
-            setPanelVisibilityById('tmBlog', false);
-        }
-        else {
-            setToolbarButtonDisabled('tmBlog', false);
-        }
+        // Con un pannello massimizzato o un separatore in movimento comanda l'utente di questa istanza
+        if (maximizedPanels.length > 0 || isResizingActive)
+            return;
+        // Al mount panelVisibility è ancora vuota: lo stato iniziale lo applica il provider.
+        // Un pannello disabilitato qui non va aperto, gli altri si allineano comunque
+        const panelsToApply = Object.entries(getSearchResultPanelLayout())
+            .filter(([id, state]) => panelVisibility[id] !== undefined && !(state?.visible && disabledPanelIds.includes(id)));
+        panelsToApply.forEach(([id, state]) => {
+            const isVisible = state?.visible ?? false;
+            if (panelVisibility[id] !== isVisible)
+                setPanelVisibilityById(id, isVisible);
+        });
+        // Le larghezze salvate valgono come pesi, non come percentuali: qui si normalizzano sui soli pannelli
+        // che questo risultato apre davvero, così lo spazio di quelli scartati non resta vuoto
+        const panelsToShow = panelsToApply.filter(([, state]) => state?.visible && parseFloat(state.width) > 0 && parseFloat(state.height) > 0);
+        const weightTotal = panelsToShow.reduce((total, [, state]) => total + parseFloat(state.width), 0);
+        if (weightTotal <= 0)
+            return;
+        // Dopo la visibilità, che accoda un suo ricalcolo delle quote: così restano quelle salvate.
+        // Le quote sono arrotondate, altrimenti due risultati si rincorrono sugli ultimi decimali
+        panelsToShow.forEach(([id, state]) => {
+            const width = `${Math.round(parseFloat(state.width) / weightTotal * 10000) / 100}%`;
+            if (panelDimensions[id]?.width === width && panelDimensions[id]?.height === state.height)
+                return;
+            setPanelDimensionsById(id, width, state.height);
+        });
+    }, [savedLayoutSignature]);
+    return null;
+};
+const PanelDisabledStateHandler = ({ isBoardDisabled, savedBlogVisible = false }) => {
+    const { panelVisibility, setPanelVisibilityById, setToolbarButtonDisabled } = useTMPanelManagerContext();
+    const isBlogVisible = panelVisibility['tmBlog'] ?? false;
+    useEffect(() => {
+        setToolbarButtonDisabled('tmBlog', isBoardDisabled);
     }, [isBoardDisabled]);
+    /**
+     * Senza bacheca nel tipo documento il pannello va chiuso ogni volta che ricompare, non solo al cambio
+     * di stato: il layout salvato viene applicato dopo questo effetto e può riportarlo a video.
+     * È un effetto di layout per chiuderlo prima che venga disegnato, altrimenti lampeggia.
+     */
+    useLayoutEffect(() => {
+        if (isBoardDisabled && isBlogVisible)
+            setPanelVisibilityById('tmBlog', false);
+    }, [isBoardDisabled, isBlogVisible]);
+    // Bacheca di nuovo prevista: si riapre come da layout salvato. isBlogVisible non è fra le dipendenze,
+    // altrimenti riaprirebbe il pannello appena chiuso dall'utente
+    useEffect(() => {
+        if (!isBoardDisabled && savedBlogVisible && !isBlogVisible)
+            setPanelVisibilityById('tmBlog', true);
+    }, [isBoardDisabled, savedBlogVisible]);
     return null;
 };
-const TMDcmtPreviewWrapper = ({ refreshPreviewTrigger, currentDcmt, isVisible, onBack }) => {
+const TMDcmtPreviewWrapper = ({ refreshPreviewTrigger, currentDcmt, isVisible, isPageVisible = true, onBack }) => {
     const { setPanelVisibilityById, toggleMaximize, isResizingActive, countVisibleLeafPanels } = useTMPanelManagerContext();
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
-    return (_jsx(TMDcmtPreview, { dcmtData: currentDcmt, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, onBack: onBack, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, isResizingActive: isResizingActive, isVisible: isVisible }, refreshPreviewTrigger));
+    return (_jsx(TMDcmtPreview, { dcmtData: currentDcmt, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, onBack: onBack, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, isResizingActive: isResizingActive, isVisible: isVisible && isPageVisible }, refreshPreviewTrigger));
 };
 // Styled Components
 const StyledPlaceholder = styled.div `

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

@@ -14,12 +14,14 @@ export const TMPanelManagerProvider = (props) => {
     const defaultPanelDimensionsRef = useRef(defaultDimensions);
     // Memoize the panel hierarchy map to avoid re-generating it on every render unless `panels` change
     const hierarchyMap = useMemo(() => generatePanelHierarchyMap(panels), [panels]);
-    // State to track the dimensions (width and height) of each panel, initialized with props
-    const [panelDimensions, setPanelDimensions] = useState(initialDimensions);
+    // State to track the visibility and the dimensions (width and height) of each panel, initialized with props
+    const [panelLayout, setPanelLayout] = useState({ visibility: {}, dimensions: initialDimensions });
+    // Visibility of each panel, keyed by panel ID
+    const panelVisibility = panelLayout.visibility;
+    // Dimensions of each panel, keyed by panel ID
+    const panelDimensions = panelLayout.dimensions;
     // IDs of maximized panels, including their parents if present
     const [maximizedPanels, setMaximizedPanels] = useState([]);
-    // State to track the visibility of each panel, keyed by panel ID
-    const [panelVisibility, setPanelVisibility] = useState({});
     // State to track visibility of toolbar buttons, keyed by panel ID
     const [toolbarButtonsVisibility, setToolbarButtonsVisibility] = useState({});
     // State to track disabled status of toolbar buttons, keyed by panel ID
@@ -31,93 +33,73 @@ export const TMPanelManagerProvider = (props) => {
         setToolbarButtonsVisibility(visibilityMap);
         setToolbarButtonsDisabled(disabledMap);
     }, []);
-    // Callback to update the visibility state of a specific panel and its related hierarchy
-    const adjustPanelVisibilityAndSize = useCallback((id, isVisible, prevVisibility) => {
+    // Callback to update the visibility state of a specific panel and its related hierarchy, redistributing the dimensions accordingly
+    const adjustPanelVisibilityAndSize = useCallback((id, isVisible, prevLayout) => {
         // Clone previous visibility state to work with
-        let updatedVisibility = { ...prevVisibility };
-        if (isMobile) {
-            if (isVisible) {
-                // On mobile, showing one panel hides all others first
-                updatedVisibility = Object.keys(prevVisibility).reduce((acc, key) => { acc[key] = false; return acc; }, {});
-                // Recursively determine and show parent panels
-                const parentsToShow = showParentRecursively(id, hierarchyMap);
-                parentsToShow.forEach(([pid, visible]) => { updatedVisibility[pid] = visible; });
-                // Show the target panel
-                updatedVisibility[id] = true;
-                // Redistribute dimensions to account for newly shown panel
-                setPanelDimensions(prev => redistributeDimensionsOnShow(id, prev, defaultPanelDimensionsRef.current, hierarchyMap, updatedVisibility));
-            }
-            else {
-                // Hide the panel
-                updatedVisibility[id] = false;
-                // Recursively hide parents
-                const parentsToHide = hideParentRecursively(id, hierarchyMap, updatedVisibility);
-                parentsToHide.forEach(([pid, visible]) => { updatedVisibility[pid] = visible; });
-                // Redistribute dimensions after hiding
-                setPanelDimensions(prev => redistributeDimensionsOnHide(id, prev, hierarchyMap, updatedVisibility));
+        let updatedVisibility = { ...prevLayout.visibility };
+        let updatedDimensions;
+        if (isVisible) {
+            // On mobile, showing one panel hides all others first
+            if (isMobile) {
+                updatedVisibility = Object.keys(prevLayout.visibility).reduce((acc, key) => { acc[key] = false; return acc; }, {});
             }
+            // Recursively determine and show parent panels
+            const parentsToShow = showParentRecursively(id, hierarchyMap);
+            parentsToShow.forEach(([pid, visible]) => { updatedVisibility[pid] = visible; });
+            // Show the target panel
+            updatedVisibility[id] = true;
+            // Redistribute dimensions to account for newly shown panel
+            updatedDimensions = redistributeDimensionsOnShow(id, prevLayout.dimensions, defaultPanelDimensionsRef.current, hierarchyMap, updatedVisibility);
         }
         else {
-            if (isVisible) {
-                // On desktop, show panel and its parents without hiding others
-                const parentsToShow = showParentRecursively(id, hierarchyMap);
-                parentsToShow.forEach(([pid, visible]) => { updatedVisibility[pid] = visible; });
-                // Show the panel
-                updatedVisibility[id] = true;
-                // Adjust panel dimensions accordingly
-                setPanelDimensions(prev => redistributeDimensionsOnShow(id, prev, defaultPanelDimensionsRef.current, hierarchyMap, updatedVisibility));
-            }
-            else {
-                // Hide the panel
-                updatedVisibility[id] = false;
-                // Recursively hide parent panels
-                const parentsToHide = hideParentRecursively(id, hierarchyMap, updatedVisibility);
-                parentsToHide.forEach(([pid, visible]) => { updatedVisibility[pid] = visible; });
-                // Adjust dimensions after hiding
-                setPanelDimensions(prev => redistributeDimensionsOnHide(id, prev, hierarchyMap, updatedVisibility));
-            }
+            // Hide the panel
+            updatedVisibility[id] = false;
+            // Recursively hide parents
+            const parentsToHide = hideParentRecursively(id, hierarchyMap, updatedVisibility);
+            parentsToHide.forEach(([pid, visible]) => { updatedVisibility[pid] = visible; });
+            // Redistribute dimensions after hiding
+            updatedDimensions = redistributeDimensionsOnHide(id, prevLayout.dimensions, hierarchyMap, updatedVisibility);
         }
-        return updatedVisibility;
+        return { visibility: updatedVisibility, dimensions: updatedDimensions };
     }, [hierarchyMap, isMobile]);
     // On initial mount: initialize panel visibility using the provided `initialVisibility` config
     // Each panel's visibility is processed through `updatePanelVisibility` to ensure hierarchy logic is applied
     useEffect(() => {
         if (isPersistenceEnabled) {
             // If persistence is enabled, visibility and dimensions are already synced from persisted state, so just set them directly
-            setPanelVisibility(initialVisibility);
-            setPanelDimensions(initialDimensions);
+            setPanelLayout({ visibility: initialVisibility, dimensions: initialDimensions });
         }
         else {
             // If persistence is not enabled, recalculate visibility and dimensions based on the initial visibility, applying the hierarchy logic
-            let updated = { ...initialVisibility };
-            Object.entries(initialVisibility).forEach(([id, isVisible]) => {
-                updated = adjustPanelVisibilityAndSize(id, isVisible, updated);
+            setPanelLayout(prev => {
+                let updated = { visibility: { ...initialVisibility }, dimensions: prev.dimensions };
+                Object.entries(initialVisibility).forEach(([id, isVisible]) => {
+                    updated = adjustPanelVisibilityAndSize(id, isVisible, updated);
+                });
+                return updated;
             });
-            // Update panel visibility state with recalculated values
-            setPanelVisibility(updated);
         }
     }, []);
     // On mobile devices: automatically show the initial mobile panel when layout switches to mobile
     // This ensures the correct panel is visible by default on smaller screens
     useEffect(() => {
         if (isMobile) {
-            setPanelVisibility(prev => {
-                return adjustPanelVisibilityAndSize(initialMobilePanelId, true, prev);
-            });
+            setPanelLayout(prev => adjustPanelVisibilityAndSize(initialMobilePanelId, true, prev));
         }
         else {
             if (isPersistenceEnabled) {
                 // If persistence is enabled, visibility and dimensions are already synced from persisted state, so just set them directly
-                setPanelVisibility(initialVisibility);
+                setPanelLayout(prev => ({ ...prev, visibility: initialVisibility }));
             }
             else {
                 // If persistence is not enabled, recalculate visibility and dimensions based on the initial visibility, applying the hierarchy logic
-                let updated = { ...initialVisibility };
-                Object.entries(initialVisibility).forEach(([id, isVisible]) => {
-                    updated = adjustPanelVisibilityAndSize(id, isVisible, updated);
+                setPanelLayout(prev => {
+                    let updated = { visibility: { ...initialVisibility }, dimensions: prev.dimensions };
+                    Object.entries(initialVisibility).forEach(([id, isVisible]) => {
+                        updated = adjustPanelVisibilityAndSize(id, isVisible, updated);
+                    });
+                    return updated;
                 });
-                // Update panel visibility state with recalculated values
-                setPanelVisibility(updated);
             }
         }
     }, [isMobile]);
@@ -130,9 +112,9 @@ export const TMPanelManagerProvider = (props) => {
         // Update state to track which panels are maximized
         setMaximizedPanels(toMaximize);
         // Update panel dimensions accordingly
-        setPanelDimensions(prev => {
+        setPanelLayout(prev => {
             const newDimensions = {};
-            Object.keys(prev).forEach(pid => {
+            Object.keys(prev.dimensions).forEach(pid => {
                 if (toMaximize.includes(pid)) {
                     // For maximized panels (target + parents), set width and height to 100%
                     newDimensions[pid] = { width: '100%', height: '100%' };
@@ -142,31 +124,31 @@ export const TMPanelManagerProvider = (props) => {
                     newDimensions[pid] = { width: '0%', height: '0%' };
                 }
             });
-            return newDimensions;
+            return { ...prev, dimensions: newDimensions };
         });
     }, [hierarchyMap]);
     // Restore all panels to their original dimensions
     const resetMaximization = useCallback(() => {
         // Clear the list of maximized panels to exit maximize mode
         setMaximizedPanels([]);
-        // Clone the current visibility state of panels
-        let updatedVisibility = { ...panelVisibility };
         // Start with the initial panel dimensions as the base for restoration
-        let nextDimensions = { ...defaultPanelDimensionsRef.current };
-        nextDimensions = Object.entries(updatedVisibility).reduce((acc, [id, isVisible]) => {
-            if (isVisible) {
-                // If the panel is visible, adjust dimensions to show it properly
-                acc = redistributeDimensionsOnShow(id, acc, defaultPanelDimensionsRef.current, hierarchyMap, updatedVisibility);
-            }
-            else {
-                // If the panel is hidden, adjust dimensions to hide it
-                acc = redistributeDimensionsOnHide(id, acc, hierarchyMap, updatedVisibility);
-            }
-            return acc;
-        }, defaultPanelDimensionsRef.current);
-        // Apply the recalculated dimensions to the panel state
-        setPanelDimensions(nextDimensions);
-    }, [panelVisibility, hierarchyMap]);
+        setPanelLayout(prev => {
+            const updatedVisibility = prev.visibility;
+            const nextDimensions = Object.entries(updatedVisibility).reduce((acc, [id, isVisible]) => {
+                if (isVisible) {
+                    // If the panel is visible, adjust dimensions to show it properly
+                    acc = redistributeDimensionsOnShow(id, acc, defaultPanelDimensionsRef.current, hierarchyMap, updatedVisibility);
+                }
+                else {
+                    // If the panel is hidden, adjust dimensions to hide it
+                    acc = redistributeDimensionsOnHide(id, acc, hierarchyMap, updatedVisibility);
+                }
+                return acc;
+            }, defaultPanelDimensionsRef.current);
+            // Apply the recalculated dimensions to the panel state
+            return { ...prev, dimensions: nextDimensions };
+        });
+    }, [hierarchyMap]);
     // Toggle the maximized state of a panel by its ID
     const toggleMaximize = useCallback((id) => {
         if (maximizedPanels.includes(id)) {
@@ -185,17 +167,11 @@ export const TMPanelManagerProvider = (props) => {
             // If it is maximized, first reset all maximized panels to their original state
             resetMaximization();
             // Then update the visibility of the panel, toggling its current state
-            setPanelVisibility(prev => {
-                const isCurrentlyVisible = prev[id];
-                return adjustPanelVisibilityAndSize(id, !isCurrentlyVisible, prev);
-            });
+            setPanelLayout(prev => adjustPanelVisibilityAndSize(id, !prev.visibility[id], prev));
         }
         else {
             // If the panel is not maximized, simply toggle its visibility
-            setPanelVisibility(prev => {
-                const isCurrentlyVisible = prev[id];
-                return adjustPanelVisibilityAndSize(id, !isCurrentlyVisible, prev);
-            });
+            setPanelLayout(prev => adjustPanelVisibilityAndSize(id, !prev.visibility[id], prev));
         }
     }, [maximizedPanels, resetMaximization, adjustPanelVisibilityAndSize]);
     // Sets the visibility of a panel by its ID to a specific value (true = show, false = hide)
@@ -205,14 +181,14 @@ export const TMPanelManagerProvider = (props) => {
             resetMaximization();
         }
         // Then update the visibility state of the panel to the given value
-        setPanelVisibility(prev => adjustPanelVisibilityAndSize(id, isVisible, prev));
+        setPanelLayout(prev => adjustPanelVisibilityAndSize(id, isVisible, prev));
     }, [maximizedPanels, resetMaximization, adjustPanelVisibilityAndSize]);
     // Sets the dimensions (width and height) of a specific panel by its ID
     const setPanelDimensionsById = useCallback((id, width, height) => {
         // Update the ref holding the initial dimensions
         defaultPanelDimensionsRef.current = { ...defaultPanelDimensionsRef.current, [id]: { width, height } };
         // Update the panel dimensions state
-        setPanelDimensions(prev => ({ ...prev, [id]: { width, height } }));
+        setPanelLayout(prev => ({ ...prev, dimensions: { ...prev.dimensions, [id]: { width, height } } }));
     }, []);
     // Checks if there is at least one panel currently visible
     const hasVisiblePanels = useCallback(() => {

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

@@ -97,18 +97,20 @@ export const redistributeDimensionsOnHide = (hiddenPanelId, currentDimensions, h
     const hiddenWidthNum = parseFloat(hiddenDims.width);
     const hiddenHeightNum = parseFloat(hiddenDims.height);
     const visibleSiblings = siblings.filter(siblingId => panelVisibility[siblingId]);
-    const widthIncrement = hiddenWidthNum / visibleSiblings.length;
-    const heightIncrement = hiddenHeightNum / visibleSiblings.length;
     let newDimensions = { ...currentDimensions };
-    visibleSiblings.forEach(siblingId => {
-        const siblingDims = newDimensions[siblingId] || { width: '0%', height: '0%' };
-        const siblingWidthNum = parseFloat(siblingDims.width) || 0;
-        const siblingHeightNum = parseFloat(siblingDims.height) || 0;
-        const newWidthNum = Math.min(siblingWidthNum + widthIncrement, 100);
-        const newHeightNum = Math.min(siblingHeightNum + heightIncrement, 100);
-        newDimensions[siblingId] = { width: `${newWidthNum}%`, height: `${newHeightNum}%` };
-    });
-    newDimensions[hiddenPanelId] = { width: '0%', height: '0%' };
+    if (visibleSiblings.length > 0) {
+        const widthIncrement = hiddenWidthNum / visibleSiblings.length;
+        const heightIncrement = hiddenHeightNum / visibleSiblings.length;
+        visibleSiblings.forEach(siblingId => {
+            const siblingDims = newDimensions[siblingId] || { width: '0%', height: '0%' };
+            const siblingWidthNum = parseFloat(siblingDims.width) || 0;
+            const siblingHeightNum = parseFloat(siblingDims.height) || 0;
+            const newWidthNum = Math.min(siblingWidthNum + widthIncrement, 100);
+            const newHeightNum = Math.min(siblingHeightNum + heightIncrement, 100);
+            newDimensions[siblingId] = { width: `${newWidthNum}%`, height: `${newHeightNum}%` };
+        });
+        newDimensions[hiddenPanelId] = { width: '0%', height: '0%' };
+    }
     // Ora controllo se il parent non ha più figli visibili e chiamo ricorsivamente
     if (parentId) {
         const parentInfo = hierarchyMap.get(parentId);

package/lib/helper/SDKUI_Globals.d.ts

@@ -98,11 +98,33 @@ export declare class SearchSettings {
     };
     relationExpandLevel: number;
     relationShowZeroDcmts: boolean;
+    /** Layout dei pannelli del risultato di ricerca, condiviso dai contesti che lo gestiscono */
+    resultPanelLayout: SearchResultPanelStates;
     /** Ricerche rapide configurate per i valori distinti: una per ogni campo, con chiave "tid_mid" */
     distinctValuesQuickSearches: {
         [fieldKey: string]: DistinctValuesQuickSearchSettings;
     };
 }
+/** Visibilità e dimensioni dei pannelli, per id pannello */
+export type SearchResultPanelStates = Record<string, {
+    visible: boolean;
+    width: string;
+    height: string;
+}>;
+/** Avvisa i risultati di ricerca già montati quando un altro salva il layout; ritorna la disiscrizione */
+export declare const subscribeSearchResultPanelLayout: (onLayoutChanged: () => void) => (() => void);
+/** Layout salvato; vuoto se non ne è stato salvato nessuno (anche per le impostazioni di versioni precedenti) */
+export declare const getSearchResultPanelLayout: () => SearchResultPanelStates;
+/** Il panel manager applica il layout salvato solo se esiste, altrimenti riparte dalle quote di default */
+export declare const hasSearchResultPanelLayout: () => boolean;
+/** Firma del layout salvato: un primitivo confrontabile, come richiede useSyncExternalStore */
+export declare const getSearchResultPanelLayoutSignature: () => string;
+/**
+ * @param disabledPanelIds Pannelli che il risultato chiamante non può mostrare: il loro stato resta quello
+ *                         già salvato, perché sono chiusi per via del tipo documento e non per scelta
+ *                         dell'utente. Sovrascriverlo li chiuderebbe anche dove sono attivi.
+ */
+export declare const saveSearchResultPanelLayout: (panelStates: SearchResultPanelStates, disabledPanelIds?: Array<string>) => void;
 /** Ricerca rapida configurata per il campo, se presente */
 export declare const getDistinctValuesQuickSearch: (tid: number | undefined, mid: number | undefined) => DistinctValuesQuickSearchSettings | undefined;
 export declare const saveDistinctValuesQuickSearch: (tid: number | undefined, mid: number | undefined, settings: DistinctValuesQuickSearchSettings) => void;

package/lib/helper/SDKUI_Globals.js

@@ -158,10 +158,48 @@ export class SearchSettings {
         this.panelLayout = {};
         this.relationExpandLevel = 4; // Livello di espansione predefinito per le correlazioni
         this.relationShowZeroDcmts = false;
+        /** Layout dei pannelli del risultato di ricerca, condiviso dai contesti che lo gestiscono */
+        this.resultPanelLayout = {};
         /** Ricerche rapide configurate per i valori distinti: una per ogni campo, con chiave "tid_mid" */
         this.distinctValuesQuickSearches = {};
     }
 }
+const resultPanelLayoutSubscribers = new Set();
+/** Avvisa i risultati di ricerca già montati quando un altro salva il layout; ritorna la disiscrizione */
+export const subscribeSearchResultPanelLayout = (onLayoutChanged) => {
+    resultPanelLayoutSubscribers.add(onLayoutChanged);
+    return () => { resultPanelLayoutSubscribers.delete(onLayoutChanged); };
+};
+/** Layout salvato; vuoto se non ne è stato salvato nessuno (anche per le impostazioni di versioni precedenti) */
+export const getSearchResultPanelLayout = () => SDKUI_Globals.userSettings.searchSettings?.resultPanelLayout ?? {};
+/** Il panel manager applica il layout salvato solo se esiste, altrimenti riparte dalle quote di default */
+export const hasSearchResultPanelLayout = () => Object.keys(getSearchResultPanelLayout()).length > 0;
+/** Riassume un layout in una stringa: ordinata per id, così due layout uguali danno la stessa firma */
+const searchResultPanelLayoutSignature = (panelStates) => Object.entries(panelStates)
+    .sort(([firstId], [secondId]) => firstId.localeCompare(secondId))
+    .map(([id, state]) => `${id}:${state?.visible ? 1 : 0}:${state?.width ?? ''}:${state?.height ?? ''}`)
+    .join('|');
+/** Firma del layout salvato: un primitivo confrontabile, come richiede useSyncExternalStore */
+export const getSearchResultPanelLayoutSignature = () => searchResultPanelLayoutSignature(getSearchResultPanelLayout());
+/**
+ * @param disabledPanelIds Pannelli che il risultato chiamante non può mostrare: il loro stato resta quello
+ *                         già salvato, perché sono chiusi per via del tipo documento e non per scelta
+ *                         dell'utente. Sovrascriverlo li chiuderebbe anche dove sono attivi.
+ */
+export const saveSearchResultPanelLayout = (panelStates, disabledPanelIds = []) => {
+    if (!panelStates || Object.keys(panelStates).length === 0)
+        return;
+    const savedLayout = getSearchResultPanelLayout();
+    const layout = { ...panelStates };
+    disabledPanelIds.forEach(id => { if (savedLayout[id])
+        layout[id] = { ...savedLayout[id] }; });
+    // Layout identico: senza questo controllo ogni scrittura avviserebbe a vuoto gli altri risultati aperti
+    if (searchResultPanelLayoutSignature(layout) === getSearchResultPanelLayoutSignature())
+        return;
+    // Il proxy persiste solo intercettando l'assegnazione di una proprietà: va riassegnata l'intera mappa
+    SDKUI_Globals.userSettings.searchSettings.resultPanelLayout = layout;
+    resultPanelLayoutSubscribers.forEach(onLayoutChanged => onLayoutChanged());
+};
 /** Il campo da cui viene aperto il pannello dei valori distinti è identificato dalla coppia (tid, mid) */
 const distinctValuesFieldKey = (tid, mid) => `${tid}_${mid}`;
 /** Ricerca rapida configurata per il campo, se presente */

package/package.json

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