@topconsultnpm/sdkui-react 6.20.0-test1 → 6.21.0-dev1.2

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 React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import TMDcmtPreview from './TMDcmtPreview';
-import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, 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 } 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 { 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,12 +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.
@@ -64,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, 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('');
@@ -82,10 +76,8 @@ 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();
     const [customButtonsLayout, setCustomButtonsLayout] = useState();
     const [customButton, setCustomButton] = useState();
@@ -99,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();
@@ -121,68 +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);
-    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]);
+    // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     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);
-    }, []);
+    // 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 setMetadataList = useCallback(async (mdList, getMetadataResult = undefined, archived = false, currentDID) => {
         try {
             let did = currentDID ?? DID;
@@ -194,7 +139,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             let dtd = res?.dtdResult;
             let rows = dtd.rows ? dtd.rows[0] : [];
             let mids = res?.selectMIDs;
-            let metadataList = searchResultToMetadataValues(TID, dtd, rows, mids, mdList, layoutMode, origin.fromTID?.toString() !== TID?.toString());
+            let metadataList = searchResultToMetadataValues(TID, dtd, rows, mids, mdList, layoutMode, isReadOnlyOriginCallback(origin.fromTID));
             if (archived) {
                 // Usa setFormData con funzione callback per accedere allo stato precedente
                 // invece di dipendere da formDataOrig nell'array di dipendenze
@@ -233,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)
@@ -282,7 +284,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             }
             else {
                 const renderedMetadata = dtd?.metadata?.filter((metadata) => handleArchiveVisibility(metadata)) ?? [];
-                const metadataList = searchResultToMetadataValues(dtd?.id, undefined, [], [], renderedMetadata, layoutMode, metadataDcmtOrigin?.fromTID?.toString() !== TID?.toString());
+                const metadataList = searchResultToMetadataValues(dtd?.id, undefined, [], [], renderedMetadata, layoutMode, isReadOnlyOriginCallback(metadataDcmtOrigin?.fromTID));
                 setFormDataOrig(structuredClone(metadataList));
                 setFormData(structuredClone(metadataList));
                 formDataOrigRef.current = structuredClone(metadataList);
@@ -297,7 +299,128 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             setIsInitialLoading(false);
             setIsNavigating(false);
         }
-    }, [TID, DID, layoutMode, inputFile, setMetadataList, handleReset, allowButtonsRefs, metadataDcmtOrigin?.fromTID]);
+    }, [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 };
     }, []);
@@ -344,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) {
@@ -363,7 +486,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             }
         };
         run();
-    }, [TID, DID, fetchData]);
+    }, [TID, DID, onRefreshSearchAsync]);
     useEffect(() => {
         if (formData.length > 0) {
             setValidationItems(validateMetadataList(formData));
@@ -444,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
@@ -611,39 +719,29 @@ 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;
+        if (fromDTD?.perm?.canSearch !== AccessLevelsEx.Yes && fromDTD?.perm?.canSearch !== AccessLevelsEx.Mixed) {
+            ShowAlert({ title: SDKUI_Localizator.PassToSearch, message: 'Non hai i permessi per effettuare la ricerca.', mode: 'warning', duration: 3000 });
+            return;
+        }
         const outputMids = formData
             .filter(md => md.mid && md.mid > 100 && md.value && md.value.length > 0)
             .map(md => ({ mid: md.mid, value: md.value }));
         passToSearch(outputMids, TID);
-    }, [passToSearch, formData, TID]);
+    }, [passToSearch, formData, TID, fromDTD?.perm?.canSearch]);
     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(() => {
         if (layoutMode !== LayoutModes.Update || !moreInfoTasks) {
             return false;
         }
-        return moreInfoTasks.some(task => isTaskMoreInfo(task.name) &&
-            task.state !== Task_States.Completed);
+        return moreInfoTasks.some(task => isTaskMoreInfo(task.name) && task.state !== Task_States.Completed && task.state !== Task_States.Closed);
     }, [layoutMode, moreInfoTasks]);
     const showToppyForReferences = useMemo(() => {
         if (!allowButtonsRefs || layoutMode !== LayoutModes.Update || isOpenDetails || isOpenMaster)
@@ -654,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;
@@ -1085,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.
@@ -1112,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)
@@ -1182,10 +992,6 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         fd.tid = TID;
         return fd;
     }, [focusedMetadataValue?.value, focusedMetadataValue?.mid, TID]);
