Workflow runs in side panel (#11669)

Vidéo explicative : https://share.cleanshot.com/VsvWknlW

Closes https://github.com/twentyhq/core-team-issues/issues/810
Closes https://github.com/twentyhq/core-team-issues/issues/806

Known issues to fix later:

- https://github.com/twentyhq/core-team-issues/issues/879

packages/twenty-front/src/modules/command-menu/hooks/useWorkflowCommandMenu.ts

@@ -1,17 +1,21 @@
 import { useNavigateCommandMenu } from '@/command-menu/hooks/useNavigateCommandMenu';
 import { workflowIdComponentState } from '@/command-menu/pages/workflow/states/workflowIdComponentState';
 import { CommandMenuPages } from '@/command-menu/types/CommandMenuPages';
+import { useSetInitialWorkflowRunRightDrawerTab } from '@/workflow/workflow-diagram/hooks/useSetInitialWorkflowRunRightDrawerTab';
+import { WorkflowDiagramRunStatus } from '@/workflow/workflow-diagram/types/WorkflowDiagram';
 import { t } from '@lingui/core/macro';
 import { useRecoilCallback } from 'recoil';
-import { v4 } from 'uuid';
 import {
   IconBolt,
   IconComponent,
   IconSettingsAutomation,
 } from 'twenty-ui/display';
+import { v4 } from 'uuid';
 
 export const useWorkflowCommandMenu = () => {
   const { navigateCommandMenu } = useNavigateCommandMenu();
+  const { setInitialWorkflowRunRightDrawerTab } =
+    useSetInitialWorkflowRunRightDrawerTab();
 
   const openWorkflowTriggerTypeInCommandMenu = useRecoilCallback(
     ({ set }) => {
@@ -99,7 +103,19 @@ export const useWorkflowCommandMenu = () => {
 
   const openWorkflowRunViewStepInCommandMenu = useRecoilCallback(
     ({ set }) => {
-      return (workflowId: string, title: string, icon: IconComponent) => {
+      return ({
+        workflowId,
+        title,
+        icon,
+        workflowSelectedNode,
+        stepExecutionStatus,
+      }: {
+        workflowId: string;
+        title: string;
+        icon: IconComponent;
+        workflowSelectedNode: string;
+        stepExecutionStatus: WorkflowDiagramRunStatus;
+      }) => {
         const pageId = v4();
 
         set(
@@ -113,9 +129,14 @@ export const useWorkflowCommandMenu = () => {
           pageIcon: icon,
           pageId,
         });
+
+        setInitialWorkflowRunRightDrawerTab({
+          workflowSelectedNode,
+          stepExecutionStatus,
+        });
       };
     },
-    [navigateCommandMenu],
+    [navigateCommandMenu, setInitialWorkflowRunRightDrawerTab],
   );
 
   return {