From 3631f76b232547b7069b0d75e85eaf9b987ed87b Mon Sep 17 00:00:00 2001
From: jaknapper <jaknapper@hotmail.com>
Date: Mon, 16 Feb 2026 17:34:52 +0000
Subject: [PATCH 1/2] CSM modal shows stream

---
 .../components/labThingsComponents/actionButton.vue   |  6 ++++++
 .../labThingsComponents/actionStatusModal.vue         | 11 +++++++++++
 .../CSMSettingsComponents/CSMCalibrationSettings.vue  |  1 +
 3 files changed, 18 insertions(+)

diff --git a/webapp/src/components/labThingsComponents/actionButton.vue b/webapp/src/components/labThingsComponents/actionButton.vue
index 1f2e0efe..8256d47a 100644
--- a/webapp/src/components/labThingsComponents/actionButton.vue
+++ b/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: [
diff --git a/webapp/src/components/labThingsComponents/actionStatusModal.vue b/webapp/src/components/labThingsComponents/actionStatusModal.vue
index 2131ad9d..1d2e5c57 100644
--- a/webapp/src/components/labThingsComponents/actionStatusModal.vue
+++ b/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"],
diff --git a/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue b/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue
index dd448886..10d4e516 100644
--- a/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue
+++ b/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue
@@ -13,6 +13,7 @@
         :modal-progress="true"
         @response="onRecalibrateResponse"
         @error="modalError"
+        :streamWithModal="true"
       />
     </div>
     <button

From 219861cbac346cfffe7ebdd70a7315b7cf97ea4f Mon Sep 17 00:00:00 2001
From: Joe Knapper <jaknapper@hotmail.com>
Date: Wed, 18 Feb 2026 14:08:18 +0000
Subject: [PATCH 2/2] Stream progress in UI.py, resize modal

---
 src/openflexure_microscope_server/ui.py                    | 7 +++++++
 .../components/labThingsComponents/actionStatusModal.vue   | 6 +++++-
 .../labThingsComponents/serverSpecifiedActionButton.vue    | 1 +
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/openflexure_microscope_server/ui.py b/src/openflexure_microscope_server/ui.py
index d6c68290..0f3720dd 100644
--- a/src/openflexure_microscope_server/ui.py
+++ b/src/openflexure_microscope_server/ui.py
@@ -40,6 +40,13 @@ class ActionButton(BaseModel):
     modal_progress: bool = False
     """Specify whether to show a progress modal."""
 
+    stream_with_modal: bool = False
+    """Specify whether to show a mini stream preview in the progress modal.
+
+    This option only has an effect if `modal_progress` is True.
+    If `modal_progress` is False, no modal (and therefore no stream preview) is shown.
+    """
+
     notify_on_success: bool = False
     """Specify whether to a notification on successful completion."""
 
diff --git a/webapp/src/components/labThingsComponents/actionStatusModal.vue b/webapp/src/components/labThingsComponents/actionStatusModal.vue
index 1d2e5c57..b298cc85 100644
--- a/webapp/src/components/labThingsComponents/actionStatusModal.vue
+++ b/webapp/src/components/labThingsComponents/actionStatusModal.vue
@@ -115,7 +115,11 @@ export default {
   margin-left: 5px;
   margin-right: 5px;
 }
-
+#status-modal {
+  max-height: 90vh;   // never exceed 90% of viewport height
+  display: flex;
+  flex-direction: column;
+}
 #status-modal .log-container {
   height: 10em;
 }
diff --git a/webapp/src/components/labThingsComponents/serverSpecifiedActionButton.vue b/webapp/src/components/labThingsComponents/serverSpecifiedActionButton.vue
index b98023da..78f81dd0 100644
--- a/webapp/src/components/labThingsComponents/serverSpecifiedActionButton.vue
+++ b/webapp/src/components/labThingsComponents/serverSpecifiedActionButton.vue
@@ -9,6 +9,7 @@
     :confirmation-message="actionData.confirmation_message"
     :button-primary="actionData.button_primary"
     :modal-progress="actionData.modal_progress"
+    :stream-with-modal="actionData.stream_with_modal"
     @response="actionResponse"
     @error="modalError"
     @finished="actionFinished"