From 93176a8d0c249ed3960984449b8f54adce3ef15a Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 5 Jun 2025 15:31:36 +0530
Subject: [PATCH 01/13] fix: activity is not loading

(cherry picked from commit a25ff14dd4d23864bbf6b76ebac5dbbd0e906abf)
---
 frontend/src/components/Activities/Activities.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Activities/Activities.vue b/frontend/src/components/Activities/Activities.vue
index 8a8004d2..3842a6dc 100644
--- a/frontend/src/components/Activities/Activities.vue
+++ b/frontend/src/components/Activities/Activities.vue
@@ -320,7 +320,7 @@
                   {{ startCase(__(activity.type)) }}
                 </span>
                 <span
-                  v-if="activity.data.old_value"
+                  v-if="activity.data?.old_value"
                   class="max-w-xs font-medium text-ink-gray-8"
                 >
                   <div
@@ -336,7 +336,7 @@
                 </span>
                 <span v-if="activity.to">{{ __('to') }}</span>
                 <span
-                  v-if="activity.data.value"
+                  v-if="activity.data?.value"
                   class="max-w-xs font-medium text-ink-gray-8"
                 >
                   <div

From e623e0628f8f5eda13c0dd757ee960ef0fd387b5 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 5 Jun 2025 16:07:40 +0530
Subject: [PATCH 02/13] refactor: call log modal code refactor

(cherry picked from commit 28ea88f61e731aeeac64cd4272a61b7149d6a3d5)
---
 .../src/components/Activities/AllModals.vue   |  3 +-
 .../src/components/Activities/CallArea.vue    |  6 ++-
 .../src/components/Modals/CallLogModal.vue    | 39 ++++++++-----------
 frontend/src/pages/CallLogs.vue               |  3 +-
 4 files changed, 26 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/Activities/AllModals.vue b/frontend/src/components/Activities/AllModals.vue
index 4a51734b..e4f7498b 100644
--- a/frontend/src/components/Activities/AllModals.vue
+++ b/frontend/src/components/Activities/AllModals.vue
@@ -16,8 +16,9 @@
     @after="redirect('notes')"
   />
   <CallLogModal
+    v-if="showCallLogModal"
     v-model="showCallLogModal"
-    v-model:callLog="callLog"
+    :data="callLog"
     :options="{ afterInsert: () => activities.reload() }"
   />
 </template>
diff --git a/frontend/src/components/Activities/CallArea.vue b/frontend/src/components/Activities/CallArea.vue
index 6cdceeba..d7771879 100644
--- a/frontend/src/components/Activities/CallArea.vue
+++ b/frontend/src/components/Activities/CallArea.vue
@@ -97,7 +97,11 @@
       v-model:callLogModal="showCallLogModal"
       v-model:callLog="callLog"
     />
-    <CallLogModal v-model="showCallLogModal" v-model:callLog="callLog.data" />
+    <CallLogModal
+      v-if="showCallLogModal"
+      v-model="showCallLogModal"
+      :data="callLog.data"
+    />
   </div>
 </template>
 <script setup>
diff --git a/frontend/src/components/Modals/CallLogModal.vue b/frontend/src/components/Modals/CallLogModal.vue
index 3db8e2bd..c8aeb374 100644
--- a/frontend/src/components/Modals/CallLogModal.vue
+++ b/frontend/src/components/Modals/CallLogModal.vue
@@ -44,9 +44,13 @@ import { getRandom } from '@/utils'
 import { capture } from '@/telemetry'
 import { useDocument } from '@/data/document'
 import { FeatherIcon, createResource, ErrorMessage, Badge } from 'frappe-ui'
