From ee9ea601e8dd85bd69c0fc77876bef692ac4d397 Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Tue, 17 Mar 2026 22:57:44 +0100
Subject: [PATCH 01/13] reorganize the Start/Resume/Pause/Stop Icons initials,
 sort  the Instances

---
 .../[processId]/process-deployment-view.tsx   | 190 ++++++++++++------
 1 file changed, 124 insertions(+), 66 deletions(-)

diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
index 86fea36dd..ca353d1b3 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
@@ -12,6 +12,7 @@ import {
   CaretRightOutlined,
   PauseOutlined,
   StopOutlined,
+  CheckOutlined,
 } from '@ant-design/icons';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import contentStyles from './content.module.scss';
@@ -34,6 +35,11 @@ import StartFormModal from './start-form-modal';
 import useInstanceVariables from './use-instance-variables';
 import { inlineScript, inlineUserTaskData } from '@proceed/user-task-helper';
 
+// TODO: implement this function — should activate/deactivate timer start events for the process
+async function toggleProcessActivation(versionId: string, activate: boolean): Promise<void> {
+  // placeholder — wire up your real API call here
+}
+
 export default function ProcessDeploymentView({
   processId,
   initialDeploymentInfo,
@@ -50,6 +56,8 @@ export default function ProcessDeploymentView({
   const [resumingInstance, setResumingInstance] = useState(false);
   const [pausingInstance, setPausingInstance] = useState(false);
   const [stoppingInstance, setStoppingInstance] = useState(false);
+  const [togglingActivation, setTogglingActivation] = useState(false);
+  const [isProcessActivated, setIsProcessActivated] = useState(false);
 
   const [startForm, setStartForm] = useState('');
 
@@ -74,18 +82,25 @@ export default function ProcessDeploymentView({
     instanceIsRunning,
     instanceIsPausing,
     instanceIsPaused,
+    hasTimerStartEvents,
   } = useMemo(() => {
     let selectedVersion, instances, selectedInstance, currentVersion;
     let instanceIsRunning = false;
     let instanceIsPausing = false;
     let instanceIsPaused = false;
+    let hasTimerStartEvents = false;
 
     const activeStates = ['PAUSED', 'RUNNING', 'READY', 'DEPLOYMENT-WAITING', 'WAITING'];
 
     if (deploymentInfo) {
       selectedVersion = deploymentInfo.versions.find((v) => v.versionId === selectedVersionId);
 
-      instances = getVersionInstances(deploymentInfo, selectedVersionId);
+      // sort instances newest first
+      const rawInstances = getVersionInstances(deploymentInfo, selectedVersionId);
+      instances = [...rawInstances].sort(
+        (a, b) => new Date(b.globalStartTime).getTime() - new Date(a.globalStartTime).getTime(),
+      );
+
       selectedInstance = selectedInstanceId
         ? instances.find((i) => i.processInstanceId === selectedInstanceId)
         : undefined;
@@ -104,6 +119,9 @@ export default function ProcessDeploymentView({
       currentVersion = deploymentInfo.versions.find(
         (version) => version.versionId === currentVersionId,
       );
+
+      // TODO: detect timer start events in the current version's BPMN may be call a function here
+      // hasTimerStartEvents = isimerStartEventExists(currentVersion)
     }
 
     return {
@@ -114,6 +132,7 @@ export default function ProcessDeploymentView({
       instanceIsRunning,
       instanceIsPausing,
       instanceIsPaused,
+      hasTimerStartEvents,
     };
   }, [deploymentInfo, selectedVersionId, selectedInstanceId]);
 
@@ -163,6 +182,7 @@ export default function ProcessDeploymentView({
               alignItems: 'start',
             }}
           >
+            {/* Left group: Select Instance + Filter + Color */}
             <ToolbarGroup>
               <Select
                 value={
@@ -178,44 +198,6 @@ export default function ProcessDeploymentView({
                 }))}
                 placeholder="Select an instance"
               />
-              <Tooltip title="Start new instance">
-                <Button
-                  icon={<PlusOutlined />}
-                  loading={startingInstance}
-                  onClick={async () => {
-                    setStartingInstance(true);
-                    await wrapServerCall({
-                      fn: async () => {
-                        const latestDeployment = getLatestDeployment(deploymentInfo);
-                        const versionId = latestDeployment.versionId;
-
-                        let startForm = await getStartForm(versionId);
-
-                        if (typeof startForm !== 'string') return startForm;
-
-                        if (startForm) {
-                          const mappedVariables = Object.fromEntries(
-                            variables
-                              .filter((variable) => variable.value !== undefined)
-                              .map((variable) => [variable.name, variable.value]),
-                          );
-                          startForm = inlineScript(startForm, '', '', variableDefinitions);
-                          startForm = inlineUserTaskData(startForm, mappedVariables, []);
-
-                          setStartForm(startForm);
-                        } else {
-                          return startInstance(versionId);
-                        }
-                      },
-                      onSuccess: async (instanceId) => {
-                        await refetch();
-                        setSelectedInstanceId(instanceId);
-                      },
-                    });
-                    setStartingInstance(false);
-                  }}
-                />
-              </Tooltip>
 
               <Tooltip title="Filter by version">
                 <Dropdown
@@ -278,43 +260,119 @@ export default function ProcessDeploymentView({
               </Tooltip>
             </ToolbarGroup>
 
-            {selectedInstance && (
-              <ToolbarGroup>
+            {/* New middle group: Start + Activate/Deactivate */}
+            <ToolbarGroup>
+              <Tooltip title="Start new instance">
+                <Button
+                  icon={<PlusOutlined />}
+                  loading={startingInstance}
+                  onClick={async () => {
+                    setStartingInstance(true);
+                    await wrapServerCall({
+                      fn: async () => {
+                        const latestDeployment = getLatestDeployment(deploymentInfo);
+                        const versionId = latestDeployment.versionId;
+
+                        let startForm = await getStartForm(versionId);
+
+                        if (typeof startForm !== 'string') return startForm;
+
+                        if (startForm) {
+                          const mappedVariables = Object.fromEntries(
+                            variables
+                              .filter((variable) => variable.value !== undefined)
+                              .map((variable) => [variable.name, variable.value]),
+                          );
+                          startForm = inlineScript(startForm, '', '', variableDefinitions);
+                          startForm = inlineUserTaskData(startForm, mappedVariables, []);
+
+                          setStartForm(startForm);
+                        } else {
+                          return startInstance(versionId);
+                        }
+                      },
+                      onSuccess: async (instanceId) => {
+                        await refetch();
+                        setSelectedInstanceId(instanceId);
+                      },
+                    });
+                    setStartingInstance(false);
+                  }}
+                />
+              </Tooltip>
+
+              {/* Activate/Deactivate button which is only shown when timer start events exist */}
+              {hasTimerStartEvents && (
                 <Tooltip
-                  title={instanceIsPausing ? 'Abort pausing the instance' : 'Resume the instance'}
+                  title={
+                    isProcessActivated
+                      ? 'Deactivate process (stop automatic timer-triggered instances)'
+                      : 'Activate process (allow timer start events to create instances)'
+                  }
                 >
                   <Button
-                    className={styles.PlayIcon}
-                    icon={<CaretRightOutlined />}
-                    loading={resumingInstance}
-                    disabled={!instanceIsPausing && !instanceIsPaused}
+                    icon={<CheckOutlined />}
+                    loading={togglingActivation}
+                    type={isProcessActivated ? 'primary' : 'default'}
                     onClick={async () => {
-                      setResumingInstance(true);
+                      setTogglingActivation(true);
+                      const nextState = !isProcessActivated;
+                      const versionId = getLatestDeployment(deploymentInfo).versionId;
                       await wrapServerCall({
-                        fn: () => resumeInstance(selectedInstance.processInstanceId),
-                        onSuccess: async () => await refetch(),
+                        fn: () => toggleProcessActivation(versionId, nextState),
+                        onSuccess: async () => {
+                          setIsProcessActivated(nextState);
+                          await refetch();
+                        },
                       });
-                      setResumingInstance(false);
+                      setTogglingActivation(false);
                     }}
                   />
                 </Tooltip>
+              )}
+            </ToolbarGroup>
 
-                <Tooltip title="Pause the instance">
-                  <Button
-                    className={styles.PauseIcon}
-                    icon={<PauseOutlined />}
-                    loading={pausingInstance || instanceIsPausing}
-                    disabled={!instanceIsRunning || instanceIsPausing || instanceIsPaused}
-                    onClick={async () => {
-                      setPausingInstance(true);
-                      await wrapServerCall({
-                        fn: async () => pauseInstance(selectedInstance.processInstanceId),
-                        onSuccess: async () => await refetch(),
-                      });
-                      setPausingInstance(false);
-                    }}
-                  />
-                </Tooltip>
+            {/* 2-icon group: 1. Play shown when paused, Pause shown when running. 2. Stop button */}
+            {selectedInstance && (
+              <ToolbarGroup>
+                {instanceIsPaused || instanceIsPausing ? (
+                  // Show Resume (Play) when paused or pausing
+                  <Tooltip
+                    title={instanceIsPausing ? 'Abort pausing the instance' : 'Resume the instance'}
+                  >
+                    <Button
+                      className={styles.PlayIcon}
+                      icon={<CaretRightOutlined />}
+                      loading={resumingInstance}
+                      onClick={async () => {
+                        setResumingInstance(true);
+                        await wrapServerCall({
+                          fn: () => resumeInstance(selectedInstance.processInstanceId),
+                          onSuccess: async () => await refetch(),
+                        });
+                        setResumingInstance(false);
+                      }}
+                    />
+                  </Tooltip>
+                ) : (
+                  // Show Pause when running (or any other non-paused state)
+                  <Tooltip title="Pause the instance">
+                    <Button
+                      className={styles.PauseIcon}
+                      icon={<PauseOutlined />}
+                      loading={pausingInstance}
+                      disabled={!instanceIsRunning}
+                      onClick={async () => {
+                        setPausingInstance(true);
+                        await wrapServerCall({
+                          fn: async () => pauseInstance(selectedInstance.processInstanceId),
+                          onSuccess: async () => await refetch(),
+                        });
+                        setPausingInstance(false);
+                      }}
+                    />
+                  </Tooltip>
+                )}
 
                 <Tooltip title="Stop the instance">
                   <Button

From eafa132d4cc75e1b83f9f16926b76ae0c6afbf96 Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Sat, 28 Mar 2026 18:00:00 +0100
Subject: [PATCH 02/13] process activation/deactivation button configured

---
 .../process-deployment-view.module.scss       |  5 ++
 .../[processId]/process-deployment-view.tsx   | 64 +++++++++++++------
 2 files changed, 48 insertions(+), 21 deletions(-)

diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss
index 71de67a40..0308c0501 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss
@@ -9,3 +9,8 @@
 .StopIcon {
   color: #ff4d4f;
 }
+
+@keyframes spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
\ No newline at end of file
diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
index ca353d1b3..bb51f2883 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
@@ -12,15 +12,14 @@ import {
   CaretRightOutlined,
   PauseOutlined,
   StopOutlined,
-  CheckOutlined,
 } from '@ant-design/icons';
-import { useCallback, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import contentStyles from './content.module.scss';
 import toolbarStyles from '@/app/(dashboard)/[environmentId]/processes/[mode]/[processId]/modeler-toolbar.module.scss';
 import styles from './process-deployment-view.module.scss';
 import InstanceInfoPanel from './instance-info-panel';
 import { useSearchParamState } from '@/lib/use-search-param-state';
-import { MdOutlineColorLens } from 'react-icons/md';
+import { MdOutlineColorLens, MdOutlineSync, MdOutlineSyncDisabled } from 'react-icons/md';
 import { ColorOptions, colorOptions } from './instance-coloring';
 import { RemoveReadOnly } from '@/lib/typescript-utils';
 import type { ElementLike } from 'diagram-js/lib/core/Types';
@@ -34,11 +33,9 @@ import { DeployedProcessInfo } from '@/lib/engines/deployment';
 import StartFormModal from './start-form-modal';
 import useInstanceVariables from './use-instance-variables';
 import { inlineScript, inlineUserTaskData } from '@proceed/user-task-helper';
-
-// TODO: implement this function — should activate/deactivate timer start events for the process
-async function toggleProcessActivation(versionId: string, activate: boolean): Promise<void> {
-  // placeholder — wire up your real API call here
-}
+import { toBpmnObject, getStartEvents, getElementById } from '@proceed/bpmn-helper';
+import { useParams } from 'next/navigation';
+import { changeDeploymentActivation } from '@/lib/engines/server-actions';
 
 export default function ProcessDeploymentView({
   processId,
@@ -58,12 +55,14 @@ export default function ProcessDeploymentView({
   const [stoppingInstance, setStoppingInstance] = useState(false);
   const [togglingActivation, setTogglingActivation] = useState(false);
   const [isProcessActivated, setIsProcessActivated] = useState(false);
+  const [hasTimerStartEvents, setHasTimerStartEvents] = useState(false);
 
   const [startForm, setStartForm] = useState('');
 
   const canvasRef = useRef<BPMNCanvasRef>(null);
   const [infoPanelOpen, setInfoPanelOpen] = useState(false);
-
+  const params = useParams();
+  const spaceId = params.environmentId as string;
   const {
     data: deploymentInfo,
     refetch,
@@ -82,13 +81,11 @@ export default function ProcessDeploymentView({
     instanceIsRunning,
     instanceIsPausing,
     instanceIsPaused,
-    hasTimerStartEvents,
   } = useMemo(() => {
     let selectedVersion, instances, selectedInstance, currentVersion;
     let instanceIsRunning = false;
     let instanceIsPausing = false;
     let instanceIsPaused = false;
-    let hasTimerStartEvents = false;
 
     const activeStates = ['PAUSED', 'RUNNING', 'READY', 'DEPLOYMENT-WAITING', 'WAITING'];
 
@@ -119,9 +116,6 @@ export default function ProcessDeploymentView({
       currentVersion = deploymentInfo.versions.find(
         (version) => version.versionId === currentVersionId,
       );
-
-      // TODO: detect timer start events in the current version's BPMN may be call a function here
-      // hasTimerStartEvents = isimerStartEventExists(currentVersion)
     }
 
     return {
@@ -132,10 +126,28 @@ export default function ProcessDeploymentView({
       instanceIsRunning,
       instanceIsPausing,
       instanceIsPaused,
-      hasTimerStartEvents,
     };
   }, [deploymentInfo, selectedVersionId, selectedInstanceId]);
 
+  useEffect(() => {
+    if (!currentVersion?.bpmn) {
+      setHasTimerStartEvents(false);
+      return;
+    }
+    toBpmnObject(currentVersion.bpmn)
+      .then(async (bpmnObj) => {
+        const startEventIds = await getStartEvents(bpmnObj);
+        return startEventIds.some((id: string) => {
+          const el = getElementById(bpmnObj, id) as any;
+          return el?.eventDefinitions?.some(
+            (def: any) => def.$type === 'bpmn:TimerEventDefinition',
+          );
+        });
+      })
+      .then(setHasTimerStartEvents)
+      .catch(() => setHasTimerStartEvents(false));
+  }, [currentVersion?.bpmn]);
+
   const { variableDefinitions, variables } = useInstanceVariables({
     process: deploymentInfo,
     version: currentVersion,
@@ -264,7 +276,7 @@ export default function ProcessDeploymentView({
             <ToolbarGroup>
               <Tooltip title="Start new instance">
                 <Button
-                  icon={<PlusOutlined />}
+                  icon={<PlusOutlined style={{ color: '#52c41a' }} />}
                   loading={startingInstance}
                   onClick={async () => {
                     setStartingInstance(true);
@@ -306,20 +318,30 @@ export default function ProcessDeploymentView({
                 <Tooltip
                   title={
                     isProcessActivated
-                      ? 'Deactivate process (stop automatic timer-triggered instances)'
-                      : 'Activate process (allow timer start events to create instances)'
+                      ? 'Process is activated. So timer events create instances automatically. Click to deactivate.'
+                      : 'Process is deactivated. So timer events will not fire. Click to activate.'
                   }
                 >
                   <Button
-                    icon={<CheckOutlined />}
+                    type="text"
                     loading={togglingActivation}
-                    type={isProcessActivated ? 'primary' : 'default'}
+                    icon={
+                      isProcessActivated ? (
+                        <MdOutlineSync
+                          size={18}
+                          style={{ color: '#52c41a', animation: 'spin 2s linear infinite' }}
+                        />
+                      ) : (
+                        <MdOutlineSyncDisabled size={18} />
+                      )
+                    }
                     onClick={async () => {
                       setTogglingActivation(true);
                       const nextState = !isProcessActivated;
                       const versionId = getLatestDeployment(deploymentInfo).versionId;
                       await wrapServerCall({
-                        fn: () => toggleProcessActivation(versionId, nextState),
+                        fn: () =>
+                          changeDeploymentActivation(processId, spaceId, versionId, nextState),
                         onSuccess: async () => {
                           setIsProcessActivated(nextState);
                           await refetch();

From b46844cb7435afac1d2f682942f9510628bd25ed Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Sat, 28 Mar 2026 18:12:20 +0100
Subject: [PATCH 03/13] preittier

---
 .../[processId]/process-deployment-view.module.scss    | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss
index 0308c0501..4b407ef4f 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss
@@ -11,6 +11,10 @@
 }
 
 @keyframes spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
\ No newline at end of file
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

From b2efed9fc5828729fa21e1f416b8e5a06c573544 Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Tue, 31 Mar 2026 03:23:21 +0200
Subject: [PATCH 04/13] message change on tooltip

---
 .../executions/[processId]/process-deployment-view.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
index bb51f2883..3d273aca9 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
@@ -318,8 +318,8 @@ export default function ProcessDeploymentView({
                 <Tooltip
                   title={
                     isProcessActivated
-                      ? 'Process is activated. So timer events create instances automatically. Click to deactivate.'
-                      : 'Process is deactivated. So timer events will not fire. Click to activate.'
+                      ? 'The process is active. Any automatically triggered Start Events, such as a Timer Start Events, automatically launch new process executions. Click to deactivate.'
+                      : 'The process is deactived. Any automatically triggered Start Events, such as a Timer Start Events, will not launch new process executions. Click to activate..'
                   }
                 >
                   <Button

From a416c2aafea3063d1d68c43a2c1d791a39b1aaf4 Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Tue, 31 Mar 2026 15:16:25 +0200
Subject: [PATCH 05/13] fixed small typo

---
 .../executions/[processId]/process-deployment-view.tsx          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
index 3d273aca9..0921c1b06 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
@@ -319,7 +319,7 @@ export default function ProcessDeploymentView({
                   title={
                     isProcessActivated
                       ? 'The process is active. Any automatically triggered Start Events, such as a Timer Start Events, automatically launch new process executions. Click to deactivate.'
-                      : 'The process is deactived. Any automatically triggered Start Events, such as a Timer Start Events, will not launch new process executions. Click to activate..'
+                      : 'The process is deactived. Any automatically triggered Start Events, such as a Timer Start Events, will not launch new process executions. Click to activate.'
                   }
                 >
                   <Button

From 3bbb9a0034c06071c370fc61d422f98a705207a4 Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Wed, 1 Apr 2026 00:43:13 +0200
Subject: [PATCH 06/13] get status endpoint added, hide add new instance button
 for abscence of empty start event

---
 .../src/routes/ProcessInstanceRoutes.js       |  29 +++++
 .../[processId]/process-deployment-view.tsx   | 120 +++++++++++-------
 .../lib/engines/deployment.ts                 |  14 ++
 .../lib/engines/endpoints/endpoints.json      |   1 +
 .../lib/engines/server-actions.ts             |  29 +++++
 5 files changed, 147 insertions(+), 46 deletions(-)

diff --git a/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js b/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
index 042b66099..ec8a30f03 100644
--- a/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
+++ b/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
@@ -460,4 +460,33 @@ module.exports = (path, management) => {
       response: '{}',
     };
   });
+
+  network.get(`${path}/:definitionId/versions/:version/active`, { cors: true }, async (req) => {
+    const { definitionId, version } = req.params;
+    const engine = management.getEngineWithDefinitionId(definitionId);
+
+    if (!engine) {
+      return {
+        statusCode: 404,
+        mimeType: 'text/plain',
+        response: 'No engine found for the given process.',
+      };
+    }
+
+    const process = engine._versionProcessMapping[version];
+
+    if (!process) {
+      return {
+        statusCode: 404,
+        mimeType: 'text/plain',
+        response: 'No deployed version found.',
+      };
+    }
+
+    return {
+      statusCode: 200,
+      mimeType: 'application/json',
+      response: JSON.stringify({ active: process.isDeployed() }),
+    };
+  });
 };
diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
index 0921c1b06..68801f355 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
@@ -35,7 +35,10 @@ import useInstanceVariables from './use-instance-variables';
 import { inlineScript, inlineUserTaskData } from '@proceed/user-task-helper';
 import { toBpmnObject, getStartEvents, getElementById } from '@proceed/bpmn-helper';
 import { useParams } from 'next/navigation';
-import { changeDeploymentActivation } from '@/lib/engines/server-actions';
+import {
+  changeDeploymentActivation,
+  getProcessActivationStatus,
+} from '@/lib/engines/server-actions';
 
 export default function ProcessDeploymentView({
   processId,
@@ -55,7 +58,9 @@ export default function ProcessDeploymentView({
   const [stoppingInstance, setStoppingInstance] = useState(false);
   const [togglingActivation, setTogglingActivation] = useState(false);
   const [isProcessActivated, setIsProcessActivated] = useState(false);
+  const [isActivationLoading, setIsActivationLoading] = useState(false);
   const [hasTimerStartEvents, setHasTimerStartEvents] = useState(false);
+  const [hasPlainStartEvents, setHasPlainStartEvents] = useState(false);
 
   const [startForm, setStartForm] = useState('');
 
@@ -63,6 +68,8 @@ export default function ProcessDeploymentView({
   const [infoPanelOpen, setInfoPanelOpen] = useState(false);
   const params = useParams();
   const spaceId = params.environmentId as string;
+  console.log(params);
+
   const {
     data: deploymentInfo,
     refetch,
@@ -132,22 +139,41 @@ export default function ProcessDeploymentView({
   useEffect(() => {
     if (!currentVersion?.bpmn) {
       setHasTimerStartEvents(false);
+      setHasPlainStartEvents(false);
       return;
     }
     toBpmnObject(currentVersion.bpmn)
       .then(async (bpmnObj) => {
         const startEventIds = await getStartEvents(bpmnObj);
-        return startEventIds.some((id: string) => {
+        let hasTimer = false;
+        let hasPlain = false;
+        startEventIds.forEach((id: string) => {
           const el = getElementById(bpmnObj, id) as any;
-          return el?.eventDefinitions?.some(
-            (def: any) => def.$type === 'bpmn:TimerEventDefinition',
-          );
+          const defs = el?.eventDefinitions;
+          if (!defs || defs.length === 0) {
+            hasPlain = true;
+          } else if (defs.some((def: any) => def.$type === 'bpmn:TimerEventDefinition')) {
+            hasTimer = true;
+          }
         });
+        setHasTimerStartEvents(hasTimer);
+        setHasPlainStartEvents(hasPlain);
       })
-      .then(setHasTimerStartEvents)
-      .catch(() => setHasTimerStartEvents(false));
+      .catch(() => {
+        setHasTimerStartEvents(false);
+        setHasPlainStartEvents(false);
+      });
   }, [currentVersion?.bpmn]);
 
+  useEffect(() => {
+    if (!currentVersion) return;
+    setIsActivationLoading(true);
+    getProcessActivationStatus(processId, spaceId, currentVersion.versionId)
+      .then(setIsProcessActivated)
+      .catch(() => setIsProcessActivated(true))
+      .finally(() => setIsActivationLoading(false));
+  }, [currentVersion?.versionId]);
+
   const { variableDefinitions, variables } = useInstanceVariables({
     process: deploymentInfo,
     version: currentVersion,
@@ -274,44 +300,46 @@ export default function ProcessDeploymentView({
 
             {/* New middle group: Start + Activate/Deactivate */}
             <ToolbarGroup>
-              <Tooltip title="Start new instance">
-                <Button
-                  icon={<PlusOutlined style={{ color: '#52c41a' }} />}
-                  loading={startingInstance}
-                  onClick={async () => {
-                    setStartingInstance(true);
-                    await wrapServerCall({
-                      fn: async () => {
-                        const latestDeployment = getLatestDeployment(deploymentInfo);
-                        const versionId = latestDeployment.versionId;
-
-                        let startForm = await getStartForm(versionId);
-
-                        if (typeof startForm !== 'string') return startForm;
-
-                        if (startForm) {
-                          const mappedVariables = Object.fromEntries(
-                            variables
-                              .filter((variable) => variable.value !== undefined)
-                              .map((variable) => [variable.name, variable.value]),
-                          );
-                          startForm = inlineScript(startForm, '', '', variableDefinitions);
-                          startForm = inlineUserTaskData(startForm, mappedVariables, []);
-
-                          setStartForm(startForm);
-                        } else {
-                          return startInstance(versionId);
-                        }
-                      },
-                      onSuccess: async (instanceId) => {
-                        await refetch();
-                        setSelectedInstanceId(instanceId);
-                      },
-                    });
-                    setStartingInstance(false);
-                  }}
-                />
-              </Tooltip>
+              {hasPlainStartEvents && (
+                <Tooltip title="Start new instance">
+                  <Button
+                    icon={<PlusOutlined style={{ color: '#52c41a' }} />}
+                    loading={startingInstance}
+                    onClick={async () => {
+                      setStartingInstance(true);
+                      await wrapServerCall({
+                        fn: async () => {
+                          const latestDeployment = getLatestDeployment(deploymentInfo);
+                          const versionId = latestDeployment.versionId;
+
+                          let startForm = await getStartForm(versionId);
+
+                          if (typeof startForm !== 'string') return startForm;
+
+                          if (startForm) {
+                            const mappedVariables = Object.fromEntries(
+                              variables
+                                .filter((variable) => variable.value !== undefined)
+                                .map((variable) => [variable.name, variable.value]),
+                            );
+                            startForm = inlineScript(startForm, '', '', variableDefinitions);
+                            startForm = inlineUserTaskData(startForm, mappedVariables, []);
+
+                            setStartForm(startForm);
+                          } else {
+                            return startInstance(versionId);
+                          }
+                        },
+                        onSuccess: async (instanceId) => {
+                          await refetch();
+                          setSelectedInstanceId(instanceId);
+                        },
+                      });
+                      setStartingInstance(false);
+                    }}
+                  />
+                </Tooltip>
+              )}
 
               {/* Activate/Deactivate button which is only shown when timer start events exist */}
               {hasTimerStartEvents && (
@@ -324,7 +352,7 @@ export default function ProcessDeploymentView({
                 >
                   <Button
                     type="text"
-                    loading={togglingActivation}
+                    loading={togglingActivation || isActivationLoading}
                     icon={
                       isProcessActivated ? (
                         <MdOutlineSync
diff --git a/src/management-system-v2/lib/engines/deployment.ts b/src/management-system-v2/lib/engines/deployment.ts
index b605c0ecb..11d1c35a9 100644
--- a/src/management-system-v2/lib/engines/deployment.ts
+++ b/src/management-system-v2/lib/engines/deployment.ts
@@ -378,6 +378,20 @@ export async function changeDeploymentActivation(
   }
 }
 
+export async function getDeploymentActivation(
+  engine: Engine,
+  definitionId: string,
+  version: string,
+): Promise<boolean> {
+  const result = await engineRequest({
+    method: 'get',
+    endpoint: '/process/:definitionId/versions/:version/active',
+    engine,
+    pathParams: { definitionId, version },
+  });
+  return result.active ?? true;
+}
+
 export async function getProcessImageFromMachine(
   engine: Engine,
   definitionId: string,
diff --git a/src/management-system-v2/lib/engines/endpoints/endpoints.json b/src/management-system-v2/lib/engines/endpoints/endpoints.json
index b1a702bc5..8cd71b298 100644
--- a/src/management-system-v2/lib/engines/endpoints/endpoints.json
+++ b/src/management-system-v2/lib/engines/endpoints/endpoints.json
@@ -38,6 +38,7 @@
     "/process/:definitionId/instance": {},
     "/process/:definitionId/instance/:instanceID": {},
     "/process/:definitionId/versions/:version/start-form": {},
+    "/process/:definitionId/versions/:version/active": {},
     "/process/:definitionId/user-tasks/:fileName": {},
     "/process/:definitionId/user-tasks": {},
     "/process/:definitionId/script-tasks/:fileName": {},
diff --git a/src/management-system-v2/lib/engines/server-actions.ts b/src/management-system-v2/lib/engines/server-actions.ts
index 33296ae09..383bf6c66 100644
--- a/src/management-system-v2/lib/engines/server-actions.ts
+++ b/src/management-system-v2/lib/engines/server-actions.ts
@@ -9,6 +9,7 @@ import {
   removeDeploymentFromMachines,
   changeDeploymentActivation as _changeDeploymentActivation,
   DeployedProcessInfo,
+  getDeploymentActivation,
 } from './deployment';
 import { Engine, SpaceEngine } from './machines';
 import { savedEnginesToEngines } from './saved-engines-helpers';
@@ -49,6 +50,7 @@ import { getProcessIds, getVariablesFromElementById } from '@proceed/bpmn-helper
 import { Variable } from '@proceed/bpmn-helper/src/getters';
 import Ability from '../ability/abilityHelper';
 import { getUserById } from '../data/db/iam/users';
+import { log } from 'console';
 
 export async function getCorrectTargetEngines(
   spaceId: string,
@@ -202,6 +204,33 @@ export async function changeDeploymentActivation(
   }
 }
 
+export async function getProcessActivationStatus(
+  definitionId: string,
+  spaceId: string,
+  version: string,
+): Promise<boolean> {
+  try {
+    const engines = await getCorrectTargetEngines(spaceId, false, async (engine: Engine) => {
+      const deployments = await fetchDeployments([engine]);
+      return deployments.some(
+        (deployment) =>
+          deployment.definitionId === definitionId &&
+          deployment.versions.some((v) => v.versionId === version),
+      );
+    });
+
+    if (!engines.length) return false;
+
+    const result = await getDeploymentActivation(engines[0], definitionId, version);
+
+    return result;
+  } catch (e) {
+    const message = getErrorMessage(e);
+    console.error(message);
+    return false;
+  }
+}
+
 export async function getAvailableTaskListEntries(spaceId: string, engines: Engine[]) {
   try {
     if (!enableUseDB)

From 12adc9d34faaa6cffeaef0bfe120cd27c0659277 Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Wed, 1 Apr 2026 00:49:48 +0200
Subject: [PATCH 07/13] spaceid prooblem fixed

---
 .../(automation)/executions/[processId]/page.tsx   |  8 +++++++-
 .../[processId]/process-deployment-view.tsx        | 14 +++++++++-----
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/page.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/page.tsx
index 1276f2f06..e9d7fc93b 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/page.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/page.tsx
@@ -16,7 +16,13 @@ async function Deployment({ processId, spaceId }: { processId: string; spaceId:
     );
   }
 
-  return <ProcessDeploymentView processId={processId} initialDeploymentInfo={deployment} />;
+  return (
+    <ProcessDeploymentView
+      processId={processId}
+      initialDeploymentInfo={deployment}
+      activeSpaceId={spaceId}
+    />
+  );
 }
 
 export default async function Page(props: {
diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
index 68801f355..5307e6820 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
@@ -43,9 +43,11 @@ import {
 export default function ProcessDeploymentView({
   processId,
   initialDeploymentInfo,
+  activeSpaceId,
 }: {
   processId: string;
   initialDeploymentInfo: DeployedProcessInfo;
+  activeSpaceId: string;
 }) {
   const [selectedVersionId, setSelectedVersionId] = useState<string | undefined>();
   const [selectedInstanceId, setSelectedInstanceId] = useSearchParamState('instance');
@@ -66,9 +68,6 @@ export default function ProcessDeploymentView({
 
   const canvasRef = useRef<BPMNCanvasRef>(null);
   const [infoPanelOpen, setInfoPanelOpen] = useState(false);
-  const params = useParams();
-  const spaceId = params.environmentId as string;
-  console.log(params);
 
   const {
     data: deploymentInfo,
@@ -168,7 +167,7 @@ export default function ProcessDeploymentView({
   useEffect(() => {
     if (!currentVersion) return;
     setIsActivationLoading(true);
-    getProcessActivationStatus(processId, spaceId, currentVersion.versionId)
+    getProcessActivationStatus(processId, activeSpaceId, currentVersion.versionId)
       .then(setIsProcessActivated)
       .catch(() => setIsProcessActivated(true))
       .finally(() => setIsActivationLoading(false));
@@ -369,7 +368,12 @@ export default function ProcessDeploymentView({
                       const versionId = getLatestDeployment(deploymentInfo).versionId;
                       await wrapServerCall({
                         fn: () =>
-                          changeDeploymentActivation(processId, spaceId, versionId, nextState),
+                          changeDeploymentActivation(
+                            processId,
+                            activeSpaceId,
+                            versionId,
+                            nextState,
+                          ),
                         onSuccess: async () => {
                           setIsProcessActivated(nextState);
                           await refetch();

From 3410d7084d660d1fb536d5f925eaec4fc3868a63 Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Wed, 1 Apr 2026 00:52:47 +0200
Subject: [PATCH 08/13] log cleanup

---
 src/management-system-v2/lib/engines/server-actions.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/management-system-v2/lib/engines/server-actions.ts b/src/management-system-v2/lib/engines/server-actions.ts
index 383bf6c66..1dd81fdf1 100644
--- a/src/management-system-v2/lib/engines/server-actions.ts
+++ b/src/management-system-v2/lib/engines/server-actions.ts
@@ -50,7 +50,6 @@ import { getProcessIds, getVariablesFromElementById } from '@proceed/bpmn-helper
 import { Variable } from '@proceed/bpmn-helper/src/getters';
 import Ability from '../ability/abilityHelper';
 import { getUserById } from '../data/db/iam/users';
-import { log } from 'console';
 
 export async function getCorrectTargetEngines(
   spaceId: string,

From b10b46cda9198a7b55f076cb9fdaddf1d4ebd9a1 Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Thu, 2 Apr 2026 19:59:24 +0200
Subject: [PATCH 09/13] changes addressed

---
 .../universal/core/src/engine/engine.js       |  13 ++
 .../src/routes/ProcessInstanceRoutes.js       |  24 ++-
 .../process-deployment-view.module.scss       |   6 +
 .../[processId]/process-deployment-view.tsx   | 169 ++++++++++--------
 .../lib/engines/deployment.ts                 |   2 +-
 .../lib/engines/server-actions.ts             |   9 +-
 6 files changed, 127 insertions(+), 96 deletions(-)

diff --git a/src/engine/universal/core/src/engine/engine.js b/src/engine/universal/core/src/engine/engine.js
index 027ceaddb..6cf09a504 100644
--- a/src/engine/universal/core/src/engine/engine.js
+++ b/src/engine/universal/core/src/engine/engine.js
@@ -242,6 +242,19 @@ class Engine {
     }
   }
 
+  /**
+   * Returns whether the given process version is currently deployed in the NeoBPMN Engine
+   *
+   * @param {string} versionId the version of the process to check
+   * @returns {boolean} true if the version is deployed, false if it is known but not deployed
+   * @throws {Error} if the version has not found in this engine
+   */
+  isProcessVersionDeployed(versionId) {
+    const process = this._versionProcessMapping[versionId];
+    if (!process) throw new Error(`Version ${versionId} is not deployed on this engine.`);
+    return process.isDeployed();
+  }
+
   /**
    * Starts the execution of a BPMN process version. This can involve the creation of
    * multiple instances of the process, if the process contains such events.
diff --git a/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js b/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
index ec8a30f03..72568d36b 100644
--- a/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
+++ b/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
@@ -467,26 +467,24 @@ module.exports = (path, management) => {
 
     if (!engine) {
       return {
-        statusCode: 404,
-        mimeType: 'text/plain',
-        response: 'No engine found for the given process.',
+        statusCode: 200,
+        mimeType: 'application/json',
+        response: JSON.stringify({ active: false }),
       };
     }
 
-    const process = engine._versionProcessMapping[version];
-
-    if (!process) {
+    try {
+      return {
+        statusCode: 200,
+        mimeType: 'application/json',
+        response: JSON.stringify({ active: engine.isProcessVersionDeployed(version) }),
+      };
+    } catch (_) {
       return {
         statusCode: 404,
         mimeType: 'text/plain',
-        response: 'No deployed version found.',
+        response: 'The requested version is not found in this engine.',
       };
     }
-
-    return {
-      statusCode: 200,
-      mimeType: 'application/json',
-      response: JSON.stringify({ active: process.isDeployed() }),
-    };
   });
 };
diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss
index 4b407ef4f..54bd0f4c0 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.module.scss
@@ -18,3 +18,9 @@
     transform: rotate(360deg);
   }
 }
+
+.SpinIcon {
+  animation: spin 2s linear infinite;
+  display: flex;
+  align-items: center;
+}
diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
index 5307e6820..be388f0e2 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
@@ -1,7 +1,7 @@
 // TODO: remove the use client if this page is used in server
 'use client';
 
-import { Button, Select, Tooltip, Space, Dropdown, Result } from 'antd';
+import { Button, Select, Tooltip, Space, Dropdown, Result, App } from 'antd';
 import Content from '@/components/content';
 import BPMNCanvas, { BPMNCanvasRef } from '@/components/bpmn-canvas';
 import { Toolbar, ToolbarGroup } from '@/components/toolbar';
@@ -33,8 +33,7 @@ import { DeployedProcessInfo } from '@/lib/engines/deployment';
 import StartFormModal from './start-form-modal';
 import useInstanceVariables from './use-instance-variables';
 import { inlineScript, inlineUserTaskData } from '@proceed/user-task-helper';
-import { toBpmnObject, getStartEvents, getElementById } from '@proceed/bpmn-helper';
-import { useParams } from 'next/navigation';
+import { toBpmnObject, getElementsByTagName } from '@proceed/bpmn-helper';
 import {
   changeDeploymentActivation,
   getProcessActivationStatus,
@@ -49,6 +48,7 @@ export default function ProcessDeploymentView({
   initialDeploymentInfo: DeployedProcessInfo;
   activeSpaceId: string;
 }) {
+  const app = App.useApp();
   const [selectedVersionId, setSelectedVersionId] = useState<string | undefined>();
   const [selectedInstanceId, setSelectedInstanceId] = useSearchParamState('instance');
   const [selectedColoring, setSelectedColoring] = useState<ColorOptions>('processColors');
@@ -136,18 +136,15 @@ export default function ProcessDeploymentView({
   }, [deploymentInfo, selectedVersionId, selectedInstanceId]);
 
   useEffect(() => {
-    if (!currentVersion?.bpmn) {
-      setHasTimerStartEvents(false);
-      setHasPlainStartEvents(false);
-      return;
-    }
-    toBpmnObject(currentVersion.bpmn)
-      .then(async (bpmnObj) => {
-        const startEventIds = await getStartEvents(bpmnObj);
+    if (!currentVersion?.bpmn) return;
+
+    async function initStartEventInfo() {
+      try {
+        const bpmnObj = await toBpmnObject(currentVersion!.bpmn);
+        const startEvents = await getElementsByTagName(bpmnObj, 'bpmn:StartEvent');
         let hasTimer = false;
         let hasPlain = false;
-        startEventIds.forEach((id: string) => {
-          const el = getElementById(bpmnObj, id) as any;
+        (startEvents as any[]).forEach((el) => {
           const defs = el?.eventDefinitions;
           if (!defs || defs.length === 0) {
             hasPlain = true;
@@ -157,20 +154,37 @@ export default function ProcessDeploymentView({
         });
         setHasTimerStartEvents(hasTimer);
         setHasPlainStartEvents(hasPlain);
-      })
-      .catch(() => {
+      } catch (_) {
         setHasTimerStartEvents(false);
         setHasPlainStartEvents(false);
-      });
+      }
+    }
+
+    initStartEventInfo();
+
+    return () => {
+      setHasTimerStartEvents(false);
+      setHasPlainStartEvents(false);
+    };
   }, [currentVersion?.bpmn]);
 
   useEffect(() => {
     if (!currentVersion) return;
-    setIsActivationLoading(true);
-    getProcessActivationStatus(processId, activeSpaceId, currentVersion.versionId)
-      .then(setIsProcessActivated)
-      .catch(() => setIsProcessActivated(true))
-      .finally(() => setIsActivationLoading(false));
+
+    async function fetchActivationStatus() {
+      setIsActivationLoading(true);
+      await wrapServerCall({
+        fn: () => getProcessActivationStatus(processId, activeSpaceId, currentVersion!.versionId),
+        onSuccess: (active) => setIsProcessActivated(active as boolean),
+        onError: (error) => {
+          app.message.error(error.message);
+          setIsProcessActivated(false);
+        },
+      });
+      setIsActivationLoading(false);
+    }
+
+    fetchActivationStatus();
   }, [currentVersion?.versionId]);
 
   const { variableDefinitions, variables } = useInstanceVariables({
@@ -297,7 +311,7 @@ export default function ProcessDeploymentView({
               </Tooltip>
             </ToolbarGroup>
 
-            {/* New middle group: Start + Activate/Deactivate */}
+            {/* Middle group: Start + Activate/Deactivate */}
             <ToolbarGroup>
               {hasPlainStartEvents && (
                 <Tooltip title="Start new instance">
@@ -354,10 +368,9 @@ export default function ProcessDeploymentView({
                     loading={togglingActivation || isActivationLoading}
                     icon={
                       isProcessActivated ? (
-                        <MdOutlineSync
-                          size={18}
-                          style={{ color: '#52c41a', animation: 'spin 2s linear infinite' }}
-                        />
+                        <span className={styles.SpinIcon}>
+                          <MdOutlineSync size={18} style={{ color: '#52c41a' }} />
+                        </span>
                       ) : (
                         <MdOutlineSyncDisabled size={18} />
                       )
@@ -387,65 +400,69 @@ export default function ProcessDeploymentView({
             </ToolbarGroup>
 
             {/* 2-icon group: 1. Play shown when paused, Pause shown when running. 2. Stop button */}
-            {selectedInstance && (
-              <ToolbarGroup>
-                {instanceIsPaused || instanceIsPausing ? (
-                  // Show Resume (Play) when paused or pausing
-                  <Tooltip
-                    title={instanceIsPausing ? 'Abort pausing the instance' : 'Resume the instance'}
-                  >
-                    <Button
-                      className={styles.PlayIcon}
-                      icon={<CaretRightOutlined />}
-                      loading={resumingInstance}
-                      onClick={async () => {
-                        setResumingInstance(true);
-                        await wrapServerCall({
-                          fn: () => resumeInstance(selectedInstance.processInstanceId),
-                          onSuccess: async () => await refetch(),
-                        });
-                        setResumingInstance(false);
-                      }}
-                    />
-                  </Tooltip>
-                ) : (
-                  // Show Pause when running (or any other non-paused state)
-                  <Tooltip title="Pause the instance">
+            <div>
+              {selectedInstance && (
+                <ToolbarGroup>
+                  {instanceIsPaused || instanceIsPausing ? (
+                    // Show Resume (Play) when paused or pausing
+                    <Tooltip
+                      title={
+                        instanceIsPausing ? 'Abort pausing the instance' : 'Resume the instance'
+                      }
+                    >
+                      <Button
+                        className={styles.PlayIcon}
+                        icon={<CaretRightOutlined />}
+                        loading={resumingInstance}
+                        onClick={async () => {
+                          setResumingInstance(true);
+                          await wrapServerCall({
+                            fn: () => resumeInstance(selectedInstance.processInstanceId),
+                            onSuccess: async () => await refetch(),
+                          });
+                          setResumingInstance(false);
+                        }}
+                      />
+                    </Tooltip>
+                  ) : (
+                    // Show Pause when running (or any other non-paused state)
+                    <Tooltip title="Pause the instance">
+                      <Button
+                        className={styles.PauseIcon}
+                        icon={<PauseOutlined />}
+                        loading={pausingInstance}
+                        disabled={!instanceIsRunning}
+                        onClick={async () => {
+                          setPausingInstance(true);
+                          await wrapServerCall({
+                            fn: async () => pauseInstance(selectedInstance.processInstanceId),
+                            onSuccess: async () => await refetch(),
+                          });
+                          setPausingInstance(false);
+                        }}
+                      />
+                    </Tooltip>
+                  )}
+
+                  <Tooltip title="Stop the instance">
                     <Button
-                      className={styles.PauseIcon}
-                      icon={<PauseOutlined />}
-                      loading={pausingInstance}
+                      className={styles.StopIcon}
+                      icon={<StopOutlined />}
+                      loading={stoppingInstance}
                       disabled={!instanceIsRunning}
                       onClick={async () => {
-                        setPausingInstance(true);
+                        setStoppingInstance(true);
                         await wrapServerCall({
-                          fn: async () => pauseInstance(selectedInstance.processInstanceId),
+                          fn: async () => stopInstance(selectedInstance.processInstanceId),
                           onSuccess: async () => await refetch(),
                         });
-                        setPausingInstance(false);
+                        setStoppingInstance(false);
                       }}
                     />
                   </Tooltip>
-                )}
-
-                <Tooltip title="Stop the instance">
-                  <Button
-                    className={styles.StopIcon}
-                    icon={<StopOutlined />}
-                    loading={stoppingInstance}
-                    disabled={!instanceIsRunning}
-                    onClick={async () => {
-                      setStoppingInstance(true);
-                      await wrapServerCall({
-                        fn: async () => stopInstance(selectedInstance.processInstanceId),
-                        onSuccess: async () => await refetch(),
-                      });
-                      setStoppingInstance(false);
-                    }}
-                  />
-                </Tooltip>
-              </ToolbarGroup>
-            )}
+                </ToolbarGroup>
+              )}
+            </div>
 
             <Space style={{ alignItems: 'start' }}>
               <ToolbarGroup>
diff --git a/src/management-system-v2/lib/engines/deployment.ts b/src/management-system-v2/lib/engines/deployment.ts
index 11d1c35a9..2e1e0c708 100644
--- a/src/management-system-v2/lib/engines/deployment.ts
+++ b/src/management-system-v2/lib/engines/deployment.ts
@@ -389,7 +389,7 @@ export async function getDeploymentActivation(
     engine,
     pathParams: { definitionId, version },
   });
-  return result.active ?? true;
+  return result.active;
 }
 
 export async function getProcessImageFromMachine(
diff --git a/src/management-system-v2/lib/engines/server-actions.ts b/src/management-system-v2/lib/engines/server-actions.ts
index 1dd81fdf1..3bc5d7d20 100644
--- a/src/management-system-v2/lib/engines/server-actions.ts
+++ b/src/management-system-v2/lib/engines/server-actions.ts
@@ -207,7 +207,7 @@ export async function getProcessActivationStatus(
   definitionId: string,
   spaceId: string,
   version: string,
-): Promise<boolean> {
+) {
   try {
     const engines = await getCorrectTargetEngines(spaceId, false, async (engine: Engine) => {
       const deployments = await fetchDeployments([engine]);
@@ -220,13 +220,10 @@ export async function getProcessActivationStatus(
 
     if (!engines.length) return false;
 
-    const result = await getDeploymentActivation(engines[0], definitionId, version);
-
-    return result;
+    return await getDeploymentActivation(engines[0], definitionId, version);
   } catch (e) {
     const message = getErrorMessage(e);
-    console.error(message);
-    return false;
+    return userError(message);
   }
 }
 

From 024c90fa15c16d8141527a06186c8b0013a43e86 Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Wed, 15 Apr 2026 01:03:25 +0200
Subject: [PATCH 10/13] message fixed

---
 .../executions/[processId]/process-deployment-view.tsx           | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
index 6be1cb2de..374253cad 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
@@ -54,6 +54,7 @@ export default function ProcessDeploymentView({
 }) {
   const app = App.useApp();
   const { data: session } = useSession();
+
   const [selectedVersionId, setSelectedVersionId] = useState<string | undefined>();
   const [selectedInstanceId, setSelectedInstanceId] = useSearchParamState('instance');
   const [selectedColoring, setSelectedColoring] = useState<ColorOptions>('processColors');

From 410d8e4df0587cd855218b8f132fe28499fb374b Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Wed, 15 Apr 2026 01:11:41 +0200
Subject: [PATCH 11/13] unused imports

---
 .../executions/[processId]/process-deployment-view.tsx          | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
index 374253cad..a40f24bfc 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
@@ -39,9 +39,7 @@ import {
   getProcessActivationStatus,
   getGlobalVariablesForHTML,
 } from '@/lib/engines/server-actions';
-import { useEnvironment } from '@/components/auth-can';
 import { useSession } from 'next-auth/react';
-import { isUserErrorResponse } from '@/lib/user-error';
 
 export default function ProcessDeploymentView({
   processId,

From e01dcdd5df40636d601a65ee68a5c6bee0098a1d Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Thu, 16 Apr 2026 14:57:08 +0200
Subject: [PATCH 12/13] feedback addressed

---
 src/engine/universal/core/src/engine/engine.js  | 17 +++++++++++------
 .../src/routes/ProcessInstanceRoutes.js         |  4 +++-
 .../executions/[processId]/page.tsx             |  8 +-------
 .../[processId]/process-deployment-view.tsx     | 15 +++++----------
 4 files changed, 20 insertions(+), 24 deletions(-)

diff --git a/src/engine/universal/core/src/engine/engine.js b/src/engine/universal/core/src/engine/engine.js
index 6cf09a504..7f83e6003 100644
--- a/src/engine/universal/core/src/engine/engine.js
+++ b/src/engine/universal/core/src/engine/engine.js
@@ -245,14 +245,19 @@ class Engine {
   /**
    * Returns whether the given process version is currently deployed in the NeoBPMN Engine
    *
+   * @param {string} definitionId the id of the process definition
    * @param {string} versionId the version of the process to check
-   * @returns {boolean} true if the version is deployed, false if it is known but not deployed
-   * @throws {Error} if the version has not found in this engine
+   * @returns {boolean} true if the version is deployed, false if it is known but not active
+   * @throws {Error} if the version has never been deployed to this engine
    */
-  isProcessVersionDeployed(versionId) {
-    const process = this._versionProcessMapping[versionId];
-    if (!process) throw new Error(`Version ${versionId} is not deployed on this engine.`);
-    return process.isDeployed();
+  async isProcessVersionDeployed(definitionId, versionId) {
+    try {
+      await distribution.db.getProcessVersion(definitionId, versionId);
+    } catch {
+      throw new Error(`Version ${versionId} has never been deployed to this engine.`);
+    }
+
+    return this._versionProcessMapping[versionId]?.isDeployed() ?? false;
   }
 
   /**
diff --git a/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js b/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
index 72568d36b..de2b058c9 100644
--- a/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
+++ b/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
@@ -477,7 +477,9 @@ module.exports = (path, management) => {
       return {
         statusCode: 200,
         mimeType: 'application/json',
-        response: JSON.stringify({ active: engine.isProcessVersionDeployed(version) }),
+        response: JSON.stringify({
+          active: await engine.isProcessVersionDeployed(definitionId, version),
+        }),
       };
     } catch (_) {
       return {
diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/page.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/page.tsx
index e9d7fc93b..1276f2f06 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/page.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/page.tsx
@@ -16,13 +16,7 @@ async function Deployment({ processId, spaceId }: { processId: string; spaceId:
     );
   }
 
-  return (
-    <ProcessDeploymentView
-      processId={processId}
-      initialDeploymentInfo={deployment}
-      activeSpaceId={spaceId}
-    />
-  );
+  return <ProcessDeploymentView processId={processId} initialDeploymentInfo={deployment} />;
 }
 
 export default async function Page(props: {
diff --git a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
index a40f24bfc..21e2d16fa 100644
--- a/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
+++ b/src/management-system-v2/app/(dashboard)/[environmentId]/(automation)/executions/[processId]/process-deployment-view.tsx
@@ -40,18 +40,18 @@ import {
   getGlobalVariablesForHTML,
 } from '@/lib/engines/server-actions';
 import { useSession } from 'next-auth/react';
+import { useEnvironment } from '@/components/auth-can';
 
 export default function ProcessDeploymentView({
   processId,
   initialDeploymentInfo,
-  activeSpaceId,
 }: {
   processId: string;
   initialDeploymentInfo: DeployedProcessInfo;
-  activeSpaceId: string;
 }) {
   const app = App.useApp();
   const { data: session } = useSession();
+  const { spaceId } = useEnvironment();
 
   const [selectedVersionId, setSelectedVersionId] = useState<string | undefined>();
   const [selectedInstanceId, setSelectedInstanceId] = useSearchParamState('instance');
@@ -179,7 +179,7 @@ export default function ProcessDeploymentView({
     async function fetchActivationStatus() {
       setIsActivationLoading(true);
       await wrapServerCall({
-        fn: () => getProcessActivationStatus(processId, activeSpaceId, currentVersion!.versionId),
+        fn: () => getProcessActivationStatus(processId, spaceId, currentVersion!.versionId),
         onSuccess: (active) => {
           if (!cancelled) setIsProcessActivated(active as boolean);
         },
@@ -353,7 +353,7 @@ export default function ProcessDeploymentView({
                               throw new Error('Unknown user tries to start an instance!');
 
                             const globalVars = await getGlobalVariablesForHTML(
-                              activeSpaceId,
+                              spaceId,
                               session.user.id,
                               startForm,
                             );
@@ -408,12 +408,7 @@ export default function ProcessDeploymentView({
                       const versionId = getLatestDeployment(deploymentInfo).versionId;
                       await wrapServerCall({
                         fn: () =>
-                          changeDeploymentActivation(
-                            processId,
-                            activeSpaceId,
-                            versionId,
-                            nextState,
-                          ),
+                          changeDeploymentActivation(processId, spaceId, versionId, nextState),
                         onSuccess: async () => {
                           setIsProcessActivated(nextState);
                           await refetch();

From 060d76b4cc003a9068f7ef873693664ff5dc0530 Mon Sep 17 00:00:00 2001
From: Zayn Javed <zainjaveed1234@gmail.com>
Date: Fri, 17 Apr 2026 17:15:47 +0200
Subject: [PATCH 13/13] api error case fixed

---
 .../universal/core/src/engine/engine.js       | 10 +------
 .../src/routes/ProcessInstanceRoutes.js       | 29 ++++++++-----------
 2 files changed, 13 insertions(+), 26 deletions(-)

diff --git a/src/engine/universal/core/src/engine/engine.js b/src/engine/universal/core/src/engine/engine.js
index 7f83e6003..c3a3a73fe 100644
--- a/src/engine/universal/core/src/engine/engine.js
+++ b/src/engine/universal/core/src/engine/engine.js
@@ -245,18 +245,10 @@ class Engine {
   /**
    * Returns whether the given process version is currently deployed in the NeoBPMN Engine
    *
-   * @param {string} definitionId the id of the process definition
    * @param {string} versionId the version of the process to check
    * @returns {boolean} true if the version is deployed, false if it is known but not active
-   * @throws {Error} if the version has never been deployed to this engine
    */
-  async isProcessVersionDeployed(definitionId, versionId) {
-    try {
-      await distribution.db.getProcessVersion(definitionId, versionId);
-    } catch {
-      throw new Error(`Version ${versionId} has never been deployed to this engine.`);
-    }
-
+  async isProcessVersionDeployed(versionId) {
     return this._versionProcessMapping[versionId]?.isDeployed() ?? false;
   }
 
diff --git a/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js b/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
index de2b058c9..d8cabf689 100644
--- a/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
+++ b/src/engine/universal/distribution/src/routes/ProcessInstanceRoutes.js
@@ -463,30 +463,25 @@ module.exports = (path, management) => {
 
   network.get(`${path}/:definitionId/versions/:version/active`, { cors: true }, async (req) => {
     const { definitionId, version } = req.params;
-    const engine = management.getEngineWithDefinitionId(definitionId);
-
-    if (!engine) {
-      return {
-        statusCode: 200,
-        mimeType: 'application/json',
-        response: JSON.stringify({ active: false }),
-      };
-    }
 
     try {
-      return {
-        statusCode: 200,
-        mimeType: 'application/json',
-        response: JSON.stringify({
-          active: await engine.isProcessVersionDeployed(definitionId, version),
-        }),
-      };
-    } catch (_) {
+      await db.getProcessVersion(definitionId, version);
+    } catch {
       return {
         statusCode: 404,
         mimeType: 'text/plain',
         response: 'The requested version is not found in this engine.',
       };
     }
+
+    const engine = management.getEngineWithDefinitionId(definitionId);
+
+    return {
+      statusCode: 200,
+      mimeType: 'application/json',
+      response: JSON.stringify({
+        active: engine ? await engine.isProcessVersionDeployed(version) : false,
+      }),
+    };
   });
 };