From 3ad21ee01e463a718d7ce90d2dfc65c2c42a1d70 Mon Sep 17 00:00:00 2001
From: Scott Bell <scott@traclabs.com>
Date: Wed, 4 Sep 2024 18:49:54 +0200
Subject: [PATCH] use key instead of name

---
 src/plugins/comps/components/CompsView.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/plugins/comps/components/CompsView.vue b/src/plugins/comps/components/CompsView.vue
index 2fe710e7e9..70b60780a9 100644
--- a/src/plugins/comps/components/CompsView.vue
+++ b/src/plugins/comps/components/CompsView.vue
@@ -51,12 +51,17 @@
       </div>
       <div class="c-cs__content">
         <div class="hint" :class="{ 's-status-icon-warning-lo': !parameters?.length && isEditing }">
-          <div v-for="parameter in parameters" :key="parameter.name" class="telemery-reference">
+          <div
+            v-for="parameter in parameters"
+            :key="parameter.keyString"
+            class="telemery-reference"
+          >
             Reference
             <input
               v-if="isEditing"
               v-model="parameter.name"
               class="telemery-reference-variable-input"
+              @change="updateParameters"
             />
             <div v-else>&nbsp;{{ parameter.name }}</div>
             <ObjectPath
@@ -181,6 +186,7 @@ function reloadParameters() {
 }
 
 function updateParameters() {
+  console.debug('🚀 CompsView: updateParameters', parameters.value);
   openmct.objects.mutate(domainObject, `configuration.comps.parameters`, parameters.value);
   compsManager.setDomainObject(domainObject);
   applyTestData();
@@ -235,7 +241,7 @@ function telemetryProcessor(data) {
     return;
   }
   // new data will come in as array, so just take the last element
-  const currentOutput = data[data.length - 1]?.output;
+  const currentOutput = data[data.length - 1]?.compsOutput;
   const formattedOutput = getValueFormatter().format(currentOutput);
   currentCompOutput.value = formattedOutput;
 }