CSM modal shows stream

webapp/src/components/labThingsComponents/actionButton.vue

@@ -21,6 +21,7 @@
       :task-running="taskRunning"
       :task-started="taskStarted"
       :task-status="taskStatus"
+      :display-stream="modalProgress && streamWithModal"
       @terminate-task="terminateTask"
     />
   </div>
@@ -99,6 +100,11 @@ export default {
       required: false,
       default: false,
     },
+    streamWithModal: {
+      type: Boolean,
+      required: false,
+      default: false,
+    }
   },
 
   emits: [

webapp/src/components/labThingsComponents/actionStatusModal.vue

@@ -2,6 +2,10 @@
   <div ref="modal" class="" uk-modal="bg-close: false; esc-close: false; stack: true;">
     <div id="status-modal" class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical">
       <h2>{{ title }}</h2>
+      <mini-stream-display
+        v-if="displayStream"
+        class="uk-margin-small-bottom"
+      />
       <action-log-display :log="log" :task-status="taskStatus" />
       <div id="progress-and-cancel-row">
         <div class="stretchy">
@@ -29,12 +33,14 @@ import UIkit from "uikit";
 import ActionProgressBar from "./actionProgressBar.vue";
 import ActionLogDisplay from "./actionLogDisplay.vue";
 import { eventBus } from "../../eventBus.js";
+import miniStreamDisplay from "../genericComponents/miniStreamDisplay.vue";
 
 export default {
   name: "ActionStatusModal",
   components: {
     ActionProgressBar,
     ActionLogDisplay,
+    miniStreamDisplay,
   },
 
   props: {
@@ -67,6 +73,11 @@ export default {
       type: String,
       required: true,
     },
+    displayStream: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
 
   emits: ["terminateTask"],

webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue

@@ -13,6 +13,7 @@
         :modal-progress="true"
         @response="onRecalibrateResponse"
         @error="modalError"
+        :streamWithModal="true"
       />
     </div>
     <button