adds charts panel

frontend/src/views/TelemetryListView.vue

@@ -8,9 +8,8 @@ import FlexDivider from '@/components/FlexDivider.vue';
 
 const searchValue = ref('');
 
-const selectValue = ref<
-    [TelemetryDefinition | null, TelemetryDefinition | null]
->([null, null]);
+const selected = ref<TelemetryDefinition | null>(null);
+const mousedover = ref<TelemetryDefinition | null>(null);
 </script>
 
 <template>
@@ -29,7 +28,11 @@ const selectValue = ref<
                 <div class="column grow stretch">
                     <TelemetryList
                         :search="searchValue"
-                        @select="(selection) => (selectValue = selection)"
+                        v-model="selected"
+                        @mouseover="
+                            (mousedover_value) =>
+                                (mousedover = mousedover_value)
+                        "
                     ></TelemetryList>
                 </div>
             </div>
@@ -37,8 +40,8 @@ const selectValue = ref<
         <FlexDivider></FlexDivider>
         <div class="column grow stretch no-basis">
             <TelemetryInfo
-                :telemetry_definition="selectValue[0]"
-                :secondary="selectValue[1]"
+                :mouseover="mousedover"
+                :selection="selected"
             ></TelemetryInfo>
         </div>
     </div>