アクションフローの不具合改修

frontend/src/pages/FlowChart.vue

@@ -21,9 +21,9 @@
         </q-drawer>
       </div>
       <div class="q-pa-md q-gutter-sm">
-        <div class="flowchart" v-if="store.currentFlow">
-          <node-item v-for="(node,) in store.currentFlow.actionNodes" :key="node.id" :isSelected="node === store.activeNode"
-            :actionNode="node" @addNode="addNode" @nodeSelected="onNodeSelected" @nodeEdit="onNodeEdit"
+        <div class="flowchart" v-if="store.currentFlow" style="padding-left: 300px;">
+          <node-item v-if="rootNode!==undefined" :key="rootNode.id" :isSelected="rootNode === store.activeNode"
+            :actionNode="rootNode" @addNode="addNode" @nodeSelected="onNodeSelected" @nodeEdit="onNodeEdit"
             @deleteNode="onDeleteNode" @deleteAllNextNodes="onDeleteAllNextNodes" @copyFlow="onCopyFlow"></node-item>
         </div>
       </div>
@@ -71,6 +71,9 @@ const addActionNode = (action: IActionNode) => {
   // refFlow.value?.actionNodes.push(action);
   store.currentFlow?.actionNodes.push(action);
 }
+const rootNode = computed(()=>{
+  return store.currentFlow?.getRoot();
+})
 
 const addNode = (node: IActionNode, inputPoint: string) => {
   if (drawerRight.value) {