Add numeric chart panel

app/src/components/Sidebar/ValueRenderer/MessageHistory.tsx

@@ -4,7 +4,7 @@ import BarChart from '@material-ui/icons/BarChart'
 import Copy from '../../helper/Copy'
 import DateFormatter from '../../helper/DateFormatter'
 import History from '../HistoryDrawer'
-import TopicPlot from '../TopicPlot'
+import TopicPlot from '../../TopicPlot'
 import { Base64Message } from '../../../../../backend/src/Model/Base64Message'
 import { isPlottable } from '../CodeDiff/util'
 import { TopicViewModel } from '../../../model/TopicViewModel'

app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx

@@ -53,13 +53,7 @@ class ValuePanel extends React.Component<Props, State> {
       return null
     }
 
-    return (
-      <ValueRenderer
-        message={node.message}
-        messageHistory={node.messageHistory}
-        compareWith={this.props.compareMessage}
-      />
-    )
+    return <ValueRenderer treeNode={node} message={node.message} compareWith={this.props.compareMessage} />
   }
 
   private renderViewOptions() {

app/src/components/Sidebar/ValueRenderer/ValueRenderer.tsx

@@ -9,7 +9,7 @@ import { ValueRendererDisplayMode } from '../../../reducers/Settings'
 
 interface Props {
   message: q.Message
-  messageHistory: q.MessageHistory
+  treeNode: q.TreeNode<any>
   compareWith?: q.Message
   renderMode: ValueRendererDisplayMode
 }
@@ -27,7 +27,7 @@ class ValueRenderer extends React.Component<Props, State> {
   private renderDiff(current: string = '', previous: string = '', language?: 'json') {
     return (
       <CodeDiff
-        messageHistory={this.props.messageHistory}
+        treeNode={this.props.treeNode}
         previous={previous}
         current={current}
         language={language}
@@ -65,9 +65,8 @@ class ValueRenderer extends React.Component<Props, State> {
   }
 
   public renderValue() {
-    const { message, messageHistory, compareWith, renderMode } = this.props
-
-    const previousMessages = messageHistory.toArray()
+    const { message, treeNode, compareWith, renderMode } = this.props
+    const previousMessages = treeNode.messageHistory.toArray()
     const previousMessage = previousMessages[previousMessages.length - 2]
     let compareMessage = compareWith || previousMessage || message
     if (renderMode === 'raw') {