-import { ref, nextTick, watch, computed } from 'vue'
+import { ref, nextTick, computed, onMounted } from 'vue'
 
 const props = defineProps({
+  data: {
+    type: Object,
+    default: () => ({}),
+  },
   options: {
     type: Object,
     default: {
@@ -58,14 +62,15 @@ const props = defineProps({
 const { isManager } = usersStore()
 
 const show = defineModel()
-const _callLog = defineModel('callLog')
 
 const loading = ref(false)
 const error = ref(null)
-const title = ref(null)
 const editMode = ref(false)
 
-const callLog = ref(null)
+const { document: callLog } = useDocument(
+  'CRM Call Log',
+  props.data?.name || '',
+)
 
 const dialogOptions = computed(() => {
   let title = !editMode.value ? __('New Call Log') : __('Edit Call Log')
@@ -109,7 +114,7 @@ const callBacks = {
 
 async function updateCallLog() {
   loading.value = true
-  await callLog.value.save.submit(null, callBacks)
+  await callLog.save.submit(null, callBacks)
 }
 
 const createCallLog = createResource({
@@ -120,7 +125,7 @@ const createCallLog = createResource({
         doctype: 'CRM Call Log',
         id: getRandom(6),
         telephony_medium: 'Manual',
-        ...callLog.value.doc,
+        ...callLog.doc,
       },
     }
   },
@@ -141,23 +146,13 @@ function handleCallLogUpdate(doc) {
   props.options.afterInsert && props.options.afterInsert(doc)
 }
 
-watch(
-  () => show.value,
-  (value) => {
-    if (!value) return
-    editMode.value = false
+onMounted(() => {
+  editMode.value = props.data?.name ? true : false
 
-    let docname = _callLog.value?.name
-    const { document } = useDocument('CRM Call Log', docname)
-    callLog.value = document
-
-    if (docname) {
-      editMode.value = true
-    } else {
-      callLog.value.doc = { ..._callLog.value }
-    }
-  },
-)
+  if (!props.data?.name) {
+    callLog.doc = { ...props.data }
+  }
+})
 
 function openQuickEntryModal() {
   showQuickEntryModal.value = true
diff --git a/frontend/src/pages/CallLogs.vue b/frontend/src/pages/CallLogs.vue
index be5e08a2..a0e2da95 100644
--- a/frontend/src/pages/CallLogs.vue
+++ b/frontend/src/pages/CallLogs.vue
@@ -62,8 +62,9 @@
     v-model:callLog="callLog"
   />
   <CallLogModal
+    v-if="showCallLogModal"
     v-model="showCallLogModal"
-    v-model:callLog="callLog.data"
+    :data="callLog.data"
     :options="{ afterInsert: () => callLogs.reload() }"
   />
 </template>

From 985c538044c60779fac402204f35c9461b55345f Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 5 Jun 2025 16:08:13 +0530
Subject: [PATCH 03/13] refactor: organization modal code refactor

(cherry picked from commit 93629972464163a41063317c4337b77b24aaf166)

# Conflicts:
#	frontend/src/components/Modals/OrganizationModal.vue
---
 .../components/Modals/OrganizationModal.vue   | 39 ++++++++++---------
 frontend/src/pages/Deal.vue                   |  3 +-
 frontend/src/pages/MobileDeal.vue             |  3 +-
 3 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/Modals/OrganizationModal.vue b/frontend/src/components/Modals/OrganizationModal.vue
index 553063d6..0e955e67 100644
--- a/frontend/src/components/Modals/OrganizationModal.vue
+++ b/frontend/src/components/Modals/OrganizationModal.vue
@@ -17,7 +17,16 @@
             </Button>
           </div>
         </div>
+<<<<<<< HEAD
         <FieldLayout v-if="tabs.data?.length" :tabs="tabs.data" :data="_organization" doctype="CRM Organization" />
+=======
+        <FieldLayout
+          v-if="tabs.data?.length"
+          :tabs="tabs.data"
+          :data="organization.doc"
+          doctype="CRM Organization"
+        />
+>>>>>>> 9362997 (refactor: organization modal code refactor)
         <ErrorMessage class="mt-8" v-if="error" :message="__(error)" />
       </div>
       <div class="px-4 pt-4 pb-7 sm:px-6">
@@ -47,6 +56,10 @@ import { ref, nextTick, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 
 const props = defineProps({
+  data: {
+    type: Object,
+    default: () => ({}),
+  },
   options: {
     type: Object,
     default: {
@@ -60,27 +73,19 @@ const { isManager } = usersStore()
 
 const router = useRouter()
 const show = defineModel()
-const organization = defineModel('organization')
 
 const loading = ref(false)
-const title = ref(null)
-
-const { document: _organization } = useDocument('CRM Organization')
-
-if (Object.keys(_organization.doc).length != 0) {
-  _organization.doc = { no_of_employees: '1-10' }
-}
-
-let doc = ref({})
 const error = ref(null)
 
+const { document: organization } = useDocument('CRM Organization')
+
 async function createOrganization() {
   const doc = await call(
     'frappe.client.insert',
     {
       doc: {
         doctype: 'CRM Organization',
-        ..._organization.doc,
+        ...organization.doc,
       },
     },
     {
@@ -104,8 +109,6 @@ function handleOrganizationUpdate(doc) {
       name: 'Organization',
       params: { organizationId: doc.name },
     })
-  } else {
-    organization.value?.reload?.()
   }
   show.value = false
   props.options.afterInsert && props.options.afterInsert(doc)
@@ -123,13 +126,13 @@ const tabs = createResource({
           column.fields.forEach((field) => {
             if (field.fieldname == 'address') {
               field.create = (value, close) => {
-                _organization.doc.address = value
+                organization.doc.address = value
                 openAddressModal()
                 close()
               }
               field.edit = (address) => openAddressModal(address)
             } else if (field.fieldtype === 'Table') {
-              _organization.doc[field.fieldname] = []
+              organization.doc[field.fieldname] = []
             }
           })
         })
@@ -139,10 +142,8 @@ const tabs = createResource({
 })
 
 onMounted(() => {
-  Object.assign(
-    _organization.doc,
-    organization.value?.doc || organization.value || {},
-  )
+  organization.doc = { no_of_employees: '1-10' }
+  Object.assign(organization.doc, props.data)
 })
 
 function openQuickEntryModal() {
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index 454565c0..9d438146 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -272,8 +272,9 @@
     :errorMessage="errorMessage"
   />
   <OrganizationModal
+    v-if="showOrganizationModal"
     v-model="showOrganizationModal"
-    v-model:organization="_organization"
+    :data="_organization"
     :options="{
       redirect: false,
       afterInsert: (doc) => updateField('organization', doc.name),
diff --git a/frontend/src/pages/MobileDeal.vue b/frontend/src/pages/MobileDeal.vue
index 1697ad5b..44dd6207 100644
--- a/frontend/src/pages/MobileDeal.vue
+++ b/frontend/src/pages/MobileDeal.vue
@@ -214,8 +214,9 @@
     </Tabs>
   </div>
   <OrganizationModal
+    v-if="showOrganizationModal"
     v-model="showOrganizationModal"
-    v-model:organization="_organization"
+    :data="_organization"
     :options="{
       redirect: false,
       afterInsert: (doc) => updateField('organization', doc.name),

From f1032b5f935a9e96fdf16a70f5fc4f669731d596 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 5 Jun 2025 16:08:51 +0530
Subject: [PATCH 04/13] refactor: set default values for new lead, deal and
 contact

(cherry picked from commit 71f764c224ebf43425da0adb2db4100e0a74aa6a)
---
 frontend/src/components/Modals/ContactModal.vue | 7 ++-----
 frontend/src/components/Modals/DealModal.vue    | 6 ++----
 frontend/src/components/Modals/LeadModal.vue    | 6 ++----
 3 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/Modals/ContactModal.vue b/frontend/src/components/Modals/ContactModal.vue
index 55e01f41..b275d574 100644
--- a/frontend/src/components/Modals/ContactModal.vue
+++ b/frontend/src/components/Modals/ContactModal.vue
@@ -84,10 +84,6 @@ const loading = ref(false)
 
 const { document: _contact } = useDocument('Contact')
 
-if (Object.keys(_contact.doc).length != 0) {
-  _contact.doc = {}
-}
-
 async function createContact() {
   if (_contact.doc.email_id) {
     _contact.doc.email_ids = [{ email_id: _contact.doc.email_id }]
@@ -155,7 +151,8 @@ const tabs = createResource({
 })
 
 onMounted(() => {
-  Object.assign(_contact.doc, props.contact.data || props.contact || {})
+  _contact.doc = {}
+  Object.assign(_contact.doc, props.contact.data || props.contact)
 })
 
 function openQuickEntryModal() {
diff --git a/frontend/src/components/Modals/DealModal.vue b/frontend/src/components/Modals/DealModal.vue
index e84e1a8e..1c516407 100644
--- a/frontend/src/components/Modals/DealModal.vue
+++ b/frontend/src/components/Modals/DealModal.vue
@@ -96,10 +96,6 @@ const error = ref(null)
 
 const { document: deal } = useDocument('CRM Deal')
 
-if (Object.keys(deal.doc).length != 0) {
-  deal.doc = {}
-}
-
 const hasOrganizationSections = ref(true)
 const hasContactSections = ref(true)
 
@@ -241,7 +237,9 @@ function openQuickEntryModal() {
 }
 
 onMounted(() => {
+  deal.doc = { no_of_employees: '1-10' }
   Object.assign(deal.doc, props.defaults)
+
   if (!deal.doc.deal_owner) {
     deal.doc.deal_owner = getUser().name
   }
diff --git a/frontend/src/components/Modals/LeadModal.vue b/frontend/src/components/Modals/LeadModal.vue
index bbc1adb5..bf1461d1 100644
--- a/frontend/src/components/Modals/LeadModal.vue
+++ b/frontend/src/components/Modals/LeadModal.vue
@@ -72,10 +72,6 @@ const isLeadCreating = ref(false)
 
 const { document: lead } = useDocument('CRM Lead')
 
-if (Object.keys(lead.doc).length != 0) {
-  lead.doc = {}
-}
-
 const leadStatuses = computed(() => {
   let statuses = statusOptions('lead')
   if (!lead.doc.status) {
@@ -186,7 +182,9 @@ function openQuickEntryModal() {
 }
 
 onMounted(() => {
+  lead.doc = { no_of_employees: '1-10' }
   Object.assign(lead.doc, props.defaults)
+
   if (!lead.doc?.lead_owner) {
     lead.doc.lead_owner = getUser().name
   }

From e93cc463be9c71a584d8d3324a06c0c2ecc9bb4d Mon Sep 17 00:00:00 2001
From: Shariq Ansari <30859809+shariquerik@users.noreply.github.com>
Date: Thu, 5 Jun 2025 16:18:48 +0530
Subject: [PATCH 05/13] chore: resolved conflict

---
 frontend/src/components/Modals/OrganizationModal.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/frontend/src/components/Modals/OrganizationModal.vue b/frontend/src/components/Modals/OrganizationModal.vue
index 0e955e67..a86567d6 100644
--- a/frontend/src/components/Modals/OrganizationModal.vue
+++ b/frontend/src/components/Modals/OrganizationModal.vue
@@ -17,16 +17,12 @@
             </Button>
           </div>
         </div>
-<<<<<<< HEAD
-        <FieldLayout v-if="tabs.data?.length" :tabs="tabs.data" :data="_organization" doctype="CRM Organization" />
-=======
         <FieldLayout
           v-if="tabs.data?.length"
           :tabs="tabs.data"
           :data="organization.doc"
           doctype="CRM Organization"
         />
->>>>>>> 9362997 (refactor: organization modal code refactor)
         <ErrorMessage class="mt-8" v-if="error" :message="__(error)" />
       </div>
       <div class="px-4 pt-4 pb-7 sm:px-6">

From 90c2832f44c749b31d558221a8398976d17a4687 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 5 Jun 2025 18:52:39 +0530
Subject: [PATCH 06/13] fix: remove multiple assignees not working

(cherry picked from commit 58f09331b0076d9faf46deba694c934b8ac72821)
---
 crm/api/doc.py                                | 19 +++++++++++++++++++
 .../src/components/Modals/AssignmentModal.vue | 12 +++++-------
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/crm/api/doc.py b/crm/api/doc.py
index 9cc5c653..16e6b2ef 100644
--- a/crm/api/doc.py
+++ b/crm/api/doc.py
@@ -3,6 +3,7 @@ import json
 import frappe
 from frappe import _
 from frappe.custom.doctype.property_setter.property_setter import make_property_setter
+from frappe.desk.form.assign_to import set_status
 from frappe.model import no_value_fields
 from frappe.model.document import get_controller
 from frappe.utils import make_filter_tuple
@@ -658,6 +659,24 @@ def get_fields_meta(doctype, restricted_fieldtypes=None, as_array=False, only_re
 	return fields_meta
 
 
+@frappe.whitelist()
+def remove_assignments(doctype, name, assignees, ignore_permissions=False):
+	assignees = json.loads(assignees)
+
+	if not assignees:
+		return
+
+	for assign_to in assignees:
+		set_status(
+			doctype,
+			name,
+			todo=None,
+			assign_to=assign_to,
+			status="Cancelled",
+			ignore_permissions=ignore_permissions,
+		)
+
+@frappe.whitelist()
 def get_assigned_users(doctype, name, default_assigned_to=None):
 	assigned_users = frappe.get_all(
 		"ToDo",
diff --git a/frontend/src/components/Modals/AssignmentModal.vue b/frontend/src/components/Modals/AssignmentModal.vue
index e0b99254..05cea454 100644
--- a/frontend/src/components/Modals/AssignmentModal.vue
+++ b/frontend/src/components/Modals/AssignmentModal.vue
@@ -145,13 +145,11 @@ function updateAssignees() {
     .map((assignee) => assignee.name)
 
   if (removedAssignees.length) {
-    for (let a of removedAssignees) {
-      call('frappe.desk.form.assign_to.remove', {
-        doctype: props.doctype,
-        name: props.doc.name,
-        assign_to: a,
-      })
-    }
+    call('crm.api.doc.remove_assignments', {
+      doctype: props.doctype,
+      name: props.doc.name,
+      assignees: JSON.stringify(removedAssignees),
+    })
   }
 
   if (addedAssignees.length) {

From 88f4e108338fed282d261966c38082886db29ae6 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 5 Jun 2025 18:53:57 +0530
Subject: [PATCH 07/13] fix: load assignees in document.js

(cherry picked from commit 6d281922e401a0961840135dc6255286c4611f7f)
---
 frontend/src/data/document.js | 16 ++++++++++++++--
 frontend/src/utils/index.js   |  9 +++++++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/frontend/src/data/document.js b/frontend/src/data/document.js
index b8a7d911..8760ccbb 100644
--- a/frontend/src/data/document.js
+++ b/frontend/src/data/document.js
@@ -1,6 +1,6 @@
 import { getScript } from '@/data/script'
-import { runSequentially } from '@/utils'
-import { createDocumentResource, toast } from 'frappe-ui'
+import { runSequentially, parseAssignees } from '@/utils'
+import { createDocumentResource, createResource, toast } from 'frappe-ui'
 import { reactive } from 'vue'
 
 const documentsCache = {}
@@ -35,6 +35,17 @@ export function useDocument(doctype, docname) {
     }
   }
 
+  const assignees = createResource({
+    url: 'crm.api.doc.get_assigned_users',
+    cache: `assignees:${doctype}:${docname}`,
+    auto: true,
+    params: {
+      doctype: doctype,
+      name: docname,
+    },
+    transform: (data) => parseAssignees(data),
+  })
+
   async function setupFormScript() {
     if (
       controllersCache[doctype] &&
@@ -177,6 +188,7 @@ export function useDocument(doctype, docname) {
 
   return {
     document: documentsCache[doctype][docname || ''],
+    assignees,
     triggerOnChange,
     triggerOnRowAdd,
     triggerOnRowRemove,
diff --git a/frontend/src/utils/index.js b/frontend/src/utils/index.js
index 924161dd..bf47bffd 100644
--- a/frontend/src/utils/index.js
+++ b/frontend/src/utils/index.js
@@ -221,6 +221,15 @@ export function setupAssignees(doc) {
   }))
 }
 
+export function parseAssignees(assignees) {
+  let { getUser } = usersStore()
+  return assignees.map((user) => ({
+    name: user,
+    image: getUser(user).user_image,
+    label: getUser(user).full_name,
+  }))
+}
+
 async function getFormScript(script, obj) {
   if (!script.includes('setupForm(')) return {}
   let scriptFn = new Function(script + '\nreturn setupForm')()

From 22e38c05b46b129a22b68ebb3cd08f2c2935ab0c Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 5 Jun 2025 18:55:28 +0530
Subject: [PATCH 08/13] refactor: render assignees from document.js

reload assignees if lead_owner/deal_owner is changed

(cherry picked from commit e214ce8bfbedfe93338ab04c2ee55259a60e9d8e)
---
 .../src/components/Activities/Activities.vue  |  8 +++++++-
 .../src/components/Activities/DataFields.vue  | 19 ++++++++++++++++++-
 frontend/src/components/SidePanelLayout.vue   | 12 +++++++++---
 frontend/src/pages/Deal.vue                   | 15 +++++++++++++--
 frontend/src/pages/Lead.vue                   | 17 ++++++++++++++---
 5 files changed, 61 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/Activities/Activities.vue b/frontend/src/components/Activities/Activities.vue
index 3842a6dc..29733580 100644
--- a/frontend/src/components/Activities/Activities.vue
+++ b/frontend/src/components/Activities/Activities.vue
@@ -365,7 +365,11 @@
       </div>
     </div>
     <div v-else-if="title == 'Data'" class="h-full flex flex-col px-3 sm:px-10">
-      <DataFields :doctype="doctype" :docname="doc.data.name" />
+      <DataFields
+        :doctype="doctype"
+        :docname="doc.data.name"
+        @afterSave="(data) => emit('afterSave', data)"
+      />
     </div>
     <div
       v-else
@@ -514,6 +518,8 @@ const props = defineProps({
   },
 })
 
+const emit = defineEmits(['afterSave'])
+
 const route = useRoute()
 
 const doc = defineModel()
diff --git a/frontend/src/components/Activities/DataFields.vue b/frontend/src/components/Activities/DataFields.vue
index f572bbc0..b3aecff4 100644
--- a/frontend/src/components/Activities/DataFields.vue
+++ b/frontend/src/components/Activities/DataFields.vue
@@ -76,6 +76,9 @@ const props = defineProps({
     required: true,
   },
 })
+
+const emit = defineEmits(['afterSave'])
+
 const { isManager } = usersStore()
 
 const showDataFieldsModal = ref(false)
@@ -90,7 +93,21 @@ const tabs = createResource({
 })
 
 function saveChanges() {
-  document.save.submit()
+  if (!document.isDirty) return
+
+  const updatedDoc = { ...document.doc }
+  const oldDoc = { ...document.originalDoc }
+
+  const changes = Object.keys(updatedDoc).reduce((acc, key) => {
+    if (JSON.stringify(updatedDoc[key]) !== JSON.stringify(oldDoc[key])) {
+      acc[key] = updatedDoc[key]
+    }
+    return acc
+  }, {})
+
+  document.save.submit(null, {
+    onSuccess: () => emit('afterSave', changes),
+  })
 }
 
 watch(
diff --git a/frontend/src/components/SidePanelLayout.vue b/frontend/src/components/SidePanelLayout.vue
index 9b794af9..3fe8fd1a 100644
--- a/frontend/src/components/SidePanelLayout.vue
+++ b/frontend/src/components/SidePanelLayout.vue
@@ -417,13 +417,13 @@ const props = defineProps({
   },
 })
 
+const emit = defineEmits(['afterFieldChange', 'reload'])
+
 const { getFormattedPercent, getFormattedFloat, getFormattedCurrency } =
   getMeta(props.doctype)
 
 const { isManager, getUser } = usersStore()
 
-const emit = defineEmits(['reload'])
-
 const showSidePanelModal = ref(false)
 
 let document = { doc: {} }
@@ -493,7 +493,13 @@ async function fieldChange(value, df) {
 
   await triggerOnChange(df.fieldname)
 
-  document.save.submit()
+  document.save.submit(null, {
+    onSuccess: () => {
+      emit('afterFieldChange', {
+        [df.fieldname]: value,
+      })
+    },
+  })
 }
 
 function parsedSection(section, editButtonAdded) {
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index 9d438146..dfc6b5c9 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -13,8 +13,8 @@
         :actions="deal.data._customActions"
       />
       <AssignTo
-        v-model="deal.data._assignedTo"
-        :data="deal.data"
+        v-model="assignees.data"
+        :data="document.doc"
         doctype="CRM Deal"
       />
       <Dropdown
@@ -46,6 +46,7 @@
           v-model:reload="reload"
           v-model:tabIndex="tabIndex"
           v-model="deal"
+          @afterSave="reloadAssignees"
         />
       </template>
     </Tabs>
@@ -134,6 +135,7 @@
           doctype="CRM Deal"
           :docname="deal.data.name"
           @reload="sections.reload"
+          @afterFieldChange="reloadAssignees"
         >
           <template #actions="{ section }">
             <div v-if="section.name == 'contacts_section'" class="pr-2">
@@ -343,6 +345,7 @@ import { getSettings } from '@/stores/settings'
 import { globalStore } from '@/stores/global'
 import { statusesStore } from '@/stores/statuses'
 import { getMeta } from '@/stores/meta'
+import { useDocument } from '@/data/document'
 import { whatsappEnabled, callEnabled } from '@/composables/settings'
 import {
   createResource,
@@ -721,4 +724,12 @@ const activities = ref(null)
 function openEmailBox() {
   activities.value.emailBox.show = true
 }
+
+const { assignees, document } = useDocument('CRM Deal', props.dealId)
+
+function reloadAssignees(changes) {
+  if (changes?.hasOwnProperty('lead_owner')) {
+    assignees.reload()
+  }
+}
 </script>
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index f4755e0b..d4ca8ef4 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -13,8 +13,8 @@
         :actions="lead.data._customActions"
       />
       <AssignTo
-        v-model="lead.data._assignedTo"
-        :data="lead.data"
+        v-model="assignees.data"
+        :data="document.doc"
         doctype="CRM Lead"
       />
       <Dropdown
@@ -51,6 +51,7 @@
           v-model:reload="reload"
           v-model:tabIndex="tabIndex"
           v-model="lead"
+          @afterSave="reloadAssignees"
         />
       </template>
     </Tabs>
@@ -186,6 +187,7 @@
           doctype="CRM Lead"
           :docname="lead.data.name"
           @reload="sections.reload"
+          @afterFieldChange="reloadAssignees"
         />
       </div>
     </Resizer>
@@ -609,7 +611,10 @@ const existingOrganizationChecked = ref(false)
 const existingContact = ref('')
 const existingOrganization = ref('')
 
-const { triggerConvertToDeal } = useDocument('CRM Lead', props.leadId)
+const { triggerConvertToDeal, assignees, document } = useDocument(
+  'CRM Lead',
+  props.leadId,
+)
 
 async function convertToDeal() {
   if (existingContactChecked.value && !existingContact.value) {
@@ -711,4 +716,10 @@ function openQuickEntryModal() {
   }
   showConvertToDealModal.value = false
 }
+
+function reloadAssignees(changes) {
+  if (changes?.hasOwnProperty('lead_owner')) {
+    assignees.reload()
+  }
+}
 </script>

From 408714083d5ce168a8b3b7d81d352db4f43744ee Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 6 Jun 2025 14:00:39 +0530
Subject: [PATCH 09/13] fix: removed setuAssignees code

(cherry picked from commit 44df09fac28866c67b3d234dcaa100481841a602)
---
 crm/fcrm/doctype/crm_deal/api.py  |  1 -
 crm/fcrm/doctype/crm_lead/api.py  |  1 -
 frontend/src/pages/Deal.vue       | 12 +++---------
 frontend/src/pages/Lead.vue       | 12 +++---------
 frontend/src/pages/MobileDeal.vue | 17 +++++++++++++----
 frontend/src/pages/MobileLead.vue | 17 +++++++++++++----
 frontend/src/utils/index.js       | 10 ----------
 7 files changed, 32 insertions(+), 38 deletions(-)

diff --git a/crm/fcrm/doctype/crm_deal/api.py b/crm/fcrm/doctype/crm_deal/api.py
index 5eaf2899..dd5d76df 100644
--- a/crm/fcrm/doctype/crm_deal/api.py
+++ b/crm/fcrm/doctype/crm_deal/api.py
@@ -13,7 +13,6 @@ def get_deal(name):
 
 	deal["fields_meta"] = get_fields_meta("CRM Deal")
 	deal["_form_script"] = get_form_script("CRM Deal")
-	deal["_assign"] = get_assigned_users("CRM Deal", deal.name)
 	return deal
 
 
diff --git a/crm/fcrm/doctype/crm_lead/api.py b/crm/fcrm/doctype/crm_lead/api.py
index 77e4fc58..e826e888 100644
--- a/crm/fcrm/doctype/crm_lead/api.py
+++ b/crm/fcrm/doctype/crm_lead/api.py
@@ -13,5 +13,4 @@ def get_lead(name):
 
 	lead["fields_meta"] = get_fields_meta("CRM Lead")
 	lead["_form_script"] = get_form_script("CRM Lead")
-	lead["_assign"] = get_assigned_users("CRM Lead", lead.name)
 	return lead
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index dfc6b5c9..d9b29299 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -334,12 +334,7 @@ import Section from '@/components/Section.vue'
 import SidePanelLayout from '@/components/SidePanelLayout.vue'
 import SLASection from '@/components/SLASection.vue'
 import CustomActions from '@/components/CustomActions.vue'
-import {
-  openWebsite,
-  setupAssignees,
-  setupCustomizations,
-  copyToClipboard,
-} from '@/utils'
+import { openWebsite, setupCustomizations, copyToClipboard } from '@/utils'
 import { getView } from '@/utils/view'
 import { getSettings } from '@/stores/settings'
 import { globalStore } from '@/stores/global'
@@ -399,7 +394,6 @@ const deal = createResource({
       organization.fetch()
     }
 
-    setupAssignees(deal)
     setupCustomizations(deal, {
       doc: data,
       $dialog,
@@ -727,8 +721,8 @@ function openEmailBox() {
 
 const { assignees, document } = useDocument('CRM Deal', props.dealId)
 
-function reloadAssignees(changes) {
-  if (changes?.hasOwnProperty('lead_owner')) {
+function reloadAssignees(data) {
+  if (data?.hasOwnProperty('deal_owner')) {
     assignees.reload()
   }
 }
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index d4ca8ef4..a13ec2a2 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -337,12 +337,7 @@ import SidePanelLayout from '@/components/SidePanelLayout.vue'
 import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
 import SLASection from '@/components/SLASection.vue'
 import CustomActions from '@/components/CustomActions.vue'
-import {
-  openWebsite,
-  setupAssignees,
-  setupCustomizations,
-  copyToClipboard,
-} from '@/utils'
+import { openWebsite, setupCustomizations, copyToClipboard } from '@/utils'
 import { showQuickEntryModal, quickEntryProps } from '@/composables/modals'
 import { getView } from '@/utils/view'
 import { getSettings } from '@/stores/settings'
@@ -405,7 +400,6 @@ const lead = createResource({
   onSuccess: (data) => {
     errorTitle.value = ''
     errorMessage.value = ''
-    setupAssignees(lead)
     setupCustomizations(lead, {
       doc: data,
       $dialog,
@@ -717,8 +711,8 @@ function openQuickEntryModal() {
   showConvertToDealModal.value = false
 }
 
-function reloadAssignees(changes) {
-  if (changes?.hasOwnProperty('lead_owner')) {
+function reloadAssignees(data) {
+  if (data?.hasOwnProperty('lead_owner')) {
     assignees.reload()
   }
 }
diff --git a/frontend/src/pages/MobileDeal.vue b/frontend/src/pages/MobileDeal.vue
index 44dd6207..9a1b91f9 100644
--- a/frontend/src/pages/MobileDeal.vue
+++ b/frontend/src/pages/MobileDeal.vue
@@ -36,8 +36,8 @@
     class="flex h-12 items-center justify-between gap-2 border-b px-3 py-2.5"
   >
     <AssignTo
-      v-model="deal.data._assignedTo"
-      :data="deal.data"
+      v-model="assignees.data"
+      :data="document.doc"
       doctype="CRM Deal"
     />
     <div class="flex items-center gap-2">
@@ -66,6 +66,7 @@
               doctype="CRM Deal"
               :docname="deal.data.name"
               @reload="sections.reload"
+              @afterFieldChange="reloadAssignees"
             >
               <template #actions="{ section }">
                 <div v-if="section.name == 'contacts_section'" class="pr-2">
@@ -258,12 +259,13 @@ import Link from '@/components/Controls/Link.vue'
 import SidePanelLayout from '@/components/SidePanelLayout.vue'
 import SLASection from '@/components/SLASection.vue'
 import CustomActions from '@/components/CustomActions.vue'
-import { setupAssignees, setupCustomizations } from '@/utils'
+import { setupCustomizations } from '@/utils'
 import { getView } from '@/utils/view'
 import { getSettings } from '@/stores/settings'
 import { globalStore } from '@/stores/global'
 import { statusesStore } from '@/stores/statuses'
 import { getMeta } from '@/stores/meta'
+import { useDocument } from '@/data/document'
 import {
   whatsappEnabled,
   callEnabled,
@@ -311,7 +313,6 @@ const deal = createResource({
       organization.fetch()
     }
 
-    setupAssignees(deal)
     setupCustomizations(deal, {
       doc: data,
       $dialog,
@@ -605,4 +606,12 @@ async function deleteDeal(name) {
   })
   router.push({ name: 'Deals' })
 }
+
+const { assignees, document } = useDocument('CRM Deal', props.dealId)
+
+function reloadAssignees(data) {
+  if (data?.hasOwnProperty('deal_owner')) {
+    assignees.reload()
+  }
+}
 </script>
diff --git a/frontend/src/pages/MobileLead.vue b/frontend/src/pages/MobileLead.vue
index a103560c..3d12c970 100644
--- a/frontend/src/pages/MobileLead.vue
+++ b/frontend/src/pages/MobileLead.vue
@@ -36,8 +36,8 @@
     class="flex h-12 items-center justify-between gap-2 border-b px-3 py-2.5"
   >
     <AssignTo
-      v-model="lead.data._assignedTo"
-      :data="lead.data"
+      v-model="assignees.data"
+      :data="document.doc"
       doctype="CRM Lead"
     />
     <div class="flex items-center gap-2">
@@ -71,6 +71,7 @@
               doctype="CRM Lead"
               :docname="lead.data.name"
               @reload="sections.reload"
+              @afterFieldChange="reloadAssignees"
             />
           </div>
         </div>
@@ -173,12 +174,13 @@ import Link from '@/components/Controls/Link.vue'
 import SidePanelLayout from '@/components/SidePanelLayout.vue'
 import SLASection from '@/components/SLASection.vue'
 import CustomActions from '@/components/CustomActions.vue'
-import { setupAssignees, setupCustomizations } from '@/utils'
+import { setupCustomizations } from '@/utils'
 import { getView } from '@/utils/view'
 import { getSettings } from '@/stores/settings'
 import { globalStore } from '@/stores/global'
 import { statusesStore } from '@/stores/statuses'
 import { getMeta } from '@/stores/meta'
+import { useDocument } from '@/data/document'
 import {
   whatsappEnabled,
   callEnabled,
@@ -220,7 +222,6 @@ const lead = createResource({
   params: { name: props.leadId },
   cache: ['lead', props.leadId],
   onSuccess: (data) => {
-    setupAssignees(lead)
     setupCustomizations(lead, {
       doc: data,
       $dialog,
@@ -454,4 +455,12 @@ async function convertToDeal() {
     router.push({ name: 'Deal', params: { dealId: deal } })
   }
 }
+
+const { assignees, document } = useDocument('CRM Lead', props.leadId)
+
+function reloadAssignees(data) {
+  if (data?.hasOwnProperty('lead_owner')) {
+    assignees.reload()
+  }
+}
 </script>
diff --git a/frontend/src/utils/index.js b/frontend/src/utils/index.js
index bf47bffd..82911a00 100644
--- a/frontend/src/utils/index.js
+++ b/frontend/src/utils/index.js
@@ -211,16 +211,6 @@ export function validateEmail(email) {
   return regExp.test(email)
 }
 
-export function setupAssignees(doc) {
-  let { getUser } = usersStore()
-  let assignees = doc.data?._assign || []
-  doc.data._assignedTo = assignees.map((user) => ({
-    name: user,
-    image: getUser(user).user_image,
-    label: getUser(user).full_name,
-  }))
-}
-
 export function parseAssignees(assignees) {
   let { getUser } = usersStore()
   return assignees.map((user) => ({

From a8ee5295b75e0833806401f0f9b8391d5a459e56 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 6 Jun 2025 16:37:55 +0530
Subject: [PATCH 10/13] fix: trigger onload method if controller is loaded

(cherry picked from commit 8db846ad5dc21aa23ff7fbd41e52b7cfe367b179)
---
 frontend/src/data/document.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/data/document.js b/frontend/src/data/document.js
index 8760ccbb..a38e8ed6 100644
--- a/frontend/src/data/document.js
+++ b/frontend/src/data/document.js
@@ -75,6 +75,8 @@ export function useDocument(doctype, docname) {
       organizedControllers[controllerKey].push(controller)
     }
     controllersCache[doctype][docname || ''] = organizedControllers
+
+    triggerOnload()
   }
 
   function getControllers(row = null) {
@@ -93,9 +95,16 @@ export function useDocument(doctype, docname) {
     return []
   }
 
+  async function triggerOnload() {
+    const handler = async function () {
+      await this.onload?.()
+    }
+    await trigger(handler)
+  }
+
   async function triggerOnRefresh() {
     const handler = async function () {
-      await this.refresh()
+      await this.refresh?.()
     }
     await trigger(handler)
   }
@@ -189,6 +198,8 @@ export function useDocument(doctype, docname) {
   return {
     document: documentsCache[doctype][docname || ''],
     assignees,
+    getControllers,
+    triggerOnload,
     triggerOnChange,
     triggerOnRowAdd,
     triggerOnRowRemove,

From 2e9c5b1d6f1bb703ae8b1c84bfc2c02f8eca4bb2 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 6 Jun 2025 16:38:39 +0530
Subject: [PATCH 11/13] feat: add custom actions using class based script

(cherry picked from commit ca6067912653f621c4d3f1d4fc53c408952a9aa9)
---
 frontend/src/data/script.js | 38 +++++++++++++++++++++++++++++++++++++
 frontend/src/pages/Deal.vue |  4 ++++
 frontend/src/pages/Lead.vue |  4 ++++
 3 files changed, 46 insertions(+)

diff --git a/frontend/src/data/script.js b/frontend/src/data/script.js
index 9532fc11..78c22be6 100644
--- a/frontend/src/data/script.js
+++ b/frontend/src/data/script.js
@@ -116,8 +116,12 @@ export function getScript(doctype, view = 'Form') {
     parentInstance = null,
     isChildDoctype = false,
   ) {
+    document.actions = document.actions || []
+
     let instance = new FormClass()
 
+    // Store the original document context to be used by properties like 'actions'
+    instance._originalDocumentContext = document
     instance._isChildDoctype = isChildDoctype
 
     for (const key in document) {
@@ -199,6 +203,40 @@ export function getScript(doctype, view = 'Form') {
         return createDocProxy(row, this)
       }
     }
+
+    if (!Object.prototype.hasOwnProperty.call(FormClass.prototype, 'actions')) {
+      Object.defineProperty(FormClass.prototype, 'actions', {
+        configurable: true,
+        enumerable: true,
+        get() {
+          if (!this._originalDocumentContext) {
+            console.warn(
+              'CRM Script: _originalDocumentContext not found on instance for actions getter.',
+            )
+            return []
+          }
+
+          return this._originalDocumentContext.actions
+        },
+        set(newValue) {
+          if (!this._originalDocumentContext) {
+            console.warn(
+              'CRM Script: _originalDocumentContext not found on instance for actions setter.',
+            )
+            return
+          }
+          if (!Array.isArray(newValue)) {
+            console.warn(
+              'CRM Script: "actions" property must be an array. Value was not set.',
+              newValue,
+            )
+            this._originalDocumentContext.actions = []
+            return
+          }
+          this._originalDocumentContext.actions = newValue
+        },
+      })
+    }
   }
 
   // utility function to setup a form controller
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index d9b29299..67e37d18 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -12,6 +12,10 @@
         v-if="deal.data._customActions?.length"
         :actions="deal.data._customActions"
       />
+      <CustomActions
+        v-if="document.actions?.length"
+        :actions="document.actions"
+      />
       <AssignTo
         v-model="assignees.data"
         :data="document.doc"
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index a13ec2a2..7206e12f 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -12,6 +12,10 @@
         v-if="lead.data._customActions?.length"
         :actions="lead.data._customActions"
       />
+      <CustomActions
+        v-if="document.actions?.length"
+        :actions="document.actions"
+      />
       <AssignTo
         v-model="assignees.data"
         :data="document.doc"

From 9c27d3dbc6a510f7bc2deab616d697ba9356cb96 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 6 Jun 2025 17:17:11 +0530
Subject: [PATCH 12/13] feat: add custom statuses using class based script

(cherry picked from commit 8942bb7e4804553cd882c51d57c3956cdd579b76)
---
 frontend/src/data/script.js       | 37 +++++++++++++++++++++++++++++++
 frontend/src/pages/Deal.vue       | 10 ++++++++-
 frontend/src/pages/Lead.vue       | 10 ++++++++-
 frontend/src/pages/MobileDeal.vue |  8 ++++++-
 frontend/src/pages/MobileLead.vue |  8 ++++++-
 5 files changed, 69 insertions(+), 4 deletions(-)

diff --git a/frontend/src/data/script.js b/frontend/src/data/script.js
index 78c22be6..b809f744 100644
--- a/frontend/src/data/script.js
+++ b/frontend/src/data/script.js
@@ -117,6 +117,7 @@ export function getScript(doctype, view = 'Form') {
     isChildDoctype = false,
   ) {
     document.actions = document.actions || []
+    document.statuses = document.statuses || []
 
     let instance = new FormClass()
 
@@ -237,6 +238,42 @@ export function getScript(doctype, view = 'Form') {
         },
       })
     }
+
+    if (
+      !Object.prototype.hasOwnProperty.call(FormClass.prototype, 'statuses')
+    ) {
+      Object.defineProperty(FormClass.prototype, 'statuses', {
+        configurable: true,
+        enumerable: true,
+        get() {
+          if (!this._originalDocumentContext) {
+            console.warn(
+              'CRM Script: _originalDocumentContext not found on instance for statuses getter.',
+            )
+            return []
+          }
+
+          return this._originalDocumentContext.statuses
+        },
+        set(newValue) {
+          if (!this._originalDocumentContext) {
+            console.warn(
+              'CRM Script: _originalDocumentContext not found on instance for statuses setter.',
+            )
+            return
+          }
+          if (!Array.isArray(newValue)) {
+            console.warn(
+              'CRM Script: "statuses" property must be an array. Value was not set.',
+              newValue,
+            )
+            this._originalDocumentContext.statuses = []
+            return
+          }
+          this._originalDocumentContext.statuses = newValue
+        },
+      })
+    }
   }
 
   // utility function to setup a form controller
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index 67e37d18..9265db2e 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -22,7 +22,15 @@
         doctype="CRM Deal"
       />
       <Dropdown
-        :options="statusOptions('deal', updateField, deal.data._customStatuses)"
+        :options="
+          statusOptions(
+            'deal',
+            updateField,
+            document.statuses?.length
+              ? document.statuses
+              : deal.data._customStatuses,
+          )
+        "
       >
         <template #default="{ open }">
           <Button :label="deal.data.status">
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 7206e12f..f8077b2a 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -22,7 +22,15 @@
         doctype="CRM Lead"
       />
       <Dropdown
-        :options="statusOptions('lead', updateField, lead.data._customStatuses)"
+        :options="
+          statusOptions(
+            'lead',
+            updateField,
+            document.statuses?.length
+              ? document.statuses
+              : lead.data._customStatuses,
+          )
+        "
       >
         <template #default="{ open }">
           <Button :label="lead.data.status">
diff --git a/frontend/src/pages/MobileDeal.vue b/frontend/src/pages/MobileDeal.vue
index 9a1b91f9..b0bd8e3d 100644
--- a/frontend/src/pages/MobileDeal.vue
+++ b/frontend/src/pages/MobileDeal.vue
@@ -11,7 +11,13 @@
       <div class="absolute right-0">
         <Dropdown
           :options="
-            statusOptions('deal', updateField, deal.data._customStatuses)
+            statusOptions(
+              'deal',
+              updateField,
+              document.statuses?.length
+                ? document.statuses
+                : deal.data._customStatuses,
+            )
           "
         >
           <template #default="{ open }">
diff --git a/frontend/src/pages/MobileLead.vue b/frontend/src/pages/MobileLead.vue
index 3d12c970..a87dc287 100644
--- a/frontend/src/pages/MobileLead.vue
+++ b/frontend/src/pages/MobileLead.vue
@@ -11,7 +11,13 @@
       <div class="absolute right-0">
         <Dropdown
           :options="
-            statusOptions('lead', updateField, lead.data._customStatuses)
+            statusOptions(
+              'lead',
+              updateField,
+              document.statuses?.length
+                ? document.statuses
+                : lead.data._customStatuses,
+            )
           "
         >
           <template #default="{ open }">

From 0023ea0d44f6fa8ef5a203922f9273d432e43c74 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 6 Jun 2025 17:19:27 +0530
Subject: [PATCH 13/13] fix: add custom actions using class based script in
 mobile view

(cherry picked from commit df412d51feba35fc9d799332a18abf6dea220863)
---
 frontend/src/pages/MobileDeal.vue | 4 ++++
 frontend/src/pages/MobileLead.vue | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/frontend/src/pages/MobileDeal.vue b/frontend/src/pages/MobileDeal.vue
index b0bd8e3d..2be3f754 100644
--- a/frontend/src/pages/MobileDeal.vue
+++ b/frontend/src/pages/MobileDeal.vue
@@ -51,6 +51,10 @@
         v-if="deal.data._customActions?.length"
         :actions="deal.data._customActions"
       />
+      <CustomActions
+        v-if="document.actions?.length"
+        :actions="document.actions"
+      />
     </div>
   </div>
   <div v-if="deal.data" class="flex h-full overflow-hidden">
diff --git a/frontend/src/pages/MobileLead.vue b/frontend/src/pages/MobileLead.vue
index a87dc287..a60565aa 100644
--- a/frontend/src/pages/MobileLead.vue
+++ b/frontend/src/pages/MobileLead.vue
@@ -51,6 +51,10 @@
         v-if="lead.data._customActions?.length"
         :actions="lead.data._customActions"
       />
+      <CustomActions
+        v-if="document.actions?.length"
+        :actions="document.actions"
+      />
       <Button
         :label="__('Convert')"
         variant="solid"