updated CIA and File Tree visualization

src/components/CiaFlowCodeViewer.vue

@@ -7,9 +7,9 @@ import Dialog from 'primevue/dialog'
 import { nextTick, onMounted, ref, toRefs } from 'vue'
 import ClassNode from './ClassNode.vue'
 import { useLayout } from './useLayout'
-
 import { defineProps } from 'vue'
 import 'vue3-markdown/dist/style.css'
+import { UserPrefStore } from '@/stores/UserPrefStore.js';
 
 
 const { onInit, onNodeDragStop, onConnect, addEdges, setViewport, toObject, onNodeClick,fitView } = useVueFlow()
@@ -22,6 +22,7 @@ const { graph, layout, previousDirection } = useLayout()
 
 const dialogCodeVisible = ref(false)
 
+const userPrefStore = UserPrefStore();
 
 //66f55e4b2894530b1c154f69
 const props = defineProps({
@@ -59,11 +60,9 @@ function layoutGraph(direction) {
 }
 
 function defineNodes() {
-
   var tmpNode=[]
-    var tmpEdges=[]
-    var app = {'name':'Apollo'}
-
+    var tmpEdges = []
+    var app = { name: userPrefStore.getSelApp.fe_name }
     tmpNode.push({
         id: app.name,
         data: { label: app.name },