Fix the composition ids to be openmct identifiers (not keystrings) on load.

Track the domainobject name nested within a treeitem node

src/api/composition/DefaultCompositionProvider.js

@@ -74,7 +74,7 @@ export default class DefaultCompositionProvider extends CompositionProvider {
    *          the Identifiers in this composition
    */
   load(domainObject) {
-    return Promise.all(domainObject.composition);
+    return Promise.all(domainObject.composition.map(this.publicAPI.objects.parseKeyString));
   }
   /**
    * Attach listeners for changes to the composition of a given domain object.

src/ui/components/ObjectView.vue

@@ -62,11 +62,6 @@ export default {
       default: ''
     }
   },
-  data() {
-    return {
-      domainObject: this.defaultObject
-    };
-  },
   computed: {
     path() {
       return this.domainObject && (this.currentObjectPath || this.objectPath);

src/ui/layout/mct-tree.vue

@@ -702,12 +702,19 @@ export default {
         sortedTreeItems.splice(parentIndex + 1, 0, ...children);
       });
 
-      // Splice in all of the sorted descendants
-      this.treeItems.splice(
+      // We need to reassign this.treeItems here since splice in place of all the sorted descendants doesn't seem to trigger a Vue update
+      let newTreeItems = this.treeItems.slice();
+      newTreeItems.splice(
         this.treeItems.indexOf(parentItem) + 1,
         sortedTreeItems.length,
         ...sortedTreeItems
       );
+      this.treeItems = newTreeItems;
+      // this.treeItems.splice(
+      //   this.treeItems.indexOf(parentItem) + 1,
+      //   sortedTreeItems.length,
+      //   ...sortedTreeItems
+      // );
     },
     buildNavigationPath(objectPath) {
       return (

src/ui/layout/tree-item.vue

@@ -51,6 +51,7 @@
       />
       <object-label
         ref="objectLabel"
+        :title="node.object.name"
         :domain-object="node.object"
         :object-path="node.objectPath"
         :navigate-to-path="navigationPath"