work in progress with more changes

Author: susrisha

pages/workspace/[id]/rapid.vue

@@ -2,7 +2,7 @@
     <div class="pageContainer">
   <div ref="editorContainer" class="rapidEditorContainer"></div>
   <div class="sidebar">
-    <p class="text-center mt-3">Loading editor...</p>
+    <p class="text-center mt-3">{{ sideBarText }}</p>
     <p> Add the action items here based on the selected workspace and editor.</p>
   </div>
   </div>
@@ -16,6 +16,7 @@ const workspaceId = route.params.id;
 const datatype = route.query.datatype;
 const editor = route.query.editor;
 const editorContainer = ref(null);
+const sideBarText = ref('Loading editor...')
 
 const oswManager = (editor === 'rapid3' && rapid3Manager) ? rapid3Manager : rapidManager
 const manager = datatype === 'osw' ? oswManager : pathwaysManager
@@ -38,6 +39,7 @@ onMounted(() => {
   }
   rapidManager.onStateChange((changes) => {
      console.log('Rapid state changed:', changes);
+     sideBarText.value = `Rapid state changed: ${JSON.stringify(changes)}`;
   });
 
   if (!manager.loaded.value) {