@topconsultnpm/sdkui-react 6.20.0 → 6.21.0-dev1.3

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

@@ -1,17 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import TMDcmtPreview from './TMDcmtPreview';
-import { AccessLevels, AccessLevelsEx, AppModules, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
-import { WorkFlowApproveRejectPopUp, WorkFlowMoreInfoPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
-import { DownloadTypes, FormModes, DcmtOperationTypes } from '../../../ts';
+import { AccessLevelsEx, AppModules, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
+import { FormModes, SearchResultContext } from '../../../ts';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
-import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
-import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
 import { getWorkItemSetIDAsync, handleArchiveVisibility, searchResultToMetadataValues } from '../../../helper/queryHelper';
-import { genUniqueId, IconShow, SDKUI_Localizator, updateMruTids, IconBoard, IconDcmtTypeSys, IconDetailDcmts, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconPreview, isTaskMoreInfo, IconWorkflow, IconSearch, deepCompare, IconCheck, IconActivity, TMImageLibrary, IconStar, IconRelation, IconInfo, IconArchiveDoc, IconDelete, IconPair, IconUnpair, IconArchiveMaster, IconArchiveDetail, getExceptionMessage, isApprovalWorkflowView, getDcmtCicoStatus, IconFileDots, IconCustom, buildWorkItemsFromWFCtrl, IconLock, getDcmtFormToolbarVisibility, TASK_MORE_INFO_PREFIX_NAME, taskModalSizes, PDGS_COLORS } from '../../../helper';
-import { hasDetailRelations, hasMasterRelations, isXMLFileExt } from '../../../helper/dcmtsHelper';
+import { genUniqueId, IconShow, SDKUI_Localizator, updateMruTids, IconBoard, IconDcmtTypeSys, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconPreview, isTaskMoreInfo, IconWorkflow, IconSearch, deepCompare, IconActivity, getExceptionMessage, isApprovalWorkflowView, getDcmtCicoStatus, buildWorkItemsFromWFCtrl, IconLock, getDcmtFormToolbarVisibility, taskModalSizes } from '../../../helper';
+import { hasDetailRelations, hasMasterRelations } from '../../../helper/dcmtsHelper';
 import { Gutters, TMColors } from '../../../utils/theme';
-import { ReferencesContainer, StyledFormButtonsContainer, StyledLoadingContainer, StyledModalContainer, StyledReferenceButton, StyledSpinner, StyledToolbarCardContainer } from '../../base/Styled';
+import { StyledFormButtonsContainer, StyledLoadingContainer, StyledSpinner, StyledToolbarCardContainer } from '../../base/Styled';
 import ShowAlert from '../../base/TMAlert';
 import TMButton from '../../base/TMButton';
 import { TMExceptionBoxManager, TMMessageBoxManager, ButtonNames } from '../../base/TMPopUp';
@@ -23,12 +20,8 @@ import TMMetadataValues, { AdvancedMenuButtons } from '../../editors/TMMetadataV
 import { TMSaveFormButtonPrevious, TMSaveFormButtonNext, TMSaveFormButtonSave, TMSaveFormButtonUndo } from '../../forms/TMSaveForm';
 import TMShowAllOrMaxItemsButton from '../../base/TMShowAllOrMaxItemsButton';
 import TMFileUploader from '../../features/documents/TMFileUploader';
-import TMMasterDetailDcmts from './TMMasterDetailDcmts';
 import TMDcmtBlog from './TMDcmtBlog';
-import { useInputAttachmentsDialog } from '../../../hooks/useInputDialog';
 import TMModal from '../../base/TMModal';
-import TMChooserForm from '../../forms/TMChooserForm';
-import TMSearchResult from '../search/TMSearchResult';
 import { useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
 import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
 import { TMPanelManagerWithPersistenceProvider } from '../../layout/panelManager/TMPanelManagerWithPersistenceProvider';
@@ -40,13 +33,12 @@ import TMDcmtTasks from './TMDcmtTasks';
 import TMToppyMessage from '../../../helper/TMToppyMessage';
 import { getTaskAssignedByMe, getTaskAssignedToMe } from '../tasks/TMTasksUtils';
 import TMCustomButton from '../../base/TMCustomButton';
-import { useCheckInOutOperations } from '../../../hooks/useCheckInOutOperations';
-import TMViewHistoryDcmt from '../search/TMViewHistoryDcmt';
-import TMDcmtCheckoutInfoForm from '../search/TMDcmtCheckoutInfoForm';
 import styled from 'styled-components';
 import { ContextMenu } from '../../NewComponents/ContextMenu';
 import TMToppyDraggableHelpCenter from '../assistant/TMToppyDraggableHelpCenter';
 import TMTaskForm from '../tasks/TMTaskForm';
+import { useDocumentOperations } from '../../../hooks/useDocumentOperations';
+import TMDcmtFormActionButtons from './TMDcmtFormActionButtons';
 //#region Interfaces, Types and Enums
 /**
  * Definisce il contesto da cui è stato invocato il TMDcmtForm.
@@ -65,8 +57,9 @@ export var InvocationContext;
 let abortControllerLocal = new AbortController();
 ;
 //#endregion
-const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, showBackButton = true, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invocationContext = InvocationContext.Default, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCompleted, onTaskCreateRequest, inputFile = null, taskFormDialogComponent, moreInfoTasks, connectorFileSave = undefined, inputMids = [], openS4TViewer = false, onOpenS4TViewerRequest, s4TViewerDialogComponent, enableDragDropOverlay = false, onScanRequest, openPdfEditor, passToSearch, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowButtonsRefs = false, onReferenceClick, }) => {
-    const { showHistory, showHistoryCallback, hideHistoryCallback, showCheckoutInformationForm, commentFormState, hideCommentFormCallback, showCheckoutInformationFormCallback, hideCheckoutInformationFormCallback, copyCheckoutPathToClipboardCallback, handleCheckOutCallback, handleCheckInCallback, refreshPreviewTrigger, showCicoWaitPanel, cicoWaitPanelTitle, showCicoPrimaryProgress, cicoPrimaryProgressText, cicoPrimaryProgressValue, cicoPrimaryProgressMax, } = useCheckInOutOperations();
+const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMode = FormModes.Update, invocationContext = InvocationContext.Default, showHeader = true, showBackButton = true, showDcmtFormSidebar = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, isModal = false, titleModal, widthModal = "100%", heightModal = "100%", allowNavigation = true, canNext, canPrev, count, itemIndex, onNext, onPrev, inputFile = null, inputMids = [], connectorFileSave = undefined, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowRelations = true, allowButtonsRefs = false, openS4TViewer = false, enableDragDropOverlay = false, onClose, onSavedAsyncCallback, onSaveRecents, onWFOperationCompleted, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, onTaskCompleted, onTaskCreateRequest, moreInfoTasks, taskFormDialogComponent, handleNavigateToWGs, handleNavigateToDossiers, onReferenceClick, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, s4TViewerDialogComponent, onScanRequest, passToSearch, datagridUtility }) => {
+    const { onRefreshSearchAsyncDatagrid, onRefreshBlogDatagrid, onRefreshPreviewDatagrid } = datagridUtility || {};
+    const floatingBarContainerRef = useRef(null);
     const [id, setID] = useState('');
     const [showWaitPanelLocal, setShowWaitPanelLocal] = useState(false);
     const [waitPanelTitleLocal, setWaitPanelTitleLocal] = useState('');
@@ -83,10 +76,6 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const [formDataOrig, setFormDataOrig] = useState([]);
     const [validationItems, setValidationItems] = useState([]);
     const [fromDTD, setFromDTD] = useState();
-    const [showApprovePopup, setShowApprovePopup] = useState(false);
-    const [showRejectPopup, setShowRejectPopup] = useState(false);
-    const [showReAssignPopup, setShowReAssignPopup] = useState(false);
-    const [showMoreInfoPopup, setShowMoreInfoPopup] = useState(false);
     const [showMoreInfoTaskPopup, setShowMoreInfoTaskPopup] = useState(false);
     const [showMoreInfoTaskTask, setShowMoreInfoTaskTask] = useState(undefined);
     const [layout, setLayout] = useState();
@@ -102,9 +91,6 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const formDataRef = useRef([]);
     const fromDTDRef = useRef();
     const dcmtFileRef = useRef(null);
-    const [isOpenDetails, setIsOpenDetails] = useState(false);
-    const [isOpenMaster, setIsOpenMaster] = useState(false);
-    const [secondaryMasterDcmts, setSecondaryMasterDcmts] = useState([]);
     const [isOpenDistinctValues, setIsOpenDistinctValues] = useState(false);
     const [isOpenFormulaEditor, setIsOpenFormulaEditor] = useState(false);
     const [currentTIDHasDetailRelations, setCurrentTIDHasDetailRelations] = useState();
@@ -124,72 +110,24 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const [dcmtReferences, setDcmtReferences] = useState(undefined);
     // Stato per triggerare il refresh del blog dall'esterno
     const [refreshBlogTrigger, setRefreshBlogTrigger] = useState(0);
+    // Stato per triggerare il refresh del blog dall'esterno
+    const [refreshPreviewTrigger, setRefreshPreviewTrigger] = useState(0);
     const [wfError, setWfError] = useState(null);
     const [metadataDcmtOrigin, setMetadataDcmtOrigin] = useState(null);
+    // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
+    const deviceType = useDeviceType();
+    // This avoids unnecessary re-renders by only recalculating when deviceType changes.
+    const isMobile = useMemo(() => { return deviceType === DeviceType.MOBILE; }, [deviceType]);
+    const isApprView = useMemo(() => {
+        if (!fromDTD)
+            return false;
+        return isApprovalWorkflowView(fromDTD);
+    }, [fromDTD?.id]);
+    const workitemSetID = useMemo(() => workItems.find(o => o.did === Number(DID))?.setID || formData.find(o => o.md?.name === WorkItemMetadataNames.WI_SetID)?.value, [workItems, DID, formData]);
     const isReadOnlyOriginCallback = useCallback((fromTID) => {
         return layoutMode !== LayoutModes.Ark && layoutMode !== LayoutModes.ArkFromBasket && layoutMode !== LayoutModes.ArkFromFile && layoutMode !== LayoutModes.ArkFromMail
             && fromTID?.toString() !== TID?.toString();
     }, [layoutMode, TID]);
-    const triggerBlogRefresh = useCallback(async () => {
-        setRefreshBlogTrigger(prev => prev + 1);
-    }, []);
-    useEffect(() => {
-        const fetchAllUsers = async () => {
-            const users = await UserListCacheService.GetAllAsync();
-            setAllUsers(users ?? []);
-        };
-        fetchAllUsers();
-    }, []);
-    useEffect(() => {
-        if (!allowButtonsRefs)
-            setDcmtReferences(undefined);
-    }, [allowButtonsRefs]);
-    const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
-    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, runOperationAsync } = useDcmtOperations();
-    const { workflowApproveData, getWorkItemsByDID } = useWorkflowApprove();
-    const currentSearchResults = useMemo(() => {
-        if (!formData || formData.length === 0 || !TID || !DID)
-            return [];
-        const selectMIDs = [];
-        const rowValues = [];
-        formData.forEach(md => {
-            if (md.mid !== undefined) {
-                selectMIDs.push(md.mid);
-                rowValues.push(md.value);
-            }
-        });
-        const searchResult = {
-            fromTID: TID,
-            selectMIDs: selectMIDs,
-            dtdResult: {
-                rows: [rowValues],
-                columns: selectMIDs.map(mid => ({ name: `MID_${mid}`, }))
-            },
-            dcmtsFound: 1,
-            dcmtsReturned: 1
-        };
-        return [searchResult];
-    }, [formData, TID, DID]);
-    const relatedDocuments = useRelatedDocuments({
-        selectedSearchResult: TID ? { fromTID: Number(TID) } : undefined,
-        focusedItem: currentDcmt ? { TID: currentDcmt.tid, DID: currentDcmt.did, rowIndex: 0 } : undefined,
-        currentSearchResults: currentSearchResults
-    });
-    const { relatedDcmts, showRelatedDcmtsChooser, archiveType, isOpenArchiveRelationForm, archiveRelatedDcmtFormTID, archiveRelatedDcmtFormMids, relatedDcmtsChooserDataSource, showManyToManyChooser, manyToManyChooserDataSource, manyToManyRelations, isPairingManyToMany, showPairDcmtsModal, pairedSearchResults, pairFloatingActionConfig, hasManyToManyRelation, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToMany, archiveMasterDocuments, archiveDetailDocuments, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability, setShowRelatedDcmtsChooser, setShowManyToManyChooser, setShowPairDcmtsModal, setIsOpenArchiveRelationForm, setArchiveType, setArchiveRelatedDcmtFormTID, setArchiveRelatedDcmtFormMids, archiveRelatedDcmtHandler, executeManyToManyPairing } = relatedDocuments;
-    const fetchErrorShownRef = useRef(false);
-    useEffect(() => {
-        if (!TID)
-            return;
-        checkRelatedDcmtsArchiveCapability();
-        checkManyToManyCapability();
-    }, [TID, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability]);
-    const deviceType = useDeviceType();
-    const getDcmts = useCallback(() => {
-        return [{ TID: currentDcmt?.tid, DID: currentDcmt?.did, FILEEXT: currentDcmt?.fileExt }];
-    }, [currentDcmt?.tid, currentDcmt?.did, currentDcmt?.fileExt]);
-    const handleReset = useCallback(() => {
-        setDcmtFile(null);
-    }, []);
     const setMetadataList = useCallback(async (mdList, getMetadataResult = undefined, archived = false, currentDID) => {
         try {
             let did = currentDID ?? DID;
@@ -240,7 +178,64 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             TMSpinner.hide();
         }
     }, [TID, DID, layoutMode]);
-    const fetchData = useCallback(async () => {
+    // Funzione helper per ottenere e aggiornare i metadati con gestione errori centralizzata
+    const refreshMetadataAsync = useCallback(async () => {
+        let metadataResult = undefined;
+        let hasGetMetadataError = false;
+        try {
+            metadataResult = await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(TID, DID, true);
+        }
+        catch (metadataError) {
+            hasGetMetadataError = true;
+            // Estrai ErrorCode dal campo detail se disponibile
+            let errorCode = undefined;
+            if (metadataError?.isApiException && metadataError?.response?.detail) {
+                try {
+                    const detailObj = JSON.parse(metadataError.response.detail);
+                    errorCode = detailObj?.ErrorCode;
+                }
+                catch (parseError) {
+                    console.log("Impossibile parsare il detail dell'eccezione:", parseError);
+                }
+            }
+            // Se ErrorCode è -5, mostra messaggio personalizzato, altrimenti mostra l'eccezione originale
+            if (errorCode === -5) {
+                TMMessageBoxManager.show({
+                    message: SDKUI_Localizator.DcmtOutOfView,
+                    buttons: [ButtonNames.OK],
+                });
+            }
+            else {
+                TMExceptionBoxManager.show({ exception: metadataError });
+            }
+            // Usa null per indicare al callback che c'è stato un errore e non deve ritentare
+            metadataResult = null;
+        }
+        // Aggiorna i metadati locali solo se non ci sono stati errori
+        if (!hasGetMetadataError && metadataResult && metadataResult !== null) {
+            await setMetadataList(fromDTDRef.current?.metadata ?? [], metadataResult);
+        }
+        return { success: !hasGetMetadataError, result: metadataResult };
+    }, [TID, DID, setMetadataList]);
+    const updateCurrentDcmt = useCallback(async () => {
+        try {
+            TMSpinner.show({ description: 'Aggiornamento in corso...' });
+            const { success, result: metadataResult } = await refreshMetadataAsync();
+            if (!success)
+                onClose?.();
+            await onSavedAsyncCallback?.(TID, DID, metadataResult === null ? null : metadataResult);
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            TMSpinner.hide();
+        }
+    }, [refreshMetadataAsync, onClose]);
+    const handleReset = useCallback(() => {
+        setDcmtFile(null);
+    }, []);
+    const onRefreshSearchAsync = useCallback(async () => {
         try {
             setFetchError(false);
             if (!TID)
@@ -305,6 +300,127 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             setIsNavigating(false);
         }
     }, [TID, DID, layoutMode, inputFile, setMetadataList, handleReset, allowButtonsRefs, isReadOnlyOriginCallback, metadataDcmtOrigin?.fromTID]);
+    const currentSearchResults = useMemo(() => {
+        if (!formData || formData.length === 0 || !TID || !DID)
+            return [];
+        const selectMIDs = [];
+        const rowValues = [];
+        formData.forEach(md => {
+            if (md.mid !== undefined) {
+                selectMIDs.push(md.mid);
+                rowValues.push(md.value);
+            }
+        });
+        const searchResult = {
+            fromTID: TID,
+            selectMIDs: selectMIDs,
+            dtdResult: {
+                rows: [rowValues],
+                columns: selectMIDs.map(mid => ({ name: `MID_${mid}`, }))
+            },
+            dcmtsFound: 1,
+            dcmtsReturned: 1
+        };
+        return [searchResult];
+    }, [formData, TID, DID]);
+    const triggerBlogRefresh = useCallback(async () => {
+        setRefreshBlogTrigger(prev => prev + 1);
+    }, []);
+    const triggerPreviewRefresh = useCallback(async () => {
+        setRefreshPreviewTrigger(prev => prev + 1);
+    }, []);
+    const openTaskFormHandler = (onTaskCreated) => {
+        if (!currentDcmt || !fromDTD)
+            return;
+        const item = { TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt };
+        if (item.TID && item.DID) {
+            const name = `${fromDTD?.name ?? '-'} (DID: ${item.DID})`;
+            onTaskCreateRequest?.({ document: { tid: item.TID, did: item.DID, name } }, onTaskCreated);
+        }
+    };
+    const { operationItems, renderFloatingBar, renderDcmtOperations, features } = useDocumentOperations({
+        context: SearchResultContext.DCMT_FORM,
+        documentData: {
+            dtd: fromDTD,
+            selectedItems: currentDcmt ? [{ TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, rowIndex: 0 }] : [],
+            focusedItem: currentDcmt ? { TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, rowIndex: 0 } : undefined,
+            searchResult: currentSearchResults ? currentSearchResults[0] : undefined,
+            currentSearchResults,
+            currentMetadataValues: formData,
+            allUsers,
+            datagridUtility: {
+                onRefreshBlogDatagrid,
+                onRefreshPreviewDatagrid,
+            },
+            dcmtUtility: {
+                approvalVID: workItems.length > 0 ? Number(workItems[0].tid) : -1,
+                dcmtDataRowForCicoStatus: formData,
+                selectedDcmtSearchResultRelations: TID ? { fromTID: Number(TID) } : undefined,
+                dcmtTIDHasDetailRelations: currentTIDHasDetailRelations,
+                dcmtTIDHasMasterRelations: currentTIDHasMasterRelations,
+                updateCurrentDcmt: updateCurrentDcmt,
+                onCloseDcmtForm: onClose,
+                onRefreshBlogForm: triggerBlogRefresh,
+                onRefreshPreviewForm: triggerPreviewRefresh,
+                taskFormDialogComponent,
+                s4TViewerDialogComponent,
+            }
+        },
+        uiConfig: {
+            floatingBarContainerRef,
+            customButtonsLayout,
+            openS4TViewer,
+            showDcmtFormSidebar,
+            allowFloatingBar: false,
+            enablePinIcons: false,
+            allowRelations,
+            inputDcmtFormLayoutMode: layoutMode,
+        },
+        tasks: {
+            allTasks: allTasks,
+            getAllTasks: getAllTasks,
+            deleteTaskByIdsCallback: deleteTaskByIdsCallback,
+            addTaskCallback: addTaskCallback,
+            editTaskCallback: editTaskCallback
+        },
+        callbacks: {
+            // Refresh operations (data consistency)
+            onRefreshSearchAsync,
+            onSavedAsyncCallback,
+            // Workflow operations
+            onWFOperationCompleted,
+            // Navigation
+            handleNavigateToWGs,
+            handleNavigateToDossiers,
+            onReferenceClick,
+            // Document forms/operations
+            onOpenS4TViewerRequest,
+            onOpenPdfEditorRequest,
+            // Task related
+            onTaskCreateRequest,
+            openTaskFormHandler,
+        },
+    });
+    const { handleSignApprove, checkoutInfo: { showCicoWaitPanel, cicoWaitPanelTitle, showCicoPrimaryProgress, cicoPrimaryProgressText, cicoPrimaryProgressValue, cicoPrimaryProgressMax, }, dcmtOperations: { abortController, showWaitPanel, showPrimary, waitPanelTitle, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, }, relatedDocumentsInfo: { isOpenDetails, isOpenMaster, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability, }, toppyOperations: { updateShowApprovePopup, updateShowRejectPopup, updateShowReAssignPopup, updateShowMoreInfoPopup } } = features;
+    useEffect(() => {
+        const fetchAllUsers = async () => {
+            const users = await UserListCacheService.GetAllAsync();
+            setAllUsers(users ?? []);
+        };
+        fetchAllUsers();
+    }, []);
+    useEffect(() => {
+        if (!allowButtonsRefs)
+            setDcmtReferences(undefined);
+    }, [allowButtonsRefs]);
+    const { workflowApproveData, getWorkItemsByDID } = useWorkflowApprove();
+    const fetchErrorShownRef = useRef(false);
+    useEffect(() => {
+        if (!TID)
+            return;
+        checkRelatedDcmtsArchiveCapability();
+        checkManyToManyCapability();
+    }, [TID, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability]);
     const createChange = useCallback((mid, metadataType, modifiedValue) => {
         return { mid, metadataType, modifiedValue };
     }, []);
@@ -351,12 +467,12 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 // Distinguish between initial load and navigation
                 if (isInitialLoading) {
                     // First load - keep isInitialLoading true
-                    await fetchData();
+                    await onRefreshSearchAsync();
                 }
                 else {
                     // Navigation - use isNavigating instead
                     setIsNavigating(true);
-                    await fetchData();
+                    await onRefreshSearchAsync();
                 }
             }
             catch (e) {
@@ -370,7 +486,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             }
         };
         run();
-    }, [TID, DID, fetchData]);
+    }, [TID, DID, onRefreshSearchAsync]);
     useEffect(() => {
         if (formData.length > 0) {
             setValidationItems(validateMetadataList(formData));
@@ -451,21 +567,6 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const workItemSetIDValue = useMemo(() => formData.find(o => o.md?.name === WorkItemMetadataNames.WI_SetID)?.value, [formData]);
     // Valore derivato: true se formData ha elementi validi
     const hasFormData = useMemo(() => formData.length > 0 && formData.some(md => md.mid && md.mid > 99), [formData]);
-    const handleCheckOutOperationCallback = async (checkout) => {
-        if (!currentDcmt)
-            return;
-        await handleCheckOutCallback({ TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt }, checkout, fromDTD?.name ?? SDKUI_Localizator.SearchResult, downloadDcmtsAsync, updateCurrentDcmt);
-    };
-    const handleCheckInOperationCallback = async () => {
-        if (!currentDcmt)
-            return;
-        await handleCheckInCallback({ TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt, fileName: fromDTD?.name ?? SDKUI_Localizator.SearchResult }, updateCurrentDcmt, undefined);
-    };
-    const copyCheckoutPathToClipboardOperationCallback = () => {
-        if (!currentDcmt)
-            return;
-        copyCheckoutPathToClipboardCallback({ TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt }, fromDTD?.name ?? SDKUI_Localizator.SearchResult);
-    };
     // useEffect per il caricamento dei dati del workflow
     useEffect(() => {
         // Funzione helper per caricare le informazioni del workflow
@@ -618,18 +719,6 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         };
         buildWorkItemsForDiagram();
     }, [workflows, workItems]);
-    const getSelectionDcmtInfo = useCallback(() => {
-        let dcmts = [];
-        dcmts.push({ TID: TID ?? 0, DID: DID ?? 0 });
-        return dcmts;
-    }, [TID, DID]);
-    const handleAddItem = useCallback((tid, did) => {
-        let newItem = { TID: tid ?? 0, DID: did ?? 0 };
-        setSecondaryMasterDcmts((prevItems) => [...prevItems, newItem]);
-    }, []);
-    const handleRemoveItem = useCallback((tid, did) => {
-        setSecondaryMasterDcmts((prevItems) => prevItems.filter(item => item.TID !== tid && item.DID !== did));
-    }, []);
     const handlePassToSearch = useCallback(() => {
         if (!passToSearch)
             return;
@@ -645,8 +734,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const isPreviewDisabled = useMemo(() => layoutMode === LayoutModes.Ark && fromDTD?.archiveConstraint === ArchiveConstraints.OnlyMetadata, [layoutMode, fromDTD?.archiveConstraint]);
     const isBoardDisabled = useMemo(() => layoutMode !== LayoutModes.Update || fromDTD?.hasBlog !== 1, [layoutMode, fromDTD?.hasBlog]);
     const isSysMetadataDisabled = useMemo(() => layoutMode !== LayoutModes.Update, [layoutMode]);
-    const isDetailsDisabled = useMemo(() => layoutMode !== LayoutModes.Update || !DID, [layoutMode, DID]);
-    const isMasterDisabled = useMemo(() => layoutMode !== LayoutModes.Update || !DID, [layoutMode, DID]);
+    const isDcmtTasksDisabled = useMemo(() => layoutMode !== LayoutModes.Update, [layoutMode]);
     const isWFDisabled = useMemo(() => layoutMode !== LayoutModes.Update || fetchError || (workItems.length <= 0 && workItemsForDiagram.length <= 0), [layoutMode, fetchError, workItems.length, workItemsForDiagram.length]);
     const showToppyForApprove = useMemo(() => layoutMode === LayoutModes.Update && !fetchError && workItems.length > 0 && !isOpenDetails && !isOpenMaster, [layoutMode, fetchError, workItems.length, isOpenDetails, isOpenMaster]);
     const showToppyForCompleteMoreInfo = useMemo(() => {
@@ -664,314 +752,13 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         return dcmtReferences.some(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup);
     }, [allowButtonsRefs, layoutMode, dcmtReferences, isOpenDetails, isOpenMaster]);
     const isToppyVisible = useMemo(() => Boolean((showToppyForApprove || showToppyForCompleteMoreInfo || showToppyForReferences) && !openS4TViewer), [showToppyForApprove, showToppyForCompleteMoreInfo, showToppyForReferences, openS4TViewer]);
-    const isMobile = useMemo(() => deviceType === DeviceType.MOBILE, [deviceType]);
-    const isApprView = useMemo(() => {
-        if (!fromDTD)
-            return false;
-        return isApprovalWorkflowView(fromDTD);
-    }, [fromDTD?.id]);
-    const workitemSetID = useMemo(() => workItems.find(o => o.did === Number(DID))?.setID || formData.find(o => o.md?.name === WorkItemMetadataNames.WI_SetID)?.value, [workItems, DID, formData]);
-    const approvalVID = useMemo(() => workItems.length > 0 ? Number(workItems[0].tid) : -1, [workItems]);
-    //here
-    const commandsMenuItems = useMemo(() => {
-        const items = [];
-        const operationsItems = [];
-        operationsItems.push({
-            icon: _jsx(IconDownload, {}),
-            disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes,
-            name: SDKUI_Localizator.DownloadFile,
-            onClick: async () => await downloadDcmtsAsync(getDcmts(), DownloadTypes.Dcmt, "download", undefined, undefined, true)
-        }, {
-            icon: _jsx(IconDownload, {}),
-            disabled: !isXMLFileExt(currentDcmt?.fileExt),
-            name: SDKUI_Localizator.DownloadXMLAttachments,
-            onClick: async () => await downloadDcmtsAsync(getDcmts(), DownloadTypes.Attachment, "download", undefined, openConfirmAttachmentsDialog, true)
-        });
-        if (layoutMode === LayoutModes.Update && DID) {
-            operationsItems.push({
-                icon: _jsx(IconStar, {}),
-                name: SDKUI_Localizator.AddTo + ' ' + SDKUI_Localizator.Favorites,
-                disabled: false,
-                onClick: async () => {
-                    await runOperationAsync(getDcmts(), DcmtOperationTypes.AddToFavs);
-                },
-            });
-        }
-        if (onTaskCreateRequest && layoutMode === LayoutModes.Update && DID) {
-            operationsItems.push({
-                icon: _jsx(IconActivity, {}),
-                name: SDKUI_Localizator.CreateContextualTask,
-                disabled: false,
-                onClick: () => {
-                    const dcmt = getDcmts()[0];
-                    const name = `${fromDTD?.name ?? '-'} (DID: ${dcmt.DID})`;
-                    const taskContext = {
-                        document: {
-                            tid: dcmt.TID,
-                            did: dcmt.DID,
-                            name: name
-                        }
-                    };
-                    onTaskCreateRequest(taskContext);
-                }
-            });
-        }
-        if (operationsItems.length > 0) {
-            items.push({
-                icon: _jsx(IconCheck, {}),
-                name: SDKUI_Localizator.DocumentOperations,
-                submenu: operationsItems
-            });
-        }
-        if (fromDTD?.id !== SystemTIDs.Drafts) {
-            // Check in/Check out menu
-            const { cicoEnabled, checkoutStatus } = getDcmtCicoStatus(formData, allUsers, fromDTD);
-            items.push({
-                icon: _jsx(IconFileDots, {}),
-                name: "Check in/Check out",
-                disabled: false,
-                submenu: [
-                    {
-                        name: 'Check out',
-                        disabled: !cicoEnabled || checkoutStatus.isCheckedOut,
-                        onClick: () => handleCheckOutOperationCallback(true),
-                    },
-                    {
-                        name: 'Check in',
-                        onClick: () => handleCheckInOperationCallback(),
-                        disabled: !cicoEnabled || !checkoutStatus.isCheckedOut || checkoutStatus.mode === 'lockMode'
-                    },
-                    {
-                        name: SDKUI_Localizator.CancelCheckOut,
-                        disabled: !cicoEnabled || !checkoutStatus.isCheckedOut || checkoutStatus.mode === 'lockMode',
-                        onClick: () => handleCheckOutOperationCallback(false),
-                    },
-                    {
-                        name: SDKUI_Localizator.CheckoutInfo,
-                        onClick: showCheckoutInformationFormCallback,
-                        disabled: !checkoutStatus.isCheckedOut
-                    },
-                    {
-                        name: SDKUI_Localizator.CopyCheckoutPath,
-                        onClick: copyCheckoutPathToClipboardOperationCallback,
-                        disabled: !checkoutStatus.isCheckedOut
-                    },
-                    {
-                        name: SDKUI_Localizator.History,
-                        disabled: !cicoEnabled,
-                        onClick: showHistoryCallback,
-                    },
-                ]
-            });
-        }
-        if (allowRelations && layoutMode === LayoutModes.Update && DID) {
-            const relationsItems = [
-                {
-                    icon: _jsx(IconPair, {}),
-                    name: SDKUI_Localizator.MatchManyDocumentsManyToMany,
-                    disabled: !hasManyToManyRelation,
-                    onClick: async () => await pairManyToMany?.(true)
-                },
-                {
-                    icon: _jsx(IconUnpair, {}),
-                    name: SDKUI_Localizator.UnmatchManyDocumentsManyToMany,
-                    disabled: !hasManyToManyRelation,
-                    onClick: async () => await pairManyToMany?.(false)
-                },
-                {
-                    icon: _jsx(IconArchiveMaster, {}),
-                    name: SDKUI_Localizator.ArchiveMasterDocument,
-                    disabled: canArchiveMasterRelation !== true,
-                    onClick: async () => { if (TID)
-                        await archiveMasterDocuments?.(TID); }
-                },
-                {
-                    icon: _jsx(IconArchiveDetail, {}),
-                    name: SDKUI_Localizator.ArchiveDetailDocument,
-                    disabled: canArchiveDetailRelation !== true,
-                    onClick: async () => { if (TID)
-                        await archiveDetailDocuments?.(TID); }
-                },
-                {
-                    icon: _jsx(IconDetailDcmts, { transform: 'scale(-1, 1)' }),
-                    name: SDKUI_Localizator.DcmtsMaster,
-                    disabled: !currentTIDHasMasterRelations || isMasterDisabled,
-                    onClick: () => { if (!isMasterDisabled)
-                        setIsOpenMaster(!isOpenMaster); }
-                },
-                {
-                    icon: _jsx(IconDetailDcmts, {}),
-                    name: SDKUI_Localizator.DcmtsDetail,
-                    disabled: !currentTIDHasDetailRelations || isDetailsDisabled,
-                    onClick: () => { if (!isDetailsDisabled)
-                        setIsOpenDetails(!isOpenDetails); }
-                }
-            ];
-            items.push({
-                icon: _jsx(IconRelation, {}),
-                name: SDKUI_Localizator.Relations,
-                submenu: relationsItems
-            });
-        }
-        if (layoutMode === LayoutModes.Update && DID) {
-            const fullTextItems = [
-                {
-                    icon: _jsx(IconInfo, {}),
-                    name: SDKUI_Localizator.IndexingInformation,
-                    disabled: false,
-                    onClick: async () => {
-                        try {
-                            TMSpinner.show({ description: `${SDKUI_Localizator.Loading}...` });
-                            const dcmts = getDcmts();
-                            const msg = await SDK_Globals.tmSession?.NewSearchEngine().FreeSearchGetDcmtInfoAsync(dcmts[0].TID, dcmts[0].DID);
-                            TMMessageBoxManager.show({ buttons: [ButtonNames.OK], message: msg, title: SDKUI_Localizator.IndexingInformation });
-                        }
-                        catch (e) {
-                            TMExceptionBoxManager.show({ exception: e });
-                        }
-                        finally {
-                            TMSpinner.hide();
-                        }
-                    }
-                },
-                {
-                    icon: _jsx(IconArchiveDoc, {}),
-                    name: SDKUI_Localizator.IndexOrReindex,
-                    disabled: false,
-                    onClick: async () => {
-                        await runOperationAsync(getDcmts(), DcmtOperationTypes.FreeSearchReindex);
-                    }
-                },
-                {
-                    icon: _jsx(IconDelete, {}),
-                    name: SDKUI_Localizator.IndexingDelete,
-                    disabled: false,
-                    onClick: async () => {
-                        await runOperationAsync(getDcmts(), DcmtOperationTypes.FreeSearchPurge);
-                    }
-                }
-            ];
-            items.push({
-                icon: _jsx(IconSearch, {}),
-                name: SDKUI_Localizator.FullTextSearch,
-                submenu: fullTextItems
-            });
-        }
-        // Aggiungi submenu "Bottoni personalizzati" se esistono customButtons
-        if (customButtonsLayout?.customButtons && Array.isArray(customButtonsLayout.customButtons) && customButtonsLayout.customButtons.length > 0) {
-            const customButtonsItems = customButtonsLayout.customButtons
-                .filter((customButton) => customButton.isForUpdate && customButton.isForUpdate > 0)
-                .map((customButton) => ({
-                icon: TMImageLibrary({ imageID: customButton.glyphID }),
-                name: customButton.title || 'Bottone personalizzato',
-                onClick: () => setCustomButton(customButton)
-            }));
-            customButtonsItems && customButtonsItems.length > 0 && items.push({
-                icon: _jsx(IconCustom, {}),
-                name: SDKUI_Localizator.CustomButtons,
-                submenu: customButtonsItems
-            });
-        }
-        return items;
-    }, [
-        fromDTD?.id,
-        fromDTD?.perm?.canRetrieveFile,
-        fromDTD?.description,
-        currentDcmt?.fileExt,
-        allowRelations,
-        currentTIDHasMasterRelations,
-        isMasterDisabled,
-        currentTIDHasDetailRelations,
-        isDetailsDisabled,
-        customButtonsLayout,
-        layoutMode,
-        TID,
-        DID,
-        onTaskCreateRequest,
-        hasManyToManyRelation,
-        canArchiveMasterRelation,
-        canArchiveDetailRelation,
-        pairManyToMany,
-        archiveMasterDocuments,
-        archiveDetailDocuments,
-        getDcmts,
-        downloadDcmtsAsync,
-        runOperationAsync,
-        openConfirmAttachmentsDialog
-    ]);
     const isModified = useMemo(() => calcIsModified(formData, formDataOrig), [formData, formDataOrig]);
     const formToolbar = useMemo(() => _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px' }, children: [allowNavigation && canPrev != undefined && _jsx("p", { style: { textAlign: 'center', padding: '1px 4px', display: 'flex' }, children: `${itemIndex}/${count}` }), allowNavigation && canPrev != undefined && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', iconColor: 'white', isModified: isModified, formMode: formMode, canPrev: canPrev, onPrev: onPrev }), allowNavigation && canNext != undefined && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', iconColor: 'white', isModified: isModified, formMode: formMode, canNext: canNext, onNext: onNext }), layoutMode === LayoutModes.Update &&
-                _jsx(ContextMenu, { items: commandsMenuItems, trigger: "left", children: _jsx(IconMenuVertical, { color: 'white', cursor: 'pointer' }) }), layoutMode === LayoutModes.Ark &&
-                _jsx(TMTooltip, { content: SDKUI_Localizator.PassToSearch, position: 'bottom', children: _jsx(IconSearch, { style: { cursor: 'pointer' }, onClick: handlePassToSearch }) })] }), [allowNavigation, canPrev, canNext, itemIndex, count, isModified, formMode, onPrev, onNext, layoutMode, commandsMenuItems, handlePassToSearch]);
+                _jsx(ContextMenu, { items: operationItems, trigger: "left", children: _jsx(IconMenuVertical, { color: 'white', cursor: 'pointer' }) }), layoutMode === LayoutModes.Ark &&
+                _jsx(TMTooltip, { content: SDKUI_Localizator.PassToSearch, position: 'bottom', children: _jsx(IconSearch, { style: { cursor: 'pointer' }, onClick: handlePassToSearch }) })] }), [allowNavigation, canPrev, canNext, itemIndex, count, isModified, formMode, onPrev, onNext, layoutMode, operationItems, handlePassToSearch]);
     const handleUndo = useCallback(() => {
         setFormData(structuredClone(formDataOrig));
     }, [formDataOrig]);
-    const handleConfirmAction = useCallback(async () => {
-        TMMessageBoxManager.show({
-            parentId: isModal ? "TMDcmtFormShowConfirmForClose-" + id : undefined,
-            buttons: [ButtonNames.YES, ButtonNames.NO],
-            message: layoutMode === LayoutModes.Update ? SDKUI_Localizator.SaveQuestion : 'Sei sicuro di voler archiviare questo documento?',
-            onButtonClick(e) {
-                if (e !== ButtonNames.YES)
-                    return;
-                layoutMode === LayoutModes.Update ? handleSave() : handleArchiveCompleted();
-            },
-        });
-    }, [isModal, id, layoutMode]);
-    // Funzione helper per ottenere e aggiornare i metadati con gestione errori centralizzata
-    const refreshMetadataAsync = useCallback(async () => {
-        let metadataResult = undefined;
-        let hasGetMetadataError = false;
-        try {
-            metadataResult = await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(TID, DID, true);
-        }
-        catch (metadataError) {
-            hasGetMetadataError = true;
-            // Estrai ErrorCode dal campo detail se disponibile
-            let errorCode = undefined;
-            if (metadataError?.isApiException && metadataError?.response?.detail) {
-                try {
-                    const detailObj = JSON.parse(metadataError.response.detail);
-                    errorCode = detailObj?.ErrorCode;
-                }
-                catch (parseError) {
-                    console.log("Impossibile parsare il detail dell'eccezione:", parseError);
-                }
-            }
-            // Se ErrorCode è -5, mostra messaggio personalizzato, altrimenti mostra l'eccezione originale
-            if (errorCode === -5) {
-                TMMessageBoxManager.show({
-                    message: SDKUI_Localizator.DcmtOutOfView,
-                    buttons: [ButtonNames.OK],
-                });
-            }
-            else {
-                TMExceptionBoxManager.show({ exception: metadataError });
-            }
-            // Usa null per indicare al callback che c'è stato un errore e non deve ritentare
-            metadataResult = null;
-        }
-        // Aggiorna i metadati locali solo se non ci sono stati errori
-        if (!hasGetMetadataError && metadataResult && metadataResult !== null) {
-            await setMetadataList(fromDTDRef.current?.metadata ?? [], metadataResult);
-        }
-        return { success: !hasGetMetadataError, result: metadataResult };
-    }, [TID, DID, setMetadataList]);
-    const updateCurrentDcmt = useCallback(async () => {
-        try {
-            TMSpinner.show({ description: 'Aggiornamento in corso...' });
-            const { success, result: metadataResult } = await refreshMetadataAsync();
-            if (!success)
-                onClose?.();
-            await onSavedAsyncCallback?.(TID, DID, metadataResult === null ? null : metadataResult);
-        }
-        catch (e) {
-            TMExceptionBoxManager.show({ exception: e });
-        }
-        finally {
-            TMSpinner.hide();
-        }
-    }, [refreshMetadataAsync, onClose]);
     const handleSave = useCallback(async () => {
         const ue = new UpdateEngineByID(SDK_Globals.tmSession);
         ue.DID = DID;
@@ -1095,6 +882,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             const savedFormData = structuredClone(formDataRef.current);
             setFormDataOrig(savedFormData);
             formDataOrigRef.current = savedFormData;
+            await onRefreshSearchAsyncDatagrid?.();
             await onSavedAsyncCallback?.(ae.TID, newDID);
             // Usa fromDTDRef.current invece di fromDTD per evitare stale closure,
             // garantendo di avere il descrittore del tipo documento corrente.
@@ -1122,6 +910,18 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             setUseWaitPanelLocalState(false);
         }
     }, [TID, connectorFileSave, onSavedAsyncCallback, onSaveRecents, onClose, DID, setMetadataList, handleReset, layoutMode, isSharedDcmt]);
+    const handleConfirmAction = useCallback(async () => {
+        TMMessageBoxManager.show({
+            parentId: isModal ? "TMDcmtFormShowConfirmForClose-" + id : undefined,
+            buttons: [ButtonNames.YES, ButtonNames.NO],
+            message: layoutMode === LayoutModes.Update ? SDKUI_Localizator.SaveQuestion : 'Sei sicuro di voler archiviare questo documento?',
+            onButtonClick(e) {
+                if (e !== ButtonNames.YES)
+                    return;
+                layoutMode === LayoutModes.Update ? handleSave() : handleArchiveCompleted();
+            },
+        });
+    }, [isModal, id, layoutMode, handleSave, handleArchiveCompleted]);
     const handleClearForm = useCallback(() => {
         let data = structuredClone(formData);
         if (!data || data.length === 0)
@@ -1192,12 +992,6 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         fd.tid = TID;
         return fd;
     }, [focusedMetadataValue?.value, focusedMetadataValue?.mid, TID]);
-    const handleWFOperationCompleted = useCallback(async () => {
-        await onWFOperationCompleted?.();
-        if (!showMoreInfoPopup) {
-            onClose?.();
-        }
-    }, [onWFOperationCompleted, onClose, showMoreInfoPopup]);
     // Determina se showAll deve essere automaticamente true
     // Best practice: usa useMemo per calcolare valori derivati invece di useEffect con setState
     const shouldShowAll = useMemo(() => {
@@ -1217,9 +1011,12 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const afterTaskSaved = useCallback(async (task, formMode, forceRefresh = false) => {
         const shouldRefresh = forceRefresh || (task && (task.state === Task_States.Completed || task.state === Task_States.Closed)) || formMode === FormModes.Create || formMode === FormModes.Duplicate;
         if (TID && DID && shouldRefresh) {
+            // local refresh blog
             await triggerBlogRefresh();
+            // refresh blog datagrid
+            await onRefreshBlogDatagrid?.();
         }
-    }, [TID, DID, triggerBlogRefresh]);
+    }, [TID, DID, triggerBlogRefresh, onRefreshBlogDatagrid]);
     const checkoutBadge = useMemo(() => {
         const { cicoEnabled, checkoutStatus } = getDcmtCicoStatus(formData, allUsers, fromDTD);
         if (!cicoEnabled || !checkoutStatus.isCheckedOut)
@@ -1247,7 +1044,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                                         !isApprView &&
                                         TID !== SystemTIDs.Drafts &&
                                         !shouldShowAll &&
-                                        _jsx(TMShowAllOrMaxItemsButton, { showAll: showAll, dataSourceLength: totalItems, onClick: () => { setShowAll(!showAll); } })] }), _jsx(ConfirmAttachmentsDialog, {})] })] });
+                                        _jsx(TMShowAllOrMaxItemsButton, { showAll: showAll, dataSourceLength: totalItems, onClick: () => { setShowAll(!showAll); } })] })] })] });
     }, [
         TID,
         DID,
@@ -1277,9 +1074,9 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         isReadOnlyOriginCallback,
         metadataDcmtOrigin?.fromTID,
     ]);
-    const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: TID, did: DID, allTasks: allTasks, fetchBlogDataTrigger: refreshBlogTrigger, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [TID, DID, allTasks, refreshBlogTrigger, handleNavigateToWGs, handleNavigateToDossiers]);
+    const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: TID, did: DID, fetchBlogDataTrigger: refreshBlogTrigger, onRefreshBlogDatagrid: onRefreshBlogDatagrid, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [TID, DID, allTasks, refreshBlogTrigger, handleNavigateToWGs, handleNavigateToDossiers]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: layoutMode, openChooserBySingleClick: !isOpenDistinctValues, TID: TID, isReadOnly: true, deviceType: deviceType, metadataValues: formData.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: formData.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [], inputMids: inputMids }), [TID, layoutMode, formData, deviceType, inputMids]);
-    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { currentDcmt: currentDcmt, dcmtFile: dcmtFile ?? inputFile, deviceType: deviceType, fromDTD: fromDTD, layoutMode: layoutMode, onFileUpload: (file) => { setDcmtFile(file); }, openPdfEditor: openPdfEditor, enableDragDropOverlay: enableDragDropOverlay, onScanRequest: onScanRequest }, refreshPreviewTrigger), [currentDcmt, dcmtFile, deviceType, fromDTD, layoutMode, inputFile, enableDragDropOverlay, setDcmtFile, onScanRequest, openPdfEditor]);
+    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { refreshPreviewTrigger: refreshPreviewTrigger, fromDTD: fromDTD, currentDcmt: currentDcmt, dcmtFile: dcmtFile ?? inputFile, deviceType: deviceType, layoutMode: layoutMode, onFileUpload: (file) => { setDcmtFile(file); }, openFileUploaderPdfEditor: openFileUploaderPdfEditor, enableDragDropOverlay: enableDragDropOverlay, onScanRequest: onScanRequest }), [currentDcmt, dcmtFile, deviceType, fromDTD, layoutMode, inputFile, enableDragDropOverlay, setDcmtFile, onScanRequest, openFileUploaderPdfEditor, refreshPreviewTrigger]);
     const tmWF = useMemo(() => {
         if (isWFDataLoading) {
             return (_jsx("div", { style: {
@@ -1581,18 +1378,6 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     }, []);
     const emptyParticipants = useMemo(() => [], []);
     const emptyArchivedDocumentsFileItems = useMemo(() => [], []);
-    const handleSignApprove = useCallback(() => {
-        if (onOpenS4TViewerRequest && TID && DID) {
-            onOpenS4TViewerRequest([{ TID, DID }], onClose ? async () => { onClose(); } : undefined);
-            return;
-        }
-        ShowAlert({
-            message: "TODO",
-            mode: "info",
-            duration: 3000,
-            title: SDKUI_Localizator.SignatureAndApprove,
-        });
-    }, [onOpenS4TViewerRequest, TID, DID]);
     const handleNavigateToReference = useCallback((ref) => {
         if (onReferenceClick) {
             try {
@@ -1626,83 +1411,37 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         if (isInitialLoading) {
             return _jsx(Spinner, { description: SDKUI_Localizator.Loading, flat: true });
         }
-        return (_jsxs("div", { style: {
-                display: 'flex',
-                flexDirection: deviceType === DeviceType.MOBILE ? 'column' : 'row',
-                justifyContent: 'space-between',
-                gap: Gutters.getGutters(),
-                width: '100%',
-                height: '100%',
-                position: 'relative',
-                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)
-                                        ? _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })
-                                        : _jsxs(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: defaultPanelDimensions, initialDimensions: defaultPanelDimensions, initialMobilePanelId: 'tmDcmtForm', isPersistenceEnabled: !isMobile ? hasSavedLayout() : false, persistPanelStates: !isMobile ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: getPersistedPanelStates(), children: [_jsx(WfButtonStateHandler, { isWFDisabled: isWFDisabled }), _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;
-                                                setFormData((prevItems) => prevItems.map((item) => item.tid == e.tid && item.mid === e.mid ? { ...item, value: e.newValue } : item));
-                                            } }), isOpenFormulaEditor &&
-                                        _jsx(TMFormulaEditor, { isModal: true, formMode: FormModes.Update, inputData: getFormula(), showBack: false, onClose: () => setIsOpenFormulaEditor(false), onApplied: (newFormula) => {
-                                                setFormData((prevItems) => prevItems.map((item) => item.tid == newFormula.tid && item.mid === newFormula.mid ? { ...item, value: FormulaHelper.addFormulaTag(newFormula.expression), isSelected: true, isEditable: true } : item));
-                                                setFocusedMetadataValue(prevState => ({
-                                                    ...prevState,
-                                                    isSelected: true,
-                                                    isEditable: true,
-                                                    value: FormulaHelper.addFormulaTag(newFormula.expression)
-                                                }));
-                                            } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { fromDTD: fromDTD, deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowMoreInfoPopup(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, triggerBlogRefresh: triggerBlogRefresh }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }) }), _jsx(TMToppyDraggableHelpCenter, { isVisible: isToppyVisible, content: _jsx(TMDcmtFormActionButtons, { showToppyForApprove: showToppyForApprove, workItems: workItems, deviceType: deviceType, isMobile: isMobile, handleSignApprove: handleSignApprove, setShowApprovePopup: setShowApprovePopup, setShowRejectPopup: setShowRejectPopup, setShowReAssignPopup: setShowReAssignPopup, setShowMoreInfoPopup: setShowMoreInfoPopup, fromDTD: fromDTD, showToppyForCompleteMoreInfo: showToppyForCompleteMoreInfo, moreInfoTasks: moreInfoTasks, setShowCommentForm: setShowCommentForm, showToppyForReferences: showToppyForReferences, dcmtReferences: dcmtReferences, referenceActionMap: referenceActionMap, handleNavigateToReference: handleNavigateToReference, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask }) })] }), (showCommentForm && TID && DID) &&
-                    _jsx(TMBlogCommentForm, { maxLength: 500, context: blogCommentFormContext, onClose: handleBlogCommentFormClose, onCustomSave: onBlogCommentFormCustomSave, participants: emptyParticipants, showAttachmentsSection: false, allArchivedDocumentsFileItems: emptyArchivedDocumentsFileItems }), isOpenDetails &&
-                    _jsx(StyledModalContainer, { children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, isForMaster: false, inputDcmts: getSelectionDcmtInfo(), allowNavigation: allowNavigation, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev, onBack: () => setIsOpenDetails(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), isOpenMaster &&
-                    _jsxs(StyledModalContainer, { children: [_jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: getSelectionDcmtInfo(), isForMaster: true, allowNavigation: allowNavigation, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev, onBack: () => setIsOpenMaster(false), appendMasterDcmts: handleAddItem, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
-                                return (_jsx(StyledModalContainer, { children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: [dcmt], isForMaster: true, allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID), appendMasterDcmts: handleAddItem, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }, `${index}-${dcmt.DID}`));
-                            })] }), taskFormDialogComponent, s4TViewerDialogComponent] }));
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: floatingBarContainerRef, style: {
+                        display: isOpenDetails || isOpenMaster ? 'none' : 'flex',
+                        flexDirection: deviceType === DeviceType.MOBILE ? 'column' : 'row',
+                        justifyContent: 'space-between',
+                        gap: Gutters.getGutters(),
+                        width: '100%',
+                        height: '100%',
+                        position: 'relative',
+                        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)
+                                                ? _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })
+                                                : _jsxs(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: defaultPanelDimensions, initialDimensions: defaultPanelDimensions, initialMobilePanelId: 'tmDcmtForm', isPersistenceEnabled: !isMobile ? hasSavedLayout() : false, persistPanelStates: !isMobile ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: getPersistedPanelStates(), children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled }), _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;
+                                                        setFormData((prevItems) => prevItems.map((item) => item.tid == e.tid && item.mid === e.mid ? { ...item, value: e.newValue } : item));
+                                                    } }), isOpenFormulaEditor &&
+                                                _jsx(TMFormulaEditor, { isModal: true, formMode: FormModes.Update, inputData: getFormula(), showBack: false, onClose: () => setIsOpenFormulaEditor(false), onApplied: (newFormula) => {
+                                                        setFormData((prevItems) => prevItems.map((item) => item.tid == newFormula.tid && item.mid === newFormula.mid ? { ...item, value: FormulaHelper.addFormulaTag(newFormula.expression), isSelected: true, isEditable: true } : item));
+                                                        setFocusedMetadataValue(prevState => ({
+                                                            ...prevState,
+                                                            isSelected: true,
+                                                            isEditable: true,
+                                                            value: FormulaHelper.addFormulaTag(newFormula.expression)
+                                                        }));
+                                                    } }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }) }), _jsx(TMToppyDraggableHelpCenter, { isVisible: isToppyVisible, content: _jsx(TMDcmtFormActionButtons, { showToppyForApprove: showToppyForApprove, workItems: workItems, deviceType: deviceType, isMobile: isMobile, handleSignApprove: handleSignApprove, updateShowApprovePopup: updateShowApprovePopup, updateShowRejectPopup: updateShowRejectPopup, updateShowReAssignPopup: updateShowReAssignPopup, updateShowMoreInfoPopup: updateShowMoreInfoPopup, fromDTD: fromDTD, showToppyForCompleteMoreInfo: showToppyForCompleteMoreInfo, moreInfoTasks: moreInfoTasks, setShowCommentForm: setShowCommentForm, showToppyForReferences: showToppyForReferences, dcmtReferences: dcmtReferences, referenceActionMap: referenceActionMap, handleNavigateToReference: handleNavigateToReference, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask }) })] }), (showCommentForm && TID && DID) &&
+                            _jsx(TMBlogCommentForm, { maxLength: 500, context: blogCommentFormContext, onClose: handleBlogCommentFormClose, onCustomSave: onBlogCommentFormCustomSave, participants: emptyParticipants, showAttachmentsSection: false, allArchivedDocumentsFileItems: emptyArchivedDocumentsFileItems })] }), renderDcmtOperations, renderFloatingBar] }));
     };
     return (_jsxs("div", { style: { width: '100%', height: '100%' }, children: [(isModal && onClose)
                 ? _jsx(TMModal, { title: titleModal, onClose: handleClose, width: widthModal ?? '100%', height: heightModal ?? '100%', hidePopup: false, askClosingConfirm: true, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block', padding: "4px", position: 'relative' }, children: renderDcmtForm() }) })
-                : renderDcmtForm(), showRelatedDcmtsChooser && (_jsx(TMChooserForm, { dataSource: relatedDcmtsChooserDataSource, onChoose: async (selectedRelation) => {
-                    try {
-                        setShowRelatedDcmtsChooser(false);
-                        TMSpinner.show({ description: SDKUI_Localizator.Loading });
-                        const relation = relatedDcmts?.find(r => r.id === selectedRelation[0]);
-                        if (!relation || !archiveType)
-                            return;
-                        await archiveRelatedDcmtHandler(relation, archiveType);
-                    }
-                    catch (error) {
-                        TMExceptionBoxManager.show({ exception: error });
-                    }
-                    finally {
-                        TMSpinner.hide();
-                    }
-                }, onClose: () => setShowRelatedDcmtsChooser(false), manageUseLocalizedName: false })), showManyToManyChooser && (_jsx(TMChooserForm, { dataSource: manyToManyChooserDataSource, onChoose: async (selectedRelation) => {
-                    try {
-                        setShowManyToManyChooser(false);
-                        TMSpinner.show({ description: SDKUI_Localizator.Loading });
-                        const relation = manyToManyRelations?.find(r => r.id === selectedRelation[0]);
-                        if (!relation)
-                            return;
-                        await executeManyToManyPairing(relation, isPairingManyToMany);
-                    }
-                    catch (error) {
-                        TMExceptionBoxManager.show({ exception: error });
-                    }
-                    finally {
-                        TMSpinner.hide();
-                    }
-                }, onClose: () => setShowManyToManyChooser(false), manageUseLocalizedName: false })), (showHistory && fromDTD && currentDcmt) && _jsx(TMViewHistoryDcmt, { fromDTD: fromDTD, deviceType: deviceType, inputDcmt: { TID: currentDcmt.tid, DID: currentDcmt.did }, onClose: hideHistoryCallback, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (showCheckoutInformationForm && fromDTD && currentDcmt) &&
-                _jsx(TMDcmtCheckoutInfoForm, { dtdName: fromDTD.name ?? SDKUI_Localizator.SearchResult, selectedDcmtOrFocused: { TID: currentDcmt.tid, DID: currentDcmt.did, FILEEXT: currentDcmt.fileExt }, onClose: hideCheckoutInformationFormCallback }), (commentFormState.show && currentDcmt) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid: currentDcmt.tid, did: currentDcmt.did } }, onClose: hideCommentFormCallback, refreshCallback: triggerBlogRefresh, participants: [], showAttachmentsSection: false, allArchivedDocumentsFileItems: [], isCommentRequired: commentFormState.isRequired, removeAndEditAttachment: commentFormState.removeAndEditAttachment }), isOpenArchiveRelationForm && (_jsx(TMDcmtForm, { isModal: true, titleModal: SDKUI_Localizator.Archive + ' - ' + (archiveType === 'detail' ? SDKUI_Localizator.DcmtsDetail : SDKUI_Localizator.DcmtsMaster), TID: archiveRelatedDcmtFormTID, layoutMode: LayoutModes.Ark, inputMids: archiveRelatedDcmtFormMids, showBackButton: false, allowButtonsRefs: false, onClose: () => {
-                    setIsOpenArchiveRelationForm(false);
-                    setArchiveType(undefined);
-                    setArchiveRelatedDcmtFormTID(undefined);
-                    setArchiveRelatedDcmtFormMids([]);
-                }, onSavedAsyncCallback: async (tid, did) => {
-                    setIsOpenArchiveRelationForm(false);
-                    setArchiveType(undefined);
-                    setArchiveRelatedDcmtFormTID(undefined);
-                    setArchiveRelatedDcmtFormMids([]);
-                    await fetchData();
-                }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, onReferenceClick: handleNavigateToReference })), showPairDcmtsModal && (_jsx(TMModal, { title: (isPairingManyToMany ? "Abbina" : "Disabbina") + " documenti", onClose: () => setShowPairDcmtsModal(false), width: isMobile ? '90%' : '50%', height: isMobile ? '90%' : '70%', children: _jsx(TMSearchResult, { searchResults: pairedSearchResults, onRefreshSearchAsync: async () => await fetchData(), onTaskCreateRequest: onTaskCreateRequest, allowFloatingBar: false, floatingActionConfig: pairFloatingActionConfig, showBackButton: false, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, toppyHelpCenterUsePortal: true }) })), (showMoreInfoTaskPopup && showMoreInfoTaskTask && showMoreInfoTaskTask.id && handleNavigateToWGs && handleNavigateToDossiers && getAllTasks && deleteTaskByIdsCallback && addTaskCallback && editTaskCallback) && _jsx(TMTaskForm, { id: Number(showMoreInfoTaskTask.id), title: showMoreInfoTaskTask.name ?? 'N/A', formMode: FormModes.Update, onSaved: onSavedTaskFormCallback, editTaskCallback: editTaskCallback, onClose: () => { setShowMoreInfoTaskPopup(false); setShowMoreInfoTaskTask(undefined); }, onCancel: () => { setShowMoreInfoTaskPopup(false); setShowMoreInfoTaskTask(undefined); }, isModal: true, showBackButton: false, hasNavigation: false, width: taskModalSizes(deviceType, FormModes.Update).width, height: taskModalSizes(deviceType, FormModes.Update).height, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, visualizedTasks: [], currentTask: null, setCurrentTask: () => { }, selectedRowKeys: [], handleFocusedRowKeyChange: () => { }, onStatusChanged: () => { }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback })] }));
+                : renderDcmtForm(), (showMoreInfoTaskPopup && showMoreInfoTaskTask && showMoreInfoTaskTask.id && handleNavigateToWGs && handleNavigateToDossiers && getAllTasks && deleteTaskByIdsCallback && addTaskCallback && editTaskCallback) && _jsx(TMTaskForm, { id: Number(showMoreInfoTaskTask.id), title: showMoreInfoTaskTask.name ?? 'N/A', formMode: FormModes.Update, onSaved: onSavedTaskFormCallback, editTaskCallback: editTaskCallback, onClose: () => { setShowMoreInfoTaskPopup(false); setShowMoreInfoTaskTask(undefined); }, onCancel: () => { setShowMoreInfoTaskPopup(false); setShowMoreInfoTaskTask(undefined); }, isModal: true, showBackButton: false, hasNavigation: false, width: taskModalSizes(deviceType, FormModes.Update).width, height: taskModalSizes(deviceType, FormModes.Update).height, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, visualizedTasks: [], currentTask: null, setCurrentTask: () => { }, selectedRowKeys: [], handleFocusedRowKeyChange: () => { }, onStatusChanged: () => { }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback })] }));
 };
 export default TMDcmtForm;
 /**
@@ -1772,21 +1511,37 @@ const validateMaxLength = (mvd, value, validationItems) => {
     }
 };
 //#endregion Validation
-// Questo componente non renderizza nulla (return null)
-// ma viene utilizzato come child del Provider per disabilitare il bottone
-const WfButtonStateHandler = ({ isWFDisabled }) => {
-    const { setToolbarButtonDisabled } = useTMPanelManagerContext();
+// Synchronizes panel visibility and toolbar button disabled states when panels become disabled
+const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoardDisabled, isDcmtTasksDisabled }) => {
+    const { setPanelVisibilityById, setToolbarButtonDisabled, panelVisibility } = useTMPanelManagerContext();
     useEffect(() => {
+        // Aggiorna lo stato disabled del bottone toolbar
+        setToolbarButtonDisabled('tmSysMetadata', isSysMetadataDisabled);
+        setToolbarButtonDisabled('tmBlog', isBoardDisabled);
         setToolbarButtonDisabled('tmWF', isWFDisabled);
-    }, [isWFDisabled, setToolbarButtonDisabled]);
-    return null; // Non renderizza elementi nel DOM
+        setToolbarButtonDisabled('tmDcmtTasks', isDcmtTasksDisabled);
+        // Chiude il pannello solo se è attualmente visibile e deve essere disabilitato
+        if (isSysMetadataDisabled && panelVisibility['tmSysMetadata']) {
+            setPanelVisibilityById('tmSysMetadata', false);
+        }
+        if (isBoardDisabled && panelVisibility['tmBlog']) {
+            setPanelVisibilityById('tmBlog', false);
+        }
+        if (isWFDisabled && panelVisibility['tmWF']) {
+            setPanelVisibilityById('tmWF', false);
+        }
+        if (isDcmtTasksDisabled && panelVisibility['tmDcmtTasks']) {
+            setPanelVisibilityById('tmDcmtTasks', false);
+        }
+    }, [isSysMetadataDisabled, isBoardDisabled, isWFDisabled, isDcmtTasksDisabled, setPanelVisibilityById, setToolbarButtonDisabled, panelVisibility]);
+    return null;
 };
-const TMDcmtPreviewWrapper = ({ currentDcmt, layoutMode, fromDTD, dcmtFile, deviceType, isVisible, onFileUpload, openPdfEditor, enableDragDropOverlay = false, onScanRequest }) => {
+const TMDcmtPreviewWrapper = ({ refreshPreviewTrigger, fromDTD, currentDcmt, layoutMode, dcmtFile, deviceType, isVisible, onFileUpload, openFileUploaderPdfEditor, enableDragDropOverlay = false, onScanRequest }) => {
     const { setPanelVisibilityById, toggleMaximize, isResizingActive, countVisibleLeafPanels, panelVisibility } = useTMPanelManagerContext();
     const isMobile = deviceType === DeviceType.MOBILE;
     return (layoutMode === LayoutModes.Update ?
-        _jsx(TMDcmtPreview, { isVisible: isVisible, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, dcmtData: currentDcmt, isResizingActive: isResizingActive }) :
-        _jsx(TMFileUploader, { fromDTD: fromDTD, onFileUpload: onFileUpload, openPdfEditor: openPdfEditor, onClose: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, isRequired: fromDTD?.archiveConstraint === ArchiveConstraints.ContentCompulsory && dcmtFile === null, defaultBlob: dcmtFile, deviceType: deviceType, isResizingActive: isResizingActive, enableDragDropOverlay: panelVisibility['tmDcmtPreview'] && enableDragDropOverlay, onScanRequest: onScanRequest }));
+        _jsx(TMDcmtPreview, { dcmtData: currentDcmt, isVisible: isVisible, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, isResizingActive: isResizingActive }, refreshPreviewTrigger) :
+        _jsx(TMFileUploader, { fromDTD: fromDTD, onFileUpload: onFileUpload, openPdfEditor: openFileUploaderPdfEditor, onClose: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, isRequired: fromDTD?.archiveConstraint === ArchiveConstraints.ContentCompulsory && dcmtFile === null, defaultBlob: dcmtFile, deviceType: deviceType, isResizingActive: isResizingActive, enableDragDropOverlay: panelVisibility['tmDcmtPreview'] && enableDragDropOverlay, onScanRequest: onScanRequest }));
 };
 const Ribbon = styled.div `
     font-size: 0.85rem;
@@ -1820,117 +1575,3 @@ const Ribbon = styled.div `
         }
     `}
 `;
-const TaskLink = (props) => {
-    const { messagePrefix, name, taskNameTrunc, description, currentTask, setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask } = props;
-    const mouseMoved = useRef(false);
-    const handleMouseDown = () => {
-        mouseMoved.current = false;
-    };
-    const handleMouseMove = () => {
-        mouseMoved.current = true;
-    };
-    return (_jsx(_Fragment, { children: _jsx("div", { style: { display: 'inline-flex', alignItems: 'center', gap: '4px' }, children: _jsxs("div", { onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, style: { display: 'inline' }, children: [messagePrefix, ' "', _jsx("span", { style: {
-                            cursor: 'pointer',
-                            fontWeight: 500,
-                            textDecoration: 'none',
-                            transition: 'text-decoration 0.2s',
-                        }, onClick: () => {
-                            setShowMoreInfoTaskPopup(true);
-                            setShowMoreInfoTaskTask(currentTask);
-                        }, onMouseEnter: e => e.currentTarget.style.textDecoration = 'underline', onMouseLeave: e => e.currentTarget.style.textDecoration = 'none', children: taskNameTrunc }), '" ', _jsx(TMTooltip, { parentStyle: { display: 'inline' }, childStyle: { display: 'inline' }, content: _jsxs("div", { style: { whiteSpace: 'pre-line', textAlign: 'left' }, children: [_jsxs("div", { children: [_jsx("b", { children: SDKUI_Localizator.Name }), ": ", name] }), _jsxs("div", { children: [_jsx("b", { children: SDKUI_Localizator.Description }), ": ", description] })] }), children: _jsx("i", { className: "dx-icon dx-icon-info", onClick: () => {
-                                setShowMoreInfoTaskPopup(true);
-                                setShowMoreInfoTaskTask(currentTask);
-                            }, style: { fontSize: '16px', lineHeight: 1, cursor: 'pointer' } }) })] }) }) }));
-};
-const TMDcmtFormActionButtons = (props) => {
-    const { showToppyForApprove, workItems, deviceType, isMobile, handleSignApprove, setShowApprovePopup, setShowRejectPopup, setShowReAssignPopup, setShowMoreInfoPopup, fromDTD, showToppyForCompleteMoreInfo, moreInfoTasks, setShowCommentForm, showToppyForReferences, dcmtReferences, referenceActionMap, handleNavigateToReference, setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask } = props;
-    const tasksNumber = useMemo(() => moreInfoTasks?.length ?? 0, [moreInfoTasks]);
-    const currentTask = useMemo(() => {
-        if (!moreInfoTasks || moreInfoTasks.length === 0)
-            return null;
-        if (moreInfoTasks.length === 1)
-            return moreInfoTasks[0];
-        // If there are multiple tasks, we cannot determine which one is relevant, so we return null
-        return null;
-    }, [moreInfoTasks]);
-    const { hasMoreInfo, hasApprove, hasReferences } = useMemo(() => {
-        const referencesExist = showToppyForReferences && dcmtReferences?.some(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup);
-        return {
-            hasMoreInfo: Boolean(showToppyForCompleteMoreInfo),
-            hasApprove: Boolean(showToppyForApprove),
-            hasReferences: Boolean(referencesExist)
-        };
-    }, [
-        showToppyForCompleteMoreInfo,
-        showToppyForApprove,
-        showToppyForReferences,
-        dcmtReferences
-    ]);
-    const Divider = () => (_jsx("div", { style: { height: '1px', width: '100%', background: 'linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent)', margin: '3px 0', opacity: 0.8, } }));
-    return _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [hasMoreInfo && (tasksNumber === 1 ? (_jsx("div", { style: { display: 'flex', gap: "10px", flexDirection: 'column', alignItems: 'center' }, children: _jsx("div", { style: {
-                        padding: '10px',
-                        color: '#FFFFFF',
-                        maxWidth: '240px',
-                        background: 'linear-gradient(135deg, #1E90FF 0%, #0077BE 60%, #00509E 100%)',
-                        border: '1px solid rgba(255,255,255,0.15)',
-                        boxShadow: '0 8px 20px rgba(0, 0, 50, 0.4)',
-                        backdropFilter: 'blur(6px)',
-                        display: 'flex',
-                        flexDirection: 'column',
-                        alignItems: 'center',
-                        textAlign: 'center',
-                        gap: '10px',
-                        cursor: 'default',
-                    }, children: (() => {
-                        const userID = SDK_Globals.tmSession?.SessionDescr?.userID;
-                        const isSender = currentTask?.fromID !== undefined && currentTask.fromID === userID;
-                        const isRecipient = currentTask?.toID !== undefined && currentTask.toID === userID;
-                        const truncate = (str, maxLength) => str && str.length > maxLength ? str.substring(0, maxLength) + '...' : str;
-                        const senderNameTruncated = currentTask?.fromName ? truncate(currentTask.fromName, 30) : 'N/A';
-                        const recipientNameTruncated = currentTask?.toName ? truncate(currentTask.toName, 30) : 'N/A';
-                        const taskNameTrunc = currentTask?.name ? truncate(currentTask.name.replace(TASK_MORE_INFO_PREFIX_NAME ?? '', ''), 30) : 'N/A';
-                        return (_jsxs(_Fragment, { children: [(isSender && !isRecipient) && (_jsx(TaskLink, { messagePrefix: `Hai richiesto maggiori informazioni a "${recipientNameTruncated}" tramite l'attività`, name: currentTask.name ?? 'N/A', taskNameTrunc: taskNameTrunc ?? 'N/A', description: currentTask.description ?? 'N/A', currentTask: currentTask, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask })), (isRecipient && !isSender) && (_jsxs("div", { style: {
-                                        display: 'flex',
-                                        flexDirection: 'column',
-                                        alignItems: 'center',
-                                        gap: '10px'
-                                    }, children: [_jsx(TaskLink, { messagePrefix: `"${senderNameTruncated}" ti ha richiesto maggiori informazioni tramite l'attività`, name: currentTask.name ?? 'N/A', taskNameTrunc: taskNameTrunc ?? 'N/A', description: currentTask.description ?? 'N/A', currentTask: currentTask, setShowMoreInfoTaskPopup: setShowMoreInfoTaskPopup, setShowMoreInfoTaskTask: setShowMoreInfoTaskTask }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx("span", { className: "dx-icon-chat" }), caption: SDKUI_Localizator.CommentAndComplete, width: "180px", disabled: false, onClick: () => setShowCommentForm(true), onMouseDown: e => e.stopPropagation(), advancedColor: TMColors.success, color: "success" })] }))] }));
-                    })() }) })) : (_jsx("div", { style: {
-                    padding: '10px',
-                    color: '#FFFFFF',
-                    maxWidth: '240px',
-                    background: 'linear-gradient(135deg, #1E90FF 0%, #0077BE 60%, #00509E 100%)',
-                    border: '1px solid rgba(255,255,255,0.15)',
-                    boxShadow: '0 8px 20px rgba(0, 0, 50, 0.4)',
-                    backdropFilter: 'blur(6px)',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'center',
-                    textAlign: 'center',
-                    gap: '10px',
-                    cursor: 'default',
-                }, children: `Ci sono ${moreInfoTasks?.length ?? 0} richieste di maggiori informazioni. ${SDKUI_Localizator.ManageFromTaskPanel}` }))), hasMoreInfo && hasApprove && _jsx(Divider, {}), hasApprove && (workItems.length === 1 ?
-                _jsx(WorkFlowOperationButtons, { dtd: fromDTD, deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: handleSignApprove, onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), onMoreInfo: () => setShowMoreInfoPopup(true) })
-                :
-                    _jsxs("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: [`Questo documento è associato a ${workItems.length} workitem.`, _jsx("br", {}), `Per approvare, vai alla pagina "Approvazione workflow".`] })), (hasApprove && hasReferences) || (hasMoreInfo && !hasApprove && hasReferences) ? (_jsx(Divider, {})) : null, hasReferences && (_jsx(ReferencesContainer, { children: dcmtReferences?.filter(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup)
-                    .map((ref, index) => {
-                    const mapEntry = referenceActionMap[String(ref.objClass)];
-                    const label = mapEntry?.label ?? 'Vai a riferimento';
-                    let backgroundColor;
-                    switch (ref.objClass) {
-                        case ObjectClasses.WorkingGroup:
-                            backgroundColor = PDGS_COLORS.WORKING_GROUP;
-                            break;
-                        case ObjectClasses.Dossier:
-                            backgroundColor = PDGS_COLORS.DOSSIER;
-                            break;
-                        case ObjectClasses.Document:
-                            backgroundColor = PDGS_COLORS.DOCUMENT;
-                            break;
-                        default:
-                            backgroundColor = "#C2388B";
-                            break;
-                    }
-                    return (_jsxs(StyledReferenceButton, { onClick: () => handleNavigateToReference(ref), onDoubleClick: (e) => { e.preventDefault(); e.stopPropagation(); }, "$bgColor": backgroundColor, children: [_jsx("span", { children: label }), _jsx("span", { children: `"${ref.objName}"` })] }, `ref-${index}-${ref.objID}`));
-                }) }))] });
-};