-    const handleWFOperationCompleted = useCallback(async () => {
-        await onWFOperationCompleted?.();
-        onClose?.();
-    }, [onWFOperationCompleted, onClose]);
     // Determina se showAll deve essere automaticamente true
     // Best practice: usa useMemo per calcolare valori derivati invece di useEffect con setState
     const shouldShowAll = useMemo(() => {
@@ -1203,11 +1009,14 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         }
     }, [shouldShowAll, showAll]);
     const afterTaskSaved = useCallback(async (task, formMode, forceRefresh = false) => {
-        const shouldRefresh = forceRefresh || (task && task.state === Task_States.Completed) || formMode === FormModes.Create || formMode === FormModes.Duplicate;
+        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)
@@ -1216,7 +1025,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     }, [formData, fromDTD, isMobile]);
     const tmDcmtForm = useMemo(() => {
         return _jsxs(_Fragment, { children: [checkoutBadge && _jsx("div", { style: { padding: '10px', display: 'flex', justifyContent: 'center' }, children: checkoutBadge }), metadataValuesSource.length > 0 &&
-                    _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, isExpertMode: isExpertMode, isOpenDistinctValues: isOpenDistinctValues, openChooserBySingleClick: !isOpenDistinctValues, selectedMID: focusedMetadataValue?.mid, isReadOnly: formMode === FormModes.ReadOnly, layoutMode: layoutMode, deviceType: deviceType, validationItems: validationItems, inputMids: inputMids, layout: layout, isReadOnlyOrigin: metadataDcmtOrigin?.fromTID?.toString() !== TID?.toString(), onFocusedItemChanged: (item) => { (item?.mid !== focusedMetadataValue?.mid) && setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
+                    _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, isExpertMode: isExpertMode, isOpenDistinctValues: isOpenDistinctValues, openChooserBySingleClick: !isOpenDistinctValues, selectedMID: focusedMetadataValue?.mid, isReadOnly: formMode === FormModes.ReadOnly, layoutMode: layoutMode, deviceType: deviceType, validationItems: validationItems, inputMids: inputMids, layout: layout, isReadOnlyOrigin: isReadOnlyOriginCallback(metadataDcmtOrigin?.fromTID), onFocusedItemChanged: (item) => { (item?.mid !== focusedMetadataValue?.mid) && setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
                                     setFormData((prevItems) => prevItems.map((item) => {
                                         const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
                                         return newItem ? { ...item, ...newItem } : item;
@@ -1235,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,
@@ -1262,13 +1071,12 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         handleConfirmAction,
         handleUndo,
         handleClearForm,
-        metadataDcmtOrigin
+        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);
-        }, enableDragDropOverlay: enableDragDropOverlay }, refreshPreviewTrigger), [currentDcmt, dcmtFile, deviceType, fromDTD, layoutMode, inputFile, enableDragDropOverlay, setDcmtFile]);
+    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: {
@@ -1339,7 +1147,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                     did: Number(DID),
                     name: fromDTD?.nameLoc ?? SDKUI_Localizator.Widget_Activities,
                 },
-            }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, afterTaskSaved: afterTaskSaved }));
+            }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, afterTaskSaved: afterTaskSaved, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }));
     }, [allTasks, TID, DID, fromDTD]);
     const normalizedTID = TID !== undefined ? Number(TID) : undefined;
     const defaultPanelDimensions = {
@@ -1366,8 +1174,8 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             };
         }
         try {
-            const assignedToMe = getTaskAssignedToMe(allTasks).filter(task => task.iD1?.toString() === TID.toString() && task.iD2?.toString() === DID.toString() && task.state !== Task_States.Completed).length ?? 0;
-            const assignedByMe = getTaskAssignedByMe(allTasks).filter(task => task.iD1?.toString() === TID.toString() && task.iD2?.toString() === DID.toString() && task.state !== Task_States.Completed).length ?? 0;
+            const assignedToMe = getTaskAssignedToMe(allTasks).filter(task => task.iD1?.toString() === TID.toString() && task.iD2?.toString() === DID.toString() && task.state !== Task_States.Completed && task.state !== Task_States.Closed).length ?? 0;
+            const assignedByMe = getTaskAssignedByMe(allTasks).filter(task => task.iD1?.toString() === TID.toString() && task.iD2?.toString() === DID.toString() && task.state !== Task_States.Completed && task.state !== Task_States.Closed).length ?? 0;
             return {
                 assignedToMe,
                 assignedByMe
@@ -1384,7 +1192,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         const { assignedToMe, assignedByMe } = getDcmtTasksCounter(TID, DID, allTasks);
         let titleDcmtFormPanel = fromDTD?.nameLoc ?? "";
         // Caso: Il documento proviene da un'origine esterna
-        if (metadataDcmtOrigin?.fromTID?.toString() !== TID?.toString()) {
+        if (isReadOnlyOriginCallback(metadataDcmtOrigin?.fromTID)) {
             titleDcmtFormPanel = (_jsxs("div", { style: { display: 'inline-flex', alignItems: 'center', gap: '4px' }, children: [_jsx(TMTooltip, { content: _jsxs("div", { style: { textAlign: 'left' }, children: [_jsx("p", { children: "Questo documento proviene da un'altra origine e non pu\u00F2 essere modificato." }), _jsx("hr", {}), _jsxs("p", { children: [_jsx("strong", { children: "TID corrente:" }), " ", TID?.toString()] }), _jsxs("p", { children: [_jsx("strong", { children: "Nome corrente:" }), " ", fromDTD?.nameLoc] }), _jsx("hr", {}), _jsxs("p", { children: [_jsx("strong", { children: "TID origine:" }), " ", metadataDcmtOrigin?.fromTID?.toString()] }), _jsxs("p", { children: [_jsx("strong", { children: "Nome origine:" }), " ", metadataDcmtOrigin?.fromName] })] }), children: _jsx(IconLock, { fontSize: 16, style: { alignSelf: 'center' } }) }), metadataDcmtOrigin?.fromName] }));
         }
         const panels = [
@@ -1405,7 +1213,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 },
                 toolbarOptions: {
                     icon: _jsx(IconPreview, { fontSize: 24 }),
-                    visible: true,
+                    visible: getDcmtFormToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmDcmtForm,
                     orderNumber: 1,
                     isActive: allInitialPanelVisibility['tmDcmtForm']
                 }
@@ -1416,7 +1224,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 contentOptions: { component: tmBlog, panelContainer: { title: SDKUI_Localizator.BlogCase, allowMaximize: !isMobile } },
                 toolbarOptions: {
                     icon: _jsx(IconBoard, { fontSize: 24 }),
-                    visible: true,
+                    visible: getDcmtFormToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmBlog,
                     disabled: isBoardDisabled,
                     orderNumber: 2,
                     isActive: allInitialPanelVisibility['tmBlog']
@@ -1426,13 +1234,19 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 id: 'tmSysMetadata',
                 name: SDKUI_Localizator.MetadataSystem,
                 contentOptions: { component: tmSysMetadata, panelContainer: { title: SDKUI_Localizator.MetadataSystem, allowMaximize: !isMobile } },
-                toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: true, disabled: isSysMetadataDisabled, orderNumber: 3, isActive: allInitialPanelVisibility['tmSysMetadata'] }
+                toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: getDcmtFormToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmSysMetadata, disabled: isSysMetadataDisabled, orderNumber: 3, isActive: allInitialPanelVisibility['tmSysMetadata'] }
             },
             {
                 id: 'tmDcmtPreview',
                 name: SDKUI_Localizator.PreviewDocument,
                 contentOptions: { component: tmDcmtPreview },
-                toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), disabled: isPreviewDisabled, visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
+                toolbarOptions: {
+                    icon: _jsx(IconShow, { fontSize: 24 }),
+                    disabled: isPreviewDisabled,
+                    visible: getDcmtFormToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmDcmtPreview,
+                    orderNumber: 4,
+                    isActive: allInitialPanelVisibility['tmDcmtPreview']
+                }
             },
             {
                 id: 'tmWF',
@@ -1445,7 +1259,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 },
                 toolbarOptions: {
                     icon: _jsx(IconWorkflow, { fontSize: 24 }),
-                    visible: true,
+                    visible: getDcmtFormToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmWF,
                     disabled: isWFDisabled,
                     orderNumber: 5,
                     isActive: allInitialPanelVisibility['tmWF']
@@ -1459,7 +1273,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 },
                 toolbarOptions: {
                     icon: _jsx(IconActivity, { fontSize: 24 }),
-                    visible: layoutMode !== LayoutModes.Ark,
+                    visible: layoutMode !== LayoutModes.Ark && getDcmtFormToolbarVisibility(SDK_Globals.tmSession?.SessionDescr?.appModuleID ?? AppModules.SURFER).tmDcmtTasks,
                     orderNumber: 6,
                     isActive: allInitialPanelVisibility['tmDcmtTasks'],
                     count: assignedToMe + assignedByMe,
@@ -1468,7 +1282,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             },
         ];
         return panels;
