Update application graph page

frontend/src/pages/ApplicationGraph.vue

@@ -73,7 +73,7 @@
             <textarea style="width: 100%" v-model="descriptorContent" class="editor-popup"></textarea>
           </q-card-section>
           <q-card-actions align="right">
-            <q-btn label="Start" color="primary" @click="publishDescriptor" />
+            <q-btn label="Save" color="primary" @click="saveDescriptor" />
             <q-btn flat label="Close" color="primary" v-close-popup />
           </q-card-actions>
         </q-card>
@@ -210,14 +210,19 @@ const hdagJson = ref(
   ),
 );
 async function showDescriptor(id) {
-  await fetchDescriptor(id);
-  const selectedDescriptor = descriptor.value.find((desc) =>
-    desc.fileName.endsWith('.yaml'),
-  );
-  if (selectedDescriptor) {
-    descriptorTitle.value = selectedDescriptor.fileName;
-    descriptorContent.value = selectedDescriptor.content;
+  if (descriptorContent.value === '') {
+    await fetchDescriptor(id);
+    const selectedDescriptor = descriptor.value.find((desc) =>
+      desc.fileName.endsWith('.yaml'),
+    );
+    if (selectedDescriptor) {
+      descriptorTitle.value = selectedDescriptor.fileName;
+      descriptorContent.value = selectedDescriptor.content;
+      showDescriptorDialog.value = true;
+    }
+  } else {
     showDescriptorDialog.value = true;
+
   }
 }
 async function editIntent(artifact) {
@@ -400,6 +405,9 @@ async function publishDescriptor() {
   await publishHdag(descriptorContent.value);
   showDescriptorDialog.value = false;
 }
+function saveDescriptor() {
+  showDescriptorDialog.value = false;
+}
 function saveHdag() {
   publishHdag(hdagJson.value);
   showDialog.value = false;