diff --git a/resources/assets/js/api/Cases.js b/resources/assets/js/api/Cases.js
index 8f537fa17..4c226a143 100644
--- a/resources/assets/js/api/Cases.js
+++ b/resources/assets/js/api/Cases.js
@@ -45,6 +45,16 @@ export let cases = {
             keys: {}
         });
     },
+    openSummary(data) {
+        var params = new FormData();
+        params.append('appUid', data.APP_UID);
+        params.append('delIndex', data.DEL_INDEX);
+        params.append('action', 'todo');
+
+        return axios.post(window.config.SYS_SERVER +
+            window.config.SYS_URI +
+            `appProxy/requestOpenSummary`, params);
+    },
     inputdocuments(data) {
         var params = new FormData();
         params.append('appUid', data.APP_UID);
@@ -73,7 +83,11 @@ export let cases = {
 
         return axios.post(window.config.SYS_SERVER +
             window.config.SYS_URI +
-            `appProxy/getSummary`, params);
+            `appProxy/getSummary`, params, {
+                headers: {
+                    'Cache-Control': 'no-cache'
+                }
+            });
     },
     casenotes(data) {
         var params = new FormData();
diff --git a/resources/assets/js/api/Filters.js b/resources/assets/js/api/Filters.js
index 8117c4881..d7527475f 100644
--- a/resources/assets/js/api/Filters.js
+++ b/resources/assets/js/api/Filters.js
@@ -72,11 +72,12 @@ export let filters = {
     /**
      * Service to get the users list
      */
-    taskList(query) {
+    taskList(params) {
         return Api.get({
             service: "TASKS",
             params: {
-                text: query,
+                text: params.query,
+                proId: params.proId
             },
             keys: {},
         });
diff --git a/resources/assets/js/components/home/caseDetail/MoreInformation.vue b/resources/assets/js/components/home/caseDetail/MoreInformation.vue
new file mode 100644
index 000000000..7fcd239ed
--- /dev/null
+++ b/resources/assets/js/components/home/caseDetail/MoreInformation.vue
@@ -0,0 +1,47 @@
+<template>
+    <div class="summaryForm">
+        <iframe
+            :width="width"
+            ref="IFrameSummaryForm"
+            frameborder="0"
+            :src="path"
+            :height="height"
+            allowfullscreen
+        >
+        </iframe>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "MoreInformation",
+    props: {
+        data: Object
+    },
+    data() {
+        return {
+            height: "500px",
+            width: "100%",
+            diffHeight: 10
+        };
+    },
+    computed: {
+        path() {
+            let url = "";
+            if (this.data && this.data.DYN_UID) {
+                url =
+                    window.config.SYS_SERVER +
+                    window.config.SYS_URI +
+                    '/cases/summary?APP_UID='+this.data.APP_UID +
+                    '&DEL_INDEX=' + this.data.DEL_INDEX +
+                    '&DYN_UID=' + this.data.DYN_UID;
+            }
+            return url;
+        },
+    },
+    mounted() {},
+    methods: {
+            
+    }
+}
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/components/menu/CustomSidebar.vue b/resources/assets/js/components/menu/CustomSidebar.vue
index 2b8276625..3e9ea43eb 100644
--- a/resources/assets/js/components/menu/CustomSidebar.vue
+++ b/resources/assets/js/components/menu/CustomSidebar.vue
@@ -30,7 +30,7 @@ export default {
             isOnMobile: false,
             hideToggle: true,
             selectedTheme: "",
-            sidebarWidth: "310px",
+            sidebarWidth: "260px",
         };
     },
     computed: {
diff --git a/resources/assets/js/components/search/AdvancedFilter.vue b/resources/assets/js/components/search/AdvancedFilter.vue
index ebcfe4ea2..5dcb415be 100644
--- a/resources/assets/js/components/search/AdvancedFilter.vue
+++ b/resources/assets/js/components/search/AdvancedFilter.vue
@@ -127,6 +127,7 @@
                                                     {{ tagContent(tag) }}
                                                 </div>
                                                 <component
+                                                    :filters="filters"
                                                     v-bind:is="tagComponent(tag)"
                                                     v-bind:info="tagInfo(tag)"
                                                     v-bind:tag="tag"
diff --git a/resources/assets/js/components/search/popovers/TaskTitle.vue b/resources/assets/js/components/search/popovers/TaskTitle.vue
index 739f61ff9..ae6132022 100644
--- a/resources/assets/js/components/search/popovers/TaskTitle.vue
+++ b/resources/assets/js/components/search/popovers/TaskTitle.vue
@@ -39,7 +39,7 @@ export default {
         SearchPopover,
         Multiselect
     },
-    props: ["tag", "info", "filter"],
+    props: ["tag", "info", "filters", "filter"],
     data() {
         return {
             taks: [],
@@ -53,9 +53,12 @@ export default {
          */
 
         asyncFind(query) {
-            this.isLoading = true;
+            let params = {};
+            this.isLoading = true;   
+            params.proId = this.getProcess();
+            params.query = query;
             api.filters
-                .taskList(query)
+                .taskList(params)
                 .then((response) => {
                     this.taks = response.data;
                     this.isLoading = false;
@@ -64,6 +67,13 @@ export default {
                     console.error(err);
                 });
         },
+        /**
+         * Get the process id to manage the dependency
+         */
+        getProcess() {
+            let component = _.find(this.filters, function(o) { return o.fieldId === "processName"; });
+            return component ? component.value : null;
+        },
         /**
          * Form validations review
          */
diff --git a/resources/assets/js/components/vuetable/CurrentUserCell.vue b/resources/assets/js/components/vuetable/CurrentUserCell.vue
new file mode 100644
index 000000000..86f9ea2ad
--- /dev/null
+++ b/resources/assets/js/components/vuetable/CurrentUserCell.vue
@@ -0,0 +1,81 @@
+<template>
+    <div v-if="data.length" class="grouped-cell">
+        <div v-for="(item, index) in data" v-bind:key="item.TITLE" class="d-flex mb-3">
+            <div class="avatar" :id="id + index">
+                <b-avatar
+                    variant="info"
+                    :src="item.AVATAR"
+                    size="2em"
+                ></b-avatar>
+            </div>
+            <b-popover
+                :target="id + index"
+                placement="top"
+                ref="popover"
+                triggers="hover"    
+            >
+                <b-row >
+                    <b-col md="3">
+                        <b-avatar
+                            variant="info"
+                            :src="item.AVATAR"
+                            size="4em"
+                        ></b-avatar>
+                    </b-col>    
+                    <b-col md="9">
+                        <div class="font-weight-bold">{{item.USERNAME_DISPLAY_FORMAT}}</div>
+                        <div v-if="item.POSITION !== ''">{{item.POSITION}}</div>
+                        <b-link :href="mailto(item.EMAIL)" >{{item.EMAIL}}</b-link>
+                    </b-col>
+                </b-row>
+            </b-popover>
+            <div class="col ellipsis">
+                {{ item.USERNAME_DISPLAY_FORMAT }}
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "CurrentUserCell",
+    props: ["data"],
+    data() {
+        return {
+            id: "avatar-" + _.random(1000000)
+        };
+    },
+    methods: {
+        /**
+         * Generates the mail link
+         */
+        mailto: function(email) {
+            return "mailto:" + email;
+        }
+    }
+};
+</script>
+
+<style> 
+.popover {
+    max-width: 600px !important; 
+    min-width: 200px !important;
+}
+.grouped-cell {
+    font-size: small;
+}
+
+.ellipsis {
+    white-space: nowrap;
+    width: 140px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.color {
+    color: red;
+}
+.avatar {
+    color: "red";
+    width: "1.3em";
+}
+</style>
diff --git a/resources/assets/js/components/vuetable/GroupedCell.vue b/resources/assets/js/components/vuetable/GroupedCell.vue
index b7c532b69..06519dba9 100644
--- a/resources/assets/js/components/vuetable/GroupedCell.vue
+++ b/resources/assets/js/components/vuetable/GroupedCell.vue
@@ -1,6 +1,6 @@
 <template>
     <div v-if="data.length" class="grouped-cell">
-        <div v-for="item in data" v-bind:key="item.TITLE" class="d-flex mb-3">
+        <div v-for="(item, index) in data" v-bind:key="item.TITLE" class="d-flex mb-3">
             <div
                 v-bind:style="{ color: activeColor(item.STATUS) }"
                 v-b-popover.hover.top="item.DELAYED_MSG"
@@ -10,7 +10,7 @@
             <div class="col ellipsis" v-b-popover.hover.top="item.TAS_NAME">
                 {{ item.TAS_NAME }}
             </div>
-            <div class="avatar" :id="id">
+            <div class="avatar" :id="id + index">
                 <b-avatar
                     variant="info"
                     :src="item.AVATAR"
@@ -18,7 +18,7 @@
                 ></b-avatar>
             </div>
             <b-popover
-                :target="id"
+                :target="id + index"
                 placement="top"
                 ref="popover"
                 triggers="hover"    
diff --git a/resources/assets/js/home/AdvancedSearch.vue b/resources/assets/js/home/AdvancedSearch.vue
index 0f621c44a..4f6c076d1 100644
--- a/resources/assets/js/home/AdvancedSearch.vue
+++ b/resources/assets/js/home/AdvancedSearch.vue
@@ -55,11 +55,7 @@
                 {{ props.row.STATUS }}
             </div>
             <div slot="current_user" slot-scope="props">
-                <div class="v-user-cell" v-for="item in props.row.USER">
-                    <div class="col .v-user-cell-ellipsis">
-                        {{ item.USER_DATA }}
-                    </div>
-                </div>
+                <CurrentUserCell :data="props.row.USER_DATA" />
             </div>
             <div slot="start_date" slot-scope="props">
                 {{ props.row.START_DATE }}
@@ -87,6 +83,7 @@ import ButtonFleft from "../components/home/ButtonFleft.vue";
 import ModalNewRequest from "./ModalNewRequest.vue";
 import AdvancedFilter from "../components/search/AdvancedFilter";
 import TaskCell from "../components/vuetable/TaskCell.vue";
+import CurrentUserCell from "../components/vuetable/CurrentUserCell.vue";
 import ModalComments from "./modal/ModalComments.vue";
 import api from "./../api/index";
 import utils from "./../utils/utils";
@@ -98,6 +95,7 @@ export default {
         ButtonFleft,
         ModalNewRequest,
         TaskCell,
+        CurrentUserCell,
         ModalComments
     },
     props: ["id", "name", "filters"],
@@ -231,7 +229,7 @@ export default {
                     CASE_TITLE: v.DEL_TITLE,
                     PROCESS_NAME: v.PRO_TITLE,
                     TASK: this.formatTasks(v.THREAD_TASKS),
-                    USER: this.formatUser(v.THREAD_USERS),
+                    USER_DATA: this.formatUser(v.THREAD_USERS),
                     START_DATE: v.APP_CREATE_DATE_LABEL,
                     FINISH_DATE: v.APP_FINISH_DATE_LABEL,
                     DURATION: v.DURATION,
@@ -263,12 +261,17 @@ export default {
                 dataFormat = [];
             for (i = 0; i < data.length; i += 1) {
                 dataFormat.push({
-                    USER_DATA: utils.userNameDisplayFormat({
+                    USERNAME_DISPLAY_FORMAT: utils.userNameDisplayFormat({
                         userName: data[i].usr_firstname,
                         firstName: data[i].usr_lastname,
                         lastName: data[i].usr_username,
                         format: window.config.FORMATS.format || null
                     }),
+                    EMAIL: data[i].usr_email,
+                    POSITION: data[i].usr_position,
+                    AVATAR: window.config.SYS_SERVER +
+                                window.config.SYS_URI +
+                                `users/users_ViewPhotoGrid?pUID=${data[i].user_id}`
                 });
             }
             return dataFormat;
diff --git a/resources/assets/js/home/CaseDetail.vue b/resources/assets/js/home/CaseDetail.vue
index b8a7e933c..78247ba24 100644
--- a/resources/assets/js/home/CaseDetail.vue
+++ b/resources/assets/js/home/CaseDetail.vue
@@ -201,6 +201,7 @@ export default {
     this.getInputDocuments();
     this.getOutputDocuments();
     this.getCasesNotes();
+    this.requestOpenSummary();
   },
   methods: {
     postComment(comment, send, files) {
@@ -280,7 +281,7 @@ export default {
               action = _.find(response.data, function(o) { return o.id == "ACTIONS"; });
               if(action){
                 option = _.find(action.options, function(o) { return o.fn == "cancelCase"; });
-                if(!option.hide){
+                if(option && !option.hide){
                   that.dataCaseSummary.onClick = () => {
                     that.$refs["modal-cancel-case"].show();
                   };      
@@ -504,7 +505,24 @@ export default {
         ACTION: "todo",
       });
       this.$emit("onUpdatePage", "XCase");
-    }
+    },
+    /**
+     * Verify if the case has the permission Summary Form
+     * to add dynUid in dataCase
+     */
+    requestOpenSummary() {
+      Api.cases
+        .openSummary(this.dataCase)
+        .then((response) => {
+          var data = response.data;
+          if (data.dynUid !== "") {
+            this.dataCase.DYN_UID = data.dynUid;
+          }
+        })
+        .catch((e) => {
+          console.error(e);
+        });
+    },
   },
 };
 </script>
diff --git a/resources/assets/js/home/Draft.vue b/resources/assets/js/home/Draft.vue
index 2d5108aaa..816da1484 100644
--- a/resources/assets/js/home/Draft.vue
+++ b/resources/assets/js/home/Draft.vue
@@ -49,6 +49,7 @@ import ModalNewRequest from "./ModalNewRequest.vue";
 import CasesFilter from "../components/search/CasesFilter";
 import TaskCell from "../components/vuetable/TaskCell.vue";
 import api from "./../api/index";
+import utils from "./../utils/utils";
 
 export default {
   name: "Draft",
@@ -59,7 +60,7 @@ export default {
     TaskCell,
     CasesFilter,
   },
-  props: {},
+  props: ["defaultOption"],
   data() {
     return {
       newCase: {
@@ -106,7 +107,9 @@ export default {
       singleClickTimer: null
     };
   },
-  mounted() {},
+  mounted() {
+    this.openDefaultCase();
+  },
   watch: {},
   computed: {
     /**
@@ -119,6 +122,21 @@ export default {
   updated() {},
   beforeCreate() {},
   methods: {
+    /**
+     * Open a case when the component was mounted
+     */
+    openDefaultCase() {
+        let params;
+        if(this.defaultOption) {
+            params = utils.getAllUrlParams(this.defaultOption);
+            if (params && params.app_uid && params.del_index) {
+                this.openCase({
+                    APP_UID: params.app_uid,
+                    DEL_INDEX: params.del_index
+                });
+            }
+        }
+    },
     /**
      * On row click event handler
      * @param {object} event
diff --git a/resources/assets/js/home/Home.vue b/resources/assets/js/home/Home.vue
index 6bd690521..6ef3c84fa 100644
--- a/resources/assets/js/home/Home.vue
+++ b/resources/assets/js/home/Home.vue
@@ -24,6 +24,7 @@
                 :id="pageId"
                 :pageUri="pageUri"
                 :name="pageName"
+                :defaultOption="defaultOption"
                 @onSubmitFilter="onSubmitFilter"
                 @onRemoveFilter="onRemoveFilter"
                 @onUpdatePage="onUpdatePage"
@@ -78,7 +79,7 @@ export default {
             collapsed: false,
             selectedTheme: "",
             isOnMobile: false,
-            sidebarWidth: "310px",
+            sidebarWidth: "260px",
             pageId: null,
             pageName: null,
             pageUri: null,
@@ -93,7 +94,8 @@ export default {
                 CONSOLIDATED_CASES: "batch-routing",
                 CASES_TO_REASSIGN: "task-reassignments",
                 CASES_FOLDERS: "my-documents"
-            }
+            },
+            defaultOption: window.config.defaultOption || ''
         };
     },
     mounted() {
@@ -311,7 +313,7 @@ export default {
 
 <style lang="scss">
 #home {
-    padding-left: 310px;
+    padding-left: 260px;
     transition: 0.3s;
 }
 #home.collapsed {
diff --git a/resources/assets/js/home/MyCases.vue b/resources/assets/js/home/MyCases.vue
index ce1d08b9b..e01c746b8 100644
--- a/resources/assets/js/home/MyCases.vue
+++ b/resources/assets/js/home/MyCases.vue
@@ -441,6 +441,7 @@ export default {
                         onClick: (obj) => {
                             that.title = obj.title;
                             that.filterHeader = obj.item;
+                            that.$refs["vueTable"].setPage(1); // Reset the page when change the header filter
                             that.$refs["vueTable"].getData();
                         },
                         class: info[v.id].class
diff --git a/resources/assets/js/home/Paused.vue b/resources/assets/js/home/Paused.vue
index 1297a33ec..25a35d90e 100644
--- a/resources/assets/js/home/Paused.vue
+++ b/resources/assets/js/home/Paused.vue
@@ -92,7 +92,6 @@ export default {
         "case_title",
         "process_name",
         "task",
-        "current_user",
         "due_date",
         "delegation_date",
         "priority",
diff --git a/resources/assets/js/home/TabsCaseDetail.vue b/resources/assets/js/home/TabsCaseDetail.vue
index 605a06899..003939e57 100644
--- a/resources/assets/js/home/TabsCaseDetail.vue
+++ b/resources/assets/js/home/TabsCaseDetail.vue
@@ -4,6 +4,10 @@
       <tab :name="$t('ID_SUMMARY')">
         <PmCaseSummary :data="dataCaseSummary"> </PmCaseSummary>
       </tab>
+      <tab :name="$t('ID_MORE_INFORMATION')">
+        <MoreInformation :data="dataCase" v-if="currentTab == $t('ID_MORE_INFORMATION')">
+        </MoreInformation>
+      </tab>
       <tab :name="$t('ID_PROCESS_MAP')">
         <ProcessMap :data="dataCase" v-if="currentTab == $t('ID_PROCESS_MAP')">
         </ProcessMap>
@@ -25,6 +29,7 @@ import PmCaseSummary from "./../components/home/caseDetail/PmCaseSummary.vue";
 import ProcessMap from "./../components/home/caseDetail/ProcessMap.vue";
 import CaseHistory from "./../components/home/caseDetail/CaseHistory.vue";
 import ChangeLog from "./../components/home/caseDetail/ChangeLog.vue";
+import MoreInformation from './../components/home/caseDetail/MoreInformation.vue';
 import Api from "../api/index";
 
 export default {
@@ -36,6 +41,7 @@ export default {
     PmCaseSummary,
     CaseHistory,
     ChangeLog,
+    MoreInformation
   },
   props: {
     dataCase: Object,
diff --git a/resources/assets/js/home/Todo.vue b/resources/assets/js/home/Todo.vue
index a4fcb56c7..edff12d94 100644
--- a/resources/assets/js/home/Todo.vue
+++ b/resources/assets/js/home/Todo.vue
@@ -70,6 +70,7 @@ export default {
     TaskCell,
     CasesFilter,
   },
+  props: ["defaultOption"],
   data() {
     return {
       newCase: {
@@ -85,7 +86,6 @@ export default {
         "case_title",
         "process_name",
         "task",
-        "current_user",
         "due_date",
         "delegation_date",
         "priority",
@@ -136,6 +136,21 @@ export default {
   updated() {},
   beforeCreate() {},
   methods: {
+    /**
+     * Open a case when the component was mounted
+     */
+    openDefaultCase() {
+        let params;
+        if(this.defaultOption) {
+            params = utils.getAllUrlParams(this.defaultOption);
+            if (params && params.app_uid && params.del_index) {
+                this.openCase({
+                    APP_UID: params.app_uid,
+                    DEL_INDEX: params.del_index
+                });
+            }
+        }
+    },
     /**
      * On row click event handler
      * @param {object} event
diff --git a/resources/assets/js/utils/utils.js b/resources/assets/js/utils/utils.js
index 94fad2331..3b42aad92 100644
--- a/resources/assets/js/utils/utils.js
+++ b/resources/assets/js/utils/utils.js
@@ -13,11 +13,79 @@ export default {
                 format: '(@lastName, @firstName) @userName'
             };
         _.assignIn(defaultValues, params);
-        console.log(defaultValues);
         aux = defaultValues.format;
         aux = aux.replace('@userName',defaultValues.userName);
         aux = aux.replace('@firstName',defaultValues.firstName);
         aux = aux.replace('@lastName',defaultValues.lastName);
         return aux;
-    }
+    },
+    /**
+     * Parse an url string and prepare an object of the parameters
+     * @param {string} url 
+     * @returns {object} 
+     */
+    getAllUrlParams(url) {
+
+        // get query string from url (optional) or window
+        var queryString = url ? url.split('?')[1] : window.location.search.slice(1);
+      
+        // we'll store the parameters here
+        var obj = {};
+      
+        // if query string exists
+        if (queryString) {
+      
+          // stuff after # is not part of query string, so get rid of it
+          queryString = queryString.split('#')[0];
+      
+          // split our query string into its component parts
+          var arr = queryString.split('&');
+      
+          for (var i = 0; i < arr.length; i++) {
+            // separate the keys and the values
+            var a = arr[i].split('=');
+      
+            // set parameter name and value (use 'true' if empty)
+            var paramName = a[0];
+            var paramValue = typeof (a[1]) === 'undefined' ? true : a[1];
+      
+            // (optional) keep case consistent
+            paramName = paramName.toLowerCase();
+            if (typeof paramValue === 'string') paramValue = paramValue.toLowerCase();
+      
+            // if the paramName ends with square brackets, e.g. colors[] or colors[2]
+            if (paramName.match(/\[(\d+)?\]$/)) {
+      
+              // create key if it doesn't exist
+              var key = paramName.replace(/\[(\d+)?\]/, '');
+              if (!obj[key]) obj[key] = [];
+      
+              // if it's an indexed array e.g. colors[2]
+              if (paramName.match(/\[\d+\]$/)) {
+                // get the index value and add the entry at the appropriate position
+                var index = /\[(\d+)\]/.exec(paramName)[1];
+                obj[key][index] = paramValue;
+              } else {
+                // otherwise add the value to the end of the array
+                obj[key].push(paramValue);
+              }
+            } else {
+              // we're dealing with a string
+              if (!obj[paramName]) {
+                // if it doesn't exist, create property
+                obj[paramName] = paramValue;
+              } else if (obj[paramName] && typeof obj[paramName] === 'string'){
+                // if property does exist and it's a string, convert it to an array
+                obj[paramName] = [obj[paramName]];
+                obj[paramName].push(paramValue);
+              } else {
+                // otherwise add the property
+                obj[paramName].push(paramValue);
+              }
+            }
+          }
+        }
+      
+        return obj;
+      }
 }
\ No newline at end of file
diff --git a/workflow/engine/methods/authenticationSources/src/components/formAuthenticationSources.vue b/workflow/engine/methods/authenticationSources/src/components/formAuthenticationSources.vue
index a14d1dd94..03b361b8e 100644
--- a/workflow/engine/methods/authenticationSources/src/components/formAuthenticationSources.vue
+++ b/workflow/engine/methods/authenticationSources/src/components/formAuthenticationSources.vue
@@ -32,10 +32,26 @@
                             <b-form-invalid-feedback>{{$root.translation('ID_IS_REQUIRED')}}</b-form-invalid-feedback>
                         </b-form-group>
                         <b-form-group :label="$root.translation('ID_PORT')">
-                            <b-form-input v-model="form.port"
-                                          :state="validateState('port')"
-                                          autocomplete="off"/>
-                            <b-form-invalid-feedback>{{$root.translation('ID_IS_REQUIRED')}}</b-form-invalid-feedback>
+                            <b-input-group>
+                                <template #append>
+                                    <b-input-group-text class="p-0">
+                                        <b-button size="md"
+                                                  variant="outline-light"
+                                                  class="border-0"
+                                                  @click="disabledField.port=!disabledField.port;">
+                                            <b-icon icon="pencil-fill" 
+                                                    aria-hidden="true" 
+                                                    variant="primary">
+                                            </b-icon>
+                                        </b-button>
+                                    </b-input-group-text>
+                                </template>
+                                <b-form-input v-model="form.port"
+                                              :state="validateState('port')"
+                                              :disabled="disabledField.port"
+                                              autocomplete="off"/>
+                                <b-form-invalid-feedback>{{$root.translation('ID_IS_REQUIRED')}}</b-form-invalid-feedback>
+                            </b-input-group>
                         </b-form-group>
                         <b-form-group :label="$root.translation('ID_ENABLE_AUTOMATIC_REGISTER')"
                                       label-cols-lg="8">
@@ -93,30 +109,108 @@
                             <b-form-invalid-feedback>{{$root.translation('ID_IS_REQUIRED')}}</b-form-invalid-feedback>
                         </b-form-group>
                         <b-form-group :label="$root.translation('ID_USER_IDENTIFIER')">
-                            <b-form-input v-model="form.userIdentifier"
-                                          autocomplete="off"
-                                          readonly/>
+                            <b-input-group>
+                                <template #append>
+                                    <b-input-group-text class="p-0">
+                                        <b-button size="md"
+                                                  variant="outline-light"
+                                                  class="border-0"
+                                                  @click="disabledField.userIdentifier=!disabledField.userIdentifier;">
+                                            <b-icon icon="pencil-fill" 
+                                                    aria-hidden="true" 
+                                                    variant="primary">
+                                            </b-icon>
+                                        </b-button>
+                                    </b-input-group-text>
+                                </template>
+                                <b-form-input v-model="form.userIdentifier"
+                                              autocomplete="off"
+                                              :disabled="disabledField.userIdentifier"/>
+                            </b-input-group>
                         </b-form-group>
                         <b-form-group :label="$root.translation('ID_GROUP_IDENTIFIER')">
-                            <b-form-input v-model="form.groupIdentifier"
-                                          autocomplete="off"
-                                          readonly/>
+                            <b-input-group>
+                                <template #append>
+                                    <b-input-group-text class="p-0">
+                                        <b-button size="md"
+                                                  variant="outline-light"
+                                                  class="border-0"
+                                                  @click="disabledField.groupIdentifier=!disabledField.groupIdentifier;">
+                                            <b-icon icon="pencil-fill" 
+                                                    aria-hidden="true" 
+                                                    variant="primary">
+                                            </b-icon>
+                                        </b-button>
+                                    </b-input-group-text>
+                                </template>
+                                <b-form-input v-model="form.groupIdentifier"
+                                              autocomplete="off"
+                                              :disabled="disabledField.groupIdentifier"/>
+                            </b-input-group>
                         </b-form-group>
                         <b-form-group :label="$root.translation('ID_FILTER_TO_SEARCH_USERS')">
                             <b-form-input v-model="form.filterToSearchUsers"
                                           autocomplete="off"/>
                         </b-form-group>
                         <b-form-group :label="$root.translation('ID_USER_CLASS_IDENTIFIER')">
-                            <b-form-input v-model="form.userClassIdentifier"
-                                          autocomplete="off"/>
+                            <b-input-group>
+                                <template #append>
+                                    <b-input-group-text class="p-0">
+                                        <b-button size="md"
+                                                  variant="outline-light"
+                                                  class="border-0"
+                                                  @click="disabledField.userClassIdentifier=!disabledField.userClassIdentifier;">
+                                            <b-icon icon="pencil-fill" 
+                                                    aria-hidden="true" 
+                                                    variant="primary">
+                                            </b-icon>
+                                        </b-button>
+                                    </b-input-group-text>
+                                </template>
+                                <b-form-input v-model="form.userClassIdentifier"
+                                              :disabled="disabledField.userClassIdentifier"
+                                              autocomplete="off"/>
+                            </b-input-group>
                         </b-form-group>
                         <b-form-group :label="$root.translation('ID_GROUP_CLASS_IDENTIFIER')">
-                            <b-form-input v-model="form.groupClassIdentifier"
-                                          autocomplete="off"/>
+                            <b-input-group>
+                                <template #append>
+                                    <b-input-group-text class="p-0">
+                                        <b-button size="md"
+                                                  variant="outline-light"
+                                                  class="border-0"
+                                                  @click="disabledField.groupClassIdentifier=!disabledField.groupClassIdentifier;">
+                                            <b-icon icon="pencil-fill" 
+                                                    aria-hidden="true" 
+                                                    variant="primary">
+                                            </b-icon>
+                                        </b-button>
+                                    </b-input-group-text>
+                                </template>
+                                <b-form-input v-model="form.groupClassIdentifier"
+                                              :disabled="disabledField.groupClassIdentifier"
+                                              autocomplete="off"/>
+                            </b-input-group>
                         </b-form-group>
                         <b-form-group :label="$root.translation('ID_DEPARTMENT_CLASS_IDENTIFIER')">
-                            <b-form-input v-model="form.departmentClassIdentifier"
-                                          autocomplete="off"/>
+                            <b-input-group>
+                                <template #append>
+                                    <b-input-group-text class="p-0">
+                                        <b-button size="md"
+                                                  variant="outline-light"
+                                                  class="border-0"
+                                                  @click="disabledField.departmentClassIdentifier=!disabledField.departmentClassIdentifier;">
+                                            <b-icon icon="pencil-fill" 
+                                                    aria-hidden="true" 
+                                                    variant="primary">
+                                            </b-icon>
+                                        </b-button>
+                                    </b-input-group-text>
+                                </template>
+                                <b-form-input v-model="form.departmentClassIdentifier"
+                                              :disabled="disabledField.departmentClassIdentifier"
+                                              autocomplete="off"/>
+                            </b-input-group>
                         </b-form-group>
                     </b-col>
                 </b-row>
@@ -228,7 +322,14 @@
                     {value: "ds", text: "389 DS"}
                 ],
                 roles: [],
-                show: true
+                disabledField: {
+                    port: true,
+                    userIdentifier: true,
+                    groupIdentifier: true,
+                    userClassIdentifier: true,
+                    groupClassIdentifier: true,
+                    departmentClassIdentifier: true
+                }
             };
         },
         methods: {
diff --git a/workflow/engine/src/ProcessMaker/Services/Api/Home.php b/workflow/engine/src/ProcessMaker/Services/Api/Home.php
index 6ef85198b..5887546f7 100644
--- a/workflow/engine/src/ProcessMaker/Services/Api/Home.php
+++ b/workflow/engine/src/ProcessMaker/Services/Api/Home.php
@@ -698,4 +698,35 @@ class Home extends Api
             throw new RestException(Api::STAT_APP_EXCEPTION, $e->getMessage());
         }
     }
+
+    /**
+     * Get the process debug status
+     *
+     * @url GET /process-debug-status
+     *
+     * @param string $processUid
+     *
+     * @return bool
+     *
+     * @throws Exception
+     *
+     * @access protected
+     * @class AccessControl {@permission PM_CASES}
+     */
+    public function getProcessDebugStatus($processUid)
+    {
+        try {
+            // Get the process requested
+            $process = Process::query()->select(['PRO_DEBUG'])->where('PRO_UID', '=', $processUid)->first();
+            if (!is_null($process)) {
+                return $process->PRO_DEBUG === 1;
+            }
+        } catch (Exception $e) {
+            throw new RestException(Api::STAT_APP_EXCEPTION, $e->getMessage());
+        }
+        // If not exists the requested process throw an 404 error
+        if (is_null($process)) {
+            throw new RestException(404, "Process with Uid '{$processUid}'.");
+        }
+    }
 }
diff --git a/workflow/engine/templates/cases/open.js b/workflow/engine/templates/cases/open.js
index 42d32d9ca..3db76870c 100644
--- a/workflow/engine/templates/cases/open.js
+++ b/workflow/engine/templates/cases/open.js
@@ -1080,26 +1080,39 @@ Ext.onReady(function(){
                                       var data = Ext.util.JSON.decode(result.responseText);
                                       if (data.status == true) {
                                           if (!isBrowserIE()) {
+                                            if (typeof parent.notify !== "undefined") { 
                                               // The case was cancelled
                                               parent.notify('', _("ID_CASE_CANCELLED", stringReplace("\\: ", "", _APP_NUM)));
+                                            }
+                                            if (typeof parent.updateCasesTree !== "undefined") { 
                                               parent.updateCasesTree();
+                                            }
+                                            if (typeof parent.highlightCasesTree !== "undefined") { 
                                               parent.highlightCasesTree();
+                                            }
                                           }
                                       } else {
                                           if (!isBrowserIE()) {
-                                              // The case wasn't cancel
-                                              parent.notify('', data.msg);
+                                              if (typeof parent.notify !== "undefined") {
+                                                  // The case wasn't cancel
+                                                  parent.notify('', data.msg);
+                                              }
                                           }
                                       }
                                   } catch (e) {
                                       if (isBrowserIE()) {
                                           Ext.MessageBox.alert(_('ID_FAILED'), _('ID_SOMETHING_WRONG'));
                                       } else {
-                                          parent.notify('', _('ID_SOMETHING_WRONG'));
+                                          if (typeof parent.notify !== "undefined") {
+                                              parent.notify('', _('ID_SOMETHING_WRONG'));
+                                          }
                                       }
-
                                   }
-                                  location.href = 'casesListExtJs';
+                                  if (typeof parent.postMessage !== "undefined") {
+                                    parent.postMessage("redirect=todo","*");
+                                  } else {
+                                    location.href = 'casesListExtJs';
+                                  }
                               },
                               failure: function (result, request) {
                                   Ext.MessageBox.alert(_('ID_FAILED'), result.responseText);
@@ -1361,13 +1374,22 @@ Ext.onReady(function(){
             var data = Ext.util.JSON.decode(result.responseText);
             if( data.status == 0 ) {
               try {
-                parent.notify('', data.msg);
-                parent.updateCasesTree();
-                parent.highlightCasesTree();
+                  if (typeof parent.notify !== "undefined") {
+                      parent.notify('', data.msg);
+                  }
+                  if (typeof parent.updateCasesTree !== "undefined") {
+                      parent.updateCasesTree();
+                  }
+                  if (typeof parent.highlightCasesTree !== "undefined") {
+                      parent.highlightCasesTree();
+                  }
+            } catch (e) {
+            }
+              if (typeof parent.postMessage !== "undefined") {
+                parent.postMessage("redirect=todo", "*");
+              } else {
+                location.href = 'casesListExtJs';
               }
-              catch (e) {
-              }
-              location.href = 'casesListExtJs';
             } else {
               alert(data.msg);
             }
@@ -1562,12 +1584,22 @@ Ext.onReady(function(){
                 success : function(res, req) {
                   if(req.result.success) {
                     try {
-                      parent.notify('PAUSE CASE', req.result.msg);
-                      parent.updateCasesTree();
-                      parent.highlightCasesTree();
-                    }catch (e) {
+                      if (typeof parent.notify !== "undefined") {
+                        parent.notify('PAUSE CASE', req.result.msg);
+                      }
+                      if (typeof parent.updateCasesTree !== "undefined") {
+                        parent.updateCasesTree();
+                      }
+                      if (typeof parent.highlightCasesTree !== "undefined") {
+                          parent.highlightCasesTree();
+                      }
+                    } catch (e) {
+                    }
+                    if (typeof parent.postMessage !== "undefined") {
+                      parent.postMessage("redirect=todo", "*");
+                    } else {
+                      location.href = urlToRedirectAfterPause;
                     }
-                    location.href = urlToRedirectAfterPause;
                   } else {
                     PMExt.error(_('ID_ERROR'), req.result.msg);
                   }
@@ -1656,14 +1688,23 @@ Ext.onReady(function(){
 				loadMask.hide();
 				var data = Ext.util.JSON.decode(result.responseText);
 				if( data.success ) {
-					try {
-					   parent.PMExt.notify(_('ID_DELETE_ACTION'), data.msg);
-					   parent.updateCasesTree();
-					   parent.highlightCasesTree();
-					}
-					catch (e) {
-					}
-					location.href = 'casesListExtJs';
+                      try {
+                          if (typeof parent.PMExt.updateCasesTree !== "undefined") {
+                              parent.PMExt.notify(_('ID_DELETE_ACTION'), data.msg);
+                          }
+                          if (typeof parent.updateCasesTree !== "undefined") {
+                              parent.updateCasesTree();
+                          }
+                          if (typeof parent.highlightCasesTree !== "undefined") {
+                            parent.highlightCasesTree();
+                          }
+					  } catch (e) {
+					  }
+                      if (typeof parent.postMessage !== "undefined") {
+                        parent.postMessage("redirect=todo", "*");
+                      } else {
+                          location.href = 'casesListExtJs';
+                      }
 				} else {
 				    PMExt.error(_('ID_ERROR'), data.msg);
 				}