-    }, [fromDTD, showBackButton, tmDcmtForm, tmBlog, tmSysMetadata, tmDcmtPreview, tmWF, tmDcmtTasks, isPreviewDisabled, isSysMetadataDisabled, isBoardDisabled, isWFDisabled, inputFile, isClosable, allTasks, DID, TID, metadataDcmtOrigin?.fromTID]);
+    }, [fromDTD, showBackButton, tmDcmtForm, tmBlog, tmSysMetadata, tmDcmtPreview, tmWF, tmDcmtTasks, isPreviewDisabled, isSysMetadataDisabled, isBoardDisabled, isWFDisabled, inputFile, isClosable, allTasks, DID, TID, isReadOnlyOriginCallback, metadataDcmtOrigin?.fromTID]);
     // Retrieves the current document form setting based on the normalized TID
     const getCurrentDcmtFormSetting = () => {
         const settings = SDKUI_Globals.userSettings.dcmtFormSettings;
@@ -1521,35 +1335,49 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         // Return the appropriate layout based on context
         return invocationContext === InvocationContext.Todo ? settings?.layoutToDo : settings?.layout;
     };
-    const handleCompleteMoreInfo = useCallback(async () => {
+    const onBlogCommentFormCustomSave = useCallback(async (blogPost) => {
         try {
+            if (!moreInfoTasks || moreInfoTasks.length === 0) {
+                ShowAlert({
+                    mode: 'info',
+                    title: SDKUI_Localizator.MoreInformation,
+                    message: 'Nessun attività di maggiori informazioni da completare',
+                    duration: 3000
+                });
+                return;
+            }
+            ;
+            const firstTask = moreInfoTasks[0];
             TMSpinner.show();
-            let newTask = { ...moreInfoTasks, state: Task_States.Completed };
+            const newTask = {
+                ...firstTask,
+                state: Task_States.Completed,
+                response: blogPost.description,
+            };
             await SDK_Globals.tmSession?.NewTaskEngine().UpdateAsync(newTask);
             onTaskCompleted?.(newTask);
             onClose?.();
-            ShowAlert({ mode: 'success', title: SDKUI_Localizator.MoreInformation, message: SDKUI_Localizator.MoreInfoCompleted, duration: 3000 });
+            ShowAlert({
+                mode: 'success',
+                title: SDKUI_Localizator.MoreInformation,
+                message: SDKUI_Localizator.MoreInfoCompleted,
+                duration: 3000
+            });
         }
         catch (e) {
-            TMSpinner.hide();
             TMExceptionBoxManager.show({ exception: e });
         }
         finally {
             TMSpinner.hide();
         }
     }, [moreInfoTasks, onTaskCompleted, onClose]);
-    const handleSignApprove = useCallback(() => {
-        if (onOpenS4TViewerRequest && TID && DID) {
-            onOpenS4TViewerRequest([{ TID, DID }]);
-            return;
-        }
-        ShowAlert({
-            message: "TODO",
-            mode: "info",
-            duration: 3000,
-            title: SDKUI_Localizator.SignatureAndApprove,
-        });
-    }, [onOpenS4TViewerRequest, TID, DID]);
+    // Memoized props for TMBlogCommentForm to avoid unnecessary re-renders
+    const blogCommentFormContext = useMemo(() => ({ engine: 'SearchEngine', object: { tid: TID, did: DID } }), [TID, DID]);
+    const handleBlogCommentFormClose = useCallback(() => {
+        setShowCommentForm(false);
+    }, []);
+    const emptyParticipants = useMemo(() => [], []);
+    const emptyArchivedDocumentsFileItems = useMemo(() => [], []);
     const handleNavigateToReference = useCallback((ref) => {
         if (onReferenceClick) {
             try {
@@ -1567,100 +1395,53 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         [ObjectClasses.WorkingGroup]: { label: SDKUI_Localizator.GoToWorkgroup },
         // add other ObjectClasses here as needed
     }), []);
+    const onSavedTaskFormCallback = (task) => {
+        if (task && showMoreInfoTaskTask && editTaskCallback) {
+            editTaskCallback(task);
+            setShowMoreInfoTaskPopup(false);
+            setShowMoreInfoTaskTask(undefined);
+            ShowAlert({ message: SDKUI_Localizator.TaskSavedSuccessfully.replaceParams(task.name ?? '-'), mode: 'success', title: SDKUI_Localizator.Widget_Activities, duration: 3000 });
+        }
+        else {
+            ShowAlert({ message: SDKUI_Localizator.TaskSaveError, mode: 'error', title: SDKUI_Localizator.Widget_Activities, duration: 3000 });
+        }
+    };
     const renderDcmtForm = () => {
         // Show flat spinner during initial load (before component is mounted)
         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, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowMoreInfoPopup(false) }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }) }), _jsx(TMToppyDraggableHelpCenter, { isVisible: isToppyVisible, content: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [showToppyForApprove && (workItems.length === 1 ?
-                                        _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: handleSignApprove, onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), onMoreInfo: () => setShowMoreInfoPopup(true), dtd: fromDTD })
-                                        :
-                                            _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".`] })), showToppyForCompleteMoreInfo && (moreInfoTasks?.length === 1 ? (_jsxs(_Fragment, { children: [_jsx("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: `${SDKUI_Localizator.MoreInfoCompleteRequestSentBy} ${moreInfoTasks[0]?.fromName}!` }), _jsx(TMButton, { caption: SDKUI_Localizator.CommentAndComplete, color: 'success', showTooltip: false, onClick: () => setShowCommentForm(true) })] })) : (_jsx("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: `Ci sono ${moreInfoTasks?.length ?? 0} richieste di maggiori informazioni. ${SDKUI_Localizator.ManageFromTaskPanel}` }))), showToppyForReferences && dcmtReferences?.filter(ref => ref.objClass === ObjectClasses.Dossier || ref.objClass === ObjectClasses.WorkingGroup)
-                                        .map((ref, index, arr) => {
-                                        const mapEntry = referenceActionMap[String(ref.objClass)];
-                                        const label = mapEntry?.label ?? 'Vai a riferimento';
-                                        return (_jsxs(React.Fragment, { children: [index === 0 && (showToppyForApprove || showToppyForCompleteMoreInfo) && (_jsx("div", { style: {
-                                                        height: 1,
-                                                        backgroundColor: 'rgba(255,255,255,0.2)',
-                                                        margin: '6px 0'
-                                                    } })), _jsxs(StyledReferenceButton, { onClick: () => handleNavigateToReference(ref), onDoubleClick: (e) => { e.preventDefault(); e.stopPropagation(); }, children: [_jsx("span", { children: label }), _jsx("span", { children: `"${ref.objName}"` })] }, `ref-${index}-${ref.objID}`)] }, `ref-frag-${index}-${ref.objID}`));
-                                    })] }) })] }), (showCommentForm && TID && DID) &&
-                    _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid: TID, did: DID } }, onClose: () => setShowCommentForm(false), refreshCallback: handleCompleteMoreInfo, participants: [], showAttachmentsSection: false, allArchivedDocumentsFileItems: [] }), 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(_Fragment, { children: [(isModal && onClose)
+    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 }) }))] }));
+                : 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;
 /**
@@ -1707,7 +1488,12 @@ export const validateMetadataList = (mvdList = []) => {
         return validationItems;
     }, []);
 };
-const isValidForValidation = (mvd) => { return mvd.mid > 99; };
+const isValidForValidation = (mvd) => {
+    // I campi Computed non vanno validati (sono calcolati automaticamente)
+    if (mvd.md?.dataDomain === MetadataDataDomains.Computed)
+        return false;
+    return mvd.mid > 99;
+};
 const validateRequiredField = (mvd, value, validationItems) => {
     if (mvd.isRequired === '1' && !value.trim()) {
         const message = SDKUI_Localizator.RequiredField;
@@ -1725,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, enableDragDropOverlay = false }) => {
+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, { onFileUpload: onFileUpload, 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 }));
+        _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;