feat: Add markdown renderer to analytics panel outputs display

Author: annehaley

web/package-lock.json

@@ -35,6 +35,7 @@
     "vue": "3.5.34",
     "vue-chartjs": "5.3.3",
     "vue-maplibre-compare": "1.0.27",
+    "vue-markdown-render": "^2.3.1",
     "vue-router": "5.0.6",
     "vuedraggable": "4.1.0",
     "vuetify": "4.0.7"

web/package.json

@@ -8,6 +8,7 @@ import {
   getNetwork,
   subscribeToTaskResult,
 } from "@/api/rest";
+import VueMarkdown from "vue-markdown-render";
 import NodeAnimation from "./NodeAnimation.vue";
 import SliderNumericInput from "../SliderNumericInput.vue";
 
@@ -145,6 +146,7 @@ async function getFullObject(type: string, value: any) {
   } else {
     value = {
       name: value,
+      type: type,
     };
   }
   return value;
@@ -480,6 +482,11 @@ watch(
                               <div v-else>Show network to view animation.</div>
                             </td>
                           </template>
+                          <template v-else-if="value?.type == 'markdown'">
+                            <td colspan="2">
+                              <vue-markdown :source="value?.name" />
+                            </td>
+                          </template>
                           <template v-else>
                             <td>{{ key.replaceAll("_", " ") }}</td>
                             